/*@import "https://fonts.loli.net/css?family=Noto+Sans+SC:100,300,400,500,700,900";*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900");
@import url("/css/font/DINMedium/DINMedium.css");
@import url("/css/font/DINLight/DINLight.css");
body{ margin:0; padding:0;font-size:0; line-height:100%; width:100%; color:#333; font-family:"Noto Sans SC","PingFang SC","sans-serif","Microsoft YaHei"; background:#fff; overflow-x:hidden;-webkit-text-size-adjust:none;}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#555}
a:active,a:focus,a:hover{outline:none; color:#194d97}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],textarea{-webkit-appearance:none;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei";}
div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box;outline:none;}



.toTop{ position:fixed;bottom:0; right:0; display:block; width:32px; height:32px; background:url(/images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(/images/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}


.myScroll{transform:translateY(10vh);transition:transform 0.8s, opacity 0.8s;opacity:0;}
.myScroll.on{transform:none;opacity:1;}

.boxTop{ position:fixed; top:0; left:0;width:100%; z-index:1000;height:80px;}
.boxTop1{position:relative;box-sizing:border-box; width:90%;/*max-width:1560px; */text-align:right; display:block; margin:0 auto}
/*.logo{position:absolute; left:0; top:18px; height:44px}*/
.logo{position:absolute; left:0; top:22px; height:36px}



@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:80px; text-align:center;display:inline-block;  vertical-align:middle;}
.boxNav li{display:inline-block;position:relative; padding:0 1.3vw;}
/*.boxNav li:last-child{padding-right:0}*/
.boxNav li span a{display:block;font-size:0.85vw;line-height:80px; color:#555; font-weight:400}
.boxNav li span a:hover{color:#1163aa}
.boxNav li span i{display:none}
/*.boxNav li span i{ height:4px; background:#1163aa; width:100%; position:absolute; top:0; left:0; display:none}
.boxNav li .on i{ display:none;animation:ANavI 0.3s}*/

.boxNav li div{position:fixed;top:80px; left:0;text-align:left;display:none; width:100vw;margin:0 0 0 calc((100% - 100vw)/2); background:#fff; padding:3vw 5% 5vw 5%; font-size:0; overflow:hidden; box-shadow:0 10px 5px rgba(0,0,0,0.05)}
.boxNav li div a{display:inline-block; width:22%; margin:0 4% 0 0}
.boxNav li div a font{display:block; font-size:1.04vw; line-height:1.04vw; color:#707070; margin:0 0 1vw 0}
.boxNav li div a i{display:block; width:100%; overflow:hidden; border-radius:0.8vw}
.boxNav li div a i img{width:100%;transition:transform 0.5s;}
.boxNav li div a:last-of-type{margin-right:0!important}
.navA3 a{width:30.66%!important}
.navA2 a{width:48%!important}

.boxNav li div a:hover i img{transform:scale(1.1);}
.boxNav li div a:hover font{ color:#1163aa}

@keyframes ANavDiv{0%{height:0; opacity:0}100%{height:auto; opacity:1}}
.boxNav li:hover div{display:block;animation:ANavDiv 1s}



.icoTop{display:inline-block;height:80px;vertical-align:middle; float:right; margin:0 0 0 0}
.icoTop a{position:relative;display:inline-block; vertical-align:middle; margin:0 0 0 20px}
.icoTop a i{display:block;height:80px;}
.icoTop a div{position:absolute; top:80px; right:-45px; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:10px 0; width:110px; border-radius:6px}
.icoTop a span{display:inline-block; width:90px;}
.icoTop a div img{width:90px}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}


.topWx{}
.topWx i{background:url(/images/icoTopWx.png) center no-repeat; width:22px;}
.topWx:hover i{background:url(/images/icoTopWxHover.png) center no-repeat;}

.topSearch i{background:url(/images/icoTopSearch.png) center no-repeat; width:22px;}
.topSearch:hover i{background:url(/images/icoTopSearchHover.png) center no-repeat;}

.topOa i{background:url(/images/icoTopOa.png) center no-repeat; width:22px;}
.topOa:hover i{background:url(/images/icoTopOaHover.png) center no-repeat;}



.bgTop{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);/*background:rgba(255,255,255,0.9)!important;box-shadow:0 0 10px rgba(0,0,0,0.1);backdrop-filter:blur(40px)*/}

/*.whiteCon{background:url(/images/bgTopBlack.png) no-repeat center/100% 100%!important;} */
.whiteCon{background:none!important;} 
.whiteCon .boxNav li span a{color:#fff!important}
.whiteCon .boxNav li span a:hover{color:#fff!important}
.whiteCon .topWx i{background:url(/images/icoTopWxWhite.png) center no-repeat!important; }
.whiteCon .topSearch i{background:url(/images/icoTopSearchWhite.png) center no-repeat!important; }
.whiteCon .topOa i{background:url(/images/icoTopOaWhite.png) center no-repeat!important;}




.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;overflow:hidden;  position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0; border-radius:6px}
.searchTop a{ 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;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:13px; color:#444; text-indent:15px;background:#fff;}
.submitTop{ width:100px; height:52px; background:#194d97; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#2b6dca}



/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; z-index:100; background:#fff; display:none;}
.logoM{ position:absolute;left:15px; top:20px; height:30px;}

.openMenu{width:60px; height:70px; position:absolute; top:0; right:0;background:url(/images/openMenu.png) no-repeat center/cover;}
.closeMenu{width:60px; height:60px; position:absolute; top:0; left:-60px;background:#fff url(../images/closeMenu.png) no-repeat center; background-size:cover;}


.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 60px); height:100%;background:#194d97 url(../images/bgNavM.png?v=1.5) no-repeat right top/100% auto;overflow-y:auto; padding:60px 30px 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative; border-bottom:1px solid rgba(255,255,255,0.1)}
.boxNavM li span{display:block; position:relative; width:100%;}
.boxNavM li span i{ width:50px; height:50px; display:block; background:url(/images/icoNavM.png) no-repeat right center/10px 10px; position:absolute; right:0; top:0; opacity:0.3}
.boxNavM li span a{display:block;font-size:14px;line-height:50px; color:rgba(255,255,255,0.8);}
.boxNavM li span a:hover{ color:#fff}
.boxNavM li .on a{color:#fff!important}
.boxNavM li .on i{background:url(/images/icoNavM1.png) no-repeat right center/10px 10px!important;}
.boxNavM li div{display:none; z-index:100}
.boxNavM li div a{display:block; line-height:50px; font-size:12px; text-align:left; color:rgba(255,255,255,0.8); padding:0 0 0 20px;}
.boxNavM li div a:hover{color:#fff}
.boxNavM li div .on{color:#fff}

.searchTopM{margin:20px 0; padding:8px 0;background:#e6e6e8}
.searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:14px;color:#999; text-indent:10px;}
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(/images/icoSearchTopM.png) center no-repeat; background-size:40px 40px;cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}

.icoTopM{text-align:center; color:#fff}
.icoTopM img{ width:50%;vertical-align:middle}
.icoTopM span{font-size:14px; line-height:14px; margin-top:10px; display:inline-block; vertical-align:middle; width:50%; padding:0 0 0 10px;  line-height:26px;}
/*--------------------mTop------------------------*/

/*.whiteConM{background:url(/images/bgTopBlack.png) no-repeat center/100% 100%!important;}*/
.whiteConM{background:none!important;}
.whiteConM .openMenu{background:url(/images/openMenuWhite.png) no-repeat center/cover!important;}


.btnGo{position:absolute; left:50%; margin-left:-12px; bottom:50px;animation:arrowGo 1s linear 0s infinite alternate;background:url(/images/icoArrow.png) center no-repeat; background-size:100% 100%; display:none; width:24px; height:30px; opacity:0.7; z-index:100;}
.btnGo:hover{opacity:1.0}

@keyframes arrowGo { 
0% {bottom:70px}
50% {bottom:50px}
100% {bottom:30px}
}

@keyframes AWidth{0%{width:0;}100%{width:30px;}}
.leftNum{ position:fixed;  position:absolute; bottom:12vh; left:0; z-index:1000}
.leftNum a{display:block; line-height:30px; height:30px;color:rgba(255,255,255,0.5);font-size:12px; font-weight:500; padding:0 0 0 40px; position:relative}
.leftNum a i{ width:30px; height:2px; background:#fff; position:absolute; left:0; top:14px; display:none}
.leftNum .on{ color:#fff}
.leftNum .on i{display:block;animation:AWidth 0.3s}



.banner{width:100%;height:100vh;overflow:hidden; position:relative; /*margin:0 0 0 calc((100% - 100vw)/2)*/}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important; background:#000; }
.banner .swiper-pagination{bottom:30px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;}
.banner .swiper-pagination-bullet-active{background:#fff; width:20px;}
.banner .swiper-button-prev{left:2%;margin-top:-18px; width:20px; height:36px; background:url(/images/bannerJtLeft.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{background:url(/images/bannerJtLeft.png) no-repeat center/cover;opacity:1.0}
.banner .swiper-button-next{right:2%;margin-top:-18px;width:20px; height:36px;  background:url(/images/bannerJtRight.png) no-repeat center/cover;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{background:url(/images/bannerJtRight.png) no-repeat center/cover;opacity:1.0}


.banner video{display:none;position:absolute;z-index:1;left:0;top:50%; width:100%;height:auto;transform:translateY(-50%);object-fit:cover}
.banner .btnVideo{width:40px; height:40px; background:url(/images/icoVideo.png) no-repeat center/cover; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:4; display:none}
.bannerVideo{left:50%!important;top:0!important; width:auto!important;height:100%!important;transform:translateX(-50%)!important;}

.bannerSlogan{position:absolute; z-index:101; width:100%;  /*padding:0 12vw;*/ color:#fff; }
.bannerSlogan div{width:100%; padding:0;display:block;margin:0 auto; }
.bannerSlogan h1{ font-size:3.6vw; line-height:1.15em;font-weight:900;}
.bannerSlogan h2{ font-size:1.8vw; line-height:1.15em;font-weight:400; margin-top:1vw}
.bannerSlogan h3{ font-size:2vw; line-height:1.15em;font-weight:400;margin-top:1vw}


.bannerSlogan i{display:block; width:100%; max-width:21vw; height:0.2vw; border-radius:0.1vw; background:#23b98f; margin:1vw 0 1vw 0}

.bannerLB{left:0;bottom:18vh;}
.bannerLC{/*left:120px;*/left:12vw; top:35%; margin-top:-1.3vw}
.bannerLC3{/*left:120px;*/left:12vw; top:35%; margin-top:-1.3vw}



.bannerBtnLeft{ width:4vw; height:4vw;position:absolute; z-index:101; left:1%; top:50%; margin:-2vw 0 0 0;transition:all 0.2s ease 0.1s; opacity:0.5}
.bannerBtnLeft div{ width:100%; height:100%; position:relative; padding:0.4vw;transition:all 0.2s ease 0.1s;}
.bannerBtnLeft div span{width:100%; height:100%;display:block;border:2px solid #fff; border-radius:100%}
.bannerBtnLeft div i{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(/images/bannerBtnLeft.png?v=1.0) no-repeat center/cover}
.bannerBtnLeft:hover{left:calc(1% - 10px);opacity:1}
.bannerBtnLeft:hover div{padding:0.2vw}

.bannerBtnRight{ width:4vw; height:4vw;position:absolute; z-index:101; right:1%; top:50%; margin:-2vw 0 0 0;transition:all 0.2s ease 0.1s; opacity:0.5}
.bannerBtnRight div{ width:100%; height:100%; position:relative; padding:0.4vw;transition:all 0.2s ease 0.1s;}
.bannerBtnRight div span{width:100%; height:100%;display:block;border:2px solid #fff; border-radius:100%}
.bannerBtnRight div i{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(/images/bannerBtnRight.png?v=1.0) no-repeat center/cover}
.bannerBtnRight:hover{right:calc(1% - 10px); opacity:1}
.bannerBtnRight:hover div{padding:0.2vw}




.bannerImg{width:100%;height:100%;background-size:cover!important;}
.bannerMask{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:url(/images/blackBanner1.png) no-repeat top center/100% 100%; display:none; /*background-color:rgba(0,0,0,0.13);*/}

.bannerM{width:100vw;height:100vh;overflow:hidden;position:relative; display:none}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-slide a{display:block; width:100%; height:100%}
.bannerM .swiper-pagination{bottom:20px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; }
.bannerM .swiper-pagination-bullet-active{background:#fff; width:20px;}



/*------------------------zhezhao------------------------*/
.boxZhezhao{background:rgba(0,0,0,1); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none}
.boxZhezhao video{width:100%; height:100%;}
.closeZhezhao{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;}
.closeZhezhao:hover{ transform:rotateZ(180deg);}
/*------------------------zhezhao------------------------*/


.btnMore{display:inline-block;position:absolute; left:0;}
.btnMore div{position:relative; overflow:hidden; border-radius:0.9vw;height:1.8vw; padding:0 15px 0 0}
.btnMore span{width:0;height:100%;transition:all 0.3s ease; position:absolute; left:0; top:0; display:inline-block; background:#194d97; z-index:0}
.btnMore i{display:inline-block; vertical-align:middle; background:#194d97 url(../images/icoJtMore.png) no-repeat center/auto 36%; width:1.8vw; height:1.8vw; border-radius:50%; position:relative; z-index:2}
.btnMore font{font-size:clamp(12px,0.73vw,14px);line-height:0.9em; display:inline-block; vertical-align:middle; margin:0 0 0 10px; position:relative; z-index:2; color:#777}
.btnMore:hover span{width:12vw}
.btnMore:hover font{color:#fff}

.btnMoreWhite{display:inline-block;position:absolute; left:0;}
.btnMoreWhite div{position:relative; overflow:hidden; border-radius:0.9vw;height:1.8vw; padding:0 15px 0 0}
.btnMoreWhite span{width:0;height:100%;transition:all 0.3s ease; position:absolute; left:0; top:0; display:inline-block; background:#fff; z-index:0}
.btnMoreWhite i{display:inline-block; vertical-align:middle; background:#fff url(../images/icoJtMore1.png) no-repeat center/auto 36%; width:1.8vw; height:1.8vw; border-radius:50%; position:relative; z-index:2}
.btnMoreWhite font{font-size:clamp(12px,0.73vw,14px);line-height:0.9em; display:inline-block; vertical-align:middle; margin:0 0 0 10px; position:relative; z-index:2; color:#fff}
.btnMoreWhite:hover span{width:12vw}
.btnMoreWhite:hover font{color:#194d97}


.yfMapBox{width:100%; height:50.2vw; background:url(/images/bgMap.jpg) no-repeat top center/cover; margin:0 0 -5.8vw 0; position:relative; overflow:hidden}
.yfMapLeft{ width:90%; max-width:1460px; margin:0 auto; padding:7.3vw 0 0 0; position:relative}
.yfMapLeftTitle{font-size:clamp(28px,2vw,38px);line-height:1.3em; font-weight:500;}
.yfMapLeftText{ padding:5vw 0 0 0}
.yfMapLeftText li{display:inline-block; padding:0 3vw 0 0; margin:0 3vw 0 0; height:6.8vw; vertical-align:top; border-right:1px solid #999}
.yfMapLeftText li:last-child{border:none}
.yfMapLeftText li h1{ height:4.84375vw; background:url(/images/bgNumber.png) no-repeat left center/auto 100%; color:#194d97}
.yfMapLeftText li h1 i{font-size:2.9vw; width:5.2vw; line-height:4.4vw; display:inline-block; vertical-align:middle; text-align:center; padding:0 0 0 1.6vw; font-weight:500}
.yfMapLeftText li h1 font{font-size:1.4vw; line-height:1em; display:inline-block; vertical-align:middle; margin:0.3vw 0 0 0;}
.yfMapLeftText li h2{ font-size:0.85vw;color:#666; line-height:3em; text-align:center}
.yfMapLeft .btnMore{top:34vw}

.yfMap{position:absolute; left:50%; top:6vw; margin:0 0 0 -2vw; width:50vw; height:39.0625vw; background:url(/images/bgMap.png) no-repeat center left/auto 100%}
.yfMap1{position:relative; width:100%; height:100%;}

.mapZb{position:relative; width:100%; height:100%; z-index:3}
.mapZb a{position:absolute; width:2.6vw; height:2.6vw; display:block; background:rgba(0,0,0,0.01) url(../images/icoMap.png) no-repeat center/0.57vw auto;}
.mapZb a div{ width:100%; height:100%; position:relative}
.mappulse{position:absolute;top:50%;left:50%; margin:-1.3vw 0 0 -1.3vw;height:2.6vw;width:2.6vw;border:0.2vw solid #fff;box-sizing:border-box;border-radius:50%;
opacity:0.2;animation:warn 2s ease-out both;animation-iteration-count:infinite; }

.mapZb .mapZb_huadong{left:44.5%; top:46%}
.mapZb .mapZb_huanan{left:38%; top:52%}
.mapZb .mapZb_huazhong{left:37%; top:43%}
.mapZb .mapZb_huabei{left:40.8%; top:21%}
.mapZb .mapZb_xibei{left:33%; top:33%}
.mapZb .mapZb_xinan{left:32%; top:45%}
.mapZb .mapZb_haiwai{left:22.5%; top:80%}



.mapQy{height:100%; position:absolute; top:0; left:0; z-index:1}

/*@keyframes mapTitle{0%{top:3%; opacity:0}100%{top:0%; opacity:1}}*/
@keyframes mapTop{0%{top:100px; opacity:0}100%{top:0; opacity:1}}
@keyframes mapLine1{0%{width:0}100%{width:7.55vw;}}
@keyframes mapLine2{0%{width:0}100%{width:13.55vw;}}
.mapTitle{width:100%;height:100%; position:absolute; top:0; left:0; z-index:2;}
.mapTitleBox{width:100%;height:100%; position:relative;}

.mapTitleCon{position:absolute;}
.mapTitleCon div{position:relative; width:18.22vw;}
.mapTitleCon span{width:8vw; height:12.2vw;background:#20529b; overflow:hidden; color:#fff; position:absolute; right:0; opacity:1; top:0;animation:mapTop 1s; display:none}
.mapTitleCon span img{width:100%;}
/*.mapTitleCon span h3{width:66%; height:60%;background:#71c2ff; display:inline-block; float:right; text-align:right; font-size:0.83vw; line-height:1.1em; position:relative;padding:0.52vw 1.5625vw 0 0}
.mapTitleCon span h3 i{display:inline-block; width:0.83vw; display:none}
.mapTitleCon span h3 font{transform:rotate(90deg); display:inline-block; width:7.32vw; height:0.83vw; text-align:left; position:absolute; right:-2.8vw; top:3.8vw;letter-spacing:-0.5px; overflow:hidden;display:none}
.mapTitleCon span h4{ width:100%; height:40%; padding:0 0.5vw; display:flex;align-items:center;justify-content:center;}
.mapTitleCon span h4 i{display:block; font-size:0.73vw; line-height:1.5em;text-align:right; width:100%}
.mapTitleCon span h4 i font{font-size:0.9375vw;line-height:1.8em;display:block}*/
.mapTitleCon h1{height:5.2vw; width:7.55vw; border-left:1px solid #20529b; border-top:1px solid #20529b; position:absolute;top:0;left:1.5625vw;transform:skew(-30deg);animation:mapLine1 1s; display:none; }

.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:41.5%; top:16%}
.titleZb_huabei h1{height:3.2vw;transform:skew(-35deg);left:1.9vw;}
.titleZb_xibei{left:35.5%; top:23%}
.titleZb_xibei h3 font{font-size:0.625vw}
.titleZb_xinan{left:34.5%; top:35%}
.titleZb_xinan h3 font{font-size:0.625vw}
.titleZb_haiwai{left:25%; top:70%}
.titleZb_haiwai div{width:24.22vw!important;}
.titleZb_haiwai h1{width:13.55vw;animation:mapLine2 1s;}


.navTitle{padding:5.8vw 0 4.2vw 0; text-align:center}
.navTitle h1{font-size:clamp(28px,2vw,38px);line-height:1.2em; font-weight:500;}
.navTitle h2{ padding:1.56vw 0 0 0}
.navTitle h2 a{display:inline-block; border:1px solid #d8d8d8; margin:0 10px;font-size:clamp(14px,0.9375vw,18px); line-height:2.5em; padding:0 40px; border-radius:2.4vw;}
.navTitle h2 .on{ border:1px solid #194d97!important; background:#194d97; color:#fff}
.navTitle h3{font-size:clamp(22px,1.666vw,32px); line-height:1.2em; font-weight:500}
.navTitle p{font-size:clamp(16px,1.145vw,22px); line-height:1.5em; display:block; margin:2vw 0 0 0}



.boxInd{width:100%; overflow:hidden; padding:0 0 120px 0;}
.boxMax{width:90%; max-width:1460px; display:block; margin:0 auto; position:relative;}

.indPro{width:100%;height:32vw;max-height:620px;overflow:hidden;}
.indPro a{ width:calc((100% - 30px)/3); height:100%;display:inline-block; margin:0 15px 0 0; border-radius:0.8vw;transition:all 0.5s ease; position:relative;color:#fff; text-align:center; overflow:hidden}
.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/100% 100%; padding:3vw 0 3vw 0}
.indPro a h1 img{ width:4.2vw; max-width:80px}
.indPro a h1 i{ display:block; font-size:clamp(20px,1.56vw,30px); margin:1vw 0 0 0; line-height:1em}
.indPro .on{width:calc(46% - 30px)!important}

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


.indNewsFocus{ background:#f9f9f9; width:100%; overflow:hidden}
.indNewsFocusMax{width:90%; max-width:1460px;height:24.3vw; max-height:398px; display:block; margin:3.2vw auto; position:relative; overflow:hidden; padding:0}
.indNewsImg{float:right; width:48%; height:100%; border-radius:0.8vw; overflow:hidden; position:relative}
.indNewsImg img{width:100%; height:100%;transition:transform 0.5s}
.indNewsImg i{width:100%; height:100%; background:url(/images/icoVideo.png) no-repeat center/3.75vw 3.75vw; position:absolute; z-index:2}
.indNewsText{float:left; width:52%; padding:0 7% 0 0; height:100%; position:relative}
.indNewsText h1{font-size:clamp(18px,1.25vw,24px); line-height:1.5em; font-weight:500;padding:1vw 0 1.5vw 0; text-align:justify}
.indNewsText h2{font-size:clamp(14px,0.9375vw,18px); line-height:1.75em; text-align:justify; color:#999; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.indNewsText h4{font-size:clamp(14px,0.9375vw,18px); line-height:0.98vw; color:#194d97; background:url(/images/icoDate.png) no-repeat center left/auto 100%; padding:0 0 0 1.25vw;position:absolute; right:13%; bottom:15px;}
.indNewsText .btnMore{bottom:10px}
/*.indNewsFocusMax:hover .btnMore span{width:200px}
.indNewsFocusMax:hover .btnMore font{color:#fff}*/
.indNewsFocusMax:hover img{transform:scale(1.1);}



.indNewsList{width:100%;overflow:hidden;position:relative; margin:0 0 4.2vw 0}
.indNewsList .swiper-slide{width:100%;position:relative; overflow:hidden;}
.indNewsList .swiper-slide a{display:block; width:100%; border-radius:0.8vw; background:#f9f9f9; overflow:hidden}
.indNewsList .swiper-slide a div{width:100%; height:12.1vw; max-height:200px; overflow:hidden; position:relative;}
.indNewsList .swiper-slide a div img{width:100%; height:100%;transition:transform 0.5s}
.indNewsList .swiper-slide a div i{width:100%; height:100%; background:url(/images/icoVideo.png) no-repeat center/2vw 2vw; position:absolute; z-index:2}
.indNewsList .swiper-slide a span{ display:block;width:100%; padding:20px 20px 35px 20px; position:relative}
.indNewsList .swiper-slide a span h4{font-size:clamp(14px,0.9375vw,18px);line-height:0.98vw; color:#194d97; background:url(/images/icoDate.png) no-repeat center left/auto 100%; padding:0 0 0 1.25vw;}
.indNewsList .swiper-slide a span h1{font-size:clamp(14px,0.9375vw,18px);line-height:1.5em; margin:10px 0 0 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical; font-weight:500}
.indNewsList .swiper-slide a span h2{font-size:clamp(12px,0.73vw,14px);line-height:1.5em; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; color:#999}
.indNewsList .swiper-slide a span h3{ width:0.83vw; height:0.625vw; background:url(/images/icoJtNews.png) no-repeat center/100% 100%; position:absolute; right:20px; bottom:20px}
.indNewsList .swiper-slide a:hover img{transform:scale(1.1);}
.indNewsList .swiper-slide a:hover h3{background:url(/images/icoJtNewsHover.png) no-repeat center/100% 100%;} 

.swiperBox{width:90%; max-width:1460px; display:block; margin:0 auto; position:relative;padding:4.2vw 0 5.8vw 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;}
.swiperBtn .btnPre{background:url(/images/icoJtL.png) no-repeat center;}
.swiperBtn .btnPre:hover{background:#194d97 url(../images/icoJtLHover.png) no-repeat center; border:1px solid #194d97}
.swiperBtn .btnNext{background:url(/images/icoJtR.png) no-repeat center}
.swiperBtn .btnNext:hover{background:#194d97 url(../images/icoJtRHover.png) no-repeat center; border:1px solid #194d97}
.swiperBtn .swiperNum{display:inline-block; width:auto; padding:0 20px; font-size:12px; line-height:31px; vertical-align:middle}


/*---------------------indVideo---------------------*/
.indVideoFocus{width:90%; max-width:1460px; display:block; margin:3.2vw auto; position:relative; overflow:hidden;}
.indVideoFocus a{ width:49%;display:inline-block;  position:relative; overflow:hidden;margin:0 2% 0 0; }
.indVideoFocus a:last-child{ margin-right:0}
.indVideoFocus a div{width:100%;height:24.8vw; max-height:402px;overflow:hidden; position:relative;border-radius:0.8vw;}
.indVideoFocus a div img{width:100%; height:100%;transition:transform 0.5s}
.indVideoFocus a div i{width:100%; height:100%; background:url(/images/icoVideo.png) no-repeat center/3.75vw 3.75vw; position:absolute; z-index:2}
.indVideoFocus a span{width:100%; display:block; padding:20px 20px 0 20px; position:relative}
.indVideoFocus a span h1{font-size:clamp(14px,1.25vw,20px); line-height:1.5em; font-weight:500; text-align:justify; margin:5px 0 0 0; text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.indVideoFocus a span h2{font-size:clamp(12px,0.9375vw,14px); 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%;}
.indVideoFocus a span h3{width:0.83vw; height:0.625vw; background:url(/images/icoJtNews.png) no-repeat center/100% 100%; position:absolute; right:20px; bottom:6px}
.indVideoFocus a span h4{font-size:clamp(14px,0.9375vw,18px); line-height:0.98vw; color:#194d97; background:url(/images/icoDate.png) no-repeat center left/auto 100%; padding:0 0 0 1.25vw;}

.indVideoFocus a:hover img{transform:scale(1.1);}
.indVideoFocus a:hover h4{color:#194d97; background:url(/images/icoDate.png) no-repeat center left/auto 100%; }


.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:0.8vw; background:#f9f9f9; overflow:hidden}
.indVideoList .swiper-slide a div{width:100%; height:15.18vw; max-height:262px;overflow:hidden; position:relative;}
.indVideoList .swiper-slide a div img{width:100%; height:100%;transition:transform 0.5s}
.indVideoList .swiper-slide a div i{width:100%; height:100%; background:url(/images/icoVideo.png) no-repeat center/3.75vw 3.75vw; position:absolute; z-index:2}
.indVideoList .swiper-slide a span{width:100%; display:block; padding:20px 20px 20px 20px; position:relative}
.indVideoList .swiper-slide a span h1{font-size:clamp(14px,1.25vw,20px); line-height:1.5em; font-weight:500; text-align:justify; margin:5px 0 0 0; text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.indVideoList .swiper-slide a span h2{font-size:clamp(12px,0.9375vw,14px); 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%;}
.indVideoList .swiper-slide a span h3{width:0.83vw; height:0.625vw; background:url(/images/icoJtNews.png) no-repeat center/100% 100%; position:absolute; right:20px; bottom:26px}
.indVideoList .swiper-slide a span h4{font-size:clamp(14px,0.9375vw,18px); line-height:0.98vw; color:#194d97; background:url(/images/icoDate.png) no-repeat center left/auto 100%; padding:0 0 0 1.25vw;}

.indVideoList .swiper-slide a:hover img{transform:scale(1.1);}
.indVideoList .swiper-slide a:hover h4{color:#194d97; background:url(/images/icoDate.png) no-repeat center left/auto 100%; }
/*---------------------indVideo---------------------*/


.indKcxfz{ width:100%; height:25vw;display:flex;align-items:center;justify-content:center; /*background-attachment:fixed;*/ position:relative;overflow:hidden}
.indKcxfz div{ width:100%; text-align:center; color:#fff}
.indKcxfz div h1{font-size:3.6vw; line-height:1.5em;font-weight:900; }
.indKcxfz div h2{font-size:1.25vw; line-height:1.75em;font-weight:500; }
.indKcxfz div h3{ margin:3vw 0 0 0}
.indKcxfz div h3 i{font-size:clamp(14px,0.9375vw,18px);line-height:1.75em;font-weight:500; display:inline-block; margin:0 15px}
.indKcxfz div h3 i img{vertical-align:bottom; margin:0 5px}
.indKcxfz div h3 i font{font-size:clamp(46px,3.125vw,60px);}
.indKcxfz span{display:block; width:100%; height:100%; position:absolute; top:0; left:0;background:url(/images/imgKcxfz.jpg) no-repeat center/cover;transition:transform 1s; z-index:-1}
.indKcxfz:hover span{transform:scale(1.1);}


/*---------------------foot---------------------*/
.boxFoot{background:#0d0d0d; }
.navFoot{width:100%;padding:5vw 0 8vw 0}
.navFoot li{display:inline-block; vertical-align:top; color:#fff; width:16.1%;}
.navFoot li span{font-size:clamp(14px,0.9375vw,18px); font-weight:700;line-height:2.5em}
.navFoot li div{}
.navFoot li div a{display:block;font-size:clamp(12px,0.73vw,14px); opacity:0.3; line-height:2.5em}
.navFoot li div a:hover{opacity:1}

.navFoot li:nth-child(1){width:13.5%;}
.navFoot li:nth-child(2){}
.navFoot li:last-child{width:6%;}

.navFoot a{color:#fff}
.navFoot a:hover{color:#fff}

.footCopy{font-size:clamp(12px,0.73vw,14px); line-height:1.75em; color:rgba(255,255,255,0.3); padding:0 0 50px 0}
.footCopy i{display:inline-block; margin:0 1vw 0 0; vertical-align:middle}
.footCopy a{color:rgba(255,255,255,0.3);}
.footCopy a:hover{color:rgba(255,255,255,0.3); text-decoration:underline}


.footEwm{position:absolute; right:0; bottom:50px; }
.footEwm a{display:inline-block; position:relative; vertical-align:top; margin:0 1vw 0 0}
.footEwm a div{ width:22px;}
.footEwm a div img{width:100%;}
.footEwm a i{position:absolute; top:-120px; left:-60px; width:138px; height:147px; padding:19px 19px 0 19px; background:url(/images/bgEwm.png) no-repeat center/100% 100%;transition:all .5s; opacity:0;pointer-events:none; z-index:1}
.footEwm a i img{width:100px; height:100px;}

.footEwm a:hover i{opacity:1; top:-150px;}


.boxEwm{position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.8);z-index:1000; display:none}
.boxEwm div{width:100%; height:100%;display:flex; align-items:center;justify-content:center;}
.boxEwm img{ width:50%; max-width:300px; background:#fff; padding:15px; border-radius:0.8vw}
.boxEwm a{ 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;}
.boxEwm a:hover{ transform:rotateZ(180deg);}
/*---------------------foot---------------------*/


.subBanner{width:100vw; height:100vh; max-height:56.25vw;background-size:cover!important;margin:0 0 0 calc((100% - 100vw)/2);position:relative; overflow:hidden}
.subBannerText{position:absolute; top:0; left:0;color:#fff; width:100%; height:90%; z-index:2; text-align:center;display:flex;align-items:center;justify-content:center;}
.subBannerText span{width:90%;display:block; margin:0 auto;}
.subBannerText span h1 i{font-size:3.64vw; line-height:5vw;font-weight:700; display:inline-block}
/*.pcBlock i{display:block!important}*/

.subNav{position:absolute; bottom:10vh; left:5%; width:90%;text-align:center; overflow:hidden; font-size:0; z-index:2}
.subNav a{display:inline-block; vertical-align:bottom; width:22%; margin:0 4% 0 0; border-bottom:1px solid #fff; font-size:1.1vw; line-height:3vw; font-weight:500; color:#fff; overflow:hidden; text-align:left; position:relative;transition:all 0.2s ease 0.1s;}
.subNav a:last-of-type{margin-right:0!important}
.subNav a i{position:absolute; right:0; width:12px; height:12px; background:url(/images/icoJtSubnav.png) no-repeat center/0.625vw auto; top:50%; margin-top:-0.3vw;transition:all 0.2s ease 0.1s;}
.subNav a:hover{ /*background:#194d97;border-bottom:1px solid #194d97;*/ border-radius:3vw;border:1px solid #fff;padding:0 0 0 1vw;}
.subNav a:hover i{right:1vw}

.subBannerJt{ position:absolute; width:100%; left:0; bottom:0; height:7vh; background:url(/images/icoJtDown.png) no-repeat center/1.979vw auto; z-index:1; display:block;--animate-duration:1.5s}


/*.curNav{ width:100%;border-bottom:1px solid #e6e6e6;}
.curNav div{ width:90%; max-width:1560px; margin:0 auto; display:block; line-height:3.6vw;}
.curNav a{ font-size:0.9375vw; color:#999; padding:0 0 0 20px; margin:0 15px 0 0; background:url(/images/icoCur.png) no-repeat center left/auto 0.9vw; }
.curNav a:hover{color:#014099}
.curNav a:first-child{background:url(/images/icoHome.png) no-repeat center left;padding:0 0 0 25px;}
.curNav a:last-child{ color:#014099}*/


.bgGray{ width:100%;background:#f9f9f9; overflow:hidden}

.navLineTab{background:url(/images/bgLineGray.png) no-repeat top center/100% 2px; text-align:center}
.navLineTab a{display:inline-block; padding:0 46px; border-top:2px solid #e3e3e3; font-size:clamp(16px,1.145vw,22px); line-height:3.6em; color:#888}
.navLineTab .on{ border-top:2px solid #1959a1!important; color:#1959a1!important}


.qzpjgCon{width:100%;overflow:hidden;position:relative; margin:2vw 0 5.8vw 0; background:#fff; border-radius:0.8vw;}
.qzpjgCon .swiper-slide{width:100%;position:relative; overflow:hidden;}
.qzpjgText{display:inline-block; vertical-align:top; width:46%; padding:6vw 5.5% 0 5.5%}
.qzpjgText h1{font-size:clamp(26px,1.875vw,36px); line-height:1em; color:#194d97; font-weight:500; margin:0 0 2.6vw 0}
.qzpjgText p{font-size:clamp(14px,0.9375vw,18px); color:#888; line-height:2em}
.qzpjgVideo{display:inline-block; vertical-align:top; width:54%; height:27.5vw; max-height:537px; border-radius:0.8vw; overflow:hidden; position:relative; float:right}
.qzpjgVideo h1{display:block; width:100%; height:100%; position:relative; z-index:2}
.qzpjgVideo h1 i{ position:absolute; width:100%; height:100%; display:block;background:url(/images/icoVideo.png) no-repeat center/3.75vw 3.75vw; cursor:pointer}
.qzpjgVideo h1 img{width:100%; height:100%}
.qzpjgVideo h2{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1}
.qzpjgVideo h2 video{width:100%; height:100%;object-fit:cover;}


.swiperBtn1{text-align:center;}
.swiperBtn1 a{width:1.8vw; height:1.8vw; display:inline-block; vertical-align:middle; border:1px solid #777; border-radius:50%; overflow:hidden; margin:0 10px; background-size:36% auto!important}
.swiperBtn1 .btnPre{background:url(/images/icoJtL1.png) no-repeat center;}
.swiperBtn1 .btnPre:hover{background:#194d97 url(../images/icoJtL1Hover.png) no-repeat center; border:1px solid #194d97}
.swiperBtn1 .btnNext{background:url(/images/icoJtR1.png) no-repeat center}
.swiperBtn1 .btnNext:hover{background:#194d97 url(../images/icoJtR1Hover.png) no-repeat center; border:1px solid #194d97}
.swiperBtn1 .swiperNum{display:inline-block; width:auto; padding:0 20px; font-size:12px; line-height:31px; vertical-align:middle}

.qzpjgCon .swiperBtn1{ position:absolute; bottom:5vw; left:5.5%; z-index:3}


/*------------------------------高品质选材------------------------------*/
.boxGpzxc{ width:100%; background:url(/images/bgXc.jpg) no-repeat center/cover; overflow:hidden; padding:5.8vw 0}

.gpzxcLeft{float:left;width:28%; height:33vw; max-height:560px; margin:3.5vw 0 0 0; background:rgba(255,255,255,0.5);backdrop-filter:blur(10px);  border-radius:0.8vw; padding:2vw;}
.gpzxcLeft h1{ border-bottom:2px solid #194d97; font-size:clamp(20px,1.458vw,28px); line-height:1.3em; color:#194d97; padding:0 0 0.6vw 0; font-weight:500}
.gpzxcLeft h1 i{display:block;font-size:clamp(26px,1.875vw,36px); line-height:1.5em;font-weight:500}
.gpzxcLeftSwiper{width:100%;overflow:hidden;position:relative;}
.gpzxcLeftSwiper .swiper-slide{width:100%;position:relative; overflow:hidden;}
.gpzxcLeftSwiper .swiper-slide h2{font-size:clamp(20px,1.354vw,26px); line-height:1.6em; display:inline-block; padding:0 1.5vw; background:#194d97; color:#fff; border-radius:2.187vw; margin:1.45vw 0 1vw 0;font-weight:500}
.gpzxcLeftSwiper .swiper-slide span{display:block}
.gpzxcLeftSwiper .swiper-slide p{font-size:clamp(14px,0.9375vw,18px); color:#888; line-height:2em}

/*.gpzxcRight{float:right;width:72%;overflow:hidden;position:relative;}
.gpzxcRight .swiper-slide{width:100%;position:relative; overflow:hidden; padding:0 5%}
.gpzxcRight .swiper-slide img{width:100%}
.gpzxcRight .btnPre{ position:absolute; left:1.3vw; top:50%; margin:-0.9vw 0 0 0;width:1.8vw; height:1.8vw; display:inline-block; border:1px solid #777; border-radius:50%;background:url(/images/icoJtL1.png) no-repeat center/36% auto; z-index:2}
.gpzxcRight .btnPre:hover{background:#194d97 url(../images/icoJtL1Hover.png) no-repeat center/36% auto; border:1px solid #194d97}
.gpzxcRight .btnNext{position:absolute; right:0; top:50%; margin:-0.9vw 0 0 0;width:1.8vw; height:1.8vw; display:inline-block; border:1px solid #777; border-radius:50%;background:url(/images/icoJtR1.png) no-repeat center/36% auto;z-index:2}
.gpzxcRight .btnNext:hover{background:#194d97 url(../images/icoJtR1Hover.png) no-repeat center/36% auto; border:1px solid #194d97}*/


.gpzxcRight{float:right;width:72%; height:43.26vw; max-height:709px;overflow:visible;position:relative;}
.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:0.625vw;height:0.625vw;background:#fff; border:0.15625vw solid #1b609e;box-sizing:border-box;border-radius:50%;position:absolute;display:block; z-index:1;transition:transform 0.5s}
.btnpulse{position:absolute;top:-0.885vw;left:-0.885vw;height:2.395vw;width:2.395vw;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:2.6vw; height:2.239vw; background:url(/images/btnLine1.png) no-repeat center/100% 100%; position:absolute; left:0.3125vw; top:-2.239vw;}
.gpzxcBtn li h2{font-size:0.83vw; position:absolute; left:3.125vw; top:-2.7vw; line-height:1em; white-space:nowrap;transition:all .2s}
.gpzxcBtn li:hover div i{transform:scale(1.6);border:0.24vw solid #1b609e;}
.gpzxcBtn li:hover h2{ font-size:1.35vw; top:-2.96vw}
.gpzxcBtn .on div i{transform:scale(1.6);border:0.24vw solid #1b609e;}
.gpzxcBtn .on h2{ font-size:1.35vw; top:-2.96vw}
.gpzxcBtn .on .btnpulse{top:-1.6625vw;left:-1.6625vw;height:3.95vw;width:3.95vw;}


.btn1{left:60.5%;top:62%;}
.btn2{left:67.1%;top:67%;}
.btn2 h1{width:2.03vw!important; height:2.23vw!important; background:url(/images/btnLine2.png) no-repeat center/100% 100%!important; left:auto!important; right:-0.3645vw!important; top:0.3125vw!important}
.btn2 h2{left:auto!important; right:1.875vw!important; top:1.979vw!important; text-align:right}
/*.btn2:hover h2{top:31px!important}*/

.btn3{left:56.5%;top:10%;}
.btn4{left:30%;top:12.5%;}
.btn5{left:87.2%;top:13.3%;}

.delay-01{animation-delay:0.2s}
.delay-02{animation-delay:0.4s}
.delay-03{animation-delay:0.6s}
.delay-04{animation-delay:0.8s}
.delay-05{animation-delay:1s}
.delay-06{animation-delay:1.2s}




.gpzxcRight .btnPre{ position:absolute; left:2vw; top:50%; margin:-0.9vw 0 0 0;width:1.8vw; height:1.8vw; display:inline-block; border:1px solid #777; border-radius:50%;background:url(/images/icoJtL1.png) no-repeat center/36% auto; z-index:2}
.gpzxcRight .btnPre:hover{background:#194d97 url(../images/icoJtL1Hover.png) no-repeat center/36% auto; border:1px solid #194d97}
.gpzxcRight .btnNext{position:absolute; right:0; top:50%; margin:-0.9vw 0 0 0;width:1.8vw; height:1.8vw; display:inline-block; border:1px solid #777; border-radius:50%;background:url(/images/icoJtR1.png) no-repeat center/36% auto;z-index:2}
.gpzxcRight .btnNext:hover{background:#194d97 url(../images/icoJtR1Hover.png) no-repeat center/36% auto; border:1px solid #194d97}
/*------------------------------高品质选材------------------------------*/


/*------------------------------全流程管控------------------------------*/
/*.qlcgkList{ width:100%}
.qlcgkList img{display:inline-block; vertical-align:top; width:31.438%; margin:0 2.843% 2.2vw 0}
.qlcgkList img:nth-child(3n+3){margin-right:0}*/

.qlcgkList{ width:100%}
.qlcgkList li{display:inline-block; vertical-align:top; width:31.438%; margin:0 2.843% 2.2vw 0; position:relative; padding:0 8px 8px 0}
.qlcgkList li:nth-child(3n+3){margin-right:0}
.qlcgkList li div{border:3px solid #194d97; border-radius:0.8vw; overflow:hidden; padding:13px 13px 0 13px;}
.qlcgkList li h1{width:100%;border-top-left-radius:0.6vw;border-top-right-radius:0.6vw; overflow:hidden}
.qlcgkList li h1 img{width:100%;transition:transform 0.5s}
.qlcgkList li span{ display:block; padding:10px 3%; position:relative; z-index:3}
.qlcgkList li h2{display:inline-block; vertical-align:middle; font-family:'DINLight'; font-size:clamp(40px,3.33vw,64px); line-height:1em; color:#194d97;  width:4vw;}
.qlcgkList li h3{display:inline-block; vertical-align:middle; font-size:clamp(12px,0.729vw,14px); line-height:1.3em; color:#888; width:calc(100% - 4vw);}
.qlcgkList li h3 i{font-size:clamp(14px,0.9375vw,18px); display:block;line-height:1.3em; color:#555; font-weight:500}
.qlcgkList li h4{ position:absolute; right:0; bottom:40px; width:19px; height:19px; border-radius:50%; border:4px solid #194d97; background:#fff;z-index:2}
.qlcgkList li h5{ position:absolute; right:24.5%; bottom:0; background:url(/images/icoJtLcgk.png) no-repeat center/100% 100%; width:14px; height:19px; z-index:2;transition:all 0.2s;}
.qlcgkList li h6{ position:absolute; 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:24px;}
.qlcgkList li:hover h6{ width:26px;}
/*------------------------------全流程管控------------------------------*/


/*------------------------------智能化设计------------------------------*/
.boxZnhsj{ width:100%; height:56.25vw; background:#061a3a;/*background:#061a3a url(../images/bgZnhsj.jpg) no-repeat center/cover;*/ position:relative}
.znhsjList{ text-align:right; width:90%; max-width:1460px; margin:0 auto; text-align:right; padding:9vw 0 0 0; position:relative; z-index:1}
.znhsjList span{display:inline-block; text-align:left; width:15%;}
.znhsjList a{ display:block; border:1px solid rgba(255,255,255,0.2); background:#051b38; border-radius:0.8vw; line-height:3.125vw; margin:0 0 1vw 0}
.znhsjList a img{display:inline-block; height:100%; vertical-align:middle}
.znhsjList a i{display:inline-block; font-size:clamp(12px,0.833vw,16px); line-height:1em; vertical-align:middle; color:#fff; padding:0 0 0 0.5vw}
.boxZnhsj video{position:absolute; z-index:0; width:100%; height:100%; top:0; left:0;object-fit:cover;}
/*------------------------------智能化设计------------------------------*/




/*------------------------------“福瓴”系列------------------------------*/
.boxFlLeft{display:inline-block; vertical-align:top; width:28vw; max-width:468px;}
.boxFlLeft h1{font-size:clamp(16px,1.145vw,22px); color:#194d97; line-height:1.2em; border-bottom:1px solid #e5e5e5; padding:0 0 0.5vw 0; margin:0 0 0.5vw 0}
.boxFlLeft h2{font-size:clamp(14px,0.9375vw,18px); color:#888; line-height:2em; text-align:justify}
.boxFlLeftFixed{position:fixed; top:120px; left:50%; margin-left:-730px;}
@media(max-width:1500px){
.boxFlLeftFixed{left:5%;margin-left:0;}
}

.boxFlRight{ display:inline-block; vertical-align:top; width:60%; float:right}
.boxFlRight a{width:100%;display:block; overflow:hidden; border-radius:0.8vw; position:relative; margin:0 0 1.5625vw 0}
.boxFlRight a img{width:100%;transition:transform 0.5s}
.boxFlRight a h1{position:absolute; top:0; left:0; font-size:clamp(20px,1.458vw,28px); line-height:1.5em; font-weight:500; color:#000; left:4vw; top:50%; margin-top:-2.2vw}
.boxFlRight a h1 font{display:block;font-size:clamp(14px,0.9375vw,18px); font-weight:normal}
.boxFlRight a:hover img{transform:scale(1.1);}


.boxFlWd{width:100%;min-height:45vw;background:url(/images/bgHy.jpg) no-repeat center/100% auto;background-attachment:fixed;}
.boxFlWdList{width:90%; max-width:1460px; margin:0 auto; padding:0 0 0 10vw}
.boxFlWdList li{width:100%; height:45vw;display:flex;align-items:center;}
.boxFlWdList li div{width:34vw;max-width:550px; height:22vw; max-height:360px;background:rgba(255,255,255,0.3);backdrop-filter:blur(5px); border-radius:0.8vw; padding:0 3.6vw;display:flex;align-items:center;}
.boxFlWdList li div h1{font-size:clamp(20px,1.5625vw,30px); line-height:1em; margin:2vw 0 1.5vw 0}
.boxFlWdList li div h2{font-size:clamp(14px,0.9375vw,18px); line-height:2em}



.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:90%; max-width:1460px; padding:0 0 0 10vw}

.proFlCard {margin:140px 0 50px 0;width:34vw;max-width:550px; height:22vw; max-height:360px; padding:0 3.6vw;background:rgba(255,255,255,0.4);backdrop-filter:blur(5px); border-radius:0.8vw;display:flex;flex-direction:column;align-content:center;justify-content:center;word-break:break-word;flex-shrink:0;}
.proFlCard>h2 {font-size:clamp(20px,1.5625vw,30px); line-height:1em; margin:2vw 0 1.5vw 0}
.proFlCard>p {font-size:clamp(14px,0.9375vw,18px); line-height:2em}

.proFlCard img {}
/*------------------------------“福瓴”系列------------------------------*/



/*------------------------------“福瓴”系列显示------------------------------*/
.proBanner{width:100%;border-radius:0.8vw; overflow:hidden}
.proBanner img{width:100%;}
.textCon{font-size:clamp(14px,0.9375vw,18px); color:#888; line-height:2em; text-align:center}
.tdList{ width:100%; text-align:center}
.tdList li{ width:25%; display:inline-block; padding:0 2.5%; text-align:center; vertical-align:top; margin:0 0 3vw 0}
.tdList li h1{ width:3.645vw; height:3.645vw; background:#194d97; border-radius:50%; overflow:hidden; display:block; margin:0 auto}
.tdList li h1 img{ width:100%}
.tdList li h2{font-size:clamp(16px,1.145vw,22px); line-height:1.5em; margin:20px 0 10px 0}
.tdList li h3{font-size:clamp(12px,0.9375vw,14px); color:#888; line-height:2em}

.tdPic{width:100%;/*height:calc(36vw + 50px); max-height:650px;*/overflow:hidden;position:relative; margin:2.8vw 0 5.8vw 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 25px 25px 0; overflow:hidden;border-radius:0.8vw;}
.tdPic .swiper-slide a:nth-child(1){width:calc((100% - 75px)/4*2 + 25px)!important;}
.tdPic .swiper-slide a:nth-child(2){width:calc((100% - 75px)/4)!important;}
.tdPic .swiper-slide a:nth-child(3){width:calc((100% - 75px)/4)!important;}
.tdPic .swiper-slide a:nth-child(4){width:calc((100% - 75px)/4*2 + 25px)!important;}
.tdPic .swiper-slide a:nth-child(5){width:calc((100% - 75px)/4)!important; height:calc(36vw + 25px)!important; max-height:625px!important; margin-right:0!important; position:absolute; right:0; top:0}
.tdPic .swiper-slide a div{width:100%; height:100%; background-repeat:no-repeat!important; background-size:cover!important; background-position:center!important;transition:transform 0.5s; }
.tdPic .swiper-slide a:hover div{transform:scale(1.2);}
.tdPic .swiperBtn{margin:4.2vw 0 0 0}
/*------------------------------“福瓴”系列显示------------------------------*/



/*------------------------------“福兮”系列------------------------------*/
.fxList{width:100%; height:100vh; position:relative; overflow:hidden; color:#fff}
.fxList img{width:100%;height:100%}
.fxListCon{position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.55); z-index:1; width:100%; padding:3vw 0}
.fxListCon1{ width:90%; max-width:1460px; margin:0 auto; position:relative; padding:0 10vw 0 0}
.fxListText{}
.fxListText h1{font-size:clamp(28px,2.1875vw,42px); line-height:1.5em; margin:0 0 10px 0}
.fxListText h2{font-size:clamp(14px,0.9375vw,18px); line-height:2em; }
.fxListCon1 .btnMoreWhite{ left:auto;right:0; top:50%; margin-top:-0.9vw}
/*------------------------------“福兮”系列------------------------------*/


/*------------------------------“福兮”系列显示------------------------------*/
.kfysList{ width:100%; overflow:hidden}
.kfysList li{ display:inline-block; width:calc((100% - 60px)/4); height:30vw; max-height:500px; background:#f9f9f9; border-radius:0.8vw; margin-right:20px; position:relative; overflow:hidden;display:flex;align-items:center; float:left}
.kfysList li:last-child{margin-right:0}
.kfysList li div{position:relative; z-index:2; padding:0 16%}
.kfysList li h1{}
.kfysList li h2{ display:none}
.kfysList li h3{font-size:clamp(20px,1.354vw,26px); line-height:2em;border-bottom:2px solid #888; color:#555; font-weight:500; margin:1vw 0 0.5vw 0}
.kfysList li h4{font-size:clamp(14px,0.9375vw,18px); line-height:1.7em; color:#888}
.kfysList li h5{position:absolute; z-index:1; top:100%; left:0; width:100%; height:100%;transition:all 0.3s ease 0.1s;}

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

.kfysList li:nth-child(1) h5{ background:url(/images/imgKfys1.jpg) no-repeat center/cover;}
.kfysList li:nth-child(2) h5{ background:url(/images/imgKfys2.jpg) no-repeat center/cover;}
.kfysList li:nth-child(3) h5{ background:url(/images/imgKfys3.jpg) no-repeat center/cover;}
.kfysList li:nth-child(4) h5{ background:url(/images/imgKfys4.jpg) no-repeat center/cover;}


.delay0{animation-delay:0s;}
.delay1{animation-delay:0.3s;}
.delay2{animation-delay:0.6s;}
.delay3{animation-delay:0.9s;}
.delay4{animation-delay:1.2s;}
.delay5{animation-delay:1.5s;}
.delay6{animation-delay:1.8s;}
.delay7{animation-delay:2.1s;}

.delay_f0{animation-delay:0s;}
.delay_f1{animation-delay:100ms;}
.delay_f2{animation-delay:200ms;}
.delay_f3{animation-delay:300ms;}
.delay_f4{animation-delay:400ms;}
.delay_f5{animation-delay:500ms;}
.delay_f6{animation-delay:600ms;}
.delay_f7{animation-delay:700ms;}
.delay_f8{animation-delay:800ms;}
.delay_f9{animation-delay:900ms;}
.delay_f10{animation-delay:1000ms;}
.delay_f11{animation-delay:1100ms;}


.kflcList{ padding:0 3% 5.8vw 3%; text-align:center; background:url(/images/bgKflcLine.png) no-repeat center 1.2vw/100%; width:100%; overflow:hidden}
.kflcList ul{ display:block; width:100%;height:7.3vw; overflow:hidden}
.kflcList ul li{display:inline-block; width:14.28%;}
.kflcList ul li div{ width:3.645vw; height:3.645vw; background:#194d97; border-radius:50%; overflow:hidden; display:block; margin:0 auto}
.kflcList ul li div img{ width:100%}
.kflcList ul li i{font-size:clamp(16px,1.145vw,22px); line-height:1.5em; margin:2vw 0 0 0;display:block;}

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


/*------------------------------service------------------------------*/
@keyframes ABgH4{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxService{ width:100%; height:38vw; overflow:hidden; background:url(/images/bgService.jpg) no-repeat center/cover;}
.boxService ul{ width:100%; height:100%}
.boxService ul li{width:25%; height:100%; border-right:1px solid rgba(255,255,255,0.6); display:inline-block; text-align:center; position:relative; color:#fff}
.boxService ul li h1{position:absolute; left:0;width:100%; z-index:2; top:15vw;transition:all 0.2s ease 0.1s;}
.boxService ul li h2{position:absolute; left:0;width:100%; z-index:2; top:calc(16vw + 80px); line-height:1em; font-size:clamp(20px,1.35vw,26px); font-weight:500;transition:all 0.5s ease 0.1s;}
.boxService ul li h3{position:absolute; left:0;width:100%; z-index:2; top:calc(20vw + 80px); line-height:1.75em; font-size:clamp(14px,0.9375vw,18px); opacity:0;transition:all 0.8s ease 0.1s;}
.boxService ul li h4{position:absolute; top:0; width:100%;height:100%; background:rgba(25,77,151,0.6);backdrop-filter:blur(5px); z-index:1; display:none}
.boxService ul li i{display:none}
.boxService ul li:hover h1{top:10vw; }
.boxService ul li:hover h2{top:calc(11vw + 80px); }
.boxService ul li:hover h3{top:calc(15vw + 80px); opacity:1}
.boxService ul li:hover h4{display:block;animation:ABgH4 0.3s}


.boxYpt{width:100%; position:relative; margin:0 0 5.8vw 0}
.yptNavTab{position:absolute; z-index:2; right:0; width:24%; top:6vw;}
.yptNavTab a{display:block; height:6vw; color:#888; line-height:1em; font-size:clamp(14px,1vw,18px);  padding:0 0 0 22%;display:flex; align-items:center;transition:all 0.2s ease 0.1s;}
.yptNavTab a img{display:inline-block; margin:0 1vw 0 0; width:3.125vw; vertical-align:middle}
.yptNavTab a .icoNavOn{display:none}
.yptNavTab .on{background:#194d97; color:#fff;font-size:clamp(20px,1.35vw,26px);padding:0 0 0 10%}
.yptNavTab .on .icoNav{display:none;}
.yptNavTab .on .icoNavOn{display:inline-block;}


.yptSwiper{width:78%; height:42.23vw; max-height:811px;position:relative;overflow:hidden; }
.yptSwiper .swiper-slide{width:100%; height:100%; position:relative}
.yptSwiper .swiper-slide img{width:100%; height:100%}
/*.yptSwiper .swiper-slide div{position:absolute; bottom:0; left:0; padding:5vw; color:#fff; z-index:1}
.yptSwiper .swiper-slide div h1{font-size:clamp(20px,1.458vw,28px);line-height:1em; padding:0 0 0.5vw 0}
.yptSwiper .swiper-slide div h2{font-size:clamp(14px,0.9375vw,18px); line-height:1.75em; text-align:justify}*/


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



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

.newsList{width:100%; overflow:hidden}
.newsList a{height:21.76875vw; max-height:356px; display:block;  position:relative; overflow:hidden;margin:0 0 4vw 0; padding:0 0 4vw 0; border-bottom:1px solid #dbdbdb; box-sizing:content-box}
.newsListImg{float:right; width:43%; height:100%; border-radius:0.8vw; overflow:hidden; position:relative}
.newsListImg img{width:100%; height:100%;transition:transform 0.5s}
.newsListImg i{width:100%; height:100%; background:url(/images/icoVideo.png) no-repeat center/3.75vw 3.75vw; position:absolute; z-index:2}
.newsListText{float:left; width:57%; padding:0 8% 0 0; height:100%; position:relative}
.newsListText h1{font-size:clamp(18px,1.25vw,24px); line-height:1.5em; font-weight:500;padding:1vw 0 1.5vw 0; text-align:justify}
.newsListText h2{font-size:clamp(14px,0.9375vw,18px); line-height:1.75em; text-align:justify; color:#999; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.newsListText h4{font-size:clamp(14px,0.9375vw,18px); line-height:0.98vw; color:#666; background:url(/images/icoDateGray.png) no-repeat center left/auto 100%; padding:0 0 0 1.25vw;position:absolute; right:13%; bottom:15px;}
.newsListText .btnMore{bottom:10px}
.newsListText .btnMore span{background:#666; z-index:0;background:#194d97;}
.newsListText .btnMore i{background:#666 url(../images/icoJtMore.png) no-repeat center/auto 36%;transition:all 0.3s ease;}
.newsListText .btnMore:hover span{background:#194d97}
.newsListText .btnMore:hover i{background:#194d97 url(../images/icoJtMore.png) no-repeat center/auto 36%;}

.newsList a:hover .btnMore span{width:200px}
.newsList a:hover .btnMore i{background:#194d97 url(../images/icoJtMore.png) no-repeat center/auto 36%;}
.newsList a:hover .btnMore font{color:#fff}

.newsList a:hover img{transform:scale(1.1);}
.newsList a:hover h4{color:#194d97; background:url(/images/icoDate.png) no-repeat center left/auto 100%;}

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

/*-----------------分页-----------------*/
/*.boxPage{width:100%; max-width:1460px; overflow:hidden; margin:0 auto 5.8vw auto; font-size:0; font-family:Arial, Helvetica, sans-serif}
.boxPage a{ display:inline-block;font-size:16px;color:#555;background-color:#fff;width:40px; height:40px;line-height:40px; text-align:center; margin-right:8px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#194d97;}
.curPage{color:#fff!important; background-color:#194d97!important;}
.numPage{float:left;}

.btnPage{float:right; }
.prePage{background:url(/images/pagePre.png) no-repeat center/100% 100%; border:2px solid #194d97}
.prePage:hover{background:url(/images/pagePreHover.png) no-repeat center/100% 100%}
.nextPage{background:url(/images/pageNext.png) no-repeat center/100% 100%; margin-right:0!important;border:2px solid #194d97}
.nextPage:hover{background:url(/images/pageNextHover.png) no-repeat center/100% 100%}
.boxPage span{font-size:12px;line-height:40px;margin:0 15px 0 7px;display:none; vertical-align:middle}*/

.boxPage{width:100%; max-width:1460px; overflow:hidden; margin:0 auto 5.8vw auto; font-size:0; font-family:Arial, Helvetica, sans-serif; text-align:center}
.boxPage a{ display:inline-block;font-size:16px;color:#555;background-color:#fff;width:40px; height:40px;line-height:40px; text-align:center; margin-right:6px; border-radius:50%;vertical-align:middle}
.boxPage a:hover{ color:#fff; background-color:#194d97;}
.curPage{color:#fff!important; background-color:#194d97!important;}
.numPage{display:inline-block; vertical-align:middle;}


.btnPage{display:inline-block;margin:0 6px 0 0}

.prePage{background:url(/images/pagePre.png?v=1.0) no-repeat center/100% 100%; border:1px solid #dbdbdb;display:none!important}
.prePage:hover{background:url(/images/pagePreHover.png?v=1.0) no-repeat center/100% 100%;border:1px solid #194d97}
.nextPage{background:url(/images/pageNext.png?v=1.0) no-repeat center/100% 100%;border:1px solid #dbdbdb;display:none!important}
.nextPage:hover{background:url(/images/pageNextHover.png?v=1.0) no-repeat center/100% 100%;border:1px solid #194d97}
.boxPage span{font-size:12px;line-height:40px;margin:0 15px 0 7px;display:none; vertical-align:middle}

.pageGo{display:inline-block; vertical-align:middle;margin:0 6px 0 0}
.inputGo{width:70px; height:40px; border:1px solid #dbdbdb; text-align:center; border-radius:20px; display:inline-block; vertical-align:middle; margin:0 6px 0 0}
.submitGo{width:70px; height:40px; border:1px solid #dbdbdb; text-align:center; border-radius:20px; display:inline-block; vertical-align:middle; color:#194d97; cursor:pointer}
.submitGo:hover{ border:1px solid #194d97; background:#194d97; color:#fff}

/*-----------------分页-----------------*/


/*------------------------------video------------------------------*/
.videoList{width:100%;}
.videoList a{ width:31%;display:inline-block;  position:relative; overflow:hidden;margin:0 3.5% 2.6vw 0;border-radius:0.8vw; border:1px solid #fff; box-shadow:0 0 20px rgba(0,0,0,0.1)}
.videoList a:nth-child(3n+3){ margin-right:0}
.videoList a div{width:100%; height:15.7vw; max-height:256px;overflow:hidden; position:relative}
.videoList a div img{width:100%; height:100%;transition:transform 0.5s}
.videoList a div i{width:100%; height:100%; background:url(/images/icoVideo.png) no-repeat center/3.75vw 3.75vw; position:absolute; z-index:2}
.videoList a span{width:100%; display:block; padding:20px 30px; position:relative}
.videoList a span h1{font-size:clamp(14px,1.25vw,20px); 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:clamp(12px,0.9375vw,14px); 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:0.83vw; height:0.625vw; background:url(/images/icoJtNews.png) no-repeat center/100% 100%; position:absolute; right:30px; bottom:26px}
.videoList a span h4{font-size:clamp(14px,0.9375vw,18px); line-height:0.98vw; color:#666; background:url(/images/icoDateGray.png) no-repeat center left/auto 100%; padding:0 0 0 1.25vw;}

.videoList a:hover img{transform:scale(1.1);}
.videoList a:hover h4{color:#194d97; background:url(/images/icoDate.png) no-repeat center left/auto 100%; }
/*------------------------------video------------------------------*/



/*------------------------------about------------------------------*/
.aboutVideo{ width:100%; height:25vw;display:flex;align-items:center;justify-content:center; background:url(/images/bgAboutVideo.jpg) no-repeat center/cover;background-attachment:fixed;}
.aboutVideo a{display:block; width:100%; height:100%;background:url(/images/icoVideo.png) no-repeat center/3.75vw 3.75vw; }


.aboutConText{display:inline-block; width:60%; max-width:760px; padding:3vw 0 0 0}
.aboutConText h1{font-size:clamp(14px,1.25vw,20px); line-height:1.5em; color:#666}
.aboutConText h2{font-size:clamp(30px,2.6vw,50px); line-height:1.5em; color:#1f529a; padding:0.5vw 0}
.aboutConText h3{font-size:clamp(14px,1.25vw,20px); line-height:2em; text-align:justify}

.aboutConNum{ position:absolute; right:0; bottom:0}
.aboutConNum li{display:inline-block; padding:0 2vw 0 0; margin:0 2vw 0 0; height:auto; vertical-align:top; border-right:1px solid #999}
.aboutConNum li:last-child{border:none; padding:0; margin:0}
.aboutConNum li h1{ height:4.84375vw; background:url(/images/bgNumber.png) no-repeat left center/auto 100%; color:#194d97}
.aboutConNum li h1 i{font-size:2.9vw; min-width:5.2vw; line-height:4.4vw; display:inline-block; vertical-align:middle; text-align:center; padding:0 0 0 1.6vw; font-weight:500}
.aboutConNum li h1 font{font-size:1.4vw; line-height:1em; display:inline-block; vertical-align:middle; margin:0.3vw 0 0 0;}
.aboutConNum li h2{ font-size:0.85vw;color:#666; line-height:1.5em; text-align:center; margin:0.5vw 0 0 0}
.aboutConNum li:first-child h1 i{ width:7vw}


.bgAboutRyzl{width:100%; padding:7.8vw 0;overflow:hidden;background:url(/images/bgAboutRyzl.jpg) no-repeat center/cover;}
.aboutRyzl{width:100%; height:35vw; max-height:600px;overflow:hidden;position:relative; display:block; margin:0 auto; }
.aboutRyzl .swiper-slide{width:12.5%;position:relative; overflow:hidden; text-align:center}
.aboutRyzl .swiper-slide:nth-child(odd){ margin:5vw 0 0 0}
.aboutRyzl .swiper-slide img{width:100%; max-height:380px;}
.aboutRyzl .swiper-slide div{background:url(/images/bgRyzlTitle.png) no-repeat center/auto 100%; width:100%; height:4.84375vw;display:flex;align-items:center; justify-content:center; text-align:center; margin:1vw 0 0 0}
.aboutRyzl .swiper-slide div i{ font-size:clamp(14px,1.25vw,20px); line-height:1.4em; color:#fff;background:-webkit-linear-gradient(top, #f1e291, #c5913c, #f1e291); -webkit-background-clip: text;-webkit-text-fill-color: transparent; font-weight:700}

.aboutQywhBanner{ width:100%; height:25vw;display:flex;align-items:center;justify-content:center;/* background:url(/images/bgAboutQywh.jpg) no-repeat center/cover;background-attachment:fixed;*/font-size:clamp(28px,2.1875vw,42px); line-height:1em; color:#fff; position:relative; overflow:hidden}
.aboutQywhBanner span{display:block; width:100%; height:100%; position:absolute; top:0; left:0;background:url(/images/bgAboutQywh.jpg) no-repeat center/cover;transition:transform 1s; z-index:-1}
.aboutQywhBanner:hover span{transform:scale(1.1);}


.aboutQywh{padding:4.2vw 0 5.8vw 0; }
.aboutQywh li{width:21.25%; margin:0 5% 0 0; display:inline-block; vertical-align:top}
.aboutQywh li:last-child{ margin-right:0}
.aboutQywh li h1{font-size:clamp(28px,2.1875vw,42px); line-height:1em;font-family:'DINMedium'; color:#194d97;  border-bottom:3px solid #194d97; display:inline-block; position:relative; z-index:2; padding:0 0 0.5vw 0; width:2.4vw; transition:all 0.5s;}
.aboutQywh li h2{font-size:clamp(16px,1.145vw,22px);line-height:1em; padding:1vw 0 0.5vw 0;border-top:1px solid #d8d8d8; position:relative; z-index:1; margin:-2px 0 0 0}
.aboutQywh li h3{font-size:clamp(14px,0.9375vw,18px); line-height:1.5em;color:#888}
.aboutQywh li:hover h1{ width:100%;}

/*------------------------------about------------------------------*/


/*------------------------------aboutbrand------------------------------*/
.aboutSl{ padding:0 0 5.8vw 0}
.aboutSl li{display:inline-block; vertical-align:top; width:50%; display:inline-block; text-align:center; padding:0 3%; }
.aboutSl li h1{font-size:clamp(30px,2.4vw,46px);line-height:1em; color:#194d97}
.aboutSl li h1 img{margin:0 10px 0 0; display:inline-block; vertical-align:middle; }
.aboutSl li h1 i{display:inline-block; vertical-align:middle;font-weight:500; }
.aboutSl li h1 sup{font-size:clamp(20px,1.458vw,28px);display:inline-block; }
.aboutSl li h1 font{font-size:clamp(20px,1.354vw,26px);display:inline-block; vertical-align:middle;font-weight:normal; margin:0 0 0 5px}
.aboutSl li h2{font-size:clamp(20px,1.458vw,28px);line-height:1em; font-weight:500; padding:1vw 0 1.5vw 0}
.aboutSl li h3{font-size:clamp(14px,0.9375vw,18px); line-height:1.75em;color:#888}


.aboutSlCon{ width:100%;  height:21vw; background:url(/images/bgJb.jpg) no-repeat center -1.9vw/cover;}
.aboutSlCon div{width:90%; height:100%; max-width:1460px; margin:0 auto; position:relative; color:#fff; padding:5.8vw 0 0 20vw}
.aboutSlCon div img{position:absolute; left:0; bottom:0; width:20vw;}
.aboutSlCon div h1{font-size:clamp(20px,1.458vw,28px);line-height:1em; padding:0 0 1vw 0}
.aboutSlCon div h2{font-size:clamp(14px,0.9375vw,18px); line-height:1.75em; text-align:justify}


.navTitleTab{ text-align:center; padding:5.8vw 0 3vw 0}
.navTitleTab a{display:inline-block; border-bottom:2px solid #e8e8e8; padding:0 2vw 1vw 2vw; font-size:clamp(14px,0.9375vw,18px); line-height:1em}
.navTitleTab .on{border-bottom:2px solid #194d97; color:#194d97}


/*------------------------横向幻灯片------------------------*/
.boxPic{width:calc(90% + 40px); max-width:1480px; margin:0 auto; display:block;position:relative;}
.picList{width:100%; padding:0 20px; position:relative; margin:0 0 30px 0; overflow:hidden; }
.picList .swiper-slide{width:calc((100% - 90px)/4); margin:0; background:url(/images/bgJp.png) no-repeat right top/2.6vw calc(100% - 80px); padding:0 2.6vw 0 0}
.picList .swiper-slide:last-child{ margin-right:0}
.picList .swiper-slide div{width:100%; height:11.8vw; max-height:200px; overflow:hidden}
.picList .swiper-slide div img{width:100%; height:100%;transition:transform 0.5s;}
.picList .swiper-slide i{font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; height:80px;display:flex; align-items:center;justify-content:center; color:#888}
.picList .swiper-slide:hover img{/*transform:scale(1.2);*/}
/*------------------------横向幻灯片------------------------*/


.conText{font-size:clamp(16px,1.145vw,22px);line-height:2em; text-align:center; margin:-1vw 0 0 0}

.boxHxyw{width:100%; position:relative}
.hxywNavTab{position:absolute; z-index:2; right:0; width:28%; top:6vw;}
.hxywNavTab a{display:block; height:6vw; color:#888; line-height:1em; font-size:clamp(16px,1vw,18px); border-bottom-right-radius:0.8vw;border-top-right-radius:0.8vw; padding:0 0 0 25%;display:flex; align-items:center;transition:all 0.2s ease 0.1s;}
.hxywNavTab a img{display:inline-block; margin:0 1vw 0 0}
.hxywNavTab a .icoNavOn{display:none}
.hxywNavTab .on{background:#194d97; color:#fff;font-size:clamp(20px,1.35vw,26px);padding:0 0 0 10%}
.hxywNavTab .on .icoNav{display:none;}
.hxywNavTab .on .icoNavOn{display:inline-block;}


.hxywSwiper{width:74%; height:50vw; max-height:810px;position:relative;overflow:hidden; border-bottom-left-radius:0.8vw;border-top-left-radius:0.8vw}
.hxywSwiper .swiper-slide{width:100%; height:100%; position:relative}
.hxywSwiper .swiper-slide img{width:100%; height:100%}
.hxywSwiper .swiper-slide div{position:absolute; bottom:0; left:0; padding:5vw; color:#fff; z-index:1}
.hxywSwiper .swiper-slide div h1{font-size:clamp(20px,1.458vw,28px);line-height:1em; padding:0 0 0.5vw 0}
.hxywSwiper .swiper-slide div h2{font-size:clamp(14px,0.9375vw,18px); line-height:1.75em; text-align:justify}



.conText{font-size:clamp(16px,1.145vw,22px);line-height:2em; text-align:center; margin:-1vw 0 0 0}



.gfNavTab{width:100%; padding:10px 0 4vw 0; overflow:hidden}
.gfNavTab a{ float:left;width:11.2%; height:7.7vw; margin:0 3.6% 0 0; color:#888; line-height:1em; font-size:clamp(16px,1vw,18px); text-align:center; border-radius:0.8vw;display:flex; align-items:center;justify-content:center;transition:all 0.2s ease 0.1s;  text-align:center}
.gfNavTab a:last-child{margin-right:0}
.gfNavTab a img{ margin:0 auto 5px auto; /*display:block; width:75%; max-width:70px;*/}
.gfNavTab a i{display:block}
.gfNavTab a .icoNavOn{display:none}
.gfNavTab .on{background:#194d97; color:#fff;}
.gfNavTab .on .icoNav{display:none;}
.gfNavTab .on .icoNavOn{display:inline-block;}


.gfSwiper{width:100%;position:relative;overflow:hidden; margin:0 0 5.8vw 0}
.gfSwiper .swiper-slide{width:100%;  position:relative}
.gfSwiper .swiper-slide img{display:inline-block; vertical-align:top; border-radius:0.8vw; width:calc(55% - 1px); float:right; margin-right:1px}
.gfSwiper .swiper-slide div{display:inline-block; vertical-align:top; width:45%; padding:5vw 5% 0 0}
.gfSwiper .swiper-slide div h1{font-size:clamp(20px,1.458vw,28px);line-height:1em; padding:0 0 1vw 0}
.gfSwiper .swiper-slide div h2{font-size:clamp(16px,1.145vw,22px); line-height:1.75em; text-align:justify; color:#888}

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

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


/*------------------------------join------------------------------*/
.imgPcM{width:100%}
.imgPc{width:100%}
.imgM{width:100%; display:none}

.boxYgwh{width:100%;height:32vw;max-height:620px;overflow:hidden;}
.boxYgwh ul{width:100%; height:100%}
.boxYgwh li{ width:calc((100% - 30px)/3); height:100%;display:inline-block; margin:0 15px 0 0; border-radius:0.8vw;transition:all 0.5s ease; position:relative;color:#fff; text-align:center; overflow:hidden; background:#000}
.boxYgwh li:last-child{ margin:0}
.boxYgwh li h1{position:absolute; top:16vw; left:0; width:100%;  padding:3vw 0 3vw 0; z-index:2;transition:all 0.6s ease 0.1s;}
.boxYgwh li h1 img{ width:4.6875vw; max-width:90px}
.boxYgwh li h1 i{display:block; font-size:clamp(20px,1.35vw,26px); margin:0; line-height:1.5em; font-weight:500; }
.boxYgwh li h2{position:absolute; top:32vw; left:0; width:100%; font-size:clamp(14px,0.9375vw,18px); line-height:1.75em; z-index:2; opacity:0;transition:all 1s ease 0.1s;}
.boxYgwh li h3{position:absolute; bottom:0; left:0; width:100%; height:50%;background:url(/images/bgBlack1.png) no-repeat center/100% 100%; z-index:1}
.boxYgwh li h4{position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:0}
.boxYgwh .on{width:calc(46% - 30px)!important}

.boxYgwh .on h4{opacity:0.5}
.boxYgwh .on h1{top:4vw}
.boxYgwh .on h2{top:17vw; opacity:1}

.boxYgwh li:nth-child(1) h4{ background:url(/images/imgYgwh1.jpg) no-repeat center/cover;}
.boxYgwh li:nth-child(2) h4{ background:url(/images/imgYgwh2.jpg) no-repeat center/cover;}
.boxYgwh li:nth-child(3) h4{ background:url(/images/imgYgwh3.jpg) no-repeat center/cover;}


.ygfcSwiper{width:100%;position:relative;overflow:hidden;}
.ygfcSwiper .swiper-slide{width:100%; height:12vw; max-height:200px;  position:relative; border-radius:0.8vw; overflow:hidden; }
.ygfcSwiper img{width:100%; height:100%;transition:transform 0.5s}
.ygfcSwiper a:hover img{transform:scale(1.1);}

.ygfcSwiper .swiperBtn1{margin:3.2vw 0 0 0} 

.boxYgfl{ width:100%; max-width:1100px; margin:0 auto; display:block; overflow:hidden; padding:5.8vw 0 1.2vw 0; text-align:center}
.boxYgfl li{display:inline-block; width:20%; border-right:1px solid #e7e7e7; padding:1vw 0; text-align:center; margin:0 0 4.6vw 0}
.boxYgfl li img{width:4.6875vw; max-width:90px}
.boxYgfl li i{font-size:clamp(16px,1.04vw,20px); line-height:1em; display:block}
.boxYgfl li:nth-child(5){border-right:none}
.boxYgfl li:last-child{border-right:none}

.boxJrwm{ width:100%; height:36vw;display:flex;align-items:center;justify-content:center; /*background:url(/images/bgJrwm.jpg) no-repeat center/cover;background-attachment:fixed;*/ position:relative;overflow:hidden}
.boxJrwm div{ width:100%; text-align:center; color:#fff}
/*.boxJrwm div h1{font-size:1.8vw; line-height:1.5em;font-weight:500; }
.boxJrwm div h2{font-size:5vw; line-height:1em;font-weight:500; margin:3vw 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:3.6vw; max-width:70px}
.boxJrwm div h3 font{font-size:1.145vw; line-height:1.5em; display:inline-block; vertical-align:middle; text-align:left; color:#fff; margin:0 0 0 0.5vw}*/
.boxJrwm div h1{font-size:1.25vw; line-height:1.5em;font-weight:500; }
.boxJrwm div h2{font-size:3.8vw; line-height:1em;font-weight:900; margin:3vw 0; letter-spacing:0.5vw}
.boxJrwm div h3{}
.boxJrwm div h3 a{display:inline-block; margin:0 0 0 2vw}
.boxJrwm div h3 a img{display:inline-block; vertical-align:middle; width:3vw; max-width:70px}
.boxJrwm div h3 font{font-size:1vw; line-height:1.5em; display:inline-block; vertical-align:middle; text-align:left; color:#fff; margin:0 0 0 0.5vw}

.boxJrwm span{display:block; width:100%; height:100%; position:absolute; top:0; left:0;background:url(/images/bgJrwm.jpg) no-repeat center/cover;transition:transform 1s; z-index:-1}
.boxJrwm:hover span{transform:scale(1.1);}

.boxMaxMin{width:90%; max-width:1300px; display:block; margin:0 auto; position:relative;}

.boxJob{width:100%; overflow:hidden; padding:0}
.jobLeft{ width:76%;display:inline-block; vertical-align:top; padding:0 6% 0 0;}
.jobSearch{position:relative}
.searchTitle{ margin:0 0 1.5vw 0}
.searchTitle h1{font-size:clamp(16px,1.145vw,22px); line-height:1em;font-weight:500}
.jobSearch1{width:100%; margin:0 0 1vw 0}
.inputSearch{width:calc(100% - 120px); border:1px solid #e5e5e5; height:48px;border-bottom-left-radius:6px;border-top-left-radius:6px; line-height:46px; padding:0 0 0 15px; }
.submitSearch{width:120px; line-height:48px; background:#194d97; color:#fff; font-size:clamp(14px,0.9375vw,18px); 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:48px;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:10px;}

.jobList{padding:1vw 0 2vw 0}
.jobList li{border-bottom:1px solid #e5e5e5; position:relative; padding:1.5vw 0; }
.jobList li h1{font-size:clamp(16px,1.04vw,20px); line-height:1em;  margin:0 0 1vw 0}
.jobList li h1 i{display:inline-block; vertical-align:middle; background:url(/images/icoHot.png) no-repeat center/cover; width:26px; height:13px; margin:0 10px 0 0}
.jobList li h2{ color:#888}
.jobList li h2 i{font-size:clamp(12px,0.83vw,16px); line-height:1em;display:inline-block; vertical-align:middle; border-right:1px solid #e5e5e5; 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{ position:absolute; top:1.5vw; right:0;font-size:clamp(12px,0.83vw,16px); line-height:1em;color:#888}

.jobRight{ width:24%;display:inline-block;  background:#f8f8f8; border-radius:0.8vw;vertical-align:top; padding:1.5vw}
.jobRight h1{font-size:clamp(16px,1.145vw,22px); line-height:1.5em; padding:0 0 0.5vw 0; font-weight:500}
.jobRight a{display:block; font-size:clamp(12px,0.83vw,16px); line-height:1.5em; padding:5px 0;}
.jobRight a i{display:inline-block; background:url(/images/icoHot.png) no-repeat center/cover; width:26px; height:13px; margin:0 5px 0 0}

.boxMsg{ width:100%; background:#f8f8f8; border-radius:0.8vw; padding:5vw 5vw 3.5vw 0; margin:0 0 5.8vw 0; overflow:hidden}
.boxMsg li{width:50%; padding:0 0 1.5vw 5vw; display:inline-block; position:relative}
.boxMsg li i{display:inline-block; font-size:clamp(14px,0.9375vw,18px); line-height:1em; width:16%; 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:84%; border:1px solid #e5e5e5; height:48px; padding:0 10px; border-radius:6px; }
.msgInputShort{width:30%; border:1px solid #e5e5e5; height:48px; padding:0 10px;border-radius:6px;}
.msgTextarea{width:100%; border:1px solid #e5e5e5; height:150px; padding:10px;border-radius:6px;}
.msgSelect{width:calc((84% - 10px)/2); border:1px solid #e5e5e5; height:48px; padding:0 10px; border-radius:6px; margin:0 10px 0 0}


.msgSubmit{width:100%;max-width:120px;max-height:44px; min-height:36px; height:2.3vw;padding:0 1vw;background:#194d97;font-size:clamp(14px,0.9375vw,18px);color:#fff; border-radius:22px; cursor:pointer; text-align:center;display:inline-block; margin:0 1vw 0 1vw;}
.msgSubmit:hover{background:#2b6dca}
.tCenter{text-align:center}

.divRadio{ padding:1vw 0 0 0}
.divRadio label{display:inline-block;font-size:clamp(12px,0.83vw,16px); color:#888; line-height:1em; margin:0 1.8vw 0 0}
.divRadio input{margin:0 5px 0 0}

textarea,input,select{color:#888;font-size:clamp(12px,0.83vw,16px); background:#fff}
textarea::placeholder,input::placeholder{color:#888;}
/*------------------------------join------------------------------*/

/*------------------------------showJob------------------------------*/
.boxShow{width:100%;padding:80px 0 0 0; background:#f9f9f9; overflow:hidden}
.boxShow1{ width:90%; max-width:1000px; margin:2vw auto; display:block;border-radius:0.8vw; background:#fff;padding:0 60px; /*box-shadow:0 0 15px rgba(0,0,0,0.05);*/ overflow:hidden}
.boxShow1 .navTitle{padding:4vw 0 3vw 0!important}

.showTitle{position:relative; padding:2vw 0 1.5vw 0; border-bottom:1px solid #e5e5e5}
.showTitle h1{font-size:clamp(22px,1.5625vw,30px); line-height:1.5em;  margin:0 0 0.5vw 0; padding:0 100px 0 0}
.showTitle h1 i{display:inline-block; background:url(/images/icoHot.png) no-repeat center/cover; width:26px; height:13px; margin:0 10px 0 0}
.showTitle h2{color:#888}
.showTitle h2 i{font-size:clamp(12px,0.83vw,16px); line-height:1em;display:inline-block; vertical-align:middle; border-right:1px solid #e5e5e5; padding:0 10px 0 0; margin:0 10px 0 0;}
.showTitle h2 i:last-child{margin:0; padding:0; border:none}
.showTitle h3{font-size:clamp(12px,0.83vw,16px); line-height:1em;color:#888; margin:15px 0 0 0}

.showTitle .boxShare{top:2.9vw}
.showTitle .btnSubmit{position:absolute; right:0; bottom:1.5vw;}


.showJobCon{}
.conJobTitle{font-size:clamp(16px,1.04vw,20px); line-height:1em; margin:40px 0 20px 0}
.conJobText{font-size:clamp(12px,0.83vw,16px); line-height:1.75em; text-align:left;border-bottom:1px solid #e5e5e5; padding:0 0 40px 0}
.conJobList{ width:100%; overflow:hidden}
.conJobList li{display:inline-block; width:25%;font-size:clamp(12px,0.83vw,16px); line-height:1.75em; vertical-align:top; min-height:80px}
.conJobList li h1{color:#888}


.boxSubmit{text-align:center; padding:0 0 3vw 0}
.btnSubmit{ width:100%;max-width:120px;max-height:44px; min-height:36px; height:2.3vw;padding:0 1vw;background:#194d97;font-size:clamp(14px,0.9375vw,18px);color:#fff; border-radius:22px; cursor:pointer; text-align:center;display:flex;align-items:center;justify-content:center; margin:0 auto;}
.btnSubmit:hover{background:#2b6dca; color:#fff}


.boxShare{position:absolute; top:0; right:0; z-index:99}
.boxShare1{position:relative;}
.shareTitle{font-size:clamp(12px,0.83vw,16px); line-height:1em; color:#888; padding-right:20px;background:url(/images/icoShare.png) no-repeat right center/auto 100%; display:inline-block; cursor:pointer}
.shareCon{width:10vw; min-width:150px; border-radius:8px; padding:0.8vw; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden;  position:absolute; top:22px; right:0; display:none}
.shareCon img{width:100%}
.shareConTitle{font-size:12px;  line-height:2em;}
.shareCon input{display:inline-block; vertical-align:middle; height:30px;}
.shareCon input[type="text"]{width:50%; border:1px solid #e5e5e5; padding:5px; font-size:12px;}
.shareCon input[type="button"]{width:50%; background:#888; color:#fff;font-size:12px; cursor:pointer}
.shareCon input[type="button"]:hover{background:#194d97}

.boxShare:hover .shareTitle{color:#194d97;background:url(/images/icoShareHover.png) no-repeat right center/auto 100%}


.jobForm{ width:100%; max-width:700px; padding:0 0 4vw 0; margin:0 auto}
.jobForm li{width:100%; padding:0 0 1.5vw 0; display:inline-block; position:relative}
.jobForm li i{display:inline-block; font-size:clamp(14px,0.9375vw,18px); line-height:1em; width:16%; vertical-align:middle}
.jobForm li i font{letter-spacing:2em}
.jobForm li input[type="text"]{display:inline-block; vertical-align:middle;}
.jobForm li input[type="file"]{display:inline-block; vertical-align:middle; width:84%;}
.jobForm .divRadio{ display:inline-block; vertical-align:middle;padding:0!important;}
.formTips{font-size:clamp(12px,0.73vw,14px); line-height:1.5em; color:#888; padding:5px 0 0 16%;}
/*------------------------------showJob------------------------------*/

/*------------------------------showNews------------------------------*/
.boxShowNews{width:100%;padding:80px 0 0 0; overflow:hidden; background:url(/images/bgShowNews.png) no-repeat top/100% 800px}
.boxShowNews1{width:64%; max-width:1000px; margin:2vw auto; display:block;padding:0 60px; /*box-shadow:0 0 15px rgba(0,0,0,0.05);*/ overflow:hidden}

.showInfoNews{position:relative;padding:2vw 0 2vw 0;}
.showInfoNews h1{font-size:12px; letter-spacing:0.5px; font-weight:500; line-height:20px;}
.showInfoNews h1 i{display:inline-block; border-radius:4px; font-size:12px; padding:0 8px; background:#99bcfe; margin:0 5px 0 0;font-weight:700;}

.showInfoNews .boxShare{top:2.3vw}

.showTitleNews{position:relative; padding:2vw 0 1.5vw 0;}
.showTitleNews h1{font-size:clamp(32px,2.5vw,48px); line-height:1.25em;padding:0; text-align:center; font-weight:500}

.showCon{width:100%;font-size:clamp(14px,0.9vw,18px);line-height:1.75em; overflow:hidden;text-align:justify; padding:1.5vw 0 4vw 0}
.showCon img{width:auto!important; max-width:100%;height:auto!important; }

.showVideo{ width:100%; height:auto;display:block; margin:0 0 30px 0}
/*------------------------------showNews------------------------------*/



/*------------------------------case------------------------------*/
.caseList{ width:100%; overflow:hidden; margin-bottom:-45px; text-align:center}
.caseList a{display:inline-block; width:calc((100% - 90px)/3); margin:0 45px 45px 0; text-align:left}
.caseList a:nth-child(3n+3){ margin-right:0;}
.caseList a:last-child{ margin-right:0;}
.caseList a h1{ border-top:2px solid #194d97;}
.caseList a h1 i{ display:inline-block;background:#194d97; color:#fff; font-size:clamp(16px,1.145vw,22px); height:2.5vw; line-height:2.5vw; width:9vw;border-bottom-left-radius:6px;border-bottom-right-radius:6px; text-align:center; font-weight:500}
.caseList a h2{font-size:clamp(18px,1.35vw,26px); line-height:1.5em;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical; margin:1vw 0 0.5vw 0}
.caseList a h3{font-size:clamp(14px,0.9375vw,18px);line-height:1.5em; color:#888; height:3em;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; margin:0 0 1.6vw 0}
.caseList a div{ border-radius:0.8vw; width:100%; height:18.3vw; max-height:300px; overflow:hidden}
.caseList a div img{width:100%; height:100%;transition:transform 0.5s;}
.caseList a:hover img{transform:scale(1.1);}

.marginBottom{ margin-bottom:calc(5.8vw - 45px)!important}

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

.showCasePic{ width:100%; position:relative; overflow:hidden; border-radius:0.8vw; }
.showCasePic .swiper-slide{width:100%; height:39.57vw; max-height:642px}
.showCasePic .swiper-slide div{width:100%; height:100%;background-repeat:no-repeat!important; background-position:center!important; background-size:cover!important}
.showCasePic .swiper-slide img{width:100%}
.showCasePic .swiper-pagination{position:absolute;width:100%; text-align:right; bottom:20px;}
.showCasePic .swiper-pagination-bullet{width:6vw; height:2.638vw; border:2px solid #fff; border-radius:8px; opacity:1; overflow:hidden; margin:0 10px 0 0!important}
.showCasePic .swiper-pagination-bullet img{width:100%; height:100%}
.showCasePic .swiper-pagination-bullet-active{width:8vw;height:3.51vw;}

.showCaseCon{ width:100%; overflow:hidden; padding:3.2vw 0 0 0}
.showCaseText{width:62%; padding:0 5% 0 0;display:inline-block; vertical-align:top}
.caseTitle{font-size:clamp(20px,1.5625vw,30px); line-height:1.5em; padding:0 0 2vw 0}
.caseText{font-size:clamp(14px,0.9375vw,18px);line-height:1.75em; color:#888}
.showCaseImg{width:38%;display:inline-block; vertical-align:top; border-radius:0.8vw; overflow:hidden}
.showCaseImg img{width:100%}

.caseNum{ padding:3vw 0 0 0; width:100%; overflow:hidden}
.caseNum li{ float:left; border:2px solid #194d97; height:6vw; border-radius:3vw; margin-right:2%; color:#194d97; width:35%;display:flex;align-items:center;justify-content:center; text-align:center}
.caseNum li:nth-child(1){width:24%}
.caseNum li h1{}
.caseNum li h1 i{display:inline-block;font-size:clamp(30px,2.6vw,50px); font-weight:700; line-height:1em}
.caseNum li h1 font{display:inline-block;font-size:clamp(12px,0.83vw,16px);line-height:1em}
.caseNum li h2{font-size:clamp(12px,0.83vw,16px); line-height:1em; margin:0.5vw 0 0 0}
/*------------------------------case------------------------------*/


/*------------------------------business------------------------------*/
.boxHzms{width:100%;  overflow:hidden; background:url(/images/bgHzms.jpg) no-repeat center/cover;}
.hzmsSwiper{width:100%; height:46.875vw; position:relative; overflow:hidden; padding:10vw 0}
.hzmsSwiper .swiper-slide{position:relative; width:100%; height:100%;display:flex;align-items:center;justify-content:center; text-align:center}
.hzmsSwiper .hzmsC{ position:absolute;width:23vw; height:23vw; max-width:375px; max-height:375px; background:url(/images/bgHzmsQuan.png) no-repeat center/cover;display:flex;align-items:center;justify-content:center; text-align:center; color:#194d97; z-index:1}
.hzmsSwiper .hzmsC img{width:4.9vw; max-width:80px; margin:0 0 1vw 0}
.hzmsSwiper .hzmsC h1{font-size:clamp(22px,1.666vw,32px); border-bottom:1px solid #194d97; line-height:1.5em; display:block; margin:0 auto; width:100%;}
.hzmsSwiper .hzmsC h2{font-size:12px;line-height:2em;}
.hzmsSwiper .hzmsC h3{font-size:12px;line-height:1em; margin:2vw 0 0 0}

.hzmsSwiper .hzmsList{width:94%; height:100%; position:relative; color:#fff}
.hzmsSwiper .hzmsList li{position:absolute; width:30%;}
.hzmsSwiper .hzmsList li img{ width:4vw; max-width:60px}
.hzmsSwiper .hzmsList li h1{font-size:clamp(14px,0.9375vw,18px); line-height:1.5em;}
.hzmsSwiper .hzmsList li h1 i{font-size:clamp(20px,1.458vw,28px); display:block; font-weight:500; margin:0.5vw 0}
.hzmsSwiper .hzmsList li h1 i font{display:inline-block;}
.hzmsSwiper .hzmsList li h1 i font:first-child{ margin:0 14px 0 0}

.hzmsSwiper .hzmsList li:nth-child(1){ left:0; top:0; text-align:right}
.hzmsSwiper .hzmsList li:nth-child(2){ left:0; bottom:0; text-align:right}
.hzmsSwiper .hzmsList li:nth-child(3){ right:0; top:0;text-align:left}
.hzmsSwiper .hzmsList li:nth-child(4){ right:0; bottom:0;text-align:left}


.hzmsSwiper .swiper-pagination{bottom:3vw; width:100%; text-align:center; z-index:3; }
.hzmsSwiper .swiper-pagination-bullet{width:0.7vw; height:0.7vw; background:#fff; border-radius:50%;opacity:1; margin:0 0.8vw;cursor:pointer}
.hzmsSwiper .swiper-pagination-bullet-active{ background:#325ea8}


.boxJjxy{width:100%;height:43vw;max-height:710px;overflow:hidden; position:relative; z-index:2}
.boxJjxy ul{width:100%; height:100%}
.boxJjxy li{ width:calc((100% - 45px)/4); height:100%;display:inline-block; margin:0 15px 0 0; border-radius:0.8vw;transition:all 0.5s ease; position:relative;color:#fff; text-align:center; overflow:hidden; background:#000}
.boxJjxy li:last-child{ margin:0}
.boxJjxy li h1{position:absolute; top:24vw; left:0; width:100%;  padding:3vw 0 3vw 0; z-index:2;transition:all 0.6s ease 0.1s;}
.boxJjxy li h1 img{ width:4.6875vw; max-width:90px}
.boxJjxy li h1 i{display:block; font-size:clamp(20px,1.35vw,26px); margin:0; line-height:1.5em; font-weight:500; }
.boxJjxy li h2{position:absolute; top:32vw; left:0; width:100%; font-size:clamp(14px,0.9375vw,18px); line-height:1.75em; z-index:2; opacity:0;transition:all 1s ease 0.1s; padding:0 20%; text-align:left}
.boxJjxy li h3{position:absolute; bottom:0; left:0; width:100%; height:50%;background:url(/images/bgBlack1.png) no-repeat center/100% 100%; z-index:1}
.boxJjxy li h4{position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:0}
.boxJjxy .on{width:calc(40% - 45px)!important}

.boxJjxy .on h4{opacity:0.5}
.boxJjxy .on h1{top:5vw}
.boxJjxy .on h2{top:18vw; opacity:1}

.boxJjxy li:nth-child(1) h4{ background:url(/images/imgJjxy1.jpg) no-repeat center/cover;}
.boxJjxy li:nth-child(2) h4{ background:url(/images/imgJjxy2.jpg) no-repeat center/cover;}
.boxJjxy li:nth-child(3) h4{ background:url(/images/imgJjxy3.jpg) no-repeat center/cover;}
.boxJjxy li:nth-child(4) h4{ background:url(/images/imgJjxy4.jpg) no-repeat center/cover;}



.boxBusMap{width:100%; height:74.47vw; background:url(/images/bgBusMap.jpg) no-repeat top center/cover; margin:-12vw 0 -5.8vw 0; padding:12vw 0 0 0; position:relative; overflow:hidden; text-align:center}
.busMap{width:58.90625vw; height:55.2vw; background:url(/images/bgMap.png) no-repeat center/auto 100%; position:relative; margin:0 0 0 13vw; display:inline-block;}

.busMapZb{position:relative; width:100%; height:100%; z-index:3; }
.busMapZb a{position:absolute; width:2.6vw; height:2.6vw; display:block; background:rgba(0,0,0,0.01) url(../images/icoMap.png) no-repeat center/0.8vw auto;}
.busMapZb .mappulse{ margin:-2.5vw 0 0 -2.5vw;height:5vw;width:5vw;}
.busMapZb .mapZb_huadong{left:54.5%; top:46.5%}
.busMapZb .mapZb_huanan{left:48%; top:52%}
.busMapZb .mapZb_huazhong{left:45%; top:44%}
.busMapZb .mapZb_huabei{left:50%; top:22%}
.busMapZb .mapZb_xibei{left:41%; top:34%}
.busMapZb .mapZb_xinan{left:39%; top:46%}
.busMapZb .mapZb_haiwai{left:28%; top:81%}



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

.busMap .mapTitleCon div{position:relative; width:23.22vw;}
.busMap .mapTitleCon span{width:10vw; height:auto;background:#20529b; overflow:hidden; color:#fff; position:absolute; right:0; opacity:1; top:0;animation:mapTopBus 1s; display:none}
.busMap .mapTitleCon span img{width:100%;}
.busMap .mapTitleCon h1{height:7.2vw; width:12.55vw; border-left:1px solid #20529b; border-top:1px solid #20529b; position:absolute;top:0;left:1.5625vw;transform:skew(-30deg);animation:mapLineBus1 1s; display:none;}

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

.busMap .titleZb_huadong{left:57%;top:36%;}
.busMap .titleZb_huanan{left:51%;top:42%}
.busMap .titleZb_huazhong{left:47.5%; top:33%}
.busMap .titleZb_huabei{left:51.5%; top:16%}
.busMap .titleZb_huabei h1{height:5vw;transform:skew(-35deg);left:1.9vw;}
.busMap .titleZb_xibei{left:44%; top:23%}
.busMap .titleZb_xinan{left:42%; top:35%}
.busMap .titleZb_haiwai{left:31%; top:70%}
.busMap .titleZb_haiwai div{width:30vw!important;}
.busMap .titleZb_haiwai h1{width:20vw;animation:mapLineBus2 1s;}


.yxdjBanner{ width:100%; height:22vw;display:flex;align-items:center;justify-content:center; /*background:url(/images/bgYxdj.jpg) no-repeat center/cover;background-attachment:fixed;*/font-size:clamp(28px,2.1875vw,42px); line-height:1em; color:#fff; position:relative; overflow:hidden}
.yxdjBanner span{display:block; width:100%; height:100%; position:absolute; top:0; left:0;background:url(/images/bgYxdj.jpg) no-repeat center/cover;transition:transform 1s; z-index:-1}
.yxdjBanner:hover span{transform:scale(1.1);}

.yxdjLeft{width:60%;display:inline-block; vertical-align:top; margin:5.8vw 0}
.yxdjTitle{font-size:clamp(16px,1.145vw,22px); line-height:1em; margin:0 0 1.5vw 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 1vw 0 0!important}

.yxdjRight{width:40%; padding:0 0 0 5%;display:inline-block; vertical-align:top; margin:5.8vw 0 0 0}
.yxdjRText{font-size:clamp(12px,0.83vw,16px); line-height:1.5em; padding:0 0 2vw 0;color:#888; text-align:justify}
.yxdjRList a{display:block;font-size:clamp(12px,0.83vw,16px); line-height:2em;color:#888}
.yxdjRList a img{display:inline-block; vertical-align:middle; margin:0 5px 0 0}


.tzsyLeft{width:32%; padding:0 6% 0 0; display:inline-block; vertical-align:top; background:url(/images/bgXx1.png) no-repeat 1.2vw 10px; margin:10px 0 0 0}
.tzsyLeft ul{}
.tzsyLeft li{width:100%; position:relative; padding:0 0 2.86vw 4vw;}
.tzsyLeft h1{ position:absolute; left:0; top:0; width:2.4vw; height:2.4vw; background:#696969; border-radius:50%; overflow:hidden;transition:all 0.5s ease;cursor:pointer}
.tzsyLeft h1 img{width:100%}
.tzsyLeft h2{font-size:clamp(18px,1.25vw,24px); margin:0.3vw 0 0 0; line-height:1.5em; color:#555;transition:all 0.2s ease 0.1s;}
.tzsyLeft h3{font-size:clamp(14px,0.83vw,16px); line-height:1.5em; color:#888;transition:all 0.2s ease 0.1s; text-align:justify}
.tzsyLeft h4{ display:none}
.tzsyLeft h4 img{ width:100%; border-radius:8px;}
.tzsyLeft .on h1{background:#194d97;transform:scale(1.2)}
.tzsyLeft .on h2{color:#194d97}
.tzsyLeft .on h3{color:#194d97}



.tzsyRight{width:68%; height:32.29vw;display:inline-block; vertical-align:top; overflow:hidden}
.tzsyRight ul{width:100%; height:100%}
.tzsyRight li{ width:22%; height:100%;display:inline-block; margin:0 15px 0 0; border-radius:0.8vw;transition:all 0.5s ease; position:relative;color:#fff; text-align:center; overflow:hidden; background:#000}
.tzsyRight li:last-child{margin:0}
.tzsyRight li h1{position:absolute; bottom:2vw; left:2vw;font-size:clamp(40px,3.3vw,64px); line-height:1em; font-family:'DINMedium';z-index:2;transition:all 0.6s ease 0.1s;}
.tzsyRight li h2{position:absolute; bottom:2vw; right:2vw; font-size:clamp(20px,1.35vw,26px);line-height:1.2em; z-index:2; text-align:right;transition:all 1s ease 0.1s; opacity:0}
.tzsyRight li h3{position:absolute; bottom:0; left:0; width:100%; height:50%;background:url(/images/bgBlack1.png) no-repeat center/100% 100%; z-index:1}
.tzsyRight li h4{position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:0}
.tzsyRight .on{width:calc(56% - 30px)!important}
.tzsyRight .on h2{opacity:1!important}

.bgSy1_1{ background:url(/images/imgSy1_1.jpg) no-repeat center/cover;}
.bgSy1_2{ background:url(/images/imgSy1_2.jpg) no-repeat center/cover;}
.bgSy1_3{ background:url(/images/imgSy1_3.jpg) no-repeat center/cover;}

.bgSy2_1{ background:url(/images/imgSy2_1.jpg) no-repeat center/cover;}
.bgSy2_2{ background:url(/images/imgSy2_2.jpg) no-repeat center/cover;}
.bgSy2_3{ background:url(/images/imgSy2_3.jpg) no-repeat center/cover;}

.bgSy3_1{ background:url(/images/imgSy3_1.jpg) no-repeat center/cover;}
.bgSy3_2{ background:url(/images/imgSy3_2.jpg) no-repeat center/cover;}
.bgSy3_3{ background:url(/images/imgSy3_3.jpg) no-repeat center/cover;}

.tzhbBanner{ width:100%; height:18.75vw;display:flex;align-items:center;justify-content:center; background:url(/images/bgTzhb.jpg) no-repeat center/cover;background-attachment:fixed;font-size:clamp(28px,2.1875vw,42px); line-height:1em; color:#fff}


.tzhbList{width:100%; padding:0 5%}
.tzhbList li{width:100%; padding:3.5vw 0 0 0}
.tzhbList li a{width:16.6%; display:inline-block; vertical-align:top; text-align:center}
.tzhbList li a img{ border-radius:50%; background:#fff; box-shadow:0 0 1vw rgba(0,0,0,0.15); width:8.63vw; height:8.63vw; max-width:140px; max-height:140px; padding:0.5vw}
.tzhbList li a:nth-child(even) img{border-radius:2vw;}
.tzhbList li:nth-child(even) a img{border-radius:2vw;}
.tzhbList li:nth-child(even) a:nth-child(even) img{border-radius:50%;}

.tzhzCase{ width:100%; overflow:hidden; padding:0 0 4.8vw 0}
.tzhzCase a{display:inline-block; vertical-align:top; width:calc((100% - 20px)/2); height:38.21vw; max-height:620px; position:relative; margin:0 20px 20px 0; border-radius:0.8vw; overflow:hidden; text-align:center; color:#fff}
.tzhzCase a div{width:100%; height:100%; overflow:hidden; background:#000}
.tzhzCase a div img{width:100%; height:100%;transition:transform 0.5s}

.tzhzCase a h1{ width:auto;position:absolute; min-width:5vw; height:5.36vw; background:url(/images/bgNumber1.png) no-repeat left center/auto 100%;  top:23%; left:50%; margin:0 0 0 -4vw; opacity:0;transition:all 1s ease 0.1s; overflow:hidden}
.tzhzCase a h1 i{font-size:2.2vw; line-height:5.36vw; display:inline-block; vertical-align:middle; text-align:center; padding:0 0 0 1.8vw; font-weight:500;}
.tzhzCase a h1 font{font-size:1vw; line-height:1em; display:inline-block; vertical-align:middle; margin:0.3vw 0 0 0;}

.tzhzCase a h2{width:100%;position:absolute; top:50%;font-size:clamp(30px,2.08vw,40px); font-weight:500;}
.tzhzCase a h3{width:100%;position:absolute; top:100%;font-size:clamp(14px,0.9375vw,18px); line-height:1.75em;transition:all 1s ease 0.1s;}
.tzhzCase a:nth-child(even){margin-right:0}

.tzhzCase a:hover h1{ opacity:1}
.tzhzCase a:hover h3{ top:58%;}
.tzhzCase a:hover div img{transform:scale(1.1); opacity:0.5}

.marginTop{ margin:5.8vw 0 0 0}

.qxfnList{ width:100%; padding:2vw 0 5.8vw 0; overflow:hidden; text-align:center}
.qxfnList li{display:inline-block; vertical-align:middle; margin:2.6vw 0 0 0}
.qxfnList li div{background:#ecf3fc; width:10vw; height:10vw; border-radius:50%; overflow:hidden; display:inline-block; vertical-align:middle}
.qxfnList li div img{ width:50%; max-width:80px; margin:1.2vw 0 0 0}
.qxfnList li h1{font-size:clamp(14px,0.9375vw,18px); line-height:1.75em;}
.qxfnList li h1 i{font-size:clamp(16px,1.145vw,22px);font-family:'DINLight'; display:block}
.qxfnList li span{ display:inline-block; vertical-align:middle; width:7vw; height:7vw; background:url(/images/icoQxfnJt.png) no-repeat center/1.5vw auto;}
.qxfnList li:nth-child(4n+4) span{display:none}
.qxfnList li:last-child span{display:none}

.bgHzftj{ width:100%; height:50vw; background:url(/images/bgHzftj.jpg) no-repeat center/cover; color:#555; overflow:hidden; padding:5.8vw 0 0 0}
.navHzftj{position:absolute; top:0; left:0; background:url(/images/bgLineGray1.jpg) no-repeat 15px 10px/1px 95%;}
.navHzftj a{display:block; position:relative;margin:0 0 25px 0; padding:0 0 0 40px;}
.navHzftj a:last-child{ margin-bottom:0}
.navHzftj a i{position:absolute; left:3px; top:3px;width:25px; height:25px; border-radius:50%; background:#555; color:#fff;  text-align:center; font-family:'DINLight';transition:all 0.3s; font-size:10px;display:flex;align-items:center;justify-content:center;transition:transform 0.5s;}
.navHzftj a font{line-height:25px;font-size:clamp(12px,0.83vw,16px);line-height:31px;transition:all 0.5s;}

/*.navHzftj .on{font-size:clamp(16px,1.145vw,22px); color:#194d97}
.navHzftj .on i{left:0;width:31px; height:31px; background:#194d97; font-size:14px; }
.navHzftj .on font{ line-height:31px;}*/

.navHzftj .on{color:#194d97}
.navHzftj .on i{background:#194d97;transform:scale(1.2)}
.navHzftj .on font{font-size:clamp(16px,1.145vw,22px);}


.hzftjSwiper{width:100%; max-width:840px; position:relative;overflow:hidden; display:block; margin:0 auto;}
.hzftjSwiper .swiper-slide{padding:0 0 0 10%}
.hzftjSwiper .swiper-slide h1{font-size:clamp(30px,2.08vw,40px); font-weight:500;color:#194d97; line-height:1.5em; margin:0 0 1vw 0}
.hzftjSwiper .swiper-slide h2{font-size:clamp(14px,0.9375vw,18px); line-height:1.75em;}
.hzftjSwiper .swiper-slide h2 i{display:block}


.hzlcList{ padding:0 3% 5.8vw 3%; text-align:center; background:url(/images/bgKflcLine.png) no-repeat center 1.2vw/100%; width:100%; overflow:hidden}
.hzlcList ul{ display:block; width:100%;height:auto; overflow:hidden}
.hzlcList ul li{display:inline-block; width:25%; vertical-align:top; padding:0 2%}
.hzlcList ul li div{ width:3.645vw; height:3.645vw; background:#194d97; border-radius:50%; overflow:hidden; display:block; margin:0 auto}
.hzlcList ul li div img{ width:100%}
.hzlcList ul li i{font-size:clamp(16px,1.145vw,22px); line-height:1.5em; margin:2vw 0 0.5vw 0;display:block;}
.hzlcList ul li h1{font-size:clamp(12px,0.73vw,14px); color:#888; line-height:1.5em}

/*------------------------------business------------------------------*/

/*------------------------------business1------------------------------*/
.navLineTab1{background:url(/images/bgLineGray.png) no-repeat top center/100% 2px; text-align:center; margin:3.4vw 0 0 0}
.navLineTab1 a{display:inline-block; padding:0 5vw; border-top:2px solid #e3e3e3; font-size:clamp(16px,1.145vw,22px); line-height:3.6em; color:#888}
.navLineTab1 .on{ border-top:2px solid #1959a1!important; color:#1959a1!important}


.sdmsSwiper{width:100%;overflow:hidden;position:relative; margin:3vw 0 0 0; background:#fff; border-radius:0.8vw;height:24.3vw; max-height:464px;}
.sdmsSwiper .swiper-slide{width:100%; height:100%;position:relative; overflow:hidden;}
.sdmsText{display:inline-block; vertical-align:top; width:52%; padding:0 9vw 0 0; position:relative; height:100%}
.sdmsText h1{font-size:clamp(26px,1.875vw,36px); line-height:1em; color:#194d97; font-weight:500; margin:0 0 2vw 0}
.sdmsText p{font-size:clamp(12px,0.73vw,14px); color:#888; line-height:2em}
.sdmsText h2{position:absolute; bottom:2vw; width:100%; text-align:center; padding:0 9vw 0 0}
.sdmsText h2 i{display:inline-block; width:33%}
.sdmsText h2 img{ border:2px solid #194d97; border-radius:50%;}
.sdmsText h2 font{font-size:clamp(14px,0.9375vw,18px); line-height:1.5em;color:#194d97; display:block; margin:1vw 0 0 0}

.sdmsImg{display:inline-block; vertical-align:top; width:calc(48% - 1px); height:100%; border-radius:0.8vw; overflow:hidden; position:relative; float:right; margin-right:1px;}
.sdmsImg img{width:100%; height:100%}

.hzlcList1{ padding:0 1.5% 0 1.5%; text-align:center; background:url(/images/bgKflcLine.png) no-repeat center 6vw/100%; width:100%; overflow:hidden;}
.hzlcList1 ul{ display:block; width:100%;overflow:hidden}
.hzlcList1 ul li{display:inline-block;height:22vw; max-height:380px;vertical-align:top; padding:0 1%; color:#194d97; position:relative}
.hzlcList1 ul li h1{font-size:clamp(30px,2.08vw,40px);line-height:3vw; font-family:'DINMedium'; margin:2vw 0 0.5vw 0;display:block;}
.hzlcList1 ul li h2{font-size:clamp(14px,0.9375vw,18px); line-height:1.5em; margin:3vw 0 0.5vw 0;display:block; font-weight:500}
.hzlcList1 ul li h3{font-size:clamp(12px,0.73vw,14px);line-height:1.5em; color:#888}
.hzlcList1 ul li h4{ position:absolute; left:0; bottom:20px; width:100%; opacity:0}
.hzlcList1 ul li img{ width:3.125vw;  max-width:60px;}
.hzlcList1 ul li div{ position:absolute; z-index:-1; top:0; left:0; border-radius:0.8vw; background:#194d97; opacity:1; width:100%; height:100%; display:none}
.hzlcList1 ul li:hover{color:#fff}
.hzlcList1 ul li:hover h3{color:#fff}
.hzlcList1 ul li:hover h4{ opacity:1}
.hzlcList1 ul li:hover div{display:block;animation:ABgH4 0.3s}

.liWidth1 li{width:10%;}
.liWidth2 li{width:9.09%;}
.liWidth3 li{width:12.5%;}

.fwnrList{ width:100%; height:45.6vw; max-height:740px; overflow:hidden; background:url(/images/bgFwnr.jpg) no-repeat center/cover; /*margin:0 0 5.8vw 0;*/ border-radius:0.8vw;}
.fwnrList ul{ width:100%; height:100%}
.fwnrList ul li{width:25%; height:100%; border-right:1px solid rgba(255,255,255,0.6); display:inline-block; text-align:center; position:relative; color:#fff}
.fwnrList ul li h1{position:absolute; left:0;width:100%; z-index:2; top:15vw;transition:all 0.2s ease 0.1s;}
.fwnrList ul li h2{position:absolute; left:0;width:100%; z-index:2; top:calc(16vw + 80px); line-height:1em; font-size:clamp(20px,1.35vw,26px); font-weight:500;transition:all 0.5s ease 0.1s;}
.fwnrList ul li h3{position:absolute; left:0;width:100%; z-index:2; top:calc(20vw + 80px); line-height:1.75em; font-size:clamp(14px,0.9375vw,18px); opacity:0;transition:all 0.8s ease 0.1s; padding:0 10%;}
.fwnrList ul li h4{position:absolute; top:0; width:100%;height:100%; background:rgba(25,77,151,0.6);backdrop-filter:blur(5px); z-index:1; display:none}
.fwnrList ul li i{display:none}
.fwnrList ul li:hover h1{top:10vw; }
.fwnrList ul li:hover h2{top:calc(11vw + 80px); }
.fwnrList ul li:hover h3{top:calc(15vw + 80px); opacity:1}
.fwnrList ul li:hover h4{display:block;animation:ABgH4 0.3s}

.conTab{display:none}

.tableSfqd{border-collapse:collapse;text-align:center;font-size:clamp(14px,0.9375vw,18px); line-height:1.5em; margin:0 0 5.8vw 0; width:100%; border-radius:0.8vw; overflow:hidden}
.tableSfqd,.tableSfqd td{border:2px solid #fff;box-sizing:border-box}
.tableSfqd thead{ background:#194d97; color:#fff; font-size:clamp(14px,1.04vw,20px); }
.tableSfqd thead th{ padding:1vw 0; line-height:1em;font-weight:500}
.tableSfqd thead th i{display:block; width:100%;border-right:2px solid rgba(255,255,255,0.5);font-weight:500}
.tableSfqd thead th:first-child{border-bottom-left-radius:0.8vw; }
.tableSfqd thead th:last-child{ border-bottom-right-radius:0.8vw;}
.tableSfqd thead th:last-child i{border:none}
.tableSfqd tbody{ font-size:clamp(14px,0.9375vw,18px); line-height:1.5em;background:#f2f8ff}
/*.tableSfqd tbody:first-child{border-top-left-radius:0.8vw;border-top-right-radius:0.8vw;}
.tableSfqd tbody:last-child{border-bottom-left-radius:0.8vw;border-bottom-right-radius:0.8vw;}*/
.tableSfqd tbody:nth-child(even){background:#f8fbff}
.tableSfqd tr td:last-child{font-size:clamp(12px,0.83vw,16px); color:#888}
.tlRadius{border-top-left-radius:0.8vw; overflow:hidden}
.trRadius{border-top-right-radius:0.8vw; overflow:hidden}

.tableSfqd tbody td{ padding:1vw;}


.fontBlue{font-size:clamp(14px,1.04vw,20px); color:#194d97;font-weight:500;}


.tableWidth1 tbody tr:first-child td:nth-child(1){width:20%;}
.tableWidth1 tbody tr:first-child td:nth-child(2){width:27%}
.tableWidth1 tbody tr:first-child td:nth-child(3){width:43%}


.tableWidth2 tbody tr:first-child td:nth-child(1){width:18%;}
.tableWidth2 tbody tr:first-child td:nth-child(2){width:18%}
.tableWidth2 tbody tr:first-child td:nth-child(3){width:18%}
.tableWidth2 tbody tr:first-child td:nth-child(4){width:46%}
.tableWidth2 tr td:last-child{text-align:left;}
/*------------------------------business1------------------------------*/





/*--------------------------------search--------------------------------*/
.searchNav{ font-size:15px; color:#999; padding:50px 0 20px 10px; border-bottom:1px solid #eee}
.searchNav i{ font-size:40px; line-height:40px;  color:#15499a; margin:0 5px}
.searchList{ margin-bottom:30px}
.searchList a{display:block; border-bottom:1px dotted #eee; overflow:hidden; padding:25px 0 25px 14px; font-size:18px; line-height:26px; background:url(/images/bgLi.png) no-repeat 0 36px; }
.searchList a i{float:right; display:inline-block; font-size:16px; color:#999}
/*--------------------------------search--------------------------------*/



<!--0.00026917457580566-->