@media(max-width:1680px){
.boxNav li{padding:0 30px; }
}
@media(max-width:1440px){
.boxNav li{padding:0 28px; }
}
@media(max-width:1366px){
.boxNav li{padding:0 22px; }
}
@media(max-width:1280px){
.boxNav li{padding:0 18px; }
}
@media(max-width:767px){
.boxTop{display:none}
.boxTopM{display:block}
.banner{ display:none}
.bannerM{display:block}

.boxMax{ padding: 0 15px;}
.marginTop{ margin-top:70px;}

.indNewsBox{ padding:20px 15px;}

.indNews{width:100%;}
.indNewsList{display:none; padding:10px 0 0 0}
.indNewsList a{ padding:10px 0}
.indNewsList a i{font-size:14px; width:100%; vertical-align:top}
.indNewsList a span{width:100%;}
.indNewsList a h1{font-size:15px; }
.indNewsList a:first-of-type i{ font-size:20px;}
.indNewsList a:first-of-type h1{font-size:16px; height:auto}


.indNewsPic{width:100%;height:calc((100vw - 30px)*0.67); margin:20px 0 0 0}
.indNewsPic .swiper-slide i{font-size:15px; padding:6px 50px 6px 20px; line-height:22px;}
.indNewsPic .swiper-pagination{font-size:14px; line-height:34px;}

.boxFoot{padding:20px 0}
.boxFoot div{ text-align:center}
.boxFoot span{ width:100%;  border-bottom:1px solid #65696d; padding:0 0 10px 0;margin:0 0 10px 0;}

.subBanner{height:32vw; margin-top:70px;}
.subBanner div{margin:-20px 0 0 0;}
.subBanner div span{padding:0 20px;}
.subBanner div h1{ font-size:15px; line-height:15px;}
.subBanner div h2{ font-size:15px; line-height:15px; margin-top:5px;letter-spacing:0}

.subNav{display:none}

.navTitleM{display:block}

.aboutIco{ padding:30px 0}
.aboutIco i{ width:25%}
.aboutIco i img{width:80%}
.aboutCon{ padding:0 0 30px 0}
.aboutCon h1{font-size:16px; padding:20px 0; margin-bottom:20px; line-height:32px}


.aboutJtbj{padding:30px 0}
.jtbj_img{ width:100%; margin:0 0 20px 0;}
.jtbj_img img{width:70%}
.jtbj_text{ width:100%;}
.jtbj_text i{font-size:20px; line-height:30px;}

.conBanner{ margin-top:0; position:relative; }

.imgPc{display:none}
.imgM{display:block}

.btnLink{ position:relative; display:block; bottom:0; right:0; margin-top:30px;text-align:center}


.historyList{padding:30px 0 30px 0}
.historyList li{ position:relative}
.historyList li div{background:url(404.png) 22px 0 repeat-y; padding:0 15px 0 5px}
.historyList li div h1{ width:100%; font-size:24px; line-height:24px; padding:20px 0 0 50px; text-align:left; background:url(404.png) 9px 25px no-repeat; }
.historyList li div span{ padding:10px 0 20px 0; margin:0 0 0 50px;  width:calc(100% - 50px);}
.historyList li:hover i{display:none}
.historyList li p{ background:url(404.png) 0 13px no-repeat; padding:3px 0 3px 12px; line-height:24px;/*padding:5px 0 5px 0; line-height:24px;*/}



.aboutDtwh{ background:url(404.png) top center no-repeat; background-size:auto 250px; padding:0 0 30px 0; text-align:center}

.navDtwh{}
.navDtwh a{  font-size:16px;line-height:70px;}


/*.navJzg{ padding:20px 0;}
.navJzg i{ display:block; font-size:18px; line-height:20px; text-align:left} 
.navJzg span{ width:100%;}
.navJzg span a{width:20%; font-size:30px; line-height:30px; padding:25px 0 10px 0}*/

.navJzg{padding:30px 0;font-size:18px; line-height:20px; }
.jzgList{ padding:0; margin:0 0 -40px 0; border-bottom:2px solid #0053ad}
.jzgList div{ width:20%; margin-bottom:30px;}
.jzgList img{ width:50px}
.jzgList h1{font-size:30px; line-height:30px;  margin:5px 0 10px 0}
.jzgList h2{ font-size:15px; line-height:26px;}


.boxJzg img{width:100%;}
.boxJzg div{width:100%;background:url(404.png) bottom right no-repeat; background-size:150% auto; background-color:#fff}
.boxJzg div span{width:100%; min-width:100%; padding:70px 25px; box-sizing:border-box}
.boxJzg div h1{ margin-bottom:20px} 
.boxJzg div h1 font{font-size:22px; line-height:22px; width:100px; }
.boxJzg div p{font-size:16px; line-height:26px; }

.boxLntx{margin:50px auto 0 auto;}
.navLntx{font-size:18px; line-height:26px; width:100%;margin:20px 0 0 0; } 
.lntxList{width:100%; }
.lntxList li{line-height:26px;font-size:15px; padding:12px 0;border-top:1px dotted #777;border-bottom:none}
.lntxList li i{width:100%; padding:0}

.boxTt{position:relative; top:0; left:0; margin:20px 0 30px 0}
.boxTt img{ width:100px;}
.boxTt i{display:block; font-size:14px; line-height:24px; margin-top:10px;}
.boxTt strong{display:block; font-size:17px;}


.logoQs{ padding:30px 0}
.logoQs i{width:100%;}
.logoQs i img{ width:220px;}
.logoQs span{width:100%; margin-top:30px;}
.logoQs span p{  line-height:26px; margin-bottom:10px;}

.ppqsList li div{padding:25px 25px}
.ppqsList li div p{ margin-bottom:10px}
.ppqsList li div h1{ font-size:22px;}



.aboutShzr{ padding:40px 15px;}
.aboutShzr span{padding:0 10px 0 20px; font-size:16px; line-height:28px; background:url(404.png) 0 0 no-repeat; background-size:10px 10px; text-align:justify}
.aboutShzr span img{margin-top:10px; width:10px;}
.aboutShzr i{font-size:20px; line-height:20px; padding-right:10px;}


.aboutShzr1{position:relative; width:100vw; margin-left:-15px;}
.conShzr{ width:calc(100vw - 30px);margin:0 15px; padding:30px 0; text-align:justify}
.navShzr div{background:url(404.png) center no-repeat; background-size:cover;height:60vw;}
.navShzr span{ margin-top:-50px;}
.navShzr a{width:calc((100% - 30px)/5); height:100px; margin:0 1px;background:rgba(255,255,255,0.95);}
.navShzr a i{ display:block; font-size:13px; line-height:16px;}
.navShzr a img{margin:15px 0 10px 0; width:44px;}
/*.navShzr{ width:100%; height:calc(53.3vw + 60px);  background:url(404.png) top center no-repeat; background-size:100% auto; position:relative}
.navShzr span{ width:100%; padding:0; text-align:center; position:absolute; bottom:0; left:0}
.navShzr a{width:calc((100% - 50px)/4); height:120px; margin:0 3px;background:rgba(255,255,255,0.95);}
.navShzr a i{ display:block; font-size:15px; line-height:16px;}
.navShzr a img{margin:20px 0 10px 0; width:50px;}*/


.shzrList{ width:100%; padding:0 15px 30px 15px;display:inline-block; vertical-align:top;}
.shzrList li h1{font-size:20px; line-height:20px;  background:url(404.png) center no-repeat; background-size:100% 2px;}
.shzrList li h1 i{font-weight:bold; padding:0 15px 0 0}
.shzrList li span{ margin-top:0; width:100%; height:auto;}
.shzrList li span p{ font-size:16px; line-height:26px; position:relative; padding:50px 0 20px 0; border-bottom:1px dotted #6c747b}
.shzrList li span p i{ position:absolute; left:0; top:20px;}
.shzrList li span p:last-of-type{border:none}


.navShzrNews{ line-height:80px; font-size:24px;}
.navShzrNews i{ letter-spacing:6px; margin-left:-3px;}

.picNewsListBox{ padding:0 0 20px 0}
.picNewsList{}
.picNewsList a{display:inline-block; width:100%; vertical-align:top; margin:0 0 30px 0; }
.picNewsList a div{width:100%; height:calc((100vw - 30px)*0.67);}
.picNewsList a div img{ width:100%; height:100%;transition:transform 1s;}
.picNewsList a span{ display:block; height:auto; padding:0 20px 20px 20px;}




.newsList{ padding:0; margin:-15px 0 0 0}
.newsList a div{width:100%;}
.newsList a div img{max-height:100vw;}
.newsList a i{width:100%; font-size:24px; margin:10px 0 5px 0}
.newsList a span{width:100%;}
.newsList a h1{font-size:17px; line-height:24px;}
.newsList a h3{ display:block; text-align:right; margin:10px 0 0 0}

.boxPage{ text-align:center;margin:30px auto;}
.numPage{display:none}
.btnPage{float:none; margin:0 auto; display:inline-block}
.boxPage span{ display:inline-block;}


.boxShow{ width:100%; padding:0 20px 30px 20px; left:0;margin:0;}
.showTitle{font-size:18px; line-height:26px; margin-top:20px;}
.showInfo{font-size:12px; line-height:12px; }

.btnShare1{display:none}


.dmtList{padding:0}
.dmtList a{width:100%; margin:15px 0 0 0; background:#fff}
.dmtList a div{ height:calc((100vw - 20px)/3*2);}
.dmtList a div i{display:block;background:url(404.png) center no-repeat; background-size:50px 50px}


.textList{ padding:0}
.textList a{width:100%; height:auto;padding:20px 15px; margin:15px 0 0 0;}
.textList a span{width:calc(100% - 32px);}
.textList a h1{ font-size:24px; line-height:24px;font-weight:bold; font-family:'DINCond'; color:#0053ad; padding:10px 0 8px 0;}
.textList a i{ position:absolute; right:15px; top:50%; margin-top:-10px;width:20px; height:20px;background:url(404.png) center no-repeat; background-size:20px 20px}
.textList a:hover i{background:url(404.png) center no-repeat;background-size:20px 20px}


.brandList{ padding:0}
.brandList a{display:block; background:#fff;margin:20px 0 0 0; padding:0; overflow:hidden}
.brandList a div{width:100%;}
.brandList a div img{width:100%;  max-height:none;}
.brandList a span{width:100%;  padding:20px 20px 20px 20px;}
.brandList a i{ font-size:24px; line-height:24px;}
.brandList a h1{font-size:17px; line-height:24px; margin:5px 0 10px 0;}
.brandList a h2{font-size:14px; line-height:22px; color:#999}
.brandList a h3{line-height:18px; background:url(404.png) right center no-repeat; text-align:right; padding-right:22px; font-size:14px; line-height:18px; color:#999; margin:20px 0 0 0}
.brandList a:hover h1{color:#0053ad;}
.brandList a:hover h3{background:url(404.png) right center no-repeat; color:#0053ad;}
.brandList a:hover h2{ color:#666}
.brandList a:hover div img{transform:scale(1.2);}


.serviceFwtx{ padding:0 0 15px 0}
.serviceFwtx ul{}
.serviceFwtx li{ width:100%; height:auto;margin:15px 0 0 0; padding:0 30px 30px 30px; }
.serviceFwtx li:first-of-type{ padding:20px;}

/*.serviceFwtx li i{ width:80px; height:80px; background:#0053ad; border-radius:50%; overflow:hidden; display:inline-block; margin:25px 0 13px 0}*/
.serviceFwtx li h1{font-size:16px; font-weight:bold; line-height:16px; display:block}

.serviceFwtx li span{display:block; font-size:14px; line-height:23px; text-align:left; text-align:justify}
.serviceFwtx li div{ /*border:1px solid #c6c7ca; */width:100%; height:100%; background:url(404.png) center 140px no-repeat;font-size:20px;  padding:50px 0 70px 0; text-align:center}
.serviceFwtx li font{ letter-spacing:14px}


.serviceCon{padding:30px 0}
.service_img{ width:100%; margin:0 0 20px 0;}
.service_img img{width:70%}
.service_text{ width:100%;}
.service_text i{font-size:20px; line-height:26px;}

.serviceFwlx{padding:15px 0;}

.trwyIco{ width:100%; padding:30px 20px 0 20px; margin-top:20px; }
.trwyIco i{width:50%;}
.trwyIco img{width:70%; margin-bottom:30px}

.navContact{margin:10px; height:52px;}
.navContact i{ font-size:17px;line-height:50px; }

.contactJtzb{ padding:0 0 10px 0}
.contactJtzb li{display:block; margin-right:0; font-size:14px; line-height:26px; padding:5px 0}
.contactJtzb li img{ width:25px; margin:0 5px}

.contactMap{ height:260px;}

.contactList{ padding:15px 0 30px 0}
.contactList li{ width:100%; height:auto;margin:15px 0 0 0;}
.contactList i{ font-size:17px;}
.contactList span{font-size:14px}


.bgLzjb{background:url(404.png) top center no-repeat; background-size:1000px auto; }
.lzjbTop{height:auto; min-height:0; position:relative; margin-top:70px;}
.lzjbTop span{position:relative; top:0; left:0; margin:0;padding:100px 0}
.lzjbTop img{ width:80%}

.btnWyjb{width:80%; }


.lzjbCon{ padding:20px 0}

.lzjbCon li{width:100%; padding:0 10px; margin-bottom:30px;}
.lzjbCon li:first-of-type{ margin-right:0;}
.lzjbCon li img{width:100%}
.lzjbCon li i{font-size:17px; line-height:60px;}
.lzjbCon li div{border:none;padding:0 15px 0 15px; margin-top:0; height:auto; font-size:14px; line-height:22px;}
.lzjbCon li p{ padding:5px 0 20px 28px;}


.boxWyjb{ background:none; margin:70px 0 0 0;  padding:0 0 10px 0;}


.boxMsg{margin:15px 0}
.boxMsg li{ padding:0 0 10px 0}
.boxMsg li i{width:100%; text-align:left}
.boxMsg li span{width:100%;}
.selectMsg,.textareaMsg,.inputMsg{width:100%;}
.inputYzm{width:calc(100% - 100px)!important}
.textareaMsg{width:100%; height:120px;}
.submitMsg{width:100%;}
.boxMsg li:last-child{padding:10px 0 0 0}
.boxMsg li:last-child i{ display:none}


/*--------------------------------项目展示--------------------------------*/

.proBanner{margin-top:70px; position:relative; padding-top:46.5vw}
.proInfo{margin:0; width:100%; padding:15px;}
.proInfo h1{font-size:20px;}
.proBannerImg{width:100%;height:46.5vw;position:absolute; top:0;left:0;min-height:0;}

.proNav{ padding:30px 0 20px 0; font-size:20px; line-height:20px; }
.proCon{ padding:0 0 30px 0; }

.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; }

/*--------------------------------项目展示--------------------------------*/

.businessMap{ margin:70px 0 0 0; padding:20px 0 20px 15px;}

.businessNav{height:70px !important;}
.businessNav span{ padding:0 !important;}
.businessNav a{line-height:68px !important; font-size:17px !important; font-weight:bold !important;width: 24.2% !important;}
.m2posWpr .fl {
    display: block !important;
}

.proSort{ padding:0 0 0px 0;margin:15px 0px 0 0px ; width:calc(100vw - 30px);margin-top:20px !important;}
.proSort .swiper-slide{width:100% !important; height:auto !important;}
.proSort .swiper-slide img{ width:100%; height:auto}
.proSort .swiper-slide div{ position:relative;background:rgba(0,0,0,0.5); padding:10px 15px 20px 15px}
.proSort .swiper-slide i{ font-size:17px; line-height:17px; padding-top:8px;}
.proSort .swiper-slide i img{ width:auto; height:70px;}
.proSort .swiper-slide div p{ line-height:20px; font-size:14px;}

.proSort .swiper-pagination{bottom:26px!important;}

.proSort .swiper-button-prev{left:0;top:calc((100vw - 30px)*0.275 - 30px);margin:0;}
.proSort .swiper-button-next{right:0;top:calc((100vw - 30px)*0.275 - 30px); margin:0;w}




.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;}


.proList a{width:100%; height:auto; margin:0; margin-bottom:30px; }
.proList a div{height:auto;}
.proList a h1{ font-size:17px;}

.searchNav{ padding:20px 0;}
.searchList a{padding:20px 25px 20px 22px;background:url(404.png) 10px 32px no-repeat;}
.searchList a i{ display:block; float:none; text-align:right}
.searchList a:nth-child(even){ background:url(404.png) 10px 32px no-repeat;background-color:rgba(0,0,0,0.05);}


.brandBanner{margin:15px 0 0 0; }
.brandBanner i{line-height:50px; color:#fff; font-size:24px; padding:0 0 0 15px;}

.brand_text{margin:30px auto 10px auto; padding:0 15px;}
.brand_text i{ font-size:18px; line-height:30px; margin:-4px 0 20px 0;}

.boxSpace60{ height:15px;}
.boxSpace80{ height:40px;}


.imgServiceList{ padding:20px 0;}
.imgServiceList img{ margin:10px 5px; width:calc((100% - 40px)/2)}


.subNav1{ height:70px;}
.subNav1 a{ width:33.3%; padding:0; font-size:16px;  line-height:68px;}



.invListText a{height:auto; padding:15px 0;margin-top:10px}
.invListText a h1{width:60px; height:auto;}
.invListText a h1 i{color:#0053ad; font-size:36px; line-height:36px; display:block; margin:0 0 5px 0}
.invListText a h1 font{ color:#999; font-size:14px;line-height:14px }
.invListText a h2{ width:calc(100% - 60px); line-height:22px; font-size:14px; padding:0 10px;}
.invListText a h3{ display:none}


.cwbgList{margin:20px 0 -30px 0}
.cwbgList a{width:calc((100% - 40px)/2);margin:0 10px;}
.cwbgList a div{width:100%; height:calc((100vw - 70px)/2*1.42); }
.cwbgList a div img{width:100%; height:100%;}
.cwbgList a div span{position:absolute; left:0; top:80%; margin-top:-25px; width:100%; height:50px; background:url(404.png) center no-repeat; display:block;opacity:0; transition:all 0.3s; z-index:1}
.cwbgList a i{display:block;line-height:20px; font-size:14px; margin:15px 0 0 0; padding:0;text-align:center; height:60px}
.cwbgList a:hover div img{ opacity:0.2}
.cwbgList a:hover div span{ opacity:1; top:50%;}

.gszlNav{margin:20px 0 10px;}
.gszlNav i{font-size:14px}
.gszlList a{font-size:14px; }


.gszlList1{ width:100%; overflow:hidden; margin:0 0 20px 0;}
.gszlList1 ul{}
.gszlList1 ul li{ width:100%; height:auto; min-height:100px;margin:10px 0 0 0; padding:30px 0}
.gszlList1 ul li h1{ font-size:18px; line-height:18px; margin:0 0 25px 0}
.gszlList1 ul li h2{  font-size:14px;}
.gszlList1 ul li h3 a{ font-size:14px;}

.boxTzzll{  height:auto;background:url(404.png) no-repeat top center/100% auto; background-color:#0053ad; margin:20px 0; padding-top:calc((100vw - 30px)*0.3548)}
.boxTzzll div{ width:100%; height:auto;background:none;}
.boxTzzll div span{padding:10px 30px 20px 30px; max-width:1000px;}
.boxTzzll div span ul li img{ display:inline-block; vertical-align:middle;}
.boxTzzll div span ul li i{font-size:14px; line-height:22px; width:calc(100% - 50px);}





}


