@media(max-width:1680px){

}


@media(max-width:1480px){


}

@media(max-width:1366px){


}

@media(max-width:1280px){
.banner{width:100%;height:48.3vw;}

}

@media(max-width:1200px){

}

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

.myScroll{transform:translateY(70px);}


.btnMore{display:inline-block;position:absolute; left:0;}
.btnMore div{ border-radius:19px;height:28px; padding:0 15px 0 0}
.btnMore i{ background:#194d97 url(../images/icoJtMore.png) no-repeat center/auto 36%; width:28px; height:28px;} 
.btnMore font{font-size:12px;line-height:28px;  margin:0 0 0 10px; }
.btnMore:hover span{width:120px}


.btnMoreWhite{display:inline-block;position:absolute; left:0;}
.btnMoreWhite div{ border-radius:19px;height:28px; padding:0 15px 0 0}
.btnMoreWhite i{ background:#fff url(../images/icoJtMore1.png) no-repeat center/auto 36%; width:28px; height:28px;} 
.btnMoreWhite font{font-size:12px;line-height:28px;  margin:0 0 0 10px; }
.btnMoreWhite:hover span{width:120px}




.yfMapBox{width:100%; padding:0 5vw; height:auto; background:url(/images/bgMap.jpg) no-repeat top center/cover; margin:0 0 0 0; position:relative; overflow:hidden}
.yfMapLeft{ width:100%; padding:50px 0 100px 0;}
.yfMapLeftTitle{font-size:24px; line-height:1.5em}
.yfMapLeftText{padding:40px 0 0 0}
.yfMapLeftText li{padding:0 30px 0 0; margin:0 30px 0 0; height:80px; vertical-align:top}
.yfMapLeftText li:last-child{padding:0; margin:0}
.yfMapLeftText li h1{height:70px;}
.yfMapLeftText li h1 i{font-size:38px; width:80px; line-height:66px; padding:0 0 0 15px;}
.yfMapLeftText li h1 font{font-size:20px; margin:5px 0 0 0;}
.yfMapLeftText li h2{font-size:14px;}
.yfMapLeft .btnMore{top:auto; bottom:0}

.yfMap{position:relative;left:0; top:0; margin:30px 0 30px 0; width:100%; height:84.375vw;}
.mapZb a{position:absolute; width:5vw; height:5vw; display:block; background:rgba(0,0,0,0.01) url(../images/icoMap.png) no-repeat center/2vw auto;}
.mappulse{ margin:-2.5vw 0 0 -2.5vw;height:5vw;width:5vw;border:2px solid #fff; }

.mapZb .mapZb_huadong{left:54%; top:46%}
.mapZb .mapZb_huanan{left:47.5%; top:52%}
.mapZb .mapZb_huazhong{left:45%; top:43%}
.mapZb .mapZb_huabei{left:49%; top:21%}
.mapZb .mapZb_xibei{left:40%; top:33%}
.mapZb .mapZb_xinan{left:38%; top:45%}
.mapZb .mapZb_haiwai{left:27.5%; top:80%}


@keyframes mapTop{0%{top:100px; opacity:0}100%{top:0; opacity:1}}
@keyframes mapLine1{0%{width:0}100%{width:20vw;}}
@keyframes mapLine2{0%{width:0}100%{width:30vw;}}

.mapTitleCon div{position:relative; width:48vw;}
.mapTitleCon span{width:18vw; height:auto}
.mapTitleCon span img{width:100%;}
.mapTitleCon h1{height:10vw; width:20vw;left:11.5vw;}

.onMap span{display:block}
.onMap h1{display:block}

.titleZb_huadong{left:47%;top:36%;}
.titleZb_huanan{left:40.5%;top:42%}
.titleZb_huazhong{left:39.5%; top:33%}
.titleZb_huabei{left:51.5%; top:16%}
.titleZb_huabei div{width:35vw}
.titleZb_huabei h1{height:6vw;transform:skew(-35deg);left:1.9vw;}
.titleZb_xibei{left:35.5%; top:20%}
.titleZb_xinan{left:34.5%; top:35%}
.titleZb_xinan h1{left:10vw;}
.titleZb_haiwai{left:20%; top:70%}
.titleZb_haiwai div{width:55vw!important;}
.titleZb_haiwai h1{width:30vw;animation:mapLine2 1s;}




.navTitle{ padding:40px 0 30px 0; max-width:90%; display:block; margin:0 auto}
.navTitle h1{font-size:24px;}
.navTitle h2{padding:10px 0 0 0}
.navTitle h2 a{margin:0 5px;font-size:14px; line-height:28px; padding:0 20px; border-radius:14px;}



.indPro{ width:100%; height:auto; max-height:none;}
.indPro a{ width:100%; height:50vw; margin:0 0 15px 0; border-radius:8px;}
.indPro a:last-child{ margin:0}
.indPro a h1{position:absolute; bottom:0; left:0; width:100%;  background:url(/images/bgBlack.png) no-repeat center bottom/100% 70%; padding:20px 0 20px 0}
.indPro a h1 img{ width:50px;}
.indPro a h1 i{ display:block; font-size:18px; margin:10px 0 0 0}
.indPro .on{width:100%!important}

.indPro a:nth-child(1){ background:url(/images/imgIndPro1.jpg) no-repeat center top/cover;}
.indPro a:nth-child(2){ background:url(/images/imgIndPro2.jpg) no-repeat center top/cover;}
.indPro a:nth-child(3){ background:url(/images/imgIndPro3.jpg) no-repeat center bottom/cover;}


.indNewsFocusMax{height:auto; max-height:none;margin:20px auto; }
.indNewsImg{float:right; width:100%; height:100%; border-radius:8px; }
.indNewsImg i{background:url(/images/icoVideo.png) no-repeat center/40px 40px; }
.indNewsText{width:100%; padding:0; height:220px;}
.indNewsText h1{font-size:16px;padding:15px 0 10px 0; }
.indNewsText h2{font-size:12px; -webkit-line-clamp:4;line-clamp:4;}
.indNewsText h4{font-size:12px; line-height:16px;  padding:0 0 0 20px;position:absolute; right:0; bottom:15px;}
.indNewsText .btnMore{bottom:10px; }
.indNewsFocusMax:hover img{transform:scale(1.1);}



.indNewsList{margin:0 0 20px 0}
.indNewsList .swiper-slide a{ border-radius:8px; }
.indNewsList .swiper-slide a div{width:100%; height:50.625vw; max-height:none;}
.indNewsList .swiper-slide a div i{background:url(/images/icoVideo.png) no-repeat center/40px 40px;}
.indNewsList .swiper-slide a span{ display:block;width:100%; padding:20px 20px 35px 20px; position:relative}
.indNewsList .swiper-slide a span h4{font-size:12px; line-height:16px;  padding:0 0 0 20px;}
.indNewsList .swiper-slide a span h1{font-size:16px; margin:10px 0 5px 0;}
.indNewsList .swiper-slide a span h2{font-size:12px;}
.indNewsList .swiper-slide a span h3{ width:10px; height:8px; right:20px; bottom:20px}



.swiperBox{padding:30px 0 40px 0;}

.swiperBtn{text-align:center;}
.swiperBtn a{width:31px; height:31px; display:inline-block; vertical-align:middle; border:1px solid #777; border-radius:50%; overflow:hidden; margin:0 10px;}

.swiperBtn1{text-align:center;}
.swiperBtn1 a{width:31px; height:31px; }

/*---------------------indVideo---------------------*/
.indVideoFocus{height:auto; max-height:none;margin:20px auto;}
.indVideoFocus a{ width:100%;margin:0; }
.indVideoFocus a:last-child{display:none}
.indVideoFocus a div{height:50.625vw; max-height:none;border-radius:8px;}
.indVideoFocus a div i{ background:url(/images/icoVideo.png) no-repeat center/40px 40px; }
.indVideoFocus a span{padding:20px 20px 0 20px;}
.indVideoFocus a span h1{font-size:16px; margin:5px 0 0 0;}
.indVideoFocus a span h2{font-size:12px;}
.indVideoFocus a span h3{width:10px; height:8px; right:20px; bottom:6px}
.indVideoFocus a span h4{font-size:12px; line-height:16px;padding:0 0 0 20px;}




.indVideoList{width:100%;overflow:hidden;position:relative; margin:0 0 4.2vw 0}
.indVideoList .swiper-slide{width:100%;position:relative; overflow:hidden;}
.indVideoList .swiper-slide a{display:block; width:100%; border-radius:8px; }
.indVideoList .swiper-slide a div{height:50.625vw; max-height:none;}
.indVideoList .swiper-slide a div i{ background:url(/images/icoVideo.png) no-repeat center/40px 40px; }
.indVideoList .swiper-slide a span{padding:20px;}
.indVideoList .swiper-slide a span h1{font-size:16px; margin:5px 0 0 0;}
.indVideoList .swiper-slide a span h2{font-size:12px;}
.indVideoList .swiper-slide a span h3{width:10px; height:8px; right:20px; bottom:26px}
.indVideoList .swiper-slide a span h4{font-size:12px; line-height:16px;padding:0 0 0 20px;}
/*---------------------indVideo---------------------*/


.indKcxfz{height:70vw;}
.indKcxfz div{ width:100%; text-align:center; color:#fff}
.indKcxfz div h1{font-size:24px; line-height:1.75em;font-weight:900; }
.indKcxfz div h2{font-size:14px; line-height:1.75em;font-weight:500; }
.indKcxfz div h3{ margin:20px 0 0 0}
.indKcxfz div h3 i{font-size:12px;line-height:1.75em; margin:10px 0 0 0; display:block}
.indKcxfz div h3 i img{height:30px;}
.indKcxfz div h3 i font{font-size:30px;}
.indKcxfz span{background:url(/images/imgKcxfz.jpg) no-repeat center/160% auto;}




/*---------------------foot---------------------*/
.boxFoot{background:#0d0d0d; padding:30px 0 0 0}
.navFoot{display:none}


.footCopy{font-size:clamp(12px,0.73vw,14px); line-height:1.75em; color:rgba(255,255,255,0.3); padding:20px 0 50px 0; border-top:1px solid rgba(255,255,255,0.2); margin:30px 0 0 0;}
.footCopy i{display:block; margin:0;}



.footEwm{position:relative; right:0; bottom:0; }
.footEwm a{ margin:0; width:33%; text-align:center}
.footEwm a div{width:20px; display:block; margin:0 auto}
.footEwm a div img{width:100%;}

.footEwm a:hover i{opacity:0;}

.boxEwm img{ width:50%; max-width:180px;padding:10px; border-radius:8px}
/*---------------------foot---------------------*/


.subBanner{width:100vw; height:80vw; max-height:none}
.subBannerText{width:100%; height:100%; padding:8% 0 0 0}
.subBannerText span h1 i{font-size:7vw; line-height:1.3em;display:block}


.subNav{display:none;bottom:40px; }
.subNav a{width:22%; margin:0 4% 0 0; font-size:12px; line-height:30px;transition:none;}
.subNav a i{width:10px; height:10px; background:url(/images/icoJtSubnav.png) no-repeat center/5px auto;  margin-top:-5px;transition:none; }
.subNav a:hover{ border-radius:15px; padding:0 0 0 8px;}
.subNav a:hover i{right:8px}

.subBannerJt{bottom:5px; height:20px; background:url(/images/icoJtDown.png) no-repeat center/20px auto;}

.mShowNav .subBannerText{ padding:0!important}
.mShowNav .subNav{display:block}



.navLineTab{background:none;}
.navLineTab a{ padding:0; width:33.3%;font-size:14px; line-height:3.6em;}



.qzpjgCon{width:100%;overflow:hidden;position:relative; margin:0 0 5vw 0;border-radius:8px;}
.qzpjgCon .swiper-wrapper{height:auto!important}
.qzpjgCon .swiper-slide{width:100%; position:relative; overflow:hidden;}
.qzpjgText{width:100%; padding:50px 20px 50px 20px; }
.qzpjgText h1{font-size:28px;  margin:0 0 30px 0}
.qzpjgText p{ font-size:14px;}

.qzpjgVideo{width:100%; height:60vw; max-height:none; border-radius:8px;}
.qzpjgVideo h1 i{background:url(/images/icoVideo.png) no-repeat center/40px 40px; }


.qzpjgCon .swiperBtn1{display:none}


/*------------------------------高品质选材------------------------------*/
.boxGpzxc{padding:40px 0;background:url(/images/bgXc.jpg) no-repeat center top/500% auto;}

.gpzxcLeft{width:100%; height:auto; max-height:auto; margin:20px 0 0 0;  border-radius:8px; padding:20px;}
.gpzxcLeft h1{font-size:20px;padding:0 0 10px 0; }
.gpzxcLeft h1 i{font-size:26px;}
.gpzxcLeftSwiper .swiper-slide h2{font-size:20px; line-height:32px; padding:0 20px;border-radius:16px; margin:20px 0 15px 0;}
.gpzxcLeftSwiper .swiper-slide p{font-size:14px; }

/*.gpzxcRight{width:100%;}
.gpzxcRight .swiper-slide{width:100%;position:relative; overflow:hidden; padding:0 10%}
.gpzxcRight .swiper-slide img{width:100%}*/


.gpzxcRight{width:100%; height:60.08vw;}
.gpzxcRight img{width:100%; position:absolute; z-index:0; top:0; left:0}

.gpzxcBtn{position:relative; width:100%; height:100%; z-index:1;overflow:visible}
.gpzxcBtn ul{position:relative; width:100%; height:100%;}

@keyframes warn{
	0%{transform: scale(0);opacity:1}
	100%{transform: scale(1);opacity: 0}
}
.gpzxcBtn li{position:absolute;cursor:pointer;}
.gpzxcBtn li div{position:relative; }
.gpzxcBtn li div i{width:12px;height:12px;background:#fff; border:3px solid #1b609e;box-sizing:border-box;border-radius:50%;position:absolute;display:block; z-index:1;transition:transform 0.5s}
.btnpulse{position:absolute;top: -17px;left:-17px;height:46px;width:46px;border:2px solid #1b609e;box-sizing:border-box;border-radius:50%;box-shadow:0 0 4px #1b609e,0 0 10px #1b609e inset;
opacity:.12;animation:warn 2s ease-out both;animation-iteration-count:infinite;}
.gpzxcBtn li h1{width:18px; height:20px;position:absolute; left:6px; top:-20px;}
.gpzxcBtn li h2{font-size:10px; left:22px; top:-26px; }
.gpzxcBtn li:hover div i{transform:scale(1.0);border:3px solid #1b609e; background:#1b609e}
.gpzxcBtn li:hover h2{font-size:14px; top:-28px}
.gpzxcBtn .on div i{transform:scale(1.0);border:3px solid #1b609e; background:#1b609e}
.gpzxcBtn .on h2{font-size:14px; top:-28px}
.gpzxcBtn .on .btnpulse{top:-32px;left:-32px;height:76px;width:76px;}


.btn1{left:59%;top:62%;}
.btn2{left:65.8%;top:67%;}
.btn2 h1{width:18px!important; height:30px!important;right:-8px!important;}
.btn2 h2{left:auto!important; right:12px!important; top:25px!important; text-align:right}
.btn3{left:56.5%;top:10%;}
.btn4{left:30%;top:12.5%;}
.btn5{left:86.2%;top:12%;}


.gpzxcRight .btnPre{left:0; margin:-15px 0 0 0;width:30px; height:30px;}
.gpzxcRight .btnNext{right:0;margin:-15px 0 0 0;width:30px; height:30px; }
/*------------------------------高品质选材------------------------------*/


/*------------------------------全流程管控------------------------------*/
/*.qlcgkList{ width:100%}
.qlcgkList img{display:inline-block; vertical-align:top; width:100%; margin:0 0 20px 0}*/

.qlcgkList{width:100%}
.qlcgkList li{width:100%; margin:0 0 20px 0; padding:0 6px 6px 0}
.qlcgkList li:nth-child(3n+3){margin-right:0}
.qlcgkList li div{border:2px solid #194d97;border-radius:8px; overflow:hidden; padding:10px 10px 0 10px;}
.qlcgkList li h1{border-top-left-radius:6px;border-top-right-radius:6px; }
.qlcgkList li span{padding:15px 0 20px 0; position:relative; z-index:3}
.qlcgkList li h2{font-size:40px;width:50px;}
.qlcgkList li h3{font-size:12px;width:calc(100% - 50px);}
.qlcgkList li h3 i{font-size:14px;}
.qlcgkList li h4{right:0; bottom:40px; width:14px; height:14px; border:2px solid #194d97;}
.qlcgkList li h5{right:24.5%; bottom:0; width:10px; height:14px; z-index:2;transition:all 0.2s;}
.qlcgkList li h6{right:0; bottom:0; width:25%; height:40px;background:#fff;transition:all 0.2s;}
.qlcgkList li:hover img{transform:scale(1.1)}
.qlcgkList li:hover h3{color:#194d97;}
.qlcgkList li:hover h3 i{color:#194d97;}
.qlcgkList li:hover h5{ right:18px;}
.qlcgkList li:hover h6{ width:20px;}

/*------------------------------全流程管控------------------------------*/


/*------------------------------智能化设计------------------------------*/
.boxZnhsj{width:100%; height:auto; padding:0;background:#061a3a /* padding:0 0 86vw 0;background:#061a3a url(../images/bgZnhsjM.jpg) no-repeat center bottom/100% auto*/}
.znhsjList{padding:40px 0 0 0}
.znhsjList span{ width:100%;}
.znhsjList a{border-radius:8px;line-height:none; width:calc((100% - 20px)/2); margin:0 20px 20px 0; display:inline-block; vertical-align:top; padding:5px 0}
.znhsjList a:nth-child(2n+2){margin-right:0}
.znhsjList a img{ width:40px; height:40px;}
.znhsjList a i{font-size:12px;padding:0 0 0 5px}
.boxZnhsj video{position:relative}
/*------------------------------智能化设计------------------------------*/


/*------------------------------“福瓴”系列------------------------------*/
.boxFlLeft{width:100%; max-width:none;}
.boxFlLeft h1{font-size:16px;  padding:0 0 10px 0; margin:0 0 15px 0}
.boxFlLeft h2{font-size:14px; line-height:1.75em; color:#888; line-height:2em; text-align:justify}


.boxFlRight{width:100%; padding:20px 0 0 0}
.boxFlRight a{border-radius:8px;  margin:0 0 5vw 0; /*height:40vw*/}
.boxFlRight a h1{font-size:18px; line-height:26px;left:20px; top:50%; margin-top:-26px}
.boxFlRight a h1 font{font-size:12px; line-height:26px;font-weight:normal}


.boxFlWd{min-height:100vw;background:url(/images/bgHy.jpg) no-repeat center/auto 100vh;background-attachment:fixed;}
.boxFlWdList{ padding:0}
.boxFlWdList li{width:100%; height:100vw;display:flex;align-items:center;}
.boxFlWdList li div{width:100%;max-width:none; height:70vw; max-height:none;border-radius:8px; padding:0 40px;}
.boxFlWdList li div h1{font-size:20px;margin:20px 0 15px 0}
.boxFlWdList li div h2{font-size:14px;}


.proFl {position:relative;z-index: 2;}
.proFlBg {height:100vh;position:sticky;top:0;background:url(/images/bgHy.jpg) no-repeat center/cover}
.proFlContent {margin-top:-100vh;display:flex;flex-direction:column;align-items:center;}
.proFlBox {display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:106px;height:calc(100vh - 106px);width:100%;padding:0 20px}

.proFlCard {margin:100px 0 50px 0;width:100%;max-width:none; height:300px; max-height:none; padding:0 30px;border-radius:8px;}
.proFlCard>h2 {font-size:22px; line-height:1em; margin:20px 0 15px 0}
.proFlCard>p {font-size:14px; }

.proFlCard img {width:50px;}
/*------------------------------“福瓴”系列------------------------------*/

/*------------------------------“福瓴”系列显示------------------------------*/
.proBanner{border-radius:8px;}
.tdList{}
.tdList li{width:100%!important; padding:0 0 40px 0; margin:0 0 40px 0; border-bottom:1px solid #e5e5e5;}
.tdList li h1{ width:50px; height:50px; }
.tdList li h1 img{ width:100%}
.tdList li h2{font-size:18px;}
.tdList li h3{font-size:14px;}

/*.tdPic{margin:10px 0 40px 0}
.tdPic .swiperBtn{margin:30px 0 0 0}*/
.tdPic{width:100%;/*height:calc(36vw + 50px); max-height:650px;*/overflow:hidden;position:relative; margin:10px 0 40px 0}
.tdPic .swiper-slide{width:100%; height:100%;position:relative; overflow:hidden; }
.tdPic .swiper-slide a{ display:inline-block; float:left; height:18vw; max-height:300px; margin:0 5px 5px 0;border-radius:8px;}
.tdPic .swiper-slide a:nth-child(1){width:calc((100% - 15px)/4*2 + 5px)!important;}
.tdPic .swiper-slide a:nth-child(2){width:calc((100% - 15px)/4)!important;}
.tdPic .swiper-slide a:nth-child(3){width:calc((100% - 15px)/4)!important;}
.tdPic .swiper-slide a:nth-child(4){width:calc((100% - 15px)/4*2 + 5px)!important;}
.tdPic .swiper-slide a:nth-child(5){width:calc((100% - 15px)/4)!important; height:calc(36vw + 5px)!important;}
.tdPic .swiper-slide a div{}
.tdPic .swiperBtn{margin:30px 0 0 0}
/*------------------------------“福瓴”系列显示------------------------------*/


/*------------------------------“福兮”系列------------------------------*/
.fxList{width:100%; height:auto; overflow:hidden; color:#fff;position:relative;margin-bottom:20px}
.fxList img{width:100%; height:auto}
.fxListCon{ position:relative; left:0; bottom:0; background:rgba(0,0,0,0.55); z-index:1; width:100%; padding:3vw 0}
.fxListCon1{padding:0 0 80px 0}
.fxListText{}
.fxListText h1{font-size:18px; margin:20px 0 10px 0;}
.fxListText h2{ font-size:14px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical; overflow:hidden}
.fxListCon1 .btnMoreWhite{top:auto; margin-top:0; bottom:20px;}
/*------------------------------“福兮”系列------------------------------*/


/*------------------------------“福兮”系列显示------------------------------*/
.kfysList{}
.kfysList li{width:100%; height:auto; max-height:none; border-radius:8px; margin:0 0 20px 0; display:block;}
.kfysList li div{position:relative; z-index:2; padding:10vw; width:100%}
.kfysList li h1{}
.kfysList li h1 img{width:50px}
.kfysList li h2{ display:none}
.kfysList li h3{font-size:20px; line-height:2em;border-bottom:2px solid #888; color:#555; font-weight:500; margin:10px 0 10px 0}
.kfysList li h4{font-size:14px; line-height:1.7em; color:#888}
.kfysList li h5{position:relative; z-index:1; top:0; left:0; width:100%; height:50vw;transition:all 0.3s ease 0.1s;}

.kfysList li:hover h1{display:block}
.kfysList li:hover h2{display:none}
.kfysList li:hover h3{border-bottom:2px solid #888;color:#555}
.kfysList li:hover h4{color:#888}
.kfysList li:hover h5{top:0;}

.kfysList li:nth-child(1) h5{ background:url(/images/imgKfys1M.jpg) no-repeat center/cover;}
.kfysList li:nth-child(2) h5{ background:url(/images/imgKfys2M.jpg) no-repeat center/cover;}
.kfysList li:nth-child(3) h5{ background:url(/images/imgKfys3M.jpg) no-repeat center/cover;}
.kfysList li:nth-child(4) h5{ background:url(/images/imgKfys4M.jpg) no-repeat center/cover;}


.kflcList{padding:0; margin:0 auto 40px auto; text-align:left; background:url(/images/bgKflcLineM.png) no-repeat 12px bottom/8px auto; width:70%; overflow:hidden}
.kflcList ul{ display:block; width:100%;height:auto; overflow:hidden}
.kflcList ul li{display:inline-block; width:100%; margin:0 0 20px}
.kflcList ul li div{ width:40px; height:40px;margin:0 auto; display:inline-block; vertical-align:middle}
.kflcList ul li div img{}
.kflcList ul li i{font-size:16px; line-height:38px; display:inline-block; vertical-align:middle; border:1px solid #e3e3e3; border-radius:20px; width:calc(100% - 60px); margin:0 0 0 20px; padding:0 5vw}


/*------------------------------“福兮”系列显示------------------------------*/



/*------------------------------service------------------------------*/
@keyframes ABgH4{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxService{ height:auto;background:url(/images/bgServiceM.jpg) no-repeat center/100% 100vh;background-attachment:fixed; margin:0}
.boxService ul li{width:100%; height:auto; padding:50px 0 70px 0; border-right:none;border-bottom:1px solid rgba(255,255,255,0.6);}
.boxService ul li h1{position:relative;top:0;transition:all 0.2s ease 0.1s;}
.boxService ul li h1 img{width:60px}
.boxService ul li h2{position:relative;top:0; line-height:1em; font-size:20px; margin:20px 0 30px 0}
.boxService ul li h3{position:relative;top:0; line-height:1.75em; font-size:14px; opacity:1;}

.boxService ul li i{display:none}
.boxService ul li:hover h1{top:0; }
.boxService ul li:hover h2{top:0; }
.boxService ul li:hover h3{top:0; opacity:1}


.boxYpt{width:100%; position:relative; margin:0 0 5.8vw 0}
.yptNavTab{position:relative;width:100%; top:0;}
.yptNavTab a{display:block; height:46px;  font-size:14px;padding:0 0 0 35px;display:flex; align-items:center;transition:all 0.2s ease 0.1s;}
.yptNavTab a img{margin:0 10px 0 0; width:30px;}
.yptNavTab .on{font-size:18px;padding:0 0 0 35px}



.yptSwiper{width:100%; height:54.25vw;}


/*------------------------------service------------------------------*/


/*------------------------------news------------------------------*/

.newsList{width:100%; overflow:hidden}
.newsList a{height:auto; max-height:none; margin:0 0 30px 0; padding:0 0 30px 0;}
.newsListImg{width:100%; height:auto; border-radius:8px; }
.newsListImg i{width:100%; height:100%; background:url(/images/icoVideo.png) no-repeat center/40px 40px;}
.newsListText{width:100%; padding:0 0 60px 0; height:auto;}
.newsListText h1{font-size:16px; padding:15px 0 10px 0;}
.newsListText h2{font-size:12px;}
.newsListText h4{font-size:12px; line-height:16px; padding:0 0 0 20px; right:0; bottom:5px;}
.newsListText .btnMore{bottom:0}


.newsList a:nth-child(even) .newsListImg{float:left}
.newsList a:nth-child(even) .newsListText{padding:0 0 60px 0;}
.newsList a:nth-child(even) h3{left:0}
.newsList a:nth-child(even) h4{right:0;}
/*------------------------------news------------------------------*/


/*-----------------分页-----------------*/
.boxPage{text-align:center;margin:0 auto 30px auto;}
.boxPage a{width:36px; height:36px;line-height:36px; }
.numPage{display:none}

.pageGo{display:inline-block; vertical-align:middle}
.inputGo{width:60px; height:36px;  border-radius:18px;}
.submitGo{width:60px; height:36px; border-radius:18px;}



.btnPage{float:none; margin:0 auto; display:inline-block}
.prePage{display:inline-block!important}
.nextPage{display:inline-block!important}
.boxPage span{ display:inline-block;}

.pageGo{display:none}
/*-----------------分页-----------------*/


/*------------------------------video------------------------------*/
.videoList{width:100%;}
.videoList a{ width:100%;margin:0 0 30px 0;border-radius:8px;}

.videoList a div{width:100%; height:50.625vw; max-height:none;}
.videoList a div i{background:url(/images/icoVideo.png) no-repeat center/40px 40px;}
.videoList a span{width:100%; display:block; padding:20px 20px; position:relative}
.videoList a span h1{font-size:16px; line-height:1.5em; font-weight:500; text-align:justify; margin:5px 0; text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.videoList a span h2{font-size:12px; line-height:1.75em; color:#999;  text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical; width:90%;}
.videoList a span h3{width:10px; height:8px;right:20px; bottom:26px}
.videoList a span h4{font-size:12px; line-height:16px;padding:0 0 0 20px;}

/*------------------------------video------------------------------*/


/*------------------------------about------------------------------*/
.aboutVideo{ width:100%; height:50vw;}
.aboutVideo a{background:url(/images/icoVideo.png) no-repeat center/40px 40px; }


.aboutConText{width:100%;padding:30px 0}
.aboutConText h1{font-size:14px;}
.aboutConText h2{font-size:24px;padding:8px 0}
.aboutConText h3{font-size:14px;}

.aboutConNum{ position:relative; right:0; bottom:0}
.aboutConNum li{padding:0 30px 0 0; margin:0 30px 0 0; height:120px;}
.aboutConNum li h1{ height:70px; }
.aboutConNum li h1 i{font-size:38px; width:80px; line-height:66px; padding:0 0 0 15px;}
.aboutConNum li h1 font{font-size:20px; margin:5px 0 0 0;}
.aboutConNum li h2{font-size:14px;margin:10px 0 0 0}
.aboutConNum li:first-child h1 i{width:100px}



.bgAboutRyzl{ padding:50px 0;}
.aboutRyzl{width:100%; height:auto;overflow:hidden;position:relative; display:block; margin:0 auto; }
.aboutRyzl .swiper-slide:nth-child(odd){ margin:0}
.aboutRyzl .swiper-slide img{width:90%; max-height:none;}
.aboutRyzl .swiper-slide div{height:50px; margin:15px 0 0 0}
.aboutRyzl .swiper-slide div i{font-size:12px;}


.aboutQywhBanner{ width:100%;/*background:url(/images/bgAboutQywh.jpg) no-repeat center/cover;background-attachment:fixed;*/ height:50vw;font-size:20px; }

.aboutQywh{padding:30px 10% 0 10%; }
.aboutQywh li{width:100%; margin:0 0 50px 0; }
.aboutQywh li:last-child{ margin-right:0}
.aboutQywh li h1{font-size:32px; padding:0 0 10px 0; width:36px;}
.aboutQywh li h2{font-size:18px; padding:15px 0 10px 0;}
.aboutQywh li h3{font-size:14px; }
/*------------------------------about------------------------------*/


/*------------------------------aboutbrand------------------------------*/
.aboutSl{ padding:0 0 0 0}
.aboutSl li{width:100%; padding:0 0 50px 0; }
.aboutSl li h1{font-size:30px;}
.aboutSl li h1 img{margin:0 10px 0 0; width:46px}
.aboutSl li h1 sup{font-size:20px; }
.aboutSl li h1 font{font-size:20px;}
.aboutSl li h2{font-size:20px;padding:10px 0 15px 0}
.aboutSl li h3{font-size:14px; text-align:left}


.aboutSlCon{ width:100%; padding:50px 0; height:auto; background:url(/images/bgJb.jpg) no-repeat center/cover;}
.aboutSlCon div{width:90%; height:100%; max-width:1460px; margin:0 auto; position:relative; color:#fff; padding:0 0 0 30%}
.aboutSlCon div img{ left:0; bottom:auto; top:0; width:30%;}
.aboutSlCon div h1{font-size:20px;padding:0 0 15px 0}
.aboutSlCon div h2{font-size:14px;}


.navTitleTab{ text-align:center; padding:50px calc(5% + 20px) 20px calc(5% + 20px);}
.navTitleTab a{padding:0 0 20px 0; font-size:16px; width:50%}



/*------------------------横向幻灯片------------------------*/
.boxPic{width:100%;}
.picList{width:100%; padding:0 20px; position:relative; margin:0;}
.picList .swiper-slide{width:100%; margin:0; background:url(/images/bgJp.png) no-repeat right top/20px calc((90vw - 40px)*0.667); padding:0 20px 0 20px}
.picList .swiper-slide:last-child{ margin-right:0}
.picList .swiper-slide div{width:100%; height:calc((90vw - 40px)*0.667);max-height:none;}
.picList .swiper-slide i{font-size:16px; height:80px;}
/*------------------------横向幻灯片------------------------*/




.conText{font-size:16px; margin:0}

.boxHxyw{width:100%; position:relative;margin:-30px 0 0 0}
.hxywNavTab{position:relative;width:100%; top:0; overflow:hidden; padding:0 0 10px 0}
.hxywNavTab a{width:20%; float:left;height:100px; font-size:12px; border-radius:8px; padding:0; text-align:center;justify-content:center; }
.hxywNavTab a img{margin:0 auto 10px auto; width:36px;}
.hxywNavTab a i{display:block}
.hxywNavTab .on{font-size:12px;padding:0}



.hxywSwiper{width:100%;position:relative;overflow:hidden; border-radius:8px;}
.hxywSwiper .swiper-slide{width:100%; height:100%; position:relative}
.hxywSwiper .swiper-slide img{width:100%; height:100%}
.hxywSwiper .swiper-slide div{padding:20px;}
.hxywSwiper .swiper-slide div h1{font-size:18px; padding:0 0 5px 0}
.hxywSwiper .swiper-slide div h2{font-size:12px; line-height:1.5em;}



.conText{font-size:16px; line-height:1.75em}



.gfNavTab{width:100%; padding:10px 0 20px 0; overflow:hidden; text-align:center}
.gfNavTab a{display:inline-block; float:none; width:25%; height:22.5vw; margin:0; font-size:12px;border-radius:8px; vertical-align:top}
.gfNavTab a:last-child{margin-right:0}
.gfNavTab a img{ margin:3vw 0 0 0; width:36px;}


.gfSwiper{width:100%;position:relative;overflow:hidden; margin:0 0 5.8vw 0}
.gfSwiper .swiper-slide{width:100%;position:relative; background:#fff; border-radius:8px;}
.gfSwiper .swiper-slide img{border-radius:8px; width:100%; margin-right:0}
.gfSwiper .swiper-slide div{ width:100%; padding:40px}
.gfSwiper .swiper-slide div h1{font-size:20px; padding:0 0 10px 0}
.gfSwiper .swiper-slide div h2{font-size:16px; }

.gfSwiper .swiperBtn1{ position:absolute; bottom:5vw; left:0; z-index:2; display:none}

/*------------------------------aboutbrand------------------------------*/


/*------------------------------join------------------------------*/


.imgPc{display:none}
.imgM{display:block}


.boxYgwh{width:100%;height:auto;max-height:none;}
.boxYgwh li{ width:100%; height:auto; margin:0 0 15px 0; border-radius:8px;transition:none;background:#194d97}
.boxYgwh li:last-child{ margin:0}
.boxYgwh li h1{position:relative; top:0; left:0; width:100%;  padding:30px 0 10px 0; transition:none;}
.boxYgwh li h1 img{ width:50px;}
.boxYgwh li h1 i{display:block; font-size:18px; line-height:1.3em}
.boxYgwh li h2{position:relative; top:0; left:0; width:100%; font-size:10px; line-height:1.5em; z-index:2; opacity:1;transition:none; padding:0 30px;}
.boxYgwh li h3{display:none}
.boxYgwh li h4{position:relative; bottom:0; left:0; width:100%; height:50vw; z-index:0; margin:30px 0 0 0}

.boxYgwh .on h4{opacity:1}
.boxYgwh .on h1{top:0}
.boxYgwh .on h2{top:0; opacity:1}


.ygfcSwiper{width:100%;position:relative;overflow:hidden;}
.ygfcSwiper .swiper-slide{width:100%; height:50.625vw; max-height:none;  border-radius:8px;}


.ygfcSwiper .swiperBtn1{margin:30px 0 0 0} 

.boxYgfl{ padding:40px 0 10px 0;}
.boxYgfl li{ width:25%;padding:10px 0; text-align:center; margin:0 0 30px 0}
.boxYgfl li img{width:46px}
.boxYgfl li i{font-size:14px; margin:10px 0 0 0}
.boxYgfl li:nth-child(5){border-right:1px solid #e7e7e7; }
.boxYgfl li:nth-child(4n+4){border-right:none}


.boxJrwm{ width:100%; height:80vw;}
.boxJrwm div{ width:100%; text-align:center; color:#fff}
/*.boxJrwm div h1{font-size:16px;  }
.boxJrwm div h2{font-size:32px;  margin:20px 0; letter-spacing:0.5vw}
.boxJrwm div h3{}
.boxJrwm div h3 a{display:inline-block; margin:0 2vw}
.boxJrwm div h3 a img{display:inline-block; vertical-align:middle; width:32px; }
.boxJrwm div h3 font{font-size:12px;  margin:0 0 0 5px}*/
.boxJrwm div h1{font-size:14px;}
.boxJrwm div h2{font-size:24px;margin:20px 0; letter-spacing:0.5vw}
.boxJrwm div h3{}
.boxJrwm div h3 a{display:inline-block; margin:0 2vw}
.boxJrwm div h3 a img{display:inline-block; vertical-align:middle; width:32px; }
.boxJrwm div h3 font{font-size:12px;  margin:0 0 0 5px}




.boxJob{width:100%; overflow:hidden; padding:0}
.jobLeft{width:100%;display:inline-block; vertical-align:top; padding:0}
.jobSearch{}
.searchTitle{margin:0 0 10px 0}
.searchTitle h1{font-size:16px; }
.jobSearch1{width:100%; margin:0 0 10px 0}
.inputSearch{width:calc(100% - 80px); border:1px solid #e5e5e5; height:40px;border-bottom-left-radius:6px;border-top-left-radius:6px; line-height:46px; padding:0 0 0 15px; }
.submitSearch{width:80px; line-height:40px; background:#194d97; color:#fff; font-size:12px; border-bottom-right-radius:6px;border-top-right-radius:6px; cursor:pointer}
.submitSearch:hover{background:#2b6dca}
.jobSearch2 select{width:calc((100% - 20px)/3);border:1px solid #e5e5e5; height:40px;border-radius:6px;line-height:46px;font-family:'Noto Sans SC'; padding:0 0 0 10px; margin-right:10px;}
.jobSearch2 select:last-child{ margin-right:0}

.jobSearch .boxShare{top:3px;}

.jobList{padding:0 0 30px 0}
.jobList li{ padding:30px 0; }
.jobList li h1{font-size:16px;  margin:0 0 15px 0}
.jobList li h2 i{font-size:12px; padding:0 10px 0 0; margin:0 10px 0 0;}
.jobList li h2 i:last-child{margin:0; padding:0; border:none}
.jobList li h3{ top:31px; right:0;font-size:10px; }

.jobRight{display:none}


.boxMsg{ width:100%; border-radius:8px; padding:20px; margin:0 0 30px 0;}
.boxMsg li{width:100%; padding:0 0 20px 0; }
.boxMsg li i{display:inline-block; font-size:14px; width:25%; vertical-align:middle}
.boxMsg li i font{letter-spacing:2em}
.boxMsg li input[type="text"]{display:inline-block; vertical-align:middle;}
.liLong{width:100%!important}
.msgInput{width:75%;  height:42px;}
.msgSelect{width:calc((75% - 10px)/2); height:42px;}
.msgSubmit{ max-width:100px; height:40px;font-size:12px;border-radius:20px;margin:10px 10px 0 10px; }
.msgSubmit:hover{background:#2b6dca}


.divRadio{ padding:10px 0 0 0}
.divRadio label{display:inline-block; width:33%;font-size:12px;line-height:2em; margin:0}
.divRadio input{margin:0 2px 0 0}

/*------------------------------join------------------------------*/


/*------------------------------showJob------------------------------*/
.boxShow{padding:70px 0 0 0; }
.boxShow1{border-radius:8px; background:#fff; padding:0 20px;margin:5vw auto;}

.showTitle{ padding:20px 0 15px 0;}
.showTitle h1{font-size:18px; line-height:1.5em;  margin:0 0 5px 0; padding:0 60px 0 0}
.showTitle h3{margin:10px 0 0 0}

.showTitle .boxShare{top:28px}
.showTitle .btnSubmit{ display:none}


.showJobCon{}
.conJobTitle{font-size:16px; margin:30px 0 20px 0}
.conJobText{font-size:14px; padding:0 0 30px 0}
.conJobList{ width:100%;}
.conJobList li{width:50%;font-size:14px; min-height:80px}

.boxSubmit{padding:0 0 20px 0}
.btnSubmit{height:40px;}


.shareCon{padding:10px;}

.jobForm{ padding:0 0 30px 0;}
.boxMsg li{width:100%; padding:0 0 20px 0; }
.jobForm li{width:100%; padding:0 0 20px 0; display:inline-block; position:relative}
.jobForm li i{font-size:14px;width:25%; }
.jobForm li input[type="file"]{width:75%;}
.jobForm .divRadio{width:75%;}
.formTips{font-size:12px;padding:5px 0 0 25%;}
/*------------------------------showJob------------------------------*/

/*------------------------------showNews------------------------------*/
.boxShowNews{padding:70px 0 0 0;}
.boxShowNews1{width:100%; padding:0 20px;margin:0 auto;}

.showInfoNews{padding:30px 0 20px 0;}

.showInfoNews .boxShare{top:34px}

.showTitleNews{position:relative; padding:0 0 15px 0;}
.showTitleNews h1{font-size:18px; line-height:1.5em; text-align:left}


.showCon{font-size:14px;padding:10px 0 20px 0}
.showVideo{margin:0 0 15px 0}
/*------------------------------showNews------------------------------*/



/*------------------------------case------------------------------*/
.caseList{margin-bottom:-30px}
.caseList a{width:100%; margin:0 0 30px 0}
.caseList a h1 i{font-size:16px; height:40px; line-height:40px; width:120px;}
.caseList a h2{font-size:18px; line-height:1.5em;margin:10px 0 5px 0}
.caseList a h3{font-size:14px;line-height:1.5em;margin:0 0 10px 0}
.caseList a div{ border-radius:8px; width:100%; height:60vw; max-height:none; }


.marginBottom{margin-bottom:0!important}

.boxShowCase{ width:100%; background:url(/images/bgCase.jpg) no-repeat center bottom/300% auto; padding:0 0 40px 0}

.showCasePic{ width:100%; border-radius:8px; }
.showCasePic .swiper-slide{width:100%; /*height:39.57vw*/height:50vw}
.showCasePic .swiper-pagination{ bottom:10px;}
.showCasePic .swiper-pagination-bullet{width:6px; height:6px; border:2px solid #fff; background:#fff; border-radius:3px; margin:0 5px 0 0!important}
.showCasePic .swiper-pagination-bullet img{display:none}
.showCasePic .swiper-pagination-bullet-active{width:20px;height:6px;}

.showCaseCon{ width:100%; overflow:hidden; padding:3.2vw 0 0 0}
.showCaseText{width:100%; padding:0;}
.caseTitle{font-size:20px; padding:10px 0 10px 0}
.caseText{font-size:14px;color:#888}
.showCaseImg{display:none}


.caseNum{padding:20px 0 0 0;}
.caseNum li{ float:left; border:2px solid #194d97; height:60px; border-radius:30px; width:34%;}
.caseNum li:nth-child(1){width:26%}
.caseNum li h1{}
.caseNum li h1 i{font-size:22px; }
.caseNum li h1 font{font-size:10px;}
.caseNum li h2{font-size:10px; line-height:1em; margin:5px 0 0 0}
/*------------------------------case------------------------------*/




/*------------------------------business------------------------------*/
.boxHzms{width:100%;  overflow:hidden; background:url(/images/bgHzms.jpg) no-repeat center/cover;}
.hzmsSwiper{width:100%; height:540px; padding:30px 0 60px 0}
.hzmsSwiper .swiper-slide{position:relative; width:100%; height:100%;}
.hzmsSwiper .hzmsC{ position:absolute;width:180px; height:180px; max-width:none; max-height:none;}
.hzmsSwiper .hzmsC img{width:40px;margin:0}
.hzmsSwiper .hzmsC h1{font-size:18px;line-height:1.75em; display:block; margin:0 0 5px 0; }
.hzmsSwiper .hzmsC h2{font-size:8px;line-height:2em;}
.hzmsSwiper .hzmsC h3{font-size:6px;line-height:1em; margin:20px 0 0 0}

.hzmsSwiper .hzmsList{width:100%; height:100%; position:relative; color:#fff}
.hzmsSwiper .hzmsList li{position:absolute; width:40%; }
.hzmsSwiper .hzmsList li img{width:40px; }
.hzmsSwiper .hzmsList li h1{font-size:8px; line-height:1.5em; }
.hzmsSwiper .hzmsList li h1 i{font-size:16px; line-height:1.2em; margin:5px 0 5px 0;}
.hzmsSwiper .hzmsList li h1 i font{display:block; }
.hzmsSwiper .hzmsList li h1 i font:first-child{margin:0}

.hzmsSwiper .swiper-pagination{bottom:20px;}
.hzmsSwiper .swiper-pagination-bullet{width:6px; height:6px; margin:0 5px}



.boxJjxy{width:100%;height:auto;max-height:none;}
.boxJjxy li{ width:100%; height:auto; margin:0 0 15px 0; border-radius:8px;transition:none;background:#194d97}
.boxJjxy li:last-child{ margin:0}
.boxJjxy li h1{position:relative; top:0; left:0; width:100%;  padding:30px 0 10px 0; transition:none;}
.boxJjxy li h1 img{ width:50px;}
.boxJjxy li h1 i{display:block; font-size:18px; line-height:1.3em}
.boxJjxy li h2{position:relative; top:0; left:0; width:100%; font-size:12px; line-height:1.5em; z-index:2; opacity:1;transition:none; padding:0 30px;}
.boxJjxy li h3{display:none}
.boxJjxy li h4{position:relative; bottom:0; left:0; width:100%; height:50vw; z-index:0; margin:30px 0 0 0}

.boxJjxy .on h4{opacity:1}
.boxJjxy .on h1{top:0}
.boxJjxy .on h2{top:0; opacity:1}


.boxBusMap{width:100%; height:113.79vw; background:url(/images/bgBusMap.jpg) no-repeat -36vw -6vw/auto 100%; margin:-12vw 0 -5.8vw 0; padding:12vw 0 0 0;}
.busMap{width:100%; height:84.35vw; background:url(/images/bgMap.png) no-repeat left center/auto 100%; margin:0 0 0 5vw; }

.busMapZb{position:relative; width:100%; height:100%; z-index:3; }
.busMapZb a{position:absolute; width:5vw; height:5vw; display:block; background:rgba(0,0,0,0.01) url(../images/icoMap.png) no-repeat center/2vw auto;}
.busMapZb .mapZb_huadong{left:48.5%; top:46%}
.busMapZb .mapZb_huanan{left:43%; top:51%}
.busMapZb .mapZb_huazhong{left:40%; top:43%}
.busMapZb .mapZb_huabei{left:44%; top:21%}
.busMapZb .mapZb_xibei{left:35%; top:34%}
.busMapZb .mapZb_xinan{left:34%; top:46%}
.busMapZb .mapZb_haiwai{left:25%; top:81%}

@keyframes mapTopBus{0%{top:100px; opacity:0}100%{top:0; opacity:1}}
@keyframes mapLineBus1{0%{width:0}100%{width:20vw;}}
@keyframes mapLineBus2{0%{width:0}100%{width:30vw;}}

.busMap .mapTitleCon div{position:relative; width:48vw;}
.busMap .mapTitleCon span{width:18vw;}
.busMap .mapTitleCon h1{height:10vw; width:20vw;left:11.5vw;animation:mapLineBus1 1s; display:none;}

.busMap .onMap span{display:block}
.busMap .onMap h1{display:block}

.busMap .titleZb_huadong{left:42%;top:36%;}
.busMap .titleZb_huanan{left:36%;top:42%}
.busMap .titleZb_huazhong{left:34.5%; top:33%}
.busMap .titleZb_huabei{left:46.5%; top:16%}
.busMap .titleZb_huabei div{width:35vw}
.busMap .titleZb_huabei h1{height:6vw;transform:skew(-35deg);left:1.9vw;}
.busMap .titleZb_xibei{left:30.5%; top:20%}
.busMap .titleZb_xinan{left:29.5%; top:35%}
.busMap .titleZb_xinan h1{left:10vw;}
.busMap .titleZb_haiwai{left:19%; top:70%}
.busMap .titleZb_haiwai div{width:55vw!important;}
.busMap .titleZb_haiwai h1{width:30vw;animation:mapLine2 1s;}




.yxdjBanner{width:100%;height:30vw;font-size:20px;/*background:url(/images/bgYxdj.jpg) no-repeat center/cover;*//*background-attachment:fixed;*/}


.yxdjLeft{width:100%;margin:40px 0 0 0}
.yxdjTitle{font-size:16px;  margin:0 0 20px 0}
.yxdjMsg{}
.yxdjMsg li{width:calc((100% - 20px)/2); margin:0 20px 15px 0; display:inline-block; position:relative}
.yxdjMsg li:nth-child(even){margin-right:0}
.yxdjMsg .msgInput{width:100%!important}
.yxdjMsg .msgSubmit{margin:0 10px!important}
.yxdjMsg li:last-child{text-align:center}

.yxdjRight{width:100%; margin:30px 0 50px 0; padding:0}
.yxdjRText{font-size:12px; padding:0 0 10px 0;}
.yxdjRList a{font-size:12px; }
.yxdjRList a img{ width:16px;}


.tzsyLeft{width:100%; background:url(/images/bgXx.png) repeat-y 18px 0; margin:0}
.tzsyLeft li{ padding:0 0 50px 60px;}
.tzsyLeft li:last-child{padding-bottom:0}
.tzsyLeft h1{ position:absolute; left:0; top:0; width:36px; height:36px; background:#194d97}
.tzsyLeft h1 img{width:100%}
.tzsyLeft h2{font-size:18px; margin:0;transition:none;font-weight:500; color:#194d97}
.tzsyLeft h3{font-size:14px; transition:none; margin:5px 0 15px 0;}
.tzsyLeft h4{ display:block; }

.tzsyLeft .on h1{transform:scale(1.0)}
.tzsyLeft .on h3{color:#555}



.tzsyRight{display:none}


.tzhbBanner{ width:100%;height:30vw;font-size:26px; background:url(/images/bgTzhb.jpg) no-repeat center/cover;}


.tzhbList{width:100%; padding:0 5%}
.tzhbList li{width:100%; padding:0}
.tzhbList li a{width:33.3%; margin:8vw 0 0 0}
.tzhbList li a img{ border-radius:50%; background:#fff; box-shadow:0 0 1vw rgba(0,0,0,0.15); width:20vw; height:20vw;padding:2vw}
.tzhbList li a:nth-child(even) img{border-radius:6vw;}
.tzhbList li:nth-child(even) a img{border-radius:50%;}
.tzhbList li:nth-child(even) a:nth-child(even) img{border-radius:6vw;}

.tzhzCase{ width:100%; overflow:hidden; padding:0 0 4.8vw 0}
.tzhzCase a{width:100%; height:77.5vw;  margin:0 0 20px 0; border-radius:8px;}

.tzhzCase a h1{ min-width:60px; height:60px; background:url(/images/bgNumber1.png) no-repeat left center/auto 100%;  top:17%; left:50%; margin:0 0 0 -35px; 	}
.tzhzCase a h1 i{font-size:26px; line-height:60px; display:inline-block; vertical-align:middle; text-align:center; padding:0 0 0 20px; font-weight:500;}
.tzhzCase a h1 font{font-size:12px;margin:5px 0 0 0;}
.tzhzCase a h2{font-size:24px; }
.tzhzCase a h3{font-size:12px; line-height:1.5em;}

.tzhzCase a:hover h3{ top:60%;}


.marginTop{ margin:30px 0 0 0}

.qxfnList{ width:100%; padding:20px 0 40px 0; }
.qxfnList li{margin:20px 0 0 0; }
.qxfnList li div{width:22vw; height:22vw; }
.qxfnList li div img{ width:30%;margin:10px 0 0 0}
.qxfnList li h1{font-size:12px; }
.qxfnList li h1 i{font-size:12px;}
.qxfnList li span{display:inline-block;vertical-align:middle; width:7vw; height:7vw; background:url(/images/icoQxfnJt.png) no-repeat center/3vw auto;}
.qxfnList li:nth-child(4n+4) span{display:inline-block}
.qxfnList li:nth-child(3n+3) span{display:none}
.qxfnList li:last-child span{display:none}

.bgHzftj{ width:100%; height:530px; background:url(/images/bgHzftjM.jpg) no-repeat center bottom/100% auto;padding:40px 0 0 0; }

.navHzftj{position:relative; top:0; left:0; background:url(/images/bgLineGray1.jpg) no-repeat 0 15px/100% 1px; z-index:2}
.navHzftj a{display:inline-block; vertical-align:top; position:relative; width:16.6%;font-size:12px;line-height:1em;margin:0; padding:40px 0 0 0;transition:all 0.3s;}
.navHzftj a:last-child{ margin-bottom:0}
.navHzftj a i{position:absolute; left:50%; margin-left:-12.5px; top:3px;}
.navHzftj a font{font-size:12px; width:12px; display:block; margin:0 auto; line-height:1.2em;}

.navHzftj .on{color:#194d97}
.navHzftj .on i{background:#194d97;transform:scale(1.2)}
.navHzftj .on font{font-size:14px;width:14px;}


.hzftjSwiper{width:100%; margin:30px 0 0 0;}
.hzftjSwiper .swiper-slide{padding:0}
.hzftjSwiper .swiper-slide h1{font-size:26px;line-height:1.5em; margin:0 0 10px 0}
.hzftjSwiper .swiper-slide h2{font-size:14px; line-height:1.75em;}
.hzftjSwiper .swiper-slide h2 i{display:block}



.hzlcList{padding:0; margin:0 auto 40px auto; text-align:left; background:url(/images/bgKflcLineM.png) no-repeat 12px bottom/8px auto; width:70%; overflow:hidden}
.hzlcList ul{ display:block; width:100%;height:auto; overflow:hidden}
.hzlcList ul li{display:inline-block; width:100%; margin:0 0 20px; position:relative;padding:0 0 0 60px; min-height:80px;}
.hzlcList ul li div{ width:40px; height:40px;margin:0 auto; display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; }
.hzlcList ul li div img{}
.hzlcList ul li i{font-size:16px; line-height:16px; margin:5px 0 5px 0}
.hzlcList ul li h1{font-size:12px; color:#888; line-height:1.5em;}
/*------------------------------business------------------------------*/

/*------------------------------business1------------------------------*/
.navLineTab1{background:none;margin:30px 0 0 0}
.navLineTab1 a{display:inline-block; width:100%; padding:0; font-size:14px; }



.sdmsSwiper{width:100%;margin:20px 0 0 0; box-shadow:0 0 10px rgba(0,0,0,0.1); height:auto; max-height:none;border-radius:8px;}
.sdmsSwiper .swiper-slide{height:auto;}
.sdmsText{width:100%; padding:30px; height:auto}
.sdmsText h1{font-size:24px; font-weight:500; margin:0 0 15px 0}
.sdmsText p{font-size:14px; }
.sdmsText h2{position:relative; bottom:0; width:100%; text-align:center; padding:20px 0 0 0}
.sdmsText h2 img{width:60%}
.sdmsText h2 font{font-size:14px; margin:5px 0 0 0}

.sdmsImg{width:100%; height:auto; border-radius:8px; display:block;margin-right:0;}


.hzlcList1{padding:0; margin:0 auto 0 auto; text-align:left; background:url(/images/bgKflcLineM.png) no-repeat 62px bottom/8px auto; width:86%; overflow:hidden}
.hzlcList1 ul{ display:block; width:100%;overflow:hidden}
.hzlcList1 ul li{width:100%; height:auto;vertical-align:top; padding:0 0 0 120px; min-height:80px;}
.hzlcList1 ul li h1{font-size:30px;line-height:30px;margin:0; position:absolute; top:5px; left:0}
.hzlcList1 ul li h2{font-size:16px;margin:8px 0 0 0;}
.hzlcList1 ul li h3{font-size:12px;}
.hzlcList1 ul li h4{ position:absolute; left:50px; bottom:auto; top:0; width:40px; height:40px; border-radius:50%; padding:5px; background:#194d97; opacity:1}
.hzlcList1 ul li img{ width:100%; }

.hzlcList1 ul li:hover{color:#194d97;}
.hzlcList1 ul li:hover h3{color:#888}
.hzlcList1 ul li:hover h4{opacity:1}
.hzlcList1 ul li:hover div{display:none}

.liWidth1 li{width:100%;}
.liWidth2 li{width:100%;}
.liWidth3 li{width:100%;}




.fwnrList{height:auto; max-height:none;background:url(/images/bgFwnrM.jpg) no-repeat center/100% 100vh;background-attachment:fixed; /*margin:0 0 40px 0;*/border-radius:16px;}
.fwnrList ul li{width:100%; height:auto; padding:50px 0 70px 0; border-right:none;border-bottom:1px solid rgba(255,255,255,0.6);}
.fwnrList ul li h1{position:relative;top:0;transition:all 0.2s ease 0.1s;}
.fwnrList ul li h1 img{width:60px}
.fwnrList ul li h2{position:relative;top:0; line-height:1em; font-size:20px; margin:20px 0 30px 0}
.fwnrList ul li h3{position:relative;top:0; line-height:1.75em; font-size:14px; opacity:1;}

.fwnrList ul li i{display:none}
.fwnrList ul li:hover h1{top:0; }
.fwnrList ul li:hover h2{top:0; }
.fwnrList ul li:hover h3{top:0; opacity:1}




.tableSfqd{font-size:10px; line-height:1.5em; margin:0 0 40px 0;  border-radius:8px;}

.tableSfqd thead{font-size:12px; }
.tableSfqd thead th{padding:15px 0; }
.tableSfqd thead th:first-child{border-bottom-left-radius:8px; }
.tableSfqd thead th:last-child{ border-bottom-right-radius:8px;}
.tableSfqd thead th:last-child i{border:none}
.tableSfqd tbody{ font-size:10px;}
.tableSfqd tr td:last-child{font-size:8px;}
.tlRadius{border-top-left-radius:8px;}
.trRadius{border-top-right-radius:8px;}

.tableSfqd tbody td{ padding:10px;}


.fontBlue{font-size:10px;}

/*------------------------------business1------------------------------*/

/*--------------------------------search--------------------------------*/
.searchNav{ font-size:14px; padding:20px 0 20px 10px; }
.searchNav i{ font-size:40px; line-height:40px;  color:#15499a; margin:0 5px}
.searchList{ margin-bottom:30px}
.searchList a{display:block;  overflow:hidden; padding:25px 0 25px 14px; font-size:16px; line-height:26px; background:url(/images/bgLi.png) no-repeat 0 37px; text-align:justify}
.searchList a i{float:none; display:block; font-size:12px; color:#999; text-align:right}
/*--------------------------------search--------------------------------*/


}



<!--0.00023102760314941-->