@media(max-width:1680px){

}

@media(max-width:1440px){
.boxNav li{padding:0 30px; }


.proInfo{ width:34.375%; height:calc(31.25vw - 60px); background:#fff; display:inline-block; vertical-align:middle; margin:0 0 0 -40px; padding:0 3%; box-sizing:border-box}
.proInfo h1{font-size:24px; padding:10px 0 15px 0;}
.proInfo li{padding:12px 0; }
.proInfo li strong{ display:inline-block}
.proInfo span{width:70px; height:70px;}
.proInfo font{ font-size:26px; }
.proInfo h2{ margin-bottom:10px;}
.proInfo h2 img{height:60px}


}

@media(max-width:1280px){
.logo{ left:20px;}
.boxTop1{width:100%; margin:0; padding:0 20px;}
.boxNav li span a{font-size:15px;}

.proInfo{ width:34.375%; height:calc(31.25vw - 40px);}


}

@media(max-width:768px){
.boxTop{display:none}
.boxTopM{display:block}
.banner{ display:none}
.bannerM{display:block}


.boxIndex{margin:0; padding:0}
.boxIndex1{ height:auto;}

.indNewsBox{width:100%;position:relative; left:0;}
.indNews{ width:100%; height:170px;}

.indBusiness{width:100%;}
.indBusiness ul{height:auto;}
.indBusiness li{width:100%; height:45vw; position:relative;}
.indBusiness li i{bottom:20px; left:auto; right:20px; opacity:0.6;transition:all .3s;}
.indBusiness li a:hover i{opacity:0.6; left:auto; right:20px;}
.indBusiness li span{ background-size:cover!important}

.indBusiness li:nth-child(1){left:0;}
.indBusiness li:nth-child(2){left:0;}
.indBusiness li:nth-child(3){left:0;}


.boxFoot{ padding:0 15px;}
.boxFoot1{ padding:10px 0 20px 0;font-size:11px;text-align:center;}
.boxFoot i{font-weight:normal; font-size:10px;line-height:18px; }
.boxFoot span{ position:relative; top:0; right:0;line-height:33px; text-align:center;  display:block; border-bottom:1px solid rgba(255,255,255,0.2); padding:0 0 5px 0; margin:0 0 10px 0}
.boxFoot span a{ margin:0 10px}
.boxFoot span a:last-of-type{ background:none; display:inline-block;  padding-right:0; position:relative;}
.boxFoot span a:last-of-type div{right:-25px; }
.boxFoot span a:last-of-type:hover div{top:-105px; display:block;visibility:visible; opacity:1}



.subBanner{ width:100%; height:110px; background-position:-200px center!important; margin-top:70px;}
.subBanner span{left:20px; top:50%; margin:-17px 0 0 0; }
.subBanner span h1{ font-size:16px; line-height:16px; text-transform:uppercase;}
.subBanner span h2{ font-size:14px; line-height:14px; margin-top:8px;}
.subBanner div{left:-33px; width:60%; }


.subNavBox{ display:none}
.boxMax{padding:0 15px; margin-bottom:30px}
.navTitle{ font-size:17px;padding:30px 0; text-align:center}

.pWeb{ font-size:14px;}
.imgPc{ display:none}
.imgM{ display:block}


.dszImg{ width:100%; margin:0 0 30px 0;}
.dszImg img{ margin:25px 0 0 0; width:50%}
.dszImg div{ padding:0 30px 20px 30px;}
.dszImg h1{ font-size:18px;}
.dszImg span{font-size:14px;}

.dszText{padding:6px 15px 0 15px; width:100%;background:url(../images/imgYh1.png?v=1.0) top left no-repeat; background-size:13px 13px; }
.icoYh{ margin:10px 0 0 5px; width:13px}
.dszText p:last-child{ margin-right:-20px}
.dszText p:last-child img{ width:250px;}


.boxCon h1{ color:#dadada; font-size:28px; line-height:28px; background:url(../images/bgLine.png) center right no-repeat; background-size:60% 2px}
.boxCon h2{ font-size:16px; line-height:28px; margin:20px auto 20px auto;}


.boxFzlc{ /*width:100vw; margin-left:-15px;*/}
.navFzlc{ font-size:16px; line-height:40px; height:40px; background:url(../images/bgFzlcTitle.png) left no-repeat; background-size:auto 100%; padding-left:25px;}

.fzlcList{ background:url(../images/fzlcLine.png) 20px 40px  no-repeat; background-size:2px 100%;margin:30px 0; padding:0 15px 0 0}
.fzlcList li{ padding:0 0 0 21px; position:relative; margin-bottom:20px;}
.fzlcList li h1{ background:url(../images/fzlcIcoM.png) left bottom no-repeat; height:46px; line-height:36px; font-size:26px;  padding:0 0 0 50px; }
.fzlcList li div{ font-size:14px;padding:0 0 0 50px; margin-top:-5px;}
.fzlcList li:nth-child(2n+2) { padding:0 0 0 21px;text-align:left;}
.fzlcList li:nth-child(2n+2) h1{background:url(../images/fzlcIcoM.png) left bottom no-repeat; height:46px; line-height:36px; font-size:26px;  padding:0 0 0 50px;margin:0 0 0 -1px;}
.fzlcList li:nth-child(2n+2) div{padding:0 0 0 50px;}



.qywhList{ height:auto;}
.qywhList li{width:100%; height:calc((100vw - 30px)*0.67); margin-bottom:2px;}
.qywhList li h1{top:20px; left:20px; font-size:18px; line-height:22px; width:42px; padding:10px; font-weight:bold; }
.qywhList li div{padding:0 0 0 62px; opacity:1.0;}




.boxVideo{ margin:30px 0 0 0}
.boxVideo .swiper-slide{height:67vw;}
.boxVideo .swiper-pagination{bottom:10px!important;}
.boxVideo .swiper-button-prev{left:10px;margin-top:-22px; width:18px; height:45px; }
.boxVideo .swiper-button-next{right:10px;margin-top:-22px;width:18px; height:45px; }
.boxVideo .swiper-slide div{ margin:-40px 0 0 0;}
.btnVideo{ display:inline-block;}
.btnVideo i{display:block; width:40px; height:40px}
.btnVideo h1{ font-size:18px; letter-spacing:0; line-height:18px; margin-top:18px;}




.myVideo{ background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none}
.myVideo video{width:100%; height:100%;}
.closeVideo{display:block;width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.closeVideo:hover{ transform:rotateZ(180deg);}


.navCon{ position:relative; width:100%;  margin:60px auto 0 auto; text-align:center; background:url(../images/bgLineGray.png) repeat-x center;}
.navCon span{ display:inline-block;background:#fff;}
.navCon span h1{ display:inline-block;font-size:18px; line-height:18px; padding:0 15px; font-weight:bold;letter-spacing:0;}
.navCon span i{display:inline-block; width:8px; height:8px; background:#175f83; vertical-align:middle; }



.boxMag{margin:30px 0 0 0; padding-bottom:50px;}
.boxMag1{width:100%; }
.boxMag1 .swiper-slide{width:100%;height:auto;border:none; position:relative; overflow:hidden; background:#fff; text-align:center}
.boxMag1 .swiper-slide img{width:65%; height:auto;border:2px solid #d9d9d9;}
.boxMag1 .swiper-slide i{position:absolute; left:0; top:80%; margin-top:-13px; width:100%; display:block; line-height:26px; font-size:15px; color:#fff; text-align:center; opacity:0; transition:all 0.3s}
.boxMag1 .swiper-slide a:hover img{ opacity:0.2}
.boxMag1 .swiper-slide a:hover i{ opacity:1; top:50%;}

.boxMag .swiper-pagination{bottom:10px!important;z-index:1; font-size:16px; line-height:16px;}
.boxMag .swiper-button-prev{left:10px;margin-top:-47px; width:18px; height:45px;}
.boxMag .swiper-button-next{right:10px;margin-top:-47px; width:18px; height:45px;}

.btnMore{ text-align:center; margin-top:20px!important;}
.btnMore a{ height:44px;}
.btnMore a i{line-height:40px;}

.magList{ width:100%; margin-bottom:-30px; overflow:hidden}
.magList a{width:calc(50% - 40px);height:calc((50vw - 55px)*1.3877 + 40px);margin:0 20px 20px 20px; padding-bottom:40px; background:#fff; border:0}
.magList a img{width:100%; height:calc((50vw - 55px)*1.3877);border:2px solid #d9d9d9; }
.magList a i{position:absolute; left:0; top:auto; bottom:0; margin-top:0; width:100%; display:block; line-height:40px; font-size:14px; color:#444; opacity:1.0; transition:all 0.3s}
.magList a:hover img{ opacity:1.0}
.magList a:hover i{ opacity:1; top:auto;}


.bannerQyry{height:67vw;}
.bannerQyry span{position:absolute; top:50px; left:0; font-size:14px; font-weight:bold; line-height:22px; color:#fff; display:block; width:100%; padding:0 30px;}
.bannerQyry p{margin-bottom:10px;}
.bannerQyry h1{bottom:20px; right:20px; font-size:24px; line-height:24px;}


.qyryList{background:url(../images/bgLineQyry.png) 20px 20px no-repeat;background-size:2px 100%; margin:0 0 30px 0; padding-bottom:30px;}
.qyryList li{padding:20px 0 0 50px;}
.qyryList li i{width:44px; height:44px; left:0; top:10px;}
.qyryList li span{font-size:22px;left:50px;top:18px;}
.qyryList li div{padding:30px 0 20px 0;}
.qyryList li div p{line-height:26px; font-size:14px; }


.boxLeft{width:100%; border-right:none; padding:0; margin:0 0 -30px 0;}
.newsList{ padding:0; margin:5px 0 0 0}
.newsList a{ padding:0 0 20px 0;background:#f4f4f4; border:none; margin-top:10px;}
.newsList a div{width:100%;}
.newsList a div img{max-height:100vw;}
.newsList a i{width:100%; font-size:20px; margin:15px 0 5px 20px; display:inline-block;}
.newsList a span{width:100%; padding:0 20px;}
.newsList a h1{font-size:16px; line-height:24px; font-weight:normal}
.newsList a h2{display:none}
.newsList a h3{ display:block; text-align:right; margin:10px 0 0 0;}
.newsList a h4{display:none}

.boxRight{display:none}

.boxPage{ text-align:center;margin:20px auto 30px auto;}
.numPage{display:none}
.btnPage{float:none; margin:0 auto; display:inline-block}
.boxPage span{ display:inline-block;}

.boxShow{ padding:0;}
.showLeft{display:none}
.showCenter{ padding:20px 0 0 0}
.showTitle{font-size:18px;line-height:26px; }
.showInfo{display:block}
.showCon{ padding:15px 0 20px 0; }
.showRight{width:100%; margin:0;}

.btnShare1{display:none}


.boxDc{ width:100%; height:80vw; background:url(../images/bgDc.jpg) no-repeat -300px center/cover;margin-top:20px;}
.boxDc span{ top:55px; left:20px; font-size:14px; line-height:22px;}
.boxDc h2{ font-size:16px; font-weight:bold}
.btnGo{right:20px; bottom:20px;width:140px; height:44px;}


.boxSy{ width:100%; height:auto;margin-top:20px;padding:65px 0 20px 20px}
.boxSy a{width:calc((100vw - 80px)*0.5); height:calc((100vw - 80px)*0.63); margin:0 10px 10px 0;}
.boxSy a img{ width:100%;}


.boxTz{ width:100%; height:auto;margin:20px 0 -10px 0;padding:65px 20px 20px 20px}
.boxTz a{ width:100%; height:auto;margin:0 0 10px 0; }
.boxTz a img{ width:100%;}


.boxDc h1,.boxSy h1,.boxTz h1{ font-size:20px; line-height:20px; font-weight:bold; position:absolute; top:25px; left:20px;}

.boxSy a i,.boxTz a i{line-height:40px; font-size:16px; }

.boxSy img,.boxTz img{transition:transform 1s;}
.boxSy a:hover img,.boxTz a:hover img{transform:scale(1.1);}



.navCur a{font-size:14px;}


.jdList{}
.jdList a{width:100%;height:auto;margin-top:30px;}
.jdList a .jdImg{ width:100%; height:calc((100vw - 30px)*0.47);}
.jdList a .jdImg img{width:100%; height:100%}
.jdList a .jdText{width:92%; height:auto; position:relative; right:0; top:0; margin:-15px 4% 0 4%}
.jdList a .jdText h1{ width:100%; height:auto; padding:30px 0 0 0}
.jdList a .jdText h1 img{ max-width:none; max-height:50px;}
.jdList a .jdText span{height:auto; width:100%; padding:0 20px;}
.jdList a .jdText h2{font-size:18px;padding:15px 0 20px 0; text-align:center}
.jdList a .jdText h3{font-size:14px; line-height:18px; background:url(../images/icoPro1.png) left center  no-repeat; height:60px; padding:0 0 0 40px;}
.jdList a .jdText h4{font-size:14px; line-height:18px; background:url(../images/icoPro2.png) left center  no-repeat; height:60px; padding:0 0 0 40px;}
.jdList a .jdText h5{margin:15px 0;}

.jdList a:nth-child(2n+2) .jdImg{float:none}
.jdList a:nth-child(2n+2) .jdText{left:0}
.jdList a:nth-child(2n+2) .jdText span{ float:none}


.bannerCon{ margin:20px 0 20px 0}
.bannerCon i{line-height:50px;  font-size:18px; color:#fff; font-weight:bold; text-indent:20px;}


.boxJrtz{}
.boxJrtz li{ margin-bottom:40px;}

.boxJrtz li div{ padding:30px 20px; width:100%;}
.boxJrtz li div img{width:50px; vertical-align:top}
.boxJrtz li div span{ width:calc(100% - 50px); padding:0 0 0 20px;}
.boxJrtz li h1{ margin:10px 0;}

.boxZlzlz{background:url(../images/icoZlzlz.png) no-repeat center/50% auto;width:100%;height:67vw;}



.proList{ width:100%}
.proList a{display:inline-block; width:100%; vertical-align:top; margin:20px 0 0 0;}
.proList a div{width:100%; overflow:hidden}
.proList a div img{ width:100%; height:calc((100vw - 30px)*0.67); transition:transform 1s;}
.proList a h1{ font-size:18px;line-height:100%;font-weight:bold; padding:20px 0 10px 0;}
.proList a h2{ font-size:14px; line-height:22px; color:#666}
.proList a:hover div img{transform:scale(1.2);}



/*--------------------------------项目展示--------------------------------*/
.proBanner{margin-top:70px; height:auto;}
.proBannerImg{ width:100%; height:47vw;}

.proInfo{ width:100%;height:auto; margin:0 ; padding:20px;}
.proInfo h1{font-size:18px; text-align:center; padding:10px 0 20px 0;}
.proInfo ul{}
.proInfo li{ border-bottom:1px dotted #b3b3b3; padding:15px 0; line-height:26px; font-size:15px;}
.proInfo li div{display:inline-block; vertical-align:middle; width:50px;}
.proInfo li i{ display:inline-block; vertical-align:middle; width:calc(100% - 50px); }
.proInfo li strong{ display:block; }
.proInfo li:last-child{ border:none}
.proInfo li:last-child div{vertical-align:top}
.proInfo li:last-child strong{ display:inline-block; vertical-align:top}
.proInfo span{display:inline-block; width:80px; height:80px; margin-top:5px}
.proInfo span img{width:100%; height:100%}
.proInfo font{ font-size:24px; color:#175f83; font-family:'ADAM';}
.proInfo h2{ margin-bottom:20px; text-align:center}
.proInfo h2 img{max-height:80px}

.proInfo1{ width:calc(100% - 1px); vertical-align:middle; display:inline-block;}
.proInfo2{ width:1px; height:100%; vertical-align:middle; display:inline-block;}



.proNav{ padding:30px 0 20px 0; font-size:18px; line-height:20px; }
.proCon{ padding:0 0 30px 0; font-size:14px; line-height:22px;}

.proImgList1{position:relative; padding:0 0 90px 0;  width:100%; overflow:hidden; border-bottom:2px solid #d6d8d9}
.proImgList{width:100%; height:auto; overflow:hidden;}
.proImgList img{width:100%; height:auto}
.proImgList .swiper-slide{width:100%;}



.proMap{ margin-bottom:30px; height:260px; }

/*--------------------------------项目展示--------------------------------*/



.bannerQygm{background:url(../images/imgGy.jpg) no-repeat center/cover; padding:30px 20px 0 20px; font-size:16px; line-height:26px;}
.bannerQygm h1{ font-size:20px; line-height:20px; margin-bottom:10px; font-weight:bold}

.qygmCon{padding:20px; }
.qygmCon div{padding:0 10px 0 0}



.gyList{padding:40px 0 0 0;}
.gyList a{ width:100%;  margin:0 0 15px 0; }
.gyList a:nth-child(3n+3){margin-right:0}
.gyList a div{width:100%; height:auto; overflow:hidden}
.gyList a div img{ width:100%; height:auto;transition:transform 1s;}
.gyList a span{ display:block; height:auto;}
.gyList a h1{ font-size:20px;line-height:20px;}
.gyList a h2{ font-size:14px; }



.loadMore{ margin-top:20px!important;}
.loadMore a{ height:44px;}
.loadMore a i{line-height:40px;}





.boxRcln h1{ color:#dadada;font-size:28px; line-height:28px; background:url(../images/bgLine.png) center right no-repeat; background-size:60% 2px}
.boxRcln p{ font-size:14px; line-height:26px; font-weight:normal;  padding:20px 30px 0 30px}
.imgRcln{ margin:30px 0 10px 0; text-align:center}
.imgRcln img{ margin:0 10px 0 10px; width:calc((100% - 40px)*0.5);}
.imgRcln img:nth-child(2n+2){ margin-top:30px}
.imgRcln img:last-of-type{margin-right:10px}
.imgRcln img:hover{ margin-top:0;}
.imgRcln img:nth-child(2n+2):hover{ margin-top:30px;}



.jobList a{ width:100%;}
.jobList a h1{padding:3px 0 15px 0;}
.jobList a i{width:20px; height:20px; top:25px; margin:0;}


.contactJtzb{ padding:10px 20px;}
.contactJtzb li{display:block; margin:0; font-size:14px; line-height:22px; padding:20px 0; border-bottom:1px solid #dcdcdc}
.contactJtzb li img{ width:40px; margin:0 10px 0 0}
.contactJtzb li i{display:inline-block;vertical-align:middle; width:calc(100% - 50px)}
.contactJtzb li:last-of-type{ border:none}

.contactMap{ height:260px;}

.marginTop{ margin-top:80px;}
.searchNav{ padding:20px 0;}
.searchList a{padding:20px 25px 20px 22px;background:url(../images/bgLi1.png) 10px 32px no-repeat;}
.searchList a i{ display:block; float:none; text-align:right}
.searchList a:nth-child(even){ background:url(../images/bgLi1.png) 10px 32px no-repeat;background-color:rgba(0,0,0,0.05);}



/********************************弹窗********************************/
.boxTc1{width:100%; height:100%; top:0; left:0; margin:0; padding:0;}
.boxTcImg{width:100%; height:67vw; }
.boxTcCon{width:100%;padding:0 15px;}
.boxTcCon h1{font-size:18px; line-height:18px; padding:0 0 15px 0;margin:20px 0 15px 0; display:block}
.boxTcText{max-height:calc(100vh - 90px - 67vw)}


.boxTcImg1 .swiper-pagination{bottom:10px!important;}
.boxTcImg1 .swiper-button-prev{display:none!important}
.boxTcImg1 .swiper-button-next{display:none!important}

.btnCloseTc{ width:40px; height:40px; top:10px; right:10px; left:auto; margin:0;}
/********************************弹窗********************************/



.boxBusiness li{height:auto; padding:0 20px;}
.boxBusiness li div{}
.boxBusiness li i{width:100%; margin-top:30px; text-align:center}
.boxBusiness li i img{ height:100px; margin:0 auto}
.boxBusiness li span{ width:100%; margin-top:20px;}
.boxBusiness li span a{width:100%; height:auto; padding:100px 35px 60px 35px; margin:0 0 20px 0; }
.boxBusiness li span a img{ right:20px; top:15px; }
.boxBusiness li span a h2{ font-size: 14px; }

.boxBusiness li span a:hover{ margin-top:0;}
.boxBusiness li:nth-child(2) i .imgPc{display:none}


.boxLzjc{height:auto; padding:30px 0 0 0;background:url(../images/bgLzjcM.jpg) no-repeat center/cover; }
.navLzjc{font-size:15px; line-height:15px; font-weight:normal}
.titleLzjc{font-size:18px; line-height:32px; font-weight:normal; letter-spacing:5px; margin:30px 0 30px 0;}
.boxLzjc1{height:auto; border-radius:8px; padding:20px 20px 10px 20px; box-shadow:0 0 3px rgba(0,0,0,0.1)}
.boxLzjc1 p{font-size:13px}
.boxLzjc1 span{ display:block; margin-top:20px;}
.boxLzjc1 span i{ width:100%; padding:0; padding:20px 0; border-top:1px solid #dcdcdc}
.boxLzjc1 span i img{display:inline-block; vertical-align:middle; margin-right:15px;}
.boxLzjc1 span i h1{ width:calc(100% - 56px)}




.proSearch{position:relative; padding:30px 0}
.searchClass a{padding:0 5px; margin:0 2px;}
.proSearch1{position:relative; bottom:0; right:0; width:100%; margin-top:10px;}


}


@media(max-width:400px){
	.subBanner{ width:100%; height:110px; background-position:-450px center!important; margin-top:70px;}
}