/*  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:60px 20px 20px 20px;}
.wapNav li{position:relative;font-size:16px;}
.wapNav li a{display:block;color:#222;height:55px;line-height:55px;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:#004ea2;}
.wapNav .on i{color:#004ea2;}
.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{background:#f1f1f1;overflow:hidden;padding: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:#333;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#004ea2;}

@media all and (max-width:1800px) {
  .header{padding:0 30px;}
  .nav{margin-left:8%;}
  .cultureTxt p{max-width:790px;}
  #sidebar.sticky {right:2%;}
}

@media all and (max-width:1600px) {
  .header{font-size:1rem;}
  .headR {position:absolute;right:30px;}
  .headR a{margin-left:12px;}
  .nav{margin-left:0;float:right;margin-right:380px;}
  .container,.listBan .txt{max-width:1240px;}
  .pd60,.listWrap{overflow:hidden;}
  .banner .btn{top:52.8%;}
  .industryMain li .text{font-size:2em;}
  .industryMain .btns{left:50%;margin-left:-620px;}
  .aboutPic{width:500px;}
  .aboutL{padding-right:440px;}
  .breadCrumb p{background-position:30px center;padding-left:60px;}
  .listMenu_box{box-shadow:0 3px 8px #eee;}
  .newsSlide li .pic{height:450px;}
  .newsList li{width:33.3%;}
  .proList ul{font-size:1.286em;}
  .proList li{width:33.3%;}
  .footTop .title{width:70%;}
  #sidebar.sticky{max-width:360px;right:8.2%;}
}



@media all and (max-width:1440px) {
  body{font-size:.875rem;}
  .logo img{height:45px;}
  .pd100{padding-top:90px;padding-bottom:90px;}
  .headR .car{width:110px;line-height:34px;height:34px;margin-top:22px;}
  /* .headR .searBtn, .headR .navTrigger{margin-top:28px;} */
  .footer{font-size:.875rem;}
  .footMain{padding-top:70px;padding-bottom:50px;}
  .mb40{margin-bottom:25px;}
  .banner .txt{font-size:1.5em;}
  .proMain li a{height:420px;}
  .proMain li:nth-child(1), .proMain li:nth-child(4){padding-top:40px;}
  .proMain li:nth-child(2){padding-top:80px;}
  .hTitle{font-size:2.4rem;}
  .industryInfo{padding-top:30px;}
  .industryInfo li h4{padding-bottom:10px;}
  .industryInfo .btn span{height:60px;line-height:60px;}
  .listMenu a{padding:0 30px;font-size:16px;}
  .aboutNum2{margin-top:150px;}
  .honorL,.honorR {height:500px;}
  .newsSlide li .txt{padding-top:20px;}
  .projectList .m{margin-bottom:60px;}
  .listSub{margin-bottom:30px;}
  .projectShow {padding-bottom:50px;}
  .projectShow_pic .btn{left:6%;}
  .projectShow_pic .swiper-button-next{left:auto;right:6%;}
  #sidebar.sticky{right:15px;}
  #dituContent{height:500px;}
}

@media all and (max-width:1240px) {
  .container,.listBan .txt{padding-left:15px;padding-right:15px;overflow:hidden;}
  .header{font-size:.875rem;}
  .logo img{height:38px;}
  .nav{margin-right:340px;display:none;}
  .footTop{margin-bottom:20px;padding-bottom:20px;}
  .hTitle{font-size:2rem;}
  .industryMain .btns{left:15px;margin-left:0;}
  .industryMenu .main{padding:0;}
  .industryMenu li{height:80px;}
  .aboutPic{width:400px;}
  .aboutL{padding-right:340px;}
  .aboutL .more{margin-top:20px;}
  .listBan, .mzsmBanner{height:380px;}
  .listMenu_box {margin-top:0;}
  .breadCrumb p{background-position:15px center;padding-left:40px;line-height:30px;}
  .culture{height:auto;}
  .culture li{width:25%;padding-right:20px;margin-bottom:20px;}
  .cultureTxt{margin-top:0;}
  .cultureTxt .pic{text-align:right;transform:translate(0);}
  .newsSlide li .pic{height:400px;}
  .newsSlide li .txt,.newsSlide .swiper-pagination{width:38%;}
  .proWrap{background-size:150%;}
  .proMenu {margin-bottom:40px;}
  .breadCrumb{margin-top:0;border-radius:0;padding-left:50px;}
  #dituContent{height:460px;}
}



@media all and (max-width:1024px) {
  body{font-size:.875rem;}
  .header{height:60px;line-height:60px;padding:0 15px;}
  .headR {right:15px;}
  .nav,.gr_kefu,.banner .big,.headR .tel,.proSide_sub,.listMenu_box p,.relaPro,.proShow_R .wx,.picShow_r,.headR .car,.foot,.honorL,.rightNews{display:none;}
  .wapTel,.banner .small,.wapTip,.proSider{display:block;}
  .headR .searBtn, .headR .navTrigger{margin-top:0;line-height:60px;}
  .wapTel,.wapCar{font-size:1.2em;}
  .headR .jd, .headR .tm{width:30px;height:30px;line-height:30px;font-size:16px;top:15px;}
  .headR a{margin-left:10px;}
  .topSear form{width:95%;}
  .header.hideY{transform: translateY(0);}
  .footMain{padding:30px 15px 20px 15px;}
  .footMenu{float:none;width:100%;display:block;margin-bottom:20px;} 
  .footMenu dl{width:100%;border-bottom: 1px solid #466ea5;margin-bottom:15px;padding:0;}
  .footMenu dt{margin-bottom:15px;font-size:15px;border:none;height:auto;}
  .footMenu dd{display:none;padding-bottom:15px;}
  .footMenu dd a{padding-left:20px;}
  .footMenu dt::after,.footMenu dt::before,.wapLang{display:block;}
  .footMenu .n a{display: block;}
  .footTop .title{width:auto;}
  .footWx{position:absolute;right:15px;width:200px;}
  .footTxt,.firendlink{float:none;max-width:78%;}
  .firendlink{margin-top:20px;}
  .banVideo{height:520px;}
  .banner .progress,.banner .btn{display:none;}
  .banner .txt h4{margin-bottom:20px;}
  .pd60,.pd100,.listWrap{padding-top:40px;padding-bottom:40px;overflow:hidden;}
  .proSider,.proList,.gallery,.proShow_main,.picShow_r,.proShow_R,.honorR,.newsShow,.contactInfo,.feedback{float:none;width:100%;}
  .hTitle,.listTie{text-align:center;margin-bottom:25px;}
  .product .hTitle{max-width:100%;margin-bottom:25px;}
  .industryMenu li{padding:0 2%;background-position:92% center;font-size:16px;}
  .industryMenu li::after{background-position:92% center;}
  .industry{padding-top:30px;}
  .industry .hTitle,.contactInfo{margin-bottom:30px;}
  .aboutL{float:none;width:100%;padding-right:0;}
  .aboutPic{position: static;text-align:center;margin:0 auto;margin-bottom:25px;}
  .aboutL .txt{max-width:100%;height:auto;margin-bottom:20px;}
  .aboutPic::after,.projectList .con i{display:none;}
  .aboutL .txt{font-size:1.286em;}
  .newsTop .dot{float:none;margin-top:0;width:100%;margin-top:20px;}
  .newsTop .swiper-pagination-bullet{width:20px;}
  .newsBox .progress,.honorSlide .tie{display:none;}
  .newsBox .btn{position: static;display:inline-block;margin-top:25px;border-radius:5px;height:36px;line-height:36px;}
  .listMenu_box{padding:0;height:56px;line-height:56px;border-radius:0;}
  .listBan .txt{top:60%;}
  .listMenu{width:100%;}
  .listMenu a{padding:0 15px;}
  .breadCrumb{ box-shadow: 0 3px 7px #f1f1f1;font-size:12px;margin-top:-1px;}
  .breadCrumb p{padding:15px;padding-left:40px;background-size:15px;}
  .aboutBox1 .title2{font-size:2em;}
  .aboutNum2{margin-top:50px;flex-flow:row wrap;}
  .aboutNum2 li{margin:10px 0;}
  .historyMenu{margin-bottom:30px;}
  .historyMain .tie{font-size:4em;}
  .historyMain .tie,.historyList{float:none;width:100%;}
  .listTie{font-size:2rem;}
  .honorMenu,.honorSlide{text-align:center}
  .honorR{height:auto;}
  .historyTop{width:100%;overflow-x:scroll;}
  .historyMenu {display:flex;overflow-x:auto;}
  .listBan .txt{text-align:center;}
  .newsList{margin-top:-110px;}
  .newsList ul{margin-right:-20px;}
  .newsList li{padding-right:20px;margin-bottom:20px;}
  .projectList .pic,.projectList .con{float:none !important;width:100% !important;}
  .projectList .con p{height:auto;}
  .projectSub{max-width:100%;}
  .projectSub li{width:49%;float:left;}
  .projectSub li:nth-child(2n){float:right;}
  .projectList .m{margin-bottom:40px;}
  .listSub{display:flex;justify-content: center;flex-flow:row wrap;}
  .listSub a{width:auto;padding:0 30px;height:50px;line-height:50px;}
  .proList li p{height:auto;margin-bottom:20px;margin-top:0;}
  .gallery{height:auto;line-height:100%;margin-bottom:25px;}
  .gallery li img{width:100%;max-width:100%}
  .proShow_R .font{margin:10px 0 20px 0;}
  .proShow_R .title{font-size:2em;}
  .breadCrumb{padding:15px 15px 15px 40px;background-position:15px center;}
  .jobList .top{padding-right:130px;}
  .jobList .font .more{right:0;}
  #dituContent, .projectList .pic{height:420px;margin-bottom:25px;}

}


@media all and (max-width:768px) {
  .pd60,.listWrap,.pd100{padding-top:30px;padding-bottom:30px;}
  .topSear{padding:10px;height:auto;}
  .footTop{flex-flow:row wrap;}
  .footTop .title{width:100%;margin-bottom:15px;}
  .copyright .icon,.industry .btns{display:none;}
  .copyright{padding:10px 0;line-height:1.5;}
  .banner .txt{font-size:1rem;padding:0 15px;}
  .industryMenu .main{flex-flow:row wrap;}
  .industryMenu li{background:none;width:50%;height:60px;border-bottom: 1px solid rgba(255,255,255,.3);}
  .industryMenu li::after{background-image:none;}
  .industryMain li .text,.industryInfo{float:none;width:100%;}
  .industryInfo{max-width:100%;margin-top:25px;}
  .industryMain{height:auto;}
  .industryMain li .con{padding:25px 15px;transform: translate(0,0);position:static;padding-bottom:160px;}
  .industryMain li .bgImg{position:absolute;width:100%;height:100%;top:0;left:0;}
  .industryMain li .text{font-size:24px;}
  .industryInfo li h4{font-size:2em;}
  .newsTop{padding-bottom:20px;margin-bottom:20px;}
  .newsTop li h4{font-size:1.5em;margin-bottom:15px;}
  .newsBox li a{border-radius:8px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .listBan, .mzsmBanner{height:360px;}
  .historyList li{align-items: center;}
  .historyMenu span{margin:0 10px;}
  .culture li{width:33.3%;padding-right:10px;margin-bottom:10px;}
  .newsSlide{margin-bottom:25px;}
  .newsSlide li .pic,.newsSlide li .txt{float:none;width:100%;}
  .newsSlide li .date{margin-top:20px;}
  .newsSlide li h4{margin-bottom:10px;}
  .newsSlide .swiper-pagination{position: static;text-align:center;width:100%;margin-top:10px;}
  .newsSear{border-radius:10px;padding:20px 2%;}
  .newsSear .text{margin:0 6px;}
  .newsList li{width:50%;}
  .newsShow .tie{font-size:2em;}
  .projectList .pic .txt{opacity:0;transform: scale(0);}
  .feedback .title{margin-bottom:20px;}
  .projectShow_pic .btn{position:static;margin-top:30px;border-radius:0;width:40px;height:30px;line-height:30px;}
  .proMenu{overflow-y:scroll;justify-content: left;}
  .proMenu li{margin:0 10px;}
  .projectShow_pic{margin-bottom:40px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
  .proList ul{margin-right:-10px;}
  .proList li{width:50%;padding-right:10px;margin-bottom:10px;}
  .proList li p{font-size:15px;}
  .proShow_R .title{font-size:1.6em;}
  .proShow_con li span{padding:15px 0;padding-left:5%;}
  .jobList .top{flex-flow:row wrap;}
  .jobList .top span{width:auto !important;}
  .jobList .font .more{position:static;display:inline-block;margin-top:20px;}
  .cTie{font-size:2em;padding-bottom:15px;margin-bottom:15px;}
  .headR .jd, .headR .tm{width:25px;height:25px;line-height:25px;font-size:14px;}
  .headR a{margin-left:6px;}
}

@media all and (max-width:640px) {  
  .logo img{height:32px;}
  .banVideo{height:400px;}
  .footTop .title{font-size:20px;}
  .firendlink{height:50px;line-height:50px;}
  .footTxt .info{display:block;}
  .footTxt i{display:inline-block;margin-right:10px;}
  .proMain li i{width:36px;height:36px;line-height:36px;text-align:center;margin-top:15px;}
  .proMain li h4{margin-bottom:10px;}
  .hTitle{font-size:1.8em;}
  .aboutPic{width:90%;}
  .aboutNum li b{font-size:3em;}
  .aboutL .txt{font-size:1.143em;}
  .listBan, .mzsmBanner,.solutionIndex li .pic,.showdec_s .bgImg,.newsSlide li .pic,.aboutBox_r,.service .pic{height:300px;}
  .listBan .txt{font-size:20px;}
  .aboutBox1 .title2{font-size:1.8em;}
  .culture ul{margin-right:-10px;}
  .culture li{width:50%;}
  .cultureTxt h3{font-size:2em;}
  .newsSear select,.newsSear .text,.newsSear .btn{height:42px;line-height:42px;border-radius:5px;}
  .newsSear .text,.newsSear select{padding:0 15px;}
  .newsShow{margin-bottom:30px;}
  .showPage  p{float:none;width:100%;margin-top:10px;padding:10px 0;}
  .showCon{padding-top:20px;margin-top:20px;}
  .newsShow .tie{font-size:1.8em;}
  .projectList .pic .txt{width:100%;}
  .projectList .pic{height:350px;margin-bottom:15px;}
  .projectList .con h3{font-size:2em;margin-bottom:15px;}
  .projectList .pic li{border-radius:0;background: rgba(255,255,255,.9);padding:15px;}
  .proMenu{margin:0 -10px;margin-bottom:30px;}
  .proMenu li{margin:0 5px;flex-grow:1;text-align:center;}
  .proMenu li span{width:80px;height:80px;}
  .proMenu li i{margin-top:20px;background-size:36px;background-repeat: no-repeat;width:36px;height:36px;}
  .jobTop .listTie{float:none;}
  .proMenu li a:hover i,.proMenu .cur i{background-position:0 -36px;}
  .jobTop{margin-bottom:20px;}
  .jobTop form{width:100%;}
  #dituContent,.projectList .pic{height:300px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}

}

@media all and (max-width:480px) {
  .logo img{height:30px;}
  .footWx{width:70px;}
  .footWx p{float:none;width:100%;}
  .firendlink,.footTxt{width:70%;}
  .banner .txt h4{font-size:30px;margin-bottom:15px;}
  .proMain li:nth-child(1), .proMain li:nth-child(4),.proMain li:nth-child(2){padding-top:0;}
  .proMain li a{height:360px;}
  .industryInfo li h4, .industryInfo li .info, .industryInfo li .pic{padding-left:5%;padding-right:5%;}
  .industryMain li .text{font-size:20px;text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:2;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:2;}
  .aboutNum li b{font-size:2em;}
  .banVideo{height:340px;}
  .listBan, .mzsmBanner,.newsSlide li .pic,.solutionIndex li .pic,.showdec_s .bgImg,.aboutBox_r,.service .pic,.proInfo .pic{height:260px;}
  .aboutNum2{margin-right:0;}
  .aboutNum2 li{width:48%;margin:0 1%;}
  .historyList li{display:block;}
  .historyList li .pic{width:100%;margin-bottom:15px;display:block;}
  .historyList li .txt, .historyList li .pic img{width:100%;}
  .honorMenu a{margin:0 10px}
  .newsList li{width:100%;float:none;}
  .newsBox li .txt{padding:25px 20px;}
  .newsBox li h4{height:auto;}
  .projectList .pic .more{display:none;}
  .proList li a{border-radius:5px;}
  .proList li p{padding:0 10px;margin-bottom:15px;}
  .jobList .top{padding:15px;}
  .jobList .top .s6{position:relative;right:0;}
  .contactInfo li{width:100%;padding-left:70px;margin-bottom:30px;padding-top:0;}
  .contactInfo li::after{width:50px;height:50px;background-size:200px;}
  .contactInfo li:nth-child(2)::after{background-position:-50px 0;}
  .contactInfo li:nth-child(3)::after{background-position:-100px 0;}
  .contactInfo li:nth-child(4)::after{background-position:-150px 0;}
  .contactInfo .zwm span{width:110px;}
  .feedback p{width:100%;height:50px;line-height:50px;}
  #dituContent, .projectList .pic{height:260px;}
}
@media all and (max-width:390px) {
  .logo img{height:28px;}
  .cultureTxt h3{font-size:1.8em;}
  .cultureTxt .pic{float:none;}
  .listBan,.mzsmBanner,.projectList .pic,.newsSlide li .pic{height:200px;}

}