/*  WAP涓诲鑸?*/
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:123px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-top:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#083884;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f1f1f1;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:25px;font-size:.875em;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;border-top:1px solid #eee;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1.4rem;}
.wSearch{background:#f1f1f1;overflow:hidden;padding:20px 15px;font-size:12px;}
.wSearch form{margin:0 auto;background:#fff;height:40px;overflow:hidden;padding-right:60px;}
.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:10px;}
.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#083884;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#0097ff;}


@media all and (max-width:1400px) {
    .pbitSubCon li {
        width:30.33%;
    }

    .pbitSubCon .img {
        width: 100%;
        height: 100%;
    }
    .pbitSubCon ul {
        width: auto;
    }
  
    .recommender_box {
        width: auto;
        list-style-type: none;
        display: flex;
        justify-content: space-between;
    }
    .api_piliiSubCon ul {
        width: auto;
        display: flex;
        justify-content: space-between;
    }

    .api_piliiSubCon li {
        width: 600px;
        overflow: hidden;
        color: #919191;
        font-size: 14px;
        padding: 40px 40px;
        text-align: center;
        line-height: 20px;
        border-right: 1px solid #E8ECF0;
        border-top: 1px solid #E8ECF0;
        position: relative;
    }


  .container{padding-left:15px;padding-right:15px;}
  .nav{padding-left:25%;}
  .header .logo{left:15px;}
  .headR{right:15px}
  .footMain{padding-right:180px;}
  .footWx{margin-right:-165px;}
  .product ul{margin-right:-20px;}
  .product li{padding-right:20px;margin-top:20px;}



  .pro_tabMenu a {margin-left:30px;}
  .hTitle{font-weight:normal;}
  .hTitle{font-size:2.375em;}
  .case li{width:35%;}
  .newsMain li p{font-size:12px;}
  .proShow_R .font{font-size:12px;}
  .caseList li h4{font-size:1.286em;font-weight:normal;}
  .caseList li p{height:90px;}
  .proShow_R .font{min-height:120px;}
  .newsList ul{margin-right:-15px;}
  .newsList li{padding-right:15px;}
  .supportL{padding-top:0;}
  .proShow_R .btn a{height:40px;line-height:40px;}
  .downL{padding:4% 2%;}
  .contactR{padding-right:200px;}
  .contactR .wx{float:right;margin-right:-160px;width:140px;padding-top:20px;}
  .contactR .titie{font-size:1.8em;}

  
  .foot_left_1{float: left;width: 20%;display:none;}
  .foot_left_2 {width: 100%;float: none;margin: 50px 0 0 0;}
  .foot_left_2 .right_sum_box {width:auto;overflow:hidden;}





}

@media all and (max-width:1200px) {
/*  .header .logo img{height:50px;}*/
  .nav{padding-left:20%;font-size:1em;}
  .footer{font-size:.75rem;}
  .footFont{padding:2%;}
  .product li{font-size:1.143em;}
  .product li a{padding-right:20px;}
  .solution ul{margin-right:-10px;}
  .solution li{padding-right:10px;margin-bottom:10px;}
  .solution .s1 a{height:470px;}
  .proMenu{font-size:.913em;}
  .applySlide li,.applyFont{height:460px;}
  .picList ul{margin-right:-15px;}
  .picList li{padding-right:15px;}

  .listMenu li{min-width:140px;}
  .aboutBox1 .left{height:auto;}
  .aboutBox1 .tie{margin-bottom:15px;padding-top:0;}
  .job .left{display:none;}
  .jobRight{width:100%;float:none;}

  .proShow_R .tel span{display: block;margin-left:0;}
  .proShow_R .tel{display:none;}
  .newsList li{width:33.3%;}
  .newsSlide li .pic{height:480px;}
  .picShow_r li p{display:none;}
  .supportL{font-size:1em;}


}


@media all and (max-width:1024px) {
    .sosuo {
        display:none;
    }
    .aboutBoxny .left {
        display: none;
    }
    .aboutBoxny .right {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .pbitSubCon li {
        width: 45%;
    }

    .pbitSubCon .img {
        width: 100%;
        height: 100%;
    }


    .pbitSubCon ul {
        width: auto;
    }
    .pbitSubCon li:nth-child(2n) {
        margin-right: 0;
    }
    .pbitSubCon li:nth-child(4n) {
        margin-right: 0;
    }
    .pbitSubCon li:nth-child(6n) {
        margin-right: 0;
    }
    .pbitSubCon li:nth-child(8n) {
        margin-right: 0;
    }
    .pbitSubCon li:nth-child(10n) {
        margin-right: 0;
    }
    .pbitSubCon li:nth-child(12n) {
        margin-right: 0;
    }
    .pbitSubCon li:nth-child(14n) {
        margin-right: 0;
    }
    .pbitSubCon li:nth-child(16n) {
        margin-right: 0;
    }
    .pbitSubCon li:nth-child(18n) {
        margin-right: 0;
    }
    .recommender_box {
        width: auto;
        list-style-type: none;
        display: inline-block;
    }
        .recommender_box .recommender_left {
            width: auto;
        }
        .recommender_box .recommender_right {
            height: auto;
            width: auto;
        }
    .api_piliiSubCon ul {
        width: auto;
        display: inline-block;
    }

    .api_piliiSubCon li {
        width: auto;
        overflow: hidden;
        color: #919191;
        font-size: 14px;
        padding: 40px 40px;
        text-align: center;
        line-height: 20px;
        border-right: 1px solid #E8ECF0;
        border-top: 1px solid #E8ECF0;
        position: relative;
    }
  .box_bg_01 .container .left .logo {display:none; }
  .box_bg_01 .container .right {width: 100%;}
  .sosoy{display:none;}

  body{padding-top:0px;font-size:.875rem;}
  .headR,.nav,.gr_kefu,.banner .swiper-button-white,.footWx,.firendlink,.proMain li.big h4::after,.breadCrumb,.picShow_r,.bshare-custom,.feedbackL,.aboutL::after,.kefuSide{display:none;}


  .header{height:90px;line-height:90px; background:url('dibulogsslade.jpg'); border-top: 0px solid #CDCDCD;}

  .header .logo {line-height:58px; margin-top: 13px;}

  .header .logo img{height:46px;display:block;margin-top: 2vw;}


  .navTrigger,.footMenu_wap,.proMain li:last-child,.relative_pro li:nth-child(4),.footMenu_wap{display:block;}
  .nav_on{opacity:1;transform: translateX(0); background-color: white; padding: 130px 0;}
  .footer,.footMain{padding:0;}
  .footMenu_wap li{float:left; width:25%;text-align:center;height:40px;line-height:40px;border-right: 1px solid #eee;border-bottom: #eee;}
  .footMenu_wap{width:40%;}
  .footFont{width:60%;padding:0 5%;min-height:100%;}
  .footMain{padding-right:15px;padding:30px 0;}
  .footMenu_wap li{float:left;width:50%;;height:40px;line-height:40px;}
  .messageL,.messageR,.gallery,.proShow_R,.proShow_l,.picShow_l,.feedbackR,.aboutBox1 .left,.aboutBox1 .right,.applySlide,.applyFont,.downL,.downR,.contactR,#dituContent{float:none;width:100%;}
  .product li .pic{width:52%;line-height:140px;height:140px;padding-right:2%;}
  .solution li a{height:200px;}
  .solution li h4{top:25px;}
  .solution .s1 a{height:410px;}
  .messageL p{height:auto;margin-bottom:15px;}
  .messageR{margin-top:30px;}
  .messageL .title{text-align:center;}
  .messageL .title::after{left:50%;margin-left:-8px;}
  .newsMain .txt a{padding:20px;}
  .newsMain li{width:50%;margin-bottom:15px;}
  .newsMain li h4{margin-bottom:20px;}
  .newsMain .pic .bgImg{height:285px;}
  .pd70,.listWrap{padding-top:40px;padding-bottom:40px;}
  .proList ul{padding-right:-15px;}
  .proList li{width:33.3%;padding-right:15px;margin-bottom:15px;}
  .listBanner{height:360px;text-align:center;}
  .listMenu{font-size:1em;display: flex;flex-flow: row wrap;justify-content: center;margin-top:40px;}
  .listMenu a{flex-grow:1;height:45px;line-height:45px;display:block;border:1px solid #bbb;min-width:100px;margin:0;margin-left:-1px;margin-top:-1px}
  .listMenu .cur{background:#007ed4;color:#fff;border:1px solid #007ed4;}

  .gallery li a:after{font-size:1rem;}
  .proShow_box2{margin-top:40px;}
  .proShow_box1 {padding-bottom:30px;}
  .proShow_R .font{min-height:auto;}
  .proShow_R {padding-top:30px;}
  .applyFont{height:auto;}
  .applyList li,.applyList li .pic,.applyList li .txt{height:420px;}
  .applyList li h4{font-size:2em;}
  .listMenu a::after{display:none;}
  .proWrap {padding-top:0;}
  .aboutBox1 .right{height:auto;padding-top:30px;}
  .aboutBox1 .tie{margin-bottom:20px;}
  .aboutBox1 .txt{height:auto;padding-bottom:25px;}
  .culture li i{width:90px;height:90px;}
  .picList li{width:33.3%;}
  .jobTop{height:360px;}
  .jobList li{padding:0 20px;}
  .caseList li{width:100%;margin-bottom:20px;}
  .caseList li p{height:80px;}
  .newsList li p{font-size:.75rem;}
  .newsSlide .slideIcon{height:60px;line-height:60px;}
  .newsSlide li .pic{height:380px;}
  #dituContent{height:420px;}
  .contactR{height:auto;overflow: hidden;}
  .contactR .font{max-height:auto;}

  .foot_left_1{float: left;width: 20%;display:none;}
  .foot_left_2 {width:auto; float: left;margin: 30px 3% 0 3%;}

  .foot_left_2 .right_sum_box .left{width:100%;}
  .foot_left_2 .right_sum_box .right {float: left;width: 100%;}
    .foot_left_2 .right_sum_box .right .dianhua {
        color: #b3deff;
        font-size: 22px;
        margin-bottom: 8px;
        margin-top:20px;
    }
    .foot_left_2 .right_sum_box .left .img_02 {
        width: 260px;
        height: 60px;
        vertical-align: baseline;
        margin-left:20px;
    }

    .bSubCon{width: auto;overflow:hidden;text-align:left;line-height:30px;}
    .bSubCon a:hover{color:#666666;text-decoration:underline;}
    .rSubCon{width:auto;overflow:hidden;text-align:left;line-height:30px;}
    .rSubCon a:hover{color:#666666;text-decoration:underline;}

}

@media all and (max-width:920px) {
  .solution li a{height:160px;}
  .solution .s1 a{height:330px;}
  .proDown dd{float:none;width:100%;}
}

@media all and (max-width:768px) {


    .pbitSubCon li {
        width: 45%;
    }
    .pbitSubCon .img {
        width: 100%;
        height: 100%;
    }


    .footer, .footMain {
        padding: 0;
    }
  .footMenu_wap,.footFont{width:100%;}
  .footMenu_wap li{width:25%;text-align:center;height:40px;line-height:40px;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
  .footFont{padding:25px 15px;}
  .footFont .txt{margin-top:0;}
  .product ul{margin-right:-10px;}
  .product li{width:50%;padding-right:10px;margin-top:10px;}
  .solution li.s1{width:100%;}
  .solution li{width:50%;}
  .solution .s1 a{height:210px;}
  .solution li h4{left:25px;}
  .newsMain .pic{display:none;}
  .newsMenu a{width:160px;}
  .listBanner{height:300px;}
  .listBanner h3{font-size:2em;top:42%;font-weight:normal;}
  .listBanner h3 span{display:none;}
  .proMenu{padding:20px;}
  .proMenu dl{padding-left:0;padding-bottom:5px;}
  .proMenu dt{float:none;margin-left:0;margin-bottom:8px;}
  .proMenu dd a{margin-bottom:6px;display:inline-block;}
  .applyList li,.applyList li .pic,.applyList li .txt{height:auto;}
  .applyList li .pic{height:380px;}
  .applyList li .pic,.applyList li .txt,.showPage a,.showPage a:nth-child(2){float:none;width:100%;}
  .applyList li .txt .info{min-height:auto;}
  .applySlide{height:380px;}
  

  .aboutBox1 .left{height:auto;}
  .listTie{margin-bottom:30px;}
  .listTie span{font-size:12px;}
  .culture li{width:50%;margin-bottom:40px;}
  .culture li p{min-height:80px;}
  .honor .menu{font-size:1.286em;margin-bottom: 20px;}
  .honor .menu a{width:150px;margin:0 5px;height:38px;line-height:38px;}
  .jobRight li a{padding:15px;}
  .jobRight li a::after{right:10px;font-size:28px;}
  .jobTop .bgImg,.jobTop .txt,.jobList .font .txt,.feedback h4,.feedback h3,.showPage a,.showPage a:nth-child(2),.newsSlide li .pic,.newsSlide li .txt,.supportL,.supportR,.faqList li,.faqList li:nth-child(2n){float:none;width:100%;}
  .jobTop .txt,.jobTop{height:auto;}
  .jobTop .bgImg{height:360px;}
  .jobList .font .txt,.feedback h3,.feedback .top{margin-bottom:20px;}
  .jobList .font .txt .tie{margin-bottom:10px;}
  .jobShow .more{float:none;width: 100%;display: block;margin-top: 20px;}

  .proShow_box1 {border:none;padding-bottom:0;}
  .newsList li{width:50%;}
  .newsSlide .slideIcon{width:100%;position: relative;text-align:center;}
  .supportR{margin-bottom:30px;}
  .proSear{width:100%;}
  .showPage{height:auto;line-height:1.4}
  .showPage a{margin-top:15px;}
  .showPage a,.showPage a:nth-child(2){display:block;}
  .showPage a:nth-child(3){border:none;border-top: 1px solid #bbb;width:100%;margin-top:10px;line-height:40px;}
  .downR{margin-top:20px;}
  .downList .more{font-size:14px;}
  #dituContent{height:380px;}


  .slick-z11 .item {
        float: left;
        width: 100%;
        background-color: #fff;
        margin: 0 1.33% 3.33% 0;
        position: relative;
        display: block;
        border: 1px solid #f2f2f2;
        transition: all .3s;
  }



}

@media all and (max-width:640px) {
  .product li .pic{height:120px;line-height:120px;}
  .product li h4{padding:30px 0 20px 0;}
  .solution li a{height:140px;}
  .solution .s1 a{height:170px;}
  .newsMenu a{width:140px;font-size:15px;}
  .proList ul{margin-right:-10px;}
  .proList li{width:50%;margin-bottom:10px;padding-right:10px;}
  .proList li h4{height:40px;}
  .listBanner{height:240px;}
  .listTie strong{font-size:1.286rem;}
  .listTie strong::after, .listTie strong::before{top:15px;}
  .applyList li .pic{height:260px;}



  .case li{width:60%;}
  .aboutMenu li a{height:180px;padding-top:40px;}
  .newsMain{margin-right:0;}
  .newsMain li{width:100%;float:left;padding-right:0;}
  .newsMain li p{height:auto;padding-bottom:20px;margin-bottom:15px;}
  .newsMain li h4{margin-bottom:10px;}
  .aboutL{height:360px;}
  .culture li p{min-height:90px;}
  .job .tie2 span{display:block;}
  .picList ul{margin-right:-10px;}
  .picList li p{margin-top: 10px;}
  .picList li{padding-right:10px;margin-bottom:15px;width:50%;}
  .jobTop .bgImg{height:300px;}
  .jobList .top{padding-right:0;}
  .jobList .top a{margin-right:0;width:100%;margin-top:10px;}
  .jobList .top span{width:50%;}
  .jobList .top .tie{width:100%;}
  .gallery-thumbs li{width:33.3%;padding-top:24%;}
  .caseList li p{margin-bottom:15px;padding-bottom:20px;}
  .proList li h4{font-size:.75rem;}
  .caseList li .pic,.caseList li .txt{float:none;width:100%;}
  .caseList li .pic{height:380px;}
  .caseList li,.caseList li p{height:auto;}
  .newsSlide li .pic{height:320px;}
  .newsList li{width:100%;float:none;display:block;}
  .newsList li p{padding-bottom:0;border-bottom: none;height:auto;margin-bottom:10px;}
  .supportR{height:280px;}
  .hTitle{margin-bottom:30px;}
  .feedback p,.feedback .sub{width:100%;}
  .feedback .code .c{width: 60%;}
  .feedback .sub{margin-top: 10px;}
  .feedback p{padding-left: 40px;}
  #dituContent{height:300px;}
  .messageR .code .c{width:30%;}
  .contactR{padding-right:0;}
  .contactR .wx,.contactR .font{float:none;margin-right:0;width:100%;}
  .contactR .wx p{float: left;width:50%;width:120px;margin-right:30px;}
    .commontext {
        margin: 0 auto;
        text-align: left;
        overflow-x: auto;
        line-height: 25px;
        width: 95%;
    }
}

@media all and (max-width:480px) {
  .product li a{padding-right:0;}
  .product li .pic{float:none;width:100%;display: block;height:100%;line-height:100%;padding-right:0;}
  .product li h4{text-align:center;height:60px;padding-top:10px;}
  .product li h4::after{display:none;}
  .solution ul{margin-right:-5px;}
  .solution li{padding-right:5px;margin-bottom:5px;}
  .solution li a{height:100px;}
  .solution li h4{font-size:1.6em;left:15px;}
  .solution li h4::after{display:none;}
  .solution .s1 a{height:140px;}
  .messageR p,.messageR p:nth-child(2n){width:100%;float:none;}
  .messageR .tel{margin:0;margin-bottom:10px;}
  .newsMenu a{width:110px;}
  .listBanner{height:180px;}
  .listTie strong::after, .listTie strong::before{display:none;}
  .proTie span{width:110px;}
  .applyList li .btn{height:40px;line-height:40px;width:45%;}
  .applyList li .pic,.applySlide{height:220px;}
  .jobTop .bgImg{height:220px;}
  .caseList li .pic{height:240px;}
  .honor .swiper-pagination{display:none;}
  .newsSlide li .pic{height:240px;}
  .supportR{height:200px;padding-right:10px;padding-top:10px;}
  #dituContent{height:220px;}
}