/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding-top:60px;}
.wapNav ul{padding:0 20px;}
.wapNav li{position:relative;font-size:16px;}
.wapNav li a{display:block;color:#222;height:50px;line-height:50px;border-bottom:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#ccc;font-size:1.2em;font-style:normal;position:absolute;right:0;top:0px;line-height:55px;transition:all .5s;}
.wapNav li.cur>a,.wapNav .cur>a:hover,.wapNav li :hover i,.wapNav .cur i{color:#187fc0;}
.wapNav .on i{color:#187fc0;}
.wapNav .on i{transform: rotate(180deg);}
.wapNav .navSub{display:none;border-bottom: 1px solid #eee;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:20px;font-size:15px;border:none;color:#333;}
.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 #ddd;}
.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:1rem;}
.wSearch{overflow:hidden;padding:15px;font-size:12px;}
.wSearch form{margin:0 auto;background:#f1f1f1;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:#333;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#187fc0;}

@media all and (max-width:1860px) {
  .headeR li{margin-left:20px;}
  .header{font-size:.875rem;}
  .nav{width:50%;}
}

@media all and (max-width:1620px) {
  .container{padding-left:5%;padding-right:5%;}
  .demand{margin:0 5%;margin-bottom:40px !important;}
  .pd60,.listWrap,.listMenu_box {overflow:hidden;}
  .quick li a{padding:45px 5%;}
  .demandL h3{font-size:2em;}
  .enterpriseAdv,.proAdv{padding:40px 2%;height:460px;}
  .advNum li b{font-size:3.2em;}
  .newsR li a{padding:25px;height:280px;}
  .newsL li .pic{height:220px;}
  .breadCrumb p{background-position:5% center;padding-left:60px;}
  .listMenu_box{box-shadow:0 3px 8px #eee;}
  .proList li {width:33.3%;}
  .oddsBox1{font-size:.875em;}
}



@media all and (max-width:1440px) {
  body{font-size:.875rem;}
  .header{padding-left:30px;padding-right:30px;}
  .logo img{height:50px;}
  .headeR li{margin-left:15px;}
  .footer{font-size:.75rem;}
  .footInfo .fl li{background-size:38px;padding-left:45px;}
  .footInfo .fl li:nth-child(2){background-position: 0 -48px;}
  .footInfo .fl li:nth-child(3){background-position: 0 -96px;}
  .quick li a{height:170px;padding:40px 3%}
  .quick li span{margin-right:10px;height:85px;background-size:80px;width:85px;}
  .quick li i{height:22px;width:22px;line-height:22px;font-size:12px;}
  .quick li a:hover span{background-position: 0 -80px;}
  .hTitle{font-size:2rem;}
  .proMenu::after{left:30%;}
  .proMain li .pic{height:220px;line-height:220px;}
  .proMain li .txt{height:90px;}
  .pd60{padding-top:50px;padding-bottom:50px;}
  .demand{padding:40px 4%;}
  .demandR{width:50%;}
  .solutionMenu{font-size:18px;}
  .solutionMenu li a{padding:15px 20px;height:110px;}
  .solutionMain li .pic,.solutionMain{height:550px;}
  .enterpriseAdv,.proAdv{height:420px;}
  .advBox li{padding-right:15px;}
  .enterpriseAdv{width:calc(25% - 15px);}
  .advBox{margin-top:15px;}
  .newsR li{padding-left:15px;margin-bottom:15px;}
  .newsL li{margin-bottom:15px;}
  .proSide_sub li a{height:70px;line-height:70px;}
  .proSider .title span::after{height:24px;}
  .listMenu a{padding:0 30px;font-size:16px;}
  .proSlide li{height:500px;}
  .proSynopsis .font{height:270px;}
  .proSynopsis .title span{font-size:2.2em;}
  .solutionList li .pic{height:320px;}
  .solutionList li .tag{min-height:80px;}
  .videoList li{width:33.3%;}
  .oddsBox1{font-size:13px;}
  .oddsBox2 li{padding-left:20px;margin-bottom:20px;}
  .oddsBox2 li a{padding:25px 5%;height:260px;}
  .leftPic{height:540px;}
  .oddsBox2 li b{font-size:3em;}
  .mb80,.mb60{margin-bottom:50px;}
  .aboutBox .pic{height:460px;}
  .aboutBox2 .pic{height:460px;}
  .aboutBox2.mb20{margin-bottom:0;}
  .aboutBox2 .txt{height:120px;}
  .newsList li p{line-height:1.8;}
  #dituContent{height:500px;}
}

@media all and (max-width:1260px) {
  .container,.header{padding-left:15px;padding-right:15px;overflow:hidden;}
  .headeR li a{font-size:0px;}
  .headeR li i{font-size:1.25rem;}
  .nav{width:60%;margin-left:15px;}
  .logo img{height:40px;}
  .footWx{width:220px;}
  .footMenu{width:70%;}
  .quick li{width:50%;margin-bottom:2px;}
  .proMain li{margin-bottom:20px;}
  .proMain li .pic{height:180px;line-height:180px;}
  .proMain li .txt{height:80px;}
  .proMain li h4{padding-bottom:10px;margin-bottom:10px;}
  .proMain li a{margin-right:18px;}
  .demand{margin:0 15px;}
  .demandL h3{font-size:1.6em;}
  .listBan, .mzsmBanner{height:400px;}
  .breadCrumb p{background-position:15px center;line-height:30px;padding-left:50px;}
  .listMenu_box::after{display:none;}
  .listMenu_box{box-shadow:0 3px 8px #eee;}
  .listMenu a{padding:0 25px;font-size:14px;}
  .menuSub a{margin-right:20px;}
  .proSider{font-size:1em;}
  .proSide_sub li ul a{line-height:30px;height:30px;}
  .proSide_sub li a{padding-right:20px;}
  .proList ul,.videoList ul,.newsList ul,.caseList{margin-right:-20px;}
  .proList li,.videoList li,.newsList li,.caseList li{padding-right:20px;margin-bottom:20px;}
  .proSlide li{height:460px;}
  .proSynopsis .font{height:230px;}
  .moreBtn{margin-right:20px;}
  .gallerySmall li{width:20%;}
  .leftPic{display:none;}
  .oddsBox2 .main{width:100%;}
  .oddsBox2 ul{margin-left:-15px;}
  .oddsBox2 li{padding-left:15px;margin-bottom:15px;}
  .aboutNum {font-size:1em;}
  .aboutNum li span{display: block;width:100%;margin-top:5px;}
  .newsList li {width:33.3%;}
  .partnerList li{width:16.66%;}
  .searchList li{width:33.3%;}
  #dituContent{height:460px;}
}



@media all and (max-width:1024px) {
  body{padding-top:60px;font-size:.875rem;}
  .header{height:60px;line-height:60px;background:#fff;border-bottom: 1px solid #eee;}
  .header .main{height:60px;}
  .nav,.headeR,.gr_kefu,.banner .big,.footWx,.proSide_sub,.listMenu_box p,.relaPro,.proShow_R .wx,.picShow_r,.proMenu::after{display:none;}
  .navTrigger,.wapTel,.banner .small,.wapTip,.proSider .title i{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .footMenu{float:none;width:100%;display:block;} 
  .footMenu dl{width:100%;border-bottom: 1px solid #787878;margin-bottom:15px;}
  .footMenu dl:last-child{margin-bottom:0;}
  .footMenu dt{margin-bottom:15px;font-size:15px;}
  .footMenu dd{display:none;padding-bottom:15px;}
  .footMenu dd a{padding-left:20px;}
  .footMenu .menu2{max-width:100%;}
  .footMenu .menu2 dd a{float:none;min-width:100%;margin-left:0 !important;}
  .footMenu dt::after,.footMenu dt::before,.wapLang,.footMenu .n a,.proSider .title {display:block;}
  .footMain{padding:15px;}
  .footInfo{padding:0;border:none;margin-bottom:15px;}
  .footInfo .fl,.footInfo .fr{float:none;width:100%;max-width:100%;}
  .footInfo .fr{text-align:center;border-top: 1px solid #787878;padding-top:20px;margin-top:20px;}
  .footLink{padding:15px 0;}
  .banner .swiper-pagination{bottom:10px;}
  .pd60, .listWrap{padding-top:40px;padding-bottom:40px;overflow:hidden;}
  .demandL,.demandR,.newsL,.newsR,.proSider,.proList,.gallery,.proShow_main,.picShow_r,.proShow_R,.solutionIndex li .pic,.aboutBox_r,.aboutBox_l,.service .pic,.service .info,.solutionShow,.solutionFont,.newsShow,.showMain,.aboutBox2 .pic,.aboutBox2 .main{float:none;width:100%;}
  .hTitle{font-size:28px;margin-bottom:25px;}
  .proMenu{display:flex;justify-content:space-between;margin-bottom:20px;flex-flow:row wrap;}
  .proMenu a{margin:0;padding:0;width:auto;border-radius:0;height:50px;line-height:50px; padding:0 15px;box-shadow:0 0 0 2px#fff inset;flex-grow:1;font-size:16px;}
  .proMain li {width:100%;padding:20px;}
  .proMain li .pic{width:32%;}
  .demandL {margin-bottom:25px;}
  .demandL h3{margin-bottom:20px;}
  .solutionMenu,.solutionMain{width:100%;float:none;height:auto;}
  .solutionMenu{overflow:hidden;padding-left:0;}
  .solutionMenu li{width:20%;}
  .solutionMain li .pic,.solutionMain{height:420px;}
  .mt40{margin-top:25px;}
  .enterpriseAdv {width:calc(40% - 15px);}
  .proAdv{width:60%;}
  .advBox li{width:50%;margin-bottom:15px;}
  .newsL li,.newsR li{float: left;width:49%;padding-left:0;}
  .newsL li:nth-child(2n),.newsR li:nth-child(2n){float:right;}
  .breadCrumb{font-size:12px;padding:15px 0;}
  .breadCrumb p{padding-left:40px;background-size:15px;}
  .listMenu_box{height:auto;line-height:2;padding:0;}
  .listMenu{margin-top:-1px;max-width:100%;float:none;}
  .listMenu a{line-height:56px;padding:0 20px;} 
  .menuSub{padding:15px;text-align:center;}
  .proSider{margin-bottom:30px;}
  .proSider .title span::after,.listMenu .cur.on::before,.proShow_sider{display:none;}
  .proSider .title span{padding-left:0;}
  .proSider .title{background:none;height:52px;line-height:50px;border-top: 1px solid #ddd;color:#191919;font-size:18px;text-align:left;padding:0;border-bottom: 1px solid #ddd;}
  .proSide_sub li a{height:50px;line-height:50px;padding:0 3%;}
  .proSide_sub .down>a i{transform:rotate(90deg);}
  .proList ul{padding:0;}
  .proList li a{box-shadow:none;border:1px solid #eee;}
  .proSynopsis,.proSlide,.proShow_con,.solutionList {float:none;width:100%;}
  .proSlide{margin-bottom:20px;}
  .proSynopsis .font{height:auto;padding-bottom:15px;}
  .proSynopsis .title{padding-bottom:15px;margin-bottom:15px;}
  .proSynopsis .title span{font-size:2em;}
  .proShow_con .main{padding:25px 3%;}
  .proShow_con .tie{font-size:1.5em;padding:0 3%;}
  .proShow_con .tie span{height:60px;padding-top:15px;}
  .showPage{padding:20px 3%;}
  .relatedPro .tie{margin-bottom:25px;font-size:24px;}
  .moreBtn{margin-right:15px;}
  .showCon,.showMain .title{padding:15px;}
  .galleryBig li{height:460px;}
  .oddsBox1 li{width:100%;}
  .oddsBox1 .two{flex-flow:row;}
  .oddsBox1 li:nth-child(2n){flex-flow:row-reverse;}  
  .oddsBox2 li .txt{font-size:1em;}
  .mb80,.mb60{margin-bottom:30px;}
  .aboutBox .pic,.aboutBox2 .txt{height:auto;}
  .aboutBox2 .pic,.contactCon{margin-bottom:25px;}
  .aboutBox2 .tie,.setting .tie{font-size:2.5em;}
  .picList ul,.caseList ul,.setting ul{margin-right:-15px;}
  .proList li,.picList li,.caseList li,.setting li{padding-right:15px;width:33.3%;}
  .newsList li,.faqList li{width:50%;}
  .faqList ul{margin-left:-20px;}
  .faqList li{padding-left:20px;}
  .partnerList li{width:20%;}
  #dituContent{height:420px;margin-bottom:25px;}
  .layer_video{width:96% !important;height:60% !important;}
  .feedback,.contactCon {float:none;width:100%;max-width:100%;}
  .contactCon .txt{margin-bottom:15px;}
}


@media all and (max-width:768px) {
  .pd60,.listWrap{padding-top:30px;padding-bottom:30px;}
  .footInfo .fl{flex-flow:row wrap;}
  .footInfo .fl li:nth-child(1){width:100%;margin-bottom:10px;}
  .hTitle{font-size:24px;}
  .proMenu a{height:40px;line-height:40px;}
  .solutionMenu{font-size:16px;}
  .solutionMenu li a{padding:15px;}
  .solutionMain{height:340px;}
  .advNum li b{font-size:3em;}
  .newsR li a{padding:20px;height:220px;}
  .newsR li .text{height:90px;}
  .newsR li .date{padding-top:15px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .listBan, .mzsmBanner,.solutionIndex li .pic,.aboutBox_r,.service .pic{height:360px;}
  .breadCrumb .back{display:none;}
  .listMenu a{padding:0 15px;font-size:15px;}
  .listBan .txt h3{font-size:28px;padding-bottom:15px;margin-bottom:15px;}
  .listBan .txt h3::after{width:50px;height:2px;margin-left:-25px;}
  .listBan .txt p{font-size:32px;}
  .proList ul{margin-right:-10px;}
  .proList li{width:50%;padding-right:10px;margin-bottom:10px;}
  .proSlide li {height:auto;}
  .proSlide li a{position:relative;padding-top:85%;display:block;overflow:hidden;}
  .proSlide li img{position:absolute;top:0;left:0;}
  .solutionList li .pic,.solutionList li .txt{width:100%;}
  .solutionList li .pic{height:auto;}
  .solutionList li .txt{padding:15px;}
  .solutionList li .tag{min-height:auto;}
  .solutionList li .text{margin-bottom:20px;}
  .showMain .title{font-size:1.5em;}
  .gallerySmall{margin-top:15px;}
  .gallery{padding-bottom:0;border-bottom: 1px solid none;}
  .galleryBig li{height:420px;}
  .gallerySmall{opacity:0;transform:scale(0);height:0;margin-top:0;}
  .gallery .btn{top:45%;}
  .videoList li {width:50%;}
  .oddsBox2 li{width:100%;}
  .oddsBox2 li a{height:auto;padding:20px 15px;}
  .oddsBox2 li .txt{padding-bottom:10px;}
  .oddsBox2 li .icon{background-size:50px;width:50px;height:48px;}
  .aboutNum li b{font-size:3em;}
  .aboutBox2 .pic{height:auto;}
  .newsList ul,.caseList,.picList ul,.setting ul{margin-right:-10px;}
  .newsList li,.caseList li,.setting li{padding-right:10px;margin-bottom:10px;}
  .picList li p{margin-top: 10px;}
  .picList li,.setting li{margin-bottom:15px;width:50%;font-size:13px;}
  .showTie{padding:20px 0;}
  .showTie h1{font-size:24px;margin-bottom:10px;}
  .partnerList li{width:25%;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  #dituContent{float:none;width:100%;}
    div.message_fix{width:96%;left:2%;margin-left:0;padding:25px;height:380px;margin-top:-190px;}
}

@media all and (max-width:640px) {  
  .quick li i{display:none;}
  .quick li a{padding:15px;height:90px;font-size:12px;}
  .quick li span{background-size:50px;width:55px;height:50px;background-position: 0 0;}
  .quick li a:hover span{background-position: 0 -50px;}
  .proMain{padding:0;}
  .proMain li{padding:10px;float:left;width:49%;border-radius:5px;box-shadow:none;border: 1px solid #ddd;}
  .proMain li .pic{position:relative;padding-top:85%;display:block;overflow:hidden;float:none;width:100%;border-bottom: 1px solid #ddd;margin-bottom:10px;}
  .proMain li .pic img{position:absolute;top:0;left:0;}
  .proMain li:nth-child(2n){float:right;}
  .proMain li h4{font-size:16px;padding-bottom:0;margin-bottom:0;text-align:center;}
  .proMain li .txt,.proMain li .btn,.proMain li h4::after,.proList li p span{display: none;}
  .demandR .text,.demandR .sub{width:100%;}
  .solutionMenu li{width:33.3%;}
  .solutionMain li .txt{padding:15px;}
  .solutionMain li .more{position:static;padding-right:0;display:inline-block;padding:0 15px;margin-top:15px;display:none;}
  .enterpriseAdv,.proAdv{float:none;width:100%;height:auto;padding:30px 3%;margin-bottom:10px;border-radius:8px;}
  .advBox{margin-right:-10px;margin-top:5px;}
  .advBox li{padding-right:10px;margin-bottom:10px;}
  .advBox li p{font-size:14px;}
  .advBox li a{border-radius:5px;}
  .newsR li,.newsL li{width:100%;}
  .newsR li .text{height:auto;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:3;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:3;}
  .newsR li .date{margin-top:15px;}
  .newsR li a{height:auto;}
  .mt40{margin-top:15px;}  
  .listBan, .mzsmBanner,.solutionIndex li .pic,.showdec_s .bgImg,.newsSlide li .pic,.aboutBox_r,.service .pic{height:300px;}
  .listBan .txt p{font-size:28px;}
  .menuSub a{margin-right:14px;padding-left:10px;}
  .menuSub a::after {width:3px;height:3px;}
  .proList li p{text-align:center;height:60px;line-height:60px;padding:0 10px;}
  .proList li p b{font-size:15px;}
  .showPage li{float:none;width:100%;}
  .relatedPro .tie{margin-bottom:15px;font-size:22px;}
  .proSynopsis .title span{font-size:24px;}
  .galleryBig li{height:320px;}
  .videoList li {width:100%;}
  .videoList li {width:100%;}
  .oddsBox1 li .txt{padding:15px;}
  .aboutBox .tie2{margin-bottom:10px;}
  .aboutBox .hTitle span{display:inline;}
  .aboutNum {margin-top:25px;}
  .aboutNum li b{font-size:2.5em;}
  .aboutNum li{width:32%;padding-bottom:10px;}
  .newsList li{width:100%;margin-bottom:25px;}
  .newsList li .txt{padding:10px;}
  .newsList li p{height:auto;margin-bottom:0;}
  .newsList li .date{display:none;}
  .faqList li{width:100%;}
  .showPage p{float:none;width:100%;margin-bottom:5px;}
  .feedback p,.feedback .sub{width:100%;float:none;}
  .feedback .code .c{width: 60%;}
  .feedback .code .sub{margin-top: 10px;float:none;width:100%;height:50px;line-height:50px;}
  .feedback p{height:50px;line-height:50px;}
  .feedback .tarea{height:100px;}
  .feedback p{margin-bottom:10px;}
  #dituContent{height:300px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .message_fix .tie{font-size:1.6em !important;}
}

@media all and (max-width:480px) {
  .quick li{text-align:center;}
  .quick li a{height:160px;}
  .quick li span{float:none;display:block;margin:0 auto;margin-bottom:15px;}
  .hTitle{font-size:22px;}
  .solutionMain{height:280px;}
  .solutionMenu li:nth-child(10){display:none;}
  .listBan, .mzsmBanner,.solutionIndex li .pic,.showdec_s .bgImg,.aboutBox_r,.service .pic,.proInfo .pic,.galleryBig li{height:260px;}
  .listBan .txt h3{font-size:22px;padding-bottom:10px;margin-bottom:10px;}
  .listBan .txt p{font-size:18px;}
  .proList li p{height:42px;line-height:42px;}
  .proList li p b{font-size:14px;}
  .proSynopsis .tel{background-size:30px;padding-left:40px;}
  .proSynopsis .tel span{font-size:1.5em;}
  .gallery .btn{height:40px;line-height:40px;width:25px;}
  .showCon .tie{font-size:18px;}
  .oddsBox1 li{flex-flow:row wrap !important;}
  .oddsBox1 li .pic,.oddsBox1 li .txt{width:100%;}
  .oddsBox1 li .pic{height:auto;}
  .aboutNum li b,.aboutBox2 .tie,.setting .tie{font-size:2em;}
  .aboutNum li i{font-size:12px;}
  .advNum li b{font-size:2.5em;margin-right:5px;}
  .partnerList li{width:33.3%;}
  #dituContent{height:260px;}
}
@media all and (max-width:390px) {
  .footInfo .fl li:nth-child(1){background-position:left 15px;}
  .listBan,.mzsmBanner,.newsSlide li .pic,.aboutBox_r,.service .pic,.proInfo .pic,.galleryBig li{height:200px;}
}