/*  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:17px;}
.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:#00437c;}
.wapNav .on i{color:#00437c;}
.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:#00437c;}

@media all and (max-width:1680px) {
  .container,.header{padding-left:30px;padding-right:30px;max-width:100%;}
  .headR{right:0;}
  .footMenu{padding-right:0;}
  .about .container{max-width:1050px;}
  .homeMenu{margin-left:30px;}
  .swiperBtn,.history .btn{left:30px;}
  .caseR, .newsR{width:75%;}
  .pd90,.listWrap{overflow:hidden;}
  .listBan .txt{left:0;}
  .listMenu{padding-left:30px;}
  .aboutBox1{padding-left:20%;}
  .aboutBox1 .hTitle{left:30px;}
  .historyBox{padding:0;}
  .history .swiper-button-next{left:auto;right:30px;}
  .teamShow .main{padding:6%;}
  .teamShow .close{top:2%;right:2%;}

}



@media all and (max-width:1440px) {
  body{font-size:.875rem;}
  .nav .m{margin-bottom:15px;}
  .nav h2{margin-bottom:4vh;}
  .nav .wx{bottom:15px;}
  .nav .wx span{margin-bottom:5px;}
  .headR li{margin-right:25px;}
  .footer{background-position:150% 80px;background-size:60%;}
  .footMain{padding-top:60px;padding-bottom:30px;}
  .banner .txt{font-size:3.5em;}
  .sectionBan  .fp-tableCell{padding-top:0;}
  .pd90,.listWrap{padding-top:70px;padding-bottom:70px;}
  .listBan{height:580px;}
  /* .honor li{margin:20px 0;width:23%;} */
  .teamList ul{margin-right:-40px;}
  .teamList li{padding-right:40px;margin-bottom:40px;}
  .newsList{margin-right:-30px;}
  .newsList li{padding-right:30px;margin-bottom:30px;}
  .esgBox2 {height:500px;}
  .searchWrap{padding-top:150px;}
  .honorBox{margin-bottom:30px;height:100px;}
  .honorBox ul li{margin-right:50px;width:280px;height:100px;background-size:100%;padding:20px 35px;}
}

@media all and (max-width:1260px) {
  .container,.header{padding-left:15px;padding-right:15px;}
  .banner .txt{font-size:3em;}
  .footMenu{min-height:230px;}
  .newsBox li h4{height:60px;}
  .listBan{height:500px;}
  .listMenu{padding-left:15px;}
  .listMenu a{margin-right:40px;}
  .aboutBox1{padding-left:18%;}
  .aboutBox1 .hTitle{left:15px;}
  .history .btn{left:15px;}
  .history .swiper-button-next{left:auto;right:15px;}
  .investment ul{margin-right:-10px;}
  .investment li{padding-right:10px;}
  /* .honor li{margin:10px 0;} */
  .hTitle{font-size:2.4em;}
  .teamDes .txt{width:64%;}
  .teamShow .main{left:5%;top:8%;padding:5%;}
  .teamShow .pic{max-width:400px;}
  .caseList li{width:33.3%;}
  .contact li .pic{height:400px;}
}

@media all and (max-width:1024px) {
  body{font-size:.875rem;}
  .container,.container2{padding-left:15px;padding-right:15px;}
  .header{height:60px;line-height:60px;transform: translateY(0) !important;}
  .logo img{height:40px;}
  .nav,.footLogo,.history .btn,.teamShow .pic{display:none;}
  .navTrigger_wap,.wapTel,.footMenu_wap,.wapMap{display:block;}
  .navTrigger{top:21px;}
  .nav_on{opacity:1;transform: translateX(0);}
  .headR{position: static;float:right;}
  .headR li{margin-right:20px;}
  .headR .lang i{margin-left:5px;}

  /* .headR .lang .info{width:100%;left:0;margin-left:0;overflow:hidden;border-radius:0;border:0;background:#f5f5f5;opacity:1;transform: scale(1);}
  .headR .lang .info a{width:50%;float:left;border-left: 1px solid #eee;} */
  .footMain {padding:15px;}
  .fp-tableCell{padding-top:60px;}
  .footer .fp-tableCell{padding-top:15px;}
  .search{height:60px;padding:0;padding-right:30px;}
  .search .close{line-height:60px;right:10px;}
  .search form{width:90%;}

  .footMenu{float:none;width:100%;display:block;max-height:465px;overflow-y:auto;} 
  .footMenu dl{width:100%;border-bottom: 1px solid #555;margin-bottom:20px;font-size:16px;}
  .footMenu dt{margin-bottom:15px;font-size:16px;}
  .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;}
  .copyright{margin-top:0;line-height:1.8;padding:0;}
  .copyright p{float:none;}
  .footIcon{float:none;margin-top:10px;}
  .footIcon a:hover span{bottom:50px;}
  .aboutNum{margin:60px auto;}
  .aboutNum li b{font-size:3.5em;}
  .case,.news{padding:0 15px;}
  .homeMenu,.caseR,.newsR,.newsShow_F,.newsShow_R{float:none;width:100%;}
  .homeMenu{text-align:center;max-width:100%;margin-left:0;}
  .homeMenu .hTitle{margin-bottom:15px;}
  .homeMenu ul{display:flex;justify-content:center;margin-bottom:30px;font-size:16px;}
  .homeMenu ul li{margin:0 15px;}
  .homeMenu .m a{margin-bottom:0;}
  .caseBox li p{text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:5;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:5;margin-bottom:15px;}
  .caseR li .txt{padding:15px;}
  .caseR .swiper-pagination{margin-top:30px;}
  .caseR .swiperBtn{opacity:0;height:0;overflow:hidden;}
  .newsR{padding-right:0;}
  .swiperBtn{position:static;display:inline-block;width:34px;height:26px;line-height:26px;font-size:14px;margin-top:20px;display:none;}
  .swiperBtn.swiper-button-next{margin-left:10px;}
  .newsBox li h4{font-size:18px;}
  .listBan,.esgBox2{height:420px;}
  .listBan .txt{font-size:1em;}
  .pd90,.listWrap{padding-top:40px;padding-bottom:40px;overflow:hidden;}
  .listMenu{line-height:60px;height:60px;padding:0 15px;text-align:center;font-size:15px;}
  .listMenu a{margin-right:30px;}
  .aboutBox1 .hTitle{position:static;}
  .aboutBox1 .txt{line-height:1.8;}
  .hTitle span{font-size:14px;}
  .historyMain{max-width:100%;}
  .historyMain li .pic{height:300px;}
  .investment li{width:50%;margin-bottom:10px;}
  /* .honor li{width:30%;} */
  .honorBox{margin-bottom:20px;height:80px;}
  .honorBox ul li{margin-right:30px;width:240px;height:80px;background-size:100%;padding:20px 35px;}
  .teamDes{margin-bottom:30px;}
  .teamDes .hTitle,.teamDes .txt{float:none;max-width:100%;width:100%;}
  .teamDes .txt{line-height:1.8;}
  .mb30{margin-bottom:10px;}
  .teamList ul,.caseList ul,.newsList{margin-right:-20px;}
  .teamList li,.caseList li,.newsList li{padding-right:20px;margin-bottom:20px;}
  .teamShow {overflow-y:scroll;}
  .teamShow .main{flex-flow:row wrap;}
  .teamShow .pic,.teamShow .left{float:none;width:100%;}
  .teamShow .txt{padding-right:0;}
  .teamShow .left{height:100%;overflow-y:scroll;}
  .caseList{padding:0;}
  .newsSlide{margin-bottom:30px;}
  .newsSlide li .pic{height:400px;}
  .newsList li h4{height:50px;}
  .newsShow_R li:nth-child(2n){float:right;}
  .newsShow_R li{width:48%;float:left;}
  .jobList{margin-bottom:40px;}
  .contact li a{margin-top:30px;}
  .contact li .pic{height:360px;}
  .searchWrap{padding-top:100px;}
  .searchWrap li a{padding:25px 15px;}
}

@media all and (max-width:960px) {
  .hTitle{font-size:2.2rem;}
  .caseList li,.newsList li{width:50%;}
  .esgBox1 .font,.esgBox1 .pic{float:none;width:100%;}
  .esgBox1 .font{margin-bottom:25px;}
 
}

@media all and (max-width:768px) {
  .footer{background-position: 124% bottom;}
  .banner .txt{font-size:2.6em;}
  .banner .swiper-pagination-bullet::after{width:26px;height:26px;top:-10px;left:-10px;}
  .banner .swiper-pagination{bottom:20px;}
  .hTitle{font-size:2rem;margin-bottom:20px;}
  .aboutNum{flex-flow:row wrap;margin:30px auto;}
  .aboutNum li{width:50%;margin:20px 0;}
  .aboutNum li span{margin:10px 0;}
  .caseR{padding-right:0;}
  .esg .txt{height:auto;margin-bottom:35px;}
  .listBan,.esgBox2 {text-align:center;height:380px;}
  .listBan h4{margin-bottom:5px;}
  .listMenu{height:50px;line-height:50px;}
  .historyMain li .info h5{margin-bottom:10px;}
  .historyMenu{margin-top:30px;padding-right:20%;}
  .historyMenu li{padding-bottom:25px;background-size:18px;}
  .historyMenu li::after{height:18px;}
  .historyMenu li i{width:50px;background-size:50px;height:37px;margin-bottom:8px;}
  .historyMenu .on i,.projectMenu li:hover i{background-position:0 -37px;}
  /* .honor li{width:32%;min-height:auto;padding:20px 3%;} */
  .pagination{margin-top:30px;}
  .pagination a{width:34px;height:34px;line-height:34px;font-size:14px;}
 
  .teamShow .pic{width:260px;}
  .newsShow_top .title{font-size:2em;}
  .teamList li{width:50%;}
  .teamList li .tie{padding:15px 0;}
  .caseList ul,.newsList{margin-right:-10px;}
  .caseList li,.newsList li{padding-right:10px;margin-bottom:10px;}
  .caseList li p{height:160px;}
  .newsSlide li .pic,.newsSlide li .txt{float:none;width:100%;}
  .newsSlide li h4{height:auto;}
  .newsSlide li .txt{padding:25px;}
  .newsSlide .swiper-pagination{bottom:auto;left:auto;right:4%;top:420px;}
  .newsShow_con{padding:15px 0 30px 0;}
  .showPage p{margin-bottom:15px;}
  .newsShow_R li{width:100%;padding-bottom:15px;margin-bottom:15px;}
  .newsShow_R li .pic{display:none;}
  .newsShow_R li .txt{width:100%;}
  .newsShow_R li h4{height:auto;}
  .contact li .pic,.contact li .txt{float:none;width:100%;}
  .searchWrap li{margin-bottom:10px;}
  .searchWrap li a{padding:15px;}
  .searchWrap li h4{margin-bottom:5px;}
  .searchWrap .p2{margin-bottom:15px;}
  .historyMain li p{background-position:left 8px;}
}

@media all and (max-width:640px) {
  .footIcon a{width:38px;height:38px;line-height:36px;font-size:1em;}
  .banner .txt{font-size:2em;}
  .banner .swiper-pagination-bullet{width:7px;height:7px;margin:0 10px;}
  .banner .swiper-pagination-bullet::after{width:20px;height:20px;left:-9px;top:-9px;}
  .hTitle{font-size:24px;margin-bottom:15px;}
  .hTitle b{display:inline;}
  .aboutNum{margin:20px auto}
  .aboutNum li span{margin:10px 0 5px 0;}
  .aboutNum li i{width:40px;background-size:100%;height:40px;}
  /* .aboutNum li:nth-child(2) i{background-position:-40px 0;}
  .aboutNum li:nth-child(3) i{background-position:-80px 0;}
  .aboutNum li:nth-child(4) i{background-position:-120px 0;} */
  .aboutNum li b{font-size:3em;}
  .hMore{height:40px;line-height:38px;text-align:center;}
  .caseR .swiper-pagination{margin-top:20px;}
  .caseR li h4 span{font-size:18px;}
  .newsBox li h4{font-size:16px;height:45px;margin-bottom:10px;}

  .homeMenu .m a{font-size:16px;}
  .listBan,.esgBox1 .pic,.esgBox2{height:320px;}
  .historyMain li .pic,.historyMain li .info{float:none;width:100%;}
  .historyMain li .info{padding-top:15px;}
  .historyMain li .info h5{font-size:2.5em;}
  /* .historyBox{opacity:0;height:0;overflow:hidden;margin-top:0;} */
  .history .btn{border-radius:0;background:rgba(0, 0, 0, .5);width:24px;font-size:14px;}
  .investment li p{bottom:0;padding:10px;font-size:16px;}
  .investment li .txt{padding:10%;font-size:1em;}
  .investment li .txt dt{margin-bottom:10px;}
  .investment li .txt dd{margin-bottom:5px;}
  /* .honor li{width:48%;} */
  .honorBox{margin-bottom:20px;height:80px;}
  .honorBox ul li{margin-right:20px;width:200px;height:80px;background-size:100%;padding:10px 20px;}

  .teamDes .hTitle b{display:block;}
  .teamList li .tie span{font-size:1.5em;}
  .newsSlide li .pic,.contact li .pic{height:300px;}
  .newsSlide li .txt{padding:15px;}
  .newsSlide li h4{font-size:1em;}
  .newsSlide li h4{font-size:1.286em;}
  .newsSlide .swiper-pagination{top:330px;}
  .newsShow_F .title{font-size:2em;}
  .esgBox1 .txt{font-size:1em;}
  .esgBox3_main li h4{font-size:1.5em;}
  .esgBox3_main .swiper-pagination{top:320px;}
  .jobList .top{padding:20px 2%;}
  .jobList .top span{width:28%;}
  .jobList .top span:last-child{width:16%;}
  .jobList .top span i{margin-left:0;}
  .jobList .txt{margin-bottom:20px;}

}

@media all and (max-width:480px) {
  .logo img{height:35px;}
  .about .hTitle{font-size:1.5rem;}
  .newsBox li h4{font-size:14px;}
  .newsBox li .date{font-size:12px;}
  .esg .hTitle{font-size:23px;}
  .esg .txt{font-size:14px;}
  .listBan,.esgBox2{height:300px;}
  .listBan .txt{top:55%;}
  .listBan h4{font-size:32px;}
  .listBan .text span{display:inline;}
  .historyMain li .pic,.newsSlide li .pic,.esgBox1 .pic,.contact li .pic{height:240px;}
  .investment ul{margin-right:-5px;}
  .investment li{padding-right:5px;margin-bottom:5px;}
  .honor li{padding:10px 3%;}
  .teamList li {width:100%;}
  .teamShow .main{top:20px;left:20px;}
  .teamShow .left .tie{font-size:1em;}
  .teamShow .close{font-size:2em;}
  .teamShow .left .tie span{font-size:34px;}
  .caseList li{width:100%;}
  .caseList li p{height:auto;}
  .newsSlide .swiper-pagination{top:270px;}
  .newsList li{width:100%;}
  .newsList li h4{font-size:14px;height:auto;}
  .newsList li .txt{padding:10px 0;}
  .newsList li a:hover .txt{padding:10px;}
  .newsShow_F .title{font-size:24px;}
  .esgBox3_main .swiper-pagination{top:260px;}
  .jobList .top{padding:15px 5px;}
  .contact li a{height:38px;line-height:38px;width:120px;margin-top:20px;}
  .newsBox li .pImg{margin-bottom:10px;}
  .contact li p{background-size:15px;}
}
@media all and (max-width:380px) {
  .listBan h4{font-size:28px;}
  .listBan{height:280px;}
  .hTitle span{font-size:13px;}
  .historyMain li .pic,.newsSlide li .pic,.esgBox1 .pic,.esgBox2,.contact li .pic{height:200px;}
  .honor li{padding:0 5%;height:70px;line-height:1.6;padding-top:5px;}
  .newsShow_F .title{font-size:22px;}
  .newsSlide .swiper-pagination{top:230px;}
  .esgBox3_main .swiper-pagination{top:220px;}
}



@media all and (max-height:700px) and (min-width:1024px) {}

@media all and (min-width:1024px) {
  .listMenu a:hover{color:#00437c;}
  .listMenu a:hover::after{transform-origin:left;transform:scale(1);}
  .navTrigger:hover span{width:26px !important;}
}