@import "https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900";
/*@import "https://fonts.googleapis.com/css?family=PingFang+SC:100,200,300,400,500,600,700,900";*/
body{ margin:0; padding:0;font-size:0; line-height:100%; width:100%;font-family:"Noto Sans SC","PingFang SC","sans-serif","Microsoft YaHei"; background:#fff; overflow-x:hidden;-webkit-text-size-adjust:none; color:#555}
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:#194e98}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}
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:999; display:none; opacity:0.7}
.toTop:hover{background:url(../images/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}


.myScroll{transform:translateY(70px);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:1440px; text-align:right; display:block; margin:0 auto}
/*.logo{position:absolute; left:0; top:50%; margin-top:-0.9375vw; height:1.875vw; }*/
.logo{position:absolute; left:0; top:50%; margin-top:-18px; height:36px; }


@font-face {
  font-family: "DINCond";
  src: url("../css/font/DINCond/DINCond.woff2") format("woff2"),
       url("../css/font/DINCond/DINCond.woff") format("woff"),
       url("../css/font/DINCond/DINCond.ttf") format("truetype"),
       url("../css/font/DINCond/DINCond.eot") format("embedded-opentype"),
       url("../css/font/DINCond/DINCond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}


@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 0.7vw; margin:0 0.4vw;}
.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{ 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:absolute; top:80px; left:0;width:11vw; max-width:180px;text-align:left;padding:0 10px;border-radius:3px; z-index:2; display:none;background:rgba(255,255,255,0.98);box-shadow:0 0 10px rgba(0,0,0,0.1);}
.boxNav li div a{display:block;font-size:0.7vw;line-height:26px; padding:0.8vw 0.6vw; border-bottom:1px solid rgba(0,0,0,0.1); }
.boxNav li div a:hover{ color:#15499c}
.boxNav li div a:last-child{ border:none}
.boxNav li:nth-child(4) div{}


.icoTop{display:inline-block;height:80px;vertical-align:middle; float:right;}
.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}
.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:17px;}
.topWx:hover i{background:url(../images/icoTopWxHover.png) center no-repeat;}

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

.topLng font{font-size:0.75vw; color:#555;line-height:80px; }



.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 .topLng font{color:#fff;}



.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; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.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;}
.submitTop{ width:100px; height:52px; background:#00b4ff; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#00c9ff}




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

.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;}

.topLngM{ position:absolute; top:25px; right:60px;height:20px; line-height:20px; font-size:12px; padding:0 16px 0 0; color:#aaa; border-right:1px solid rgba(0,0,0,0.1);}

.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:#1c4d98 url(../images/bgNavM.png) no-repeat right top/100% auto;overflow-y:auto; padding:60px 0 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative}
.boxNavM li span{display:block; position:relative; width:120px;}
.boxNavM li span a{display:block;font-size:13px;line-height:50px; color:rgba(255,255,255,0.7); }
.boxNavM li span a:hover{ color:#fff}
.boxNavM li .on a{color:#fff!important}
.boxNavM li div{position:absolute; top:0; left:140px; display:none; z-index:100}
.boxNavM li div a{display:block; line-height:20px; padding:15px 0; font-size:13px; text-align:left; color:rgba(255,255,255,0.7);}
.boxNavM li div a:hover{color:#fff}
.boxNavM li div .on{color:#fff}

.whiteConM{background:none!important;}
.whiteConM .openMenu{background:url(../images/openMenuWhite.png) no-repeat center/cover!important;}
.whiteConM .topLngM{color:#fff!important; border-right:1px solid rgba(255,255,255,0.15)!important;}
/*--------------------mTop------------------------*/








.banner{width:100%;height:clamp(50vw,100vh,75vw); max-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}*/


.bannerBtnLeft{ width:4vw; height:4vw;position:absolute; z-index:101; left:2%; 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.5vw;transition:all 0.2s ease 0.1s;}
.bannerBtnLeft div span{width:100%; height:100%;display:block;border:1px 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) no-repeat center/cover}
.bannerBtnLeft:hover{left:calc(2% - 10px);opacity:1}
.bannerBtnLeft:hover div{padding:0}

.bannerBtnRight{ width:4vw; height:4vw;position:absolute; z-index:101; right:2%; 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:1px 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) no-repeat center/cover}
.bannerBtnRight:hover{right:calc(2% - 10px); opacity:1}
.bannerBtnRight:hover div{padding: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:90%; padding:0; max-width:1440px; display:block;margin:0 auto;}
/*.bannerSlogan h1{ font-size:2.8vw; line-height:3.2vw; font-weight:400; margin:0 0 1vw 0}
.bannerSlogan h2{ font-size:1vw; line-height:1vw;}*/
.bannerSlogan h1{ font-size:2.6vw; line-height:1.3em;font-weight:500; }
.bannerSlogan h2{ font-size:0.9vw; line-height:1.75em; margin:15px 0 0 0; letter-spacing:0.08vw}
.bannerSlogan h3{ margin-top:20px; padding:0 0 0 5px}
.bannerSlogan h3 a{display:inline-block; border:1px solid #fff; padding:0 12px; border-radius:12px;height:24px;line-height:20px; overflow:hidden}
.bannerSlogan h3 a span{display:inline-block; vertical-align:middle;color:#555; width:0; opacity:0; font-size:0; overflow:hidden;transition:all 0.3s ease; }
.bannerSlogan h3 a i{display:inline-block; vertical-align:middle; background:url(../images/icoMore.png) no-repeat center; width:10px; height:100%; float:right}
.bannerSlogan h3 a:hover{background:#fff}
.bannerSlogan h3 a:hover span{ width:58px; opacity:1; font-size:12px;}
.bannerSlogan h3 a:hover i{background:url(../images/icoMore1.png) no-repeat center;}

.bannerLB{left:0;bottom:18vh;}
.bannerLC{left:110px; top:23vh;}

.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%; }



.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;}







/*---------------------indexSol---------------------*/
.boxIndSol{position:relative;}
.indSol{ width:100%;overflow:hidden; position:relative; margin:0 0 100px 0; z-index:1}
.indSol .swiper-slide{width:calc((100% - 60px)/4); position:relative; overflow:hidden;  margin:0 20px 0 0;color:#fff; text-align:center}
.indSol .swiper-slide a{color:#fff}
.indSol .swiper-slide div{width:100%;height:calc((90vw - 60px)/4*1.739); max-height:600px;background-size:cover!important; position:relative; overflow:hidden}
.indSol .swiper-slide span{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:1;opacity:0;transition:all .3s;}
.indSol .swiper-slide h1{position:absolute; top:10%; left:0; width:100%; font-size:clamp(18px,1.2vw,24px); line-height:1em; font-weight:500; z-index:2}
.indSol .swiper-slide h2{position:absolute; top:26%; left:0; width:100%;z-index:2; opacity:0;transition:all 1s;}
.indSol .swiper-slide h2 img{width:30%; max-width:100px;}
.indSol .swiper-slide h3{position:absolute; top:60%; left:0; width:100%; font-size:clamp(14px,1vw,18px); line-height:1.75em; padding:0 20%; z-index:2; opacity:0;transition:all .5s; }
.indSol .swiper-slide h4{position:absolute; bottom:-80px; left:0; width:100%; background:#194d97; height:80px; z-index:2; transition:all .5s}
.indSol .swiper-slide h4 i{display:inline-block; margin:0 auto; font-size:14px; line-height:81px; padding:0 24px 0 0; background:url(../images/icoJtRHover.png) no-repeat right center;}

.indSol .swiper-slide:hover span{opacity:0.5}
.indSol .swiper-slide:hover h2{opacity:1}
.indSol .swiper-slide:hover h3{top:46%;opacity:1}
.indSol .swiper-slide:hover h4{bottom:0;}


.indSol .swiper-pagination{display:none}

.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}
.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}

/*.boxIndSol .swiperBtn{position:absolute; top:-92px; right:0;}*/
.boxIndSol .swiperBtn{}
.boxIndSol .swiperBtn a{ position:absolute; top:50%; margin:-15px 0 0 0}
.boxIndSol .swiperBtn .btnPre{ left:-50px;}
.boxIndSol .swiperBtn .btnNext{ right:-50px;}
.boxIndSol .swiperBtn .swiperNum{display:none!important}
/*---------------------indexSol---------------------*/

.bgGray{ width:100%; background:url(../images/bgGray.jpg) no-repeat center/cover; overflow:hidden; }



/*---------------------indexPro---------------------*/
.indPro{width:90%;max-width:1440px; display:block; margin:0 auto 100px auto; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.05); overflow:hidden}
.indPro .swiper-slide{width:100%; position:relative; overflow:hidden;}

.indProL{ display:inline-block; vertical-align:middle; width:50%; padding:0 5%}
.indProL h1{font-size:clamp(15px,1vw,21px); line-height:1.75em;color:#555; text-align:justify}
.indProL h2{ padding:3vh 0 5vh 0; text-align:center}
.indProL h2 i{display:inline-block; vertical-align:top; text-align:center; width:33.3%}
.indProL h2 i font{display:block; font-size:clamp(16px,1vw,21px); line-height:1em; color:#194d97}

.indProR{ display:inline-block; vertical-align:middle; width:50%;}
.indProR img{width:100%}
/*---------------------indexPro---------------------*/



/*---------------------indexNews---------------------*/
/*.indNews{width:100%; overflow:hidden;margin:0 auto 0 auto;}
.indNews a{width:calc((100% - 80px)*0.28); height:calc((90vw - 80px)*0.44*0.66);max-height:400px;  margin:0 40px 0 0; display:inline-block; vertical-align:top; position:relative}
.indNews a:last-child{margin-right:0}
.indNews a h1{display:none}

.indNews a span{display:block; width:100%; overflow:hidden}
.indNews a span h2{float:left;width:80px; height:60px;}
.indNews a span h2 i{font-size:24px; line-height:30px; font-weight:500}
.indNews a span h2 font{ font-size:14px;line-height:1em; display:block; margin:6px 0 0 0}
.indNews a span h3{float:left;width:calc(100% - 80px); font-size:20px; line-height:30px; font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.indNews a h4{ font-size:14px; line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; color:#999; margin:10px 0 0 0}
.indNews a h5{width:100%;height:calc((90vw - 80px)*0.28*0.66);max-height:253px; overflow:hidden;position:absolute; top:0; left:0}
.indNews a h5 img{width:100%;transition:transform 0.5s; }


.indNews a:nth-child(1){width:calc((100% - 80px)*0.44)}
.indNews a:nth-child(1) div{position:absolute; left:0; bottom:0; color:#fff; width:100%; padding:25px; background:url(../images/bgNewsTitle.png) no-repeat center/100% 100%;}
.indNews a:nth-child(1) h1{display:block; font-size:20px; line-height:30px; font-weight:500}
.indNews a:nth-child(1) h2{display:none}
.indNews a:nth-child(1) h3{width:100%}
.indNews a:nth-child(1) h4{display:none}
.indNews a:nth-child(1) h5{height:100%; max-height:100%;}

.indNews a:nth-child(2) h5{top:auto; bottom:0}
.indNews a:nth-child(3) div{position:absolute; left:0; bottom:0;}

.indNews a:hover h5 img{transform:scale(1.2);}
*/

/*.indNews{width:100%; overflow:hidden;margin:0 auto 0 auto;}
.indNews a{width:calc((100% - 80px)*0.28); height:calc((90vw - 80px)*0.44*0.66/2);max-height:200px;  margin:0 40px 0 0; display:inline-block; vertical-align:top; position:relative; float:left; border-top:1px solid #eee; padding:calc((90vw - 80px)*0.44*0.66/2*0.13) 0 0 0}
.indNews a:nth-child(3),.indNews a:nth-child(5){margin-right:0}
.indNews a:nth-child(4),.indNews a:nth-child(5){border-bottom:1px solid #eee;}
.indNews a h1{display:none}

.indNews a span{display:block; width:100%; overflow:hidden}
.indNews a span h2{float:left;width:80px; height:60px;color:#1f529a;}
.indNews a span h2 i{font-size:clamp(18px,1.25vw,24px); line-height:1.5em;font-weight:bold;}
.indNews a span h2 font{ font-size:clamp(12px,0.72vw,14px);line-height:1em; display:block; margin:6px 0 0 0;font-weight:bold;}
.indNews a span h3{float:left;width:calc(100% - 80px); font-size:clamp(18px,1.15vw,22px); line-height:1.5em; font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.indNews a h4{font-size:clamp(12px,0.83vw,16px); line-height:1.8em; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; color:#999; margin:10px 0 0 0; padding:0 0 0 80px;}
.indNews a h5{width:100%;height:calc((90vw - 80px)*0.28*0.66);max-height:253px; overflow:hidden;position:absolute; top:0; left:0; display:none}
.indNews a h5 img{width:100%;transition:transform 0.5s; }


.indNews a:nth-child(1){width:calc((100% - 80px)*0.44);height:calc((90vw - 80px)*0.44*0.66);max-height:400px; border:none}
.indNews a:nth-child(1) div{position:absolute; left:0; bottom:0; color:#fff; width:100%; padding:25px; background:url(../images/bgNewsTitle.png) no-repeat center/100% 100%;}
.indNews a:nth-child(1) h1{display:block; font-size:clamp(18px,1.04vw,20px); line-height:1.5em; font-weight:500}
.indNews a:nth-child(1) h2{display:none}
.indNews a:nth-child(1) h3{width:100%;-webkit-line-clamp:1;line-clamp:1;}
.indNews a:nth-child(1) h4{display:none}
.indNews a:nth-child(1) h5{height:100%; max-height:100%; display:block}

.indNews a:nth-child(2) h5{top:auto; bottom:0}
.indNews a:nth-child(3) div{}

.indNews a:hover h5 img{transform:scale(1.2);}*/

.indNews{width:100%; overflow:hidden}

.indNewLeft{width:41.6%;height:24.75vw;max-height:400px; display:inline-block; vertical-align:top; overflow:hidden; position:relative}
.indNewLeft .swiper-slide{width:100%; height:100%; position:relative; overflow:hidden;}
.indNewLeft .swiper-slide a{display:block; width:100%; height:100%; overflow:hidden; position:relative}
.indNewLeft .swiper-slide img{width:100%; height:100%;transition:transform 0.5s}
.indNewLeft .swiper-slide span{ display:block; width:100%; position:absolute; z-index:1; color:#fff; left:0; bottom:0; padding:25px;}
.indNewLeft .swiper-slide span h1{display:block; font-size:clamp(18px,1.04vw,20px); line-height:1.5em; font-weight:500}
.indNewLeft .swiper-slide span h3{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
.indNewLeft .swiper-pagination{z-index:100}
.indNewLeft .swiper-pagination-bullet{background:#fff!important; opacity:0.6}
.indNewLeft .swiper-pagination-bullet-active{background:#1f529a!important; opacity:1}
.indNewLeft a:hover img{transform:scale(1.1);}

.indNewRight{width:58.4%; overflow:hidden;display:inline-block; vertical-align:top}
.indNewRight a{width:calc((100% - 80px)/2); height:12.375vw;max-height:200px;  margin:0 0 0 40px; display:inline-block; vertical-align:top; position:relative; float:left; border-top:1px solid #eee; padding:1.60875vw 0 0 0}
.indNewRight a:nth-child(3),.indNewRight a:nth-child(4){border-bottom:1px solid #eee;}
.indNewRight a span{display:block; width:100%; overflow:hidden}
.indNewRight a span h2{float:left;width:80px; height:60px;color:#1f529a;}
.indNewRight a span h2 i{font-size:clamp(18px,1.25vw,24px); line-height:1.5em;font-weight:bold;}
.indNewRight a span h2 font{ font-size:clamp(12px,0.72vw,14px);line-height:1em; display:block; margin:6px 0 0 0;font-weight:bold;}
.indNewRight a span h3{float:left;width:calc(100% - 80px); font-size:clamp(18px,1.15vw,22px); line-height:1.5em; font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.indNewRight a h4{font-size:clamp(12px,0.83vw,16px); line-height:1.8em; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; color:#999; margin:10px 0 0 0; padding:0 0 0 80px;}







.indNewsMore{padding:80px 0 100px 0; text-align:center}
.indNewsMore .btnMore{margin:0 auto}

.centerMore{ padding:60px 0 100px 0; text-align:center}
.centerMore .btnMore{margin:0 auto}
/*---------------------indexNews---------------------*/




.btnMore{line-height:50px; height:50px; width:150px;}
.btnMore a{width:100%; height:100%;display:block; position:relative; overflow:hidden; margin:0 auto; text-align:center;}
.btnMore i{display:inline-block; padding:0 26px 0 0; font-size:14px; color:#666; background:url(../images/icoJtR.png) no-repeat right center; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMore span{border:1px solid #777;position:absolute; width:100%; height:100%; display:block}
.btnMore div{position:absolute; left:0; top:0; width:0; height:100%; background:#194d97;z-index:1;transition:all 0.3s ease;}
.btnMore:hover i{color:#fff; background:url(../images/icoJtRHover.png) no-repeat right center;}
.btnMore:hover div{width:100%;}



/*---------------------foot---------------------*/
.footCon{ background:#f9f9f9; padding:70px 0}
.footCon1{ width:90%; max-width:1440px; margin:0 auto; position:relative}

.footLogo{display:inline-block; vertical-align:middle}
.footLogo img{ height:1.875vw;}
.footGp{display:inline-block; vertical-align:middle; padding:30px 50px; margin:0 50px 0 0; border-right:1px solid #e0e0e0}
.footGp h1{font-size:clamp(12px,0.9375vw,18px); line-height:1em; font-weight:500}

.footGp h2{padding:10px 0 10px 0;color:#1b4f99}
.footGp h2 i{font-size:clamp(30px,2.4vw,46px); line-height:1em; display:inline-block; vertical-align:bottom; font-weight:500}
.footGp h2 span{width:15px;height:13px;display:inline-block; vertical-align:bottom; margin:0 5px 5px 5px}
.footGp h2 font{display:inline-block; vertical-align:bottom;font-size:clamp(12px,1.04vw,20px); line-height:1em; margin-bottom:5px}

.footGp h3{font-size:12px; color:#bbb; line-height:12px}
.footGp h3 i{font-size:12px;}

.footGp .gpUp{ color:#1b4f99}
.footGp .gpUp span{ background:url(../images/icoGpUp.png) no-repeat center right/auto 100%; }
.footGp .gpDown{ color:#1b4f99}
.footGp .gpDown span{ background:url(../images/icoGpDown.png) no-repeat center right/auto 100%;}

.footContact{display:inline-block; vertical-align:middle; font-size:clamp(12px,0.83vw,16px); line-height:2em;}
.footContact i{display:block}

.footEwm{position:absolute; right:0; top:50%; margin-top:-55px; width:30%;}
.footEwm a{ width:calc((100% - 3vw)/2); display:inline-block; position:relative; margin:0 0 1.5vw 1.5vw;}
.footEwm a div{ display:inline-block; vertical-align:top; padding:0 5px 0 0; opacity:0.4}
.footEwm a span{ display:inline-block; vertical-align:top}
.footEwm a span h1{ font-size:clamp(12px,0.73vw,14px); line-height:20px; font-weight:500; display:block; margin:0 0 5px 0}
.footEwm a span h2{ font-size:12px; line-height:16px; background:#fff; border:1px solid #e2e2e2; border-radius:8px; display:inline-block; color:#999; padding:0 10px;}
.footEwm a i{position:absolute; top:-120px; left:-10px; 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 div{opacity:1}
.footEwm a:hover i{opacity:1; top:-150px;}



.boxFoot{ background:#404a56; color:rgba(255,255,255,0.8); font-size:12px; line-height:22px; padding:30px 0; background:#404a56; text-align:center; }
.boxFoot a{color:rgba(255,255,255,0.8)}
.boxFoot a:hover{color:#fff}

.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:200px;}
.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:32.291vw; background-position:center!important; background-repeat:no-repeat!important;background-size:cover!important;margin:0 0 0 calc((100% - 100vw)/2);position:relative; }
.subBanner div{position:absolute; bottom:3vw; left:0;  color:#fff; width:100%; z-index:2}
.subBanner div span{ width:90%;max-width:1440px; display:block; margin:0 auto}
.subBanner div h1{ font-size:14px; line-height:14px; }
.subBanner div h2{font-size:2.6vw; line-height:1.3em;font-weight:500;margin:15px 0 0 0}
.subBanner h1 a{ display:inline-block; vertical-align:middle;padding:0 17px 0 0; margin:0 12px 0 0; background:url(../images/icoCurJt.png) no-repeat center right; color:#fff}
.subBanner h1 a:last-child{ background:none; margin:0; padding:0}
.subBanner h1 a:hover{color:#fff}
.subBanner .btnVideo{position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;z-index:1; display:inline-block; width:60px; height:60px;  background:url(../images/icoVideo.png) no-repeat center/cover; z-index:1; border-radius:50%;}
.subBanner .btnVideo:hover{background:rgba(20,87,158,0.5) url(../images/icoVideo.png) no-repeat center/60px 60px; padding:10px; width:80px; height:80px;margin:-40px 0 0 -40px;}


.bannerAbout{background:url(../images/bannerAbout.jpg)}
.bannerQywh{background:url(../images/bannerQywh.jpg)}
.bannerQydj{background:url(../images/bannerQydj.jpg)}
.bannerNews{background:url(../images/bannerNews.jpg?v=1.0)}
.bannerSolution{background:url(../images/bannerSolution.jpg)}
.bannerSolution1{background:url(../images/bannerSolution1.jpg)}
.bannerSolution2{background:url(../images/bannerSolution2.jpg)}
.bannerSolution3{background:url(../images/bannerSolution3.jpg?v=1.1)}
.bannerSolution4{background:url(../images/bannerSolution4.jpg)}
.bannerSolution5{background:url(../images/bannerSolution5.jpg?v=1.1)}
.bannerPro{background:url(../images/bannerPro.jpg)}
.bannerPro1{background:url(../images/bannerPro1.jpg)}
.bannerYfcx{background:url(../images/bannerYfcx.jpg?v=1.0)}
.bannerJoin{background:url(../images/bannerJoin.jpg)}
.bannerInv{background:url(../images/bannerInv.jpg)}
.bannerContact{background:url(../images/bannerContact.jpg)}


@media(max-width:768px){
.subBanner{height:80vw;}
.subBanner div{bottom:20px; }
.subBanner div h1{ font-size:10px; line-height:10px; }
.subBanner div h2{font-size:26px; line-height:26px;margin:10px 0 0 0}
.subBanner h1 a{padding:0 12px 0 0; margin:0 8px 0 0; background:url(../images/icoCurJt.png) no-repeat center right/4px auto;}

.subBanner .btnVideo{margin:-20px 0 0 -20px;z-index:1;width:40px; height:40px;}
.subBanner .btnVideo:hover{background:rgba(20,87,158,0.5) url(../images/icoVideo.png) no-repeat center/40px 40px; padding:10px; width:60px; height:60px;margin:-30px 0 0 -30px;}
	
.bannerAbout{background:url(../images/bannerAboutM.jpg)}
.bannerQywh{background:url(../images/bannerQywhM.jpg)}
.bannerQydj{background:url(../images/bannerQydjM.jpg)}
.bannerNews{background:url(../images/bannerNewsM.jpg?v=1.0)}
.bannerSolution{background:url(../images/bannerSolution.jpg)}
.bannerSolution1{background:url(../images/bannerSolution1M.jpg)}
.bannerSolution2{background:url(../images/bannerSolution2M.jpg)}
.bannerSolution3{background:url(../images/bannerSolution3M.jpg?v=1.1)}
.bannerSolution4{background:url(../images/bannerSolution4M.jpg)}
.bannerSolution5{background:url(../images/bannerSolution5M.jpg?v=1.1)}
.bannerPro{background:url(../images/bannerProM.jpg)}
.bannerPro1{background:url(../images/bannerPro1M.jpg)}
.bannerYfcx{background:url(../images/bannerYfcxM.jpg?v=1.0)}
.bannerJoin{background:url(../images/bannerJoin.jpg)}
.bannerInv{background:url(../images/bannerInvM.jpg)}
.bannerContact{background:url(../images/bannerContactM.jpg)}
}


.curNav{ width:1200px; border-bottom:1px solid #ccc; display:block; margin:0 auto; padding:0 0 30px 0;}
.curNav a{ font-size:14px; color:#999; padding:0 0 0 20px; margin:0 15px 0 0; background:url(../images/icoCurJt.png) no-repeat center left; }
.curNav a:hover{color:#194d97}
.curNav a:first-child{background:url(../images/icoHome.png) no-repeat center left;padding:0 0 0 25px;}


/*------------------------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------------------------*/


.aboutCon{ padding:0 0 150px 0;}
.aboutConL{width:50%; font-size:clamp(16px,1vw,21px); line-height:1.75em;color:#555; padding:0 5% 0 0; text-align:justify;display:inline-block; vertical-align:middle}

.aboutConVideo{ position:relative; width:50%;  overflow:hidden; background:#000;display:inline-block; vertical-align:middle}
.aboutConVideo span{display:block; width:100%; height:22.5vw; max-height:360px;transition:transform 1s;}
.aboutConVideo i{ display:block;position:absolute; top:50%; left:50%; margin:-35px 0 0 -35px; width:70px; height:70px; background:url(../images/icoVideo.png) no-repeat center/cover; z-index:1; border-radius:50%;}
.aboutConVideo a:hover span{transform:scale(1.2); opacity:0.9}
.aboutConVideo a:hover i{background:#14579e url(../images/icoVideo.png) no-repeat center/80% 80%;}


/*------------------------fzlc------------------------*/
.bgFzlc{width:100%; height:730px; background:url(../images/bgFzlc.jpg) no-repeat center/cover;}
.boxFzlc{float:right; display:block;width:95%;max-width:calc((100% - 1440px)/2 + 1440px);height:380px; position:relative; margin:40px 0 0 0; }
.boxFzlcCon{width:100%; height:100%;position:relative;overflow:hidden}
.boxFzlcCon .swiper-slide{width:22%; min-width:310px; height:100%; position:relative; overflow:hidden; background:url(../images/bgLineFzlc.png) no-repeat 5px 15px/1px 100%; padding:0 40px; display:inline-block;overflow:hidden;overflow-y:auto}
.boxFzlcCon .swiper-slide i{display:inline-block; width:11px; height:11px; background:#14579e; border-radius:50%; position:absolute; top:15px; left:0}
.boxFzlcCon .swiper-slide h1{font-size:38px;line-height:1em; font-weight:bold; color:#14579e;margin:0 0 40px 0}
.boxFzlcCon .swiper-slide h2{font-size:clamp(18px,1.2vw,22px);line-height:1em; font-weight:500; margin:20px 0 10px 0}
.boxFzlcCon .swiper-slide h3{font-size:clamp(16px,1vw,18px);line-height:1.5em; }
.boxFzlcCon .swiper-slide h3 p{ display:block; padding:0 0 10px 15px; background:url(../images/bgLi1.png) no-repeat 0 10px; text-align:justify}

.boxFzlc .swiperBtn{position:absolute; top:-142px; right:0;margin-right:clamp(5vw,calc((100vw - 1440px)/2 - 10px),calc((100vw - 1440px)/2 - 10px))}
.boxFzlc .swiperBtn a{margin-left:10px}
.boxFzlc .swiperBtn .swiperNum{display:none}
/*------------------------fzlc------------------------*/


/*------------------------妯悜骞荤伅鐗?-----------------------*/
.boxPic{width:calc(90% + 40px); max-width:1480px; margin:-20px auto 100px auto; display:block;position:relative;}
.picList{width:100%; padding:20px; position:relative; margin:0 0 40px 0; overflow:hidden}
.picList .swiper-slide{width:calc((100% - 90px)/4); margin:0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); padding:20px 20px 0 20px; }
.picList .swiper-slide:last-child{ margin-right:0}
.picList .swiper-slide div{width:100%; height:calc((90vw - 250px)/4*0.667); 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)/*font-size:clamp(15px,0.9vw,17px)*/;line-height:1.5em; text-align:center; height:90px;display:flex; align-items:center;justify-content:center;}
.picList .swiper-slide:hover img{transform:scale(1.2);}

.picList1{width:calc(90% + 40px); max-width:1480px; margin:0 auto -45px auto; display:block;position:relative; padding:100px 20px 100px 20px}
.picList1 a{display:inline-block; vertical-align:top;width:calc((100% - 90px)/3); margin:0 45px 45px 0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); padding:30px 30px 0 30px; }
.picList1 a:nth-child(3n+3){ margin-right:0}
.picList1 a div{width:100%; height:calc((90vw - 270px)/3*0.667); max-height:257px; overflow:hidden}
.picList1 a div img{width:100%; height:100%;transition:transform 0.5s;}
.picList1 a i{font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; height:110px;display:flex; align-items:center;justify-content:center; padding:0 20px;}
.picList1 a:hover img{transform:scale(1.2);}

/*------------------------妯悜骞荤伅鐗?-----------------------*/

/*------------------------hxln------------------------*/
.hxlnCon{width:100%; position:relative; margin:-15px 0 100px 0; overflow:hidden}
.hxlnCon .swiper-slide{width:100%;}
.hxlnCon .swiper-slide div{width:40%;display:inline-block; vertical-align:middle; padding:15px 80px 35px 65px; background:url(../images/icoYh.png) no-repeat left top; text-align:justify}
.hxlnCon .swiper-slide div h1{font-size:clamp(26px,1.7vw,32px);line-height:1.3em; color:#1959a1}
.hxlnCon .swiper-slide div p{font-size:clamp(16px,1vw,18px);line-height:1.75em;color:#999; margin:15px 0 0 0}
.hxlnCon .swiper-slide span{width:60%;display:inline-block;vertical-align:middle}
.hxlnCon .swiper-slide span img{width:100%}
/*------------------------hxln------------------------*/

/*------------------------znln------------------------*/
.bgZnln{width:100%;background:url(../images/bgZnln.jpg) no-repeat top center;height:840px;/*background-attachment:fixed; */ position:relative}
.znlnCon{width:90%; max-width:900px; position:relative; margin:0 auto 0 auto; overflow:hidden}
.znlnCon .swiper-slide{width:900px;}
.znlnCon .swiper-slide h1{font-size:clamp(26px,1.7vw,32px);line-height:1.3em; margin:0 0 20px 0}
.znlnCon .swiper-slide p{font-size:clamp(16px,1vw,18px);line-height:1.75em;color:#888; margin:0}
.bgZnln .swiperBtn{ position:absolute;width:100%;bottom:330px;}

.tabZnln{position:absolute; top:200px; left:0; margin-left:clamp(5vw,calc((100vw - 1440px)/2 - 10px),calc((100vw - 1440px)/2 - 10px))}
.tabZnln a{display:block; line-height:16px;opacity:0.75; color:#555;transition:all 0.2s ease 0.1s;}
.tabZnln a i{display:inline-block; vertical-align:middle;height:1px; width:16px; margin:0 5px 0 0; background:#555;transition:all 0.2s ease 0.1s;}
.tabZnln a font{ vertical-align:middle; font-size:12px; display:none}
.tabZnln a:hover{opacity:1}
.tabZnln a:hover i{width:26px;}

.tabZnln:hover a{line-height:26px;}
.tabZnln:hover a font{display:inline-block}
.tabZnln .on font{display:inline-block!important}
/*------------------------znln------------------------*/

/*------------------------picNewsList------------------------*/
.picNewsList{width:calc(90% + 40px); max-width:1480px; margin:0 auto; display:block;position:relative; padding:0 20px}
.picNewsList a{display:inline-block; vertical-align:top;width:calc((100% - 90px)/3); margin:0 45px 0 0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.picNewsList a:last-child{ margin-right:0}
.picNewsList a div{width:100%; height:calc((90vw - 90px)/3*0.667); max-height:300px; overflow:hidden}
.picNewsList a div img{width:100%; height:100%;transition:transform 0.5s;}
.picNewsList a i{font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; line-height:100px;/*height:110px;display:flex; align-items:center;justify-content:center;*/ padding:0 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;text-align:center; width:100%; display:block}
.picNewsList a:hover img{transform:scale(1.2);}

.picNewsList1{width:calc(90% + 40px); max-width:1480px; margin:0 auto -45px auto; display:block;position:relative; padding:100px 20px 0 20px}
.picNewsList1 a{display:inline-block; vertical-align:top;width:calc((100% - 90px)/3); margin:0 45px 45px 0; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); }
.picNewsList1 a:nth-child(3n+3){ margin-right:0}
.picNewsList1 a div{width:100%; height:calc((90vw - 90px)/3*0.667); max-height:300px; overflow:hidden}
.picNewsList1 a div img{width:100%; height:100%;transition:transform 0.5s;}
.picNewsList1 a i{font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; line-height:100px; /*height:110px;display:flex; align-items:center;justify-content:center;*/padding:0 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; width:100%; display:block}
.picNewsList1 a:hover img{transform:scale(1.2);}
/*------------------------picNewsList------------------------*/



/*------------------------newsList------------------------*/
.newsList{ padding:40px 0 0 0}
.newsList a{display:block; padding:50px 0; border-bottom:1px solid #eee;}
.newsImg{display:inline-block; vertical-align:top; width:28%; overflow:hidden}
.newsImg img{width:100%;transition:transform 0.5s;}

.newsList span{display:inline-block;vertical-align:top; margin:20px 0 0 0;  width:72%; position:relative; padding:0 0 0 14%;}

.newsDate{ position:absolute; left:6%; top:0;}
.newsDate h1{ font-size:clamp(22px,1.5vw,28px);line-height:1.5em}
.newsDate h2{ font-size:clamp(14px,0.9vw,16px);line-height:1.5em}

.newsTitle{display:inline-block; vertical-align:middle; width:100%}
.newsTitle h1{font-size:clamp(22px,1.5vw,28px);line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsTitle h2{font-size:clamp(14px,0.9vw,16px);line-height:1.75em;color:#999; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; text-align:justify; margin:15px 0 30px 0}
.newsTitle h3{ font-size:14px; line-height:30px;}
.newsTitle h3 i{display:inline-block; width:30px; height:30px; border:1px solid #777; background:url(../images/icoJtR.png) no-repeat center; border-radius:50%; vertical-align:middle; margin:0 10px 0 0}

.newsTitle h4{display:none}


.newsList a:hover .newsTitle h3 i{border:1px solid #194d97; background:#194d97 url(../images/icoJtRHover.png) no-repeat center;}
.newsList a:hover img{transform:scale(1.1);}
/*------------------------newsList------------------------*/


/*-----------------鍒嗛〉-----------------*/
.boxPage{width:100%; max-width:1440px; overflow:hidden; margin:50px auto 100px 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;text-align:center; line-height:40px; 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; border:2px solid #194d97}
.prePage:hover{background:url(../images/pagePreHover.png) no-repeat center}
.nextPage{background:url(../images/pageNext.png) no-repeat center; margin-right:0!important;border:2px solid #194d97}
.nextPage:hover{background:url(../images/pageNextHover.png) no-repeat center}
.boxPage span{font-size:16px;line-height:40px;margin:0 15px 0 7px;display:none; vertical-align:middle}

/*-----------------鍒嗛〉-----------------*/


/*--------------------------------show--------------------------------*/
.boxShow{width:100%; margin:80px 0 80px 0;  background:url(../images/bgShow.jpg) no-repeat top center/100% auto; overflow:hidden}
.boxShow1{width:90%; max-width:900px; display:block; margin:50px auto 0 auto}
.showLeft{display:inline-block; vertical-align:top;  width:100%;overflow:hidden}
.showTitle{padding:0 0 10px 0;font-size:clamp(26px,1.67vw,32px);line-height:1.5em; font-weight:500; text-align:center} 
.showInfo{color:#999; font-size:13px; line-height:20px; border-bottom:2px solid #ebebeb; padding-bottom:32px; margin-bottom:30px;text-align:center}
.showInfo i{ margin-right:10px}
.showCon{width:100%;font-size:clamp(14px,0.9vw,18px);line-height:1.75em; overflow:hidden;text-align:justify}
.showCon img{width:auto!important; max-width:100%;height:auto!important; }

.showTitleJob{}
.showTitleJob h1{font-size:clamp(18px,1.14vw,22px);line-height:1.5em; font-weight:500;}
.showTitleJob h2{font-size:clamp(26px,1.67vw,32px);line-height:1.75em; font-weight:500;}
.showInfoJob{color:#999; font-size:13px; line-height:20px; border-bottom:2px solid #ebebeb; padding:10px 0 32px 0;}
.showInfoJob i{ margin-right:10px; border-right:1px solid #eee; padding:0 10px 0 0}
.showInfoJob i:last-child{margin:0; padding:0; border:none}
.showJobNav{margin:30px 0 20px 0}
.showJobNav i{font-size:14px;line-height:1.5em; display:inline-block; border:1px solid #aaa; padding:10px 20px; border-radius:6px;}


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

.showRight{display:inline-block; vertical-align:top; width:100%;overflow:hidden;border-top:1px solid rgba(0,0,0,0.1); margin:60px 0 0 0; display:none}
.showRight a{display:block; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:40px 0; font-size:16px; line-height:26px}
/*.showRight a:last-child{ border:none}*/
.showRight a h1{width:100px; line-height:36px; font-size:12px;color:#fff; background:#1859a0; border-radius:3px; text-align:center; margin:0 0 10px 0}
.showRight a h2{ color:#999}
/*--------------------------------show--------------------------------*/

/*--------------------------------showPro--------------------------------*/
.boxShowPro{ background:url(../images/bgProShow.jpg) no-repeat top center/100% auto; }
.showProTitle{padding:4.6vw 0 3.6vw 0;font-size:clamp(26px,1.875vw,36px);line-height:1.5em; font-weight:500; text-align:center; color:#fff} 

.boxShowPro1{ width:100%; max-width:900px; background:#fff; border-radius:14px; box-shadow:10px 10px 10px rgba(0,0,0,0.1); border:20px solid #fff; border-radius:14px; display:block; margin:0 auto}

.showProSwiper{width:100%;overflow:hidden; position:relative; }
.showProSwiper .swiper-slide{width:100%; position:relative; overflow:hidden; }
.showProSwiper .swiper-slide img{width:100%}
.showProSwiper .swiper-pagination{bottom:30px!important;z-index:1; text-align:center;}
.showProSwiper .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px;}
.showProSwiper .swiper-pagination-bullet-active{background:#fff; width:20px;}
.showProSwiper .btnProPre{ top:50%;left:2%;margin-top:-18px; width:20px; height:36px; background:url(../images/bannerJtLeft.png) no-repeat center/cover;opacity:0.5; z-index:101; position:absolute;}
.showProSwiper .btnProPre:hover{background:url(../images/bannerJtLeft.png) no-repeat center/cover;opacity:1.0}
.showProSwiper .btnProNext{top:50%;right:2%;margin-top:-18px;width:20px; height:36px;  background:url(../images/bannerJtRight.png) no-repeat center/cover;opacity:0.5; z-index:101; position:absolute}
.showProSwiper .btnProNext:hover{background:url(../images/bannerJtRight.png) no-repeat center/cover;opacity:1.0}


.showProText{width:100%; max-width:900px; padding:4.6vw 20px 0 20px; margin:0 auto; text-align:justify}
.showProText p{font-size:clamp(15px,0.9375vw,18px); line-height:1.75em;}
.showProText img{width:100%}
.showProNav{padding:4.6vw 0 3.6vw 0;font-size:clamp(26px,1.875vw,36px);line-height:1.5em;  text-align:center;}

.showProList{ width:100%;}
.showProList li{ margin:0 0 3.6vw 0}
.showProList li h1{ margin:0 0 10px 0}
.showProList li h1 i{font-size:clamp(18px,1.145vw,22px); line-height:1em; padding:10px 20px; display:inline-block; border-radius:4px; background:#197bcd; color:#fff}
.showProList li h2{font-size:clamp(15px,0.9375vw,18px); line-height:1.75em;}
.showProList li h2 i{display:inline-block; width:50%; vertical-align:top; border:1px solid #d8edff; padding:20px; margin:20px 0 0 -1px; }
.showProList li h2 font{font-size:clamp(26px,1.875vw,36px);}
/*--------------------------------showPro--------------------------------*/



.showCur{ background:#f9f9f9; line-height:80px; font-size:12px; color:#999}
.showCur div{ width:90%; max-width:1440px; margin:0 auto; display:block}
.showCur a{ display:inline-block; vertical-align:middle;padding:0 0 0 20px; margin:0 0 0 15px; background:url(../images/icoCurLine.png) no-repeat center left; color:#999}
.showCur a:first-child{background:url(../images/icoHome1.png) no-repeat center left;  margin:0; padding:0 0 0 16px}
.showCur a:hover{color:#194e98}

/*--------------------------------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--------------------------------*/


.myScroll{transform:translateY(150px);
	transition:transform 1s, opacity 1s;
	opacity:0;}
.myScroll.on{transform:none;opacity:1;}


/*------------share------------*/
.btnShare1{ position:fixed; top:240px; right:10px;width:26px; text-align:center}
.btnShare1 i{font-size:14px; display:block; color:#999; line-height:14px; vertical-align:middle;background:url(../images/icoFx.png) no-repeat top center; padding:20px 6px 0 6px}
.icoShare{ display:inline-block;vertical-align:middle;}
.icoShare a{display:inline-block;  margin-left:5px;  overflow:hidden;vertical-align:middle; margin:10px 0 0 0}
.icoShare div{width:26px; height:26px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden}
.icoShare a img{ margin-top:2px; width:22px;}
.btnShare1 .shareWx div{background-color:#61be42}
.btnShare1 .shareWb div{background-color:#db3636}
.btnShare1 .shareQz div{background-color:#f0cb63}
.btnShare1 .shareQq div{background-color:#367fde}
.btnShare1 .shareMore div{background-color:#4cace3}
.btnShare1 a:hover div{opacity:0.7}
.btnShare1Fixed{}

.boxEwmFx{ position:fixed; width:232px; height:258px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1002; background:url(../images/bgWxEwm.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none}
.boxEwmFx a{display:block;height:26px; width:100%;}
.boxEwmFx img{width:178px; height:178px; display:inline-block; margin:22px 0 0 22px}
.boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none}

.bshare-custom{ display:inline-block; margin-left:5px; vertical-align:middle}
.bsBox,.bsBox div,.bsBox span{box-sizing:content-box}
#bsPanelHolder div,#bsPanelHolder span{box-sizing:content-box}
/*------------share------------*/



/*------------jjfa------------*/
.textQy{text-align:center;font-size:clamp(18px,1.15vw,22px); line-height:1.9em; color:#888; padding:100px 0; border-bottom:1px solid #ebebeb; }
.noBorder{border:none!important; }

.boxIcoList{ margin:0 0 100px 0; position:relative}
.icoList{ width:100%;position:relative;overflow:hidden;}
.icoList .swiper-slide{ width:auto;text-align:center}
.icoList .swiper-slide h1{}
.icoList .swiper-slide h2{font-size:clamp(18px,1.15vw,22px);line-height:1.3em; height:3em; margin:0;display:flex; align-items:center;justify-content:center;}
.icoList .swiper-slide h3{ position:relative; display:inline-block; margin:0 auto; padding:0 20px 0 0;}
.icoList .swiper-slide h3 span{font-size:clamp(50px,3vw,60px);line-height:1em;}
.icoList .swiper-slide h3 i{ position:absolute; top:0; right:5px; font-size:20px; line-height:20px;}
.icoList .swiper-slide h3 font{ position:absolute; bottom:0; right:0; font-size:16px; line-height:16px;}
.space10{ right:-10px!important;}

.row4 .swiper-slide{width:25%}
.row3 .swiper-slide{width:33.3%}
.boxIcoList .swiperBtn{display:none}
.textSmall .swiper-slide h2{font-size:clamp(16px,1.04vw,20px)!important; letter-spacing:-1px}

.btnPrePc{position:absolute; top:50%; left:0; margin:-29px 0 0 0; width:27px; height:58px; background:url(../images/icoJtL1.png?v=1.0) no-repeat center/cover; opacity:0.3; display:inline-block; z-index:1}
.btnPrePc:hover{opacity:1}
.btnNextPc{position:absolute; top:50%; right:0; margin:-29px 0 0 0; width:27px; height:58px; background:url(../images/icoJtR1.png?v=1.0) no-repeat center/cover; opacity:0.3; display:inline-block; z-index:1}
.btnNextPc:hover{opacity:1}
/*------------jjfa------------*/


/*------------gzjs------------*/
.zxghBg{width:100%; height:48.61vw; max-height:700px; background:url(../images/zxghBg.jpg) no-repeat center top/cover}
.zxghBg .navTitle{padding-top:80px!important}
.boxGjjs{height:100%;}
.boxGjjs ul{height:100%}
.boxGjjs li{position:relative;display:inline-block; vertical-align:top; width:16.66%; height:calc(100% - 260px); border-right:1px solid rgba(255,255,255,0.3); text-align:center; color:#fff;transition:all 0.3s ease; overflow:hidden; }
.boxGjjs li:last-child{border:none}
.boxGjjs li h1{width:100%;position:relative; left:0; top:50%; margin:-90px 0 0 0}
.boxGjjs li h1 i{width:100px; height:100px; background:url(../images/bgQuan.png) no-repeat center/cover; overflow:hidden; display:inline-block; margin:0 auto 20px auto}
.boxGjjs li h1 i img{width:100%;}
.boxGjjs li h1 font{font-size:15px; line-height:1.5em; display:block}
.boxGjjs li h2{position:relative;top:100%; left:0; width:100%; max-width:720px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em; text-align:justify; opacity:0;transition:all .7s; }

.boxGjjs .on{width:50%!important; padding:0 5%; text-align:left}
.boxGjjs .on h1{ top:20%; margin:0}
.boxGjjs .on h1 i{display:none}
.boxGjjs .on h1 font{font-size:clamp(24px,1.45vw,28px);display:inline-block; border-bottom:2px solid #fff; padding:0 0 20px 0}
.boxGjjs .on h2{ top:calc(20% + 30px); opacity:1; }
/*------------gzjs------------*/


/*------------------------case------------------------*/
.boxCase{width:100%; max-width:1480px;  display:block;position:relative; padding:0 0 100px 0; margin:0 auto}
.caseList{width:100%;  position:relative; margin:0; overflow:hidden}
.caseList .swiper-slide{width:calc((100% - 90px)/3); margin:0; }
.caseList .swiper-slide:last-child{ margin-right:0}
.caseList .swiper-slide div{width:100%; height:calc((90vw - 90px)/3*0.667); max-height:300px; overflow:hidden}
.caseList .swiper-slide div img{width:100%; height:100%;transition:transform 0.5s;}
.caseList .swiper-slide i{ display:block;font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; height:100px;/*display:flex; align-items:center;justify-content:center;*/ padding:20px 0 0 0}
.caseList .swiper-slide h1{ font-size:14px; line-height:1.5em; color:#555}
.caseList .swiper-slide h1 font{font-size:clamp(16px,1vw,18px);line-height:1.5em; font-weight:bold; display:block; margin:20px 0 5px 0}
.caseList .swiper-slide:hover img{transform:scale(1.2);}
/*------------------------case------------------------*/


/*------------------------fd------------------------*/
.boxFd{width:100%;height:42.36vw; max-height:610px; overflow:hidden; position:relative}
.boxFd li{width:50%; height:100%; display:inline-block; overflow:hidden;transition:all .7s; position:absolute; left:0; top:0; z-index:1}
.boxFd li:nth-child(2){left:auto; right:0}
.boxFd li div{width:100%; height:100%; position:relative}
.boxFd li h1{ position:absolute; top:50%; left:0; width:100%; margin:-30px 0 0 0; text-align:center; z-index:3}
.boxFd li h1 font{ display:inline-block;font-size:clamp(26px,1.66vw,32px);line-height:1em; border-bottom:2px solid #fff; color:#fff; padding:0 0 30px 0}
.boxFd li h2{width:100%; height:100%;position:absolute; top:0; left:0; }
.boxFd li h2 i{width:100%; height:100%; background:url(../images/icoVideo.png) no-repeat center/40px 40px; display:none}
.boxFd li h3{width:100%; height:100%; position:relative; display:none; z-index:1}
.boxFd li h3 video{position:absolute;/*top:50%;*/left:0; width:100%;height:100%;/*transform:translateY(-50%);*/object-fit:cover}
.boxFd li h4{font-size:clamp(16px,1vw,18px); line-height:1.5em; color:#fff; position:absolute; left:0; bottom:0; z-index:2; width:100%; padding:0 5% 60px 5%; display:none}
.bgFd1{background:url(../images/imgFd1.jpg) no-repeat center/cover}
.bgFd2{background:url(../images/imgFd2.jpg) no-repeat center/cover}


.boxFd li:hover{width:100%; z-index:2}
.boxFd li:hover h1{left:5%; top:10%; margin:0; text-align:left}
.boxFd li:hover h4{ display:block}

.bgGrayFd{ width:100%;background:url(../images/bgGrayFd.jpg) no-repeat center/cover; padding:0 0 120px 0; overflow:hidden}
.imgFdjgt{width:70%; max-width:1000px; margin:-30px auto 0 auto; display:block}

.icoCon{width:100%; overflow:hidden; text-align:center; margin:10px 0 100px 0}
.icoCon li{ display:inline-block; vertical-align:top; width:25%}
.icoCon li h1{}
.icoCon li h2{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 0 0; }
.icoCon li h3{font-size:14px; line-height:1.75em; margin:5px auto 0 auto; color:#999; max-width:80%; display:block;}



.fdListCon{padding:0 0 0 0;}
.fdListCon li{ display:inline-block; vertical-align:top; width:calc((100% - 60px)/2); margin:0 50px 0 0}
.fdListCon li:nth-child(2n){ margin-right:0}
.fdListCon li img{width:100%}
.fdListCon li span{display:block;min-height:130px;}
.fdListCon li h1{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 10px 0}
.fdListCon li h2{ font-size:16px; line-height:28px; color:#999}


.hsfdIco{width:100%; overflow:hidden; text-align:center; margin:10px 0 0 0; /*padding:0 0 100px 0; border-bottom:1px solid #ebebeb*/}
.hsfdIco a{ display:inline-block; vertical-align:top; width:16.6%; position:relative; overflow:hidden}
.hsfdIco a h1{}
.hsfdIco a h1 img{width:60%;transition:transform 0.5s;}
.hsfdIco a h2{font-size:clamp(18px,1.15vw,22px); line-height:1.5em;margin:20px 0 0 0;width:100%; text-align:center}
.hsfdIco a:hover h1 img{transform:scale(1.2);}
.hsfdIco a:hover h2{color:#e6c300}
.hsfdIco a:active h2{color:#e6c300}
.hsfdIco a:focus h2{color:#e6c300}

.icoConLsfd{ border-bottom:1px solid #ebebeb; padding:0 0 100px 0; margin:30px 0 0 0!important;}

.hsfdList{width:100%; overflow:hidden; text-align:center; margin:10px 0 0 0; padding:0 0 100px 0; border-bottom:1px solid #ebebeb}
.hsfdList a{width:calc((100% - 60px)/3); height:calc((90vw - 60px)/3*0.87); max-height:400px; display:inline-block; vertical-align:top; overflow:hidden; position:relative; margin:0 30px 0 0 }
.hsfdList a:last-child{ margin-right:0}
.hsfdList a div{width:100%; height:100%; overflow:hidden; background:#000}
.hsfdList a div span{width:100%; height:100%; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important; display:block;transition:transform 0.5s; opacity:0.85}
.hsfdList a h1{ position:absolute; top:50%; left:0; width:100%; margin:-30px 0 0 0; text-align:center; z-index:3}
.hsfdList a h1 font{ display:inline-block;font-size:clamp(22px,1.35vw,26px);line-height:1em; border-bottom:2px solid #fff; color:#fff; padding:0 0 30px 0}
.hsfdList a:hover span{transform:scale(1.2); opacity:0.7}

/*.gfList{width:100%; padding:0 0 100px 0; border-bottom:1px solid #ebebeb}
.gfList li{width:calc((100% - 60px)/3); height:calc((90vw - 60px)/3*0.87); max-height:400px; display:inline-block; vertical-align:top; overflow:hidden; position:relative; margin:0 30px 0 0}
.gfList li:last-child{ margin:0}

.gfList li h1{ position:absolute; top:50%; left:0; width:100%; margin:-30px 0 0 0; text-align:center; z-index:3}
.gfList li h1 font{ display:inline-block;font-size:clamp(22px,1.35vw,26px);line-height:1em; border-bottom:2px solid #fff; color:#fff; padding:0 0 30px 0}
.gfList li h2{width:100%; height:100%; position:relative; }*/

/*------------------------fd------------------------*/


/*------------------------gf------------------------*/
.gfTitle{ width:100%; height:20.8vw; background:url(../images/bgGf.jpg) no-repeat center/cover; color:#fff}
.gfTitle h1{font-size:clamp(32px,2vw,42px);line-height:1em; font-weight:500; padding:90px 0 0 0}


.gfList{width:100%; padding:0 0 100px 0; border-bottom:1px solid #ebebeb}
.gfList li{width:calc((100% - 60px)/3); height:calc((90vw - 60px)/3*0.87); max-height:400px; display:inline-block; vertical-align:top; overflow:hidden; position:relative; margin:0 30px 0 0}
.gfList li:last-child{ margin:0}
.gfList li h1{ position:absolute; top:50%; left:0; width:100%; margin:-30px 0 0 0; text-align:center; z-index:3}
.gfList li h1 font{ display:inline-block;font-size:clamp(22px,1.35vw,26px);line-height:1em; border-bottom:2px solid #fff; color:#fff; padding:0 0 30px 0}
.gfList li h2{width:100%; height:100%; position:relative; }

.gfList1{}
.gfList1 li{width:calc((100% - 30px)/2); height:calc((90vw - 30px)/2*0.567); }

.bgGf1{background:url(../images/imgGf1_1.jpg) no-repeat center/cover}
.bgGf2{background:url(../images/imgGf1_2.jpg) no-repeat center/cover}
.bgGf3{background:url(../images/imgGf1_3.jpg) no-repeat center/cover}
.bgGf4{background:url(../images/imgGf2_1.jpg?v=1.1) no-repeat center/cover}
.bgGf5{background:url(../images/imgGf2_2.jpg) no-repeat center/cover}

/*------------------------gf------------------------*/



/*------------cn------------*/
.cnfwBg{width:100%; height:48.61vw; max-height:700px; background:url(../images/cnBg.jpg) no-repeat center top/cover; margin:0 0 100px 0}

.boxCnfw{height:100%;}
.boxCnfw ul{ width:100%;height:100%;}
.boxCnfw li{position:relative;display:inline-block; vertical-align:top; width:25%; height:100%; border-right:1px solid rgba(255,255,255,0.3); text-align:center; color:#fff;transition:all 0.3s ease; overflow:hidden;}
.boxCnfw li:last-child{border:none}
.boxCnfw li h1{width:100%; padding:100px 0 0 0}
.boxCnfw li h1 font{font-size:clamp(26px,1.7vw,32px);line-height:1em; display:inline-block; border-bottom:2px solid #fff; padding:0 0 30px 0}
.boxCnfw li h2{ position:absolute; top:100%; left:10%;width:80%; max-width:720px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em; text-align:justify; opacity:0;transition:all .7s; }

.boxCnfw .on{width:50%!important; padding:0 5%; text-align:left;}
.boxCnfw .on h2{top:30%; opacity:1;}

.bgFwkh{background:#f6f6f6; padding:0 0 75px 0}
.fwkhList{}
.fwkhList a{display:inline-block; width:calc((100% - 140px)/5); margin:0 35px 35px 0; background:#fff}
.fwkhList a:nth-child(5n+5){margin-right:0;}
.fwkhList a img{width:100%}
.fwkhList a h2{ font-size:16px; line-height:16px; padding:0 0 25px 0; text-align:center}
.fwkhList a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1)}
/*------------cn------------*/



/*------------dw------------*/
.dwBg{width:100%; height:48.61vw; max-height:700px; background:url(../images/dwBg.jpg) no-repeat center top/cover;}
.dwBg .navTitleSub{padding:70px 0 60px 0!important;}

.boxHxnl{height:57%;}
.boxHxnl ul{ width:100%;height:100%;}
.boxHxnl li{position:relative;display:inline-block; vertical-align:top; width:25%; height:100%; border-right:1px solid rgba(255,255,255,0.3); text-align:center; color:#fff;transition:all 0.3s ease; overflow:hidden;}
.boxHxnl li:last-child{border:none}
.boxHxnl li h1{width:100%; padding:30px 0 0 0}
.boxHxnl li h1 font{font-size:clamp(22px,1.35vw,26px);line-height:1em; display:inline-block; border-bottom:2px solid #fff; padding:0 0 30px 0}
.boxHxnl li h2{ position:absolute; top:100%; left:10%;width:80%; max-width:720px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em; text-align:justify; opacity:0;transition:all .7s; }

.boxHxnl .on{width:50%!important; padding:0 5%; text-align:left;}
.boxHxnl .on h2{top:30%; opacity:1;}

/*------------dw------------*/


/*------------qjny------------*/
.grayBg{background:#f9f9f9; width:100%; overflow:hidden}
.rjList{ width:100%; max-width:100%; display:block; margin:0 auto; padding:20px 0 0 0}
.rjList li{display:inline-block; vertical-align:top; width:25%; text-align:center}
.rjList li i{display:block; font-size:clamp(18px,1.15vw,22px); line-height:1em; font-weight:500; margin:20px 0 0 0}

.jdLogoList{ text-align:center; padding:100px 0 0 0; }
.jdLogoList a{display:inline-block; vertical-align:middle; margin:0 40px;}
/*------------qjny------------*/

/*------------zhny------------*/
.zhnyBg{ background:url(../images/zhnyBg.jpg) no-repeat center top/cover!important; margin:0 0 100px 0}

.picFocus{position:relative; padding:100px 0 100px 0;width:100%; overflow:hidden; margin:-80px auto 80px auto}
.picFocus .swiper-slide{width:800px; height:533px; position:relative; background:#000;border:1px solid #fff; overflow:hidden}
.picFocus .swiper-slide img{ width:100%; height:100%; opacity:0.6}
.picFocus .swiper-slide h1 {width:100%; position:absolute; left:0; bottom:0; background:url(../images/bgBlackTitle.png) no-repeat; background-size:100% 100%;padding:40px 20px 20px 20px;text-align:center; font-size:clamp(16px,0.9vw,18px); line-height:1.75em;  color:#fff; z-index:100;display:none; }
.picFocus .swiper-slide h2{ width:100%; height:100%; opacity:1.0; background-size:cover!important;-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(82%, transparent) , to(rgba(250, 250, 250, 0.3))); }
.picFocus .swiper-slide-active img{opacity:1}
.picFocus .swiper-slide-active h1{display:block}
.picFocus .swiper-slide-active h2{ opacity:1.0}
.picFocus .swiper-pagination{bottom:20px!important;z-index:1}
.picFocus .swiper-pagination-bullet{width:8px; height:8px; background:#bec0c2; border-radius:4px; opacity:1.0}
.picFocus .swiper-pagination-bullet-active{background:#1b3e86; width:24px;}
.picFocus .swiper-button-prev{left:calc((100% - 800px)/4); margin:-25px 0 0 -11px; }
.picFocus .swiper-button-next{right:calc((100% - 800px)/4); margin:-25px -11px 0 0; }

/*------------zhny------------*/

/*------------szny------------*/
.icoSznyTab{ text-align:center; padding:80px 0}
.icoSznyTab a{ display:inline-block; vertical-align:top; width:33.3%; max-width:280px;}
.icoSznyTab a h1{}
.icoSznyTab a h2{display:none}
.icoSznyTab a h3{font-size:clamp(18px,1.15vw,22px);line-height:1.3em; height:3em; margin:0;display:flex; align-items:center;justify-content:center;}
.icoSznyTab .on{color:#1e4f9c}
.icoSznyTab .on h1{display:none}
.icoSznyTab .on h2{display:block}

.boxSzny{width:100%; height:37.5vw; max-height:600px; display:block; margin:0 auto 0 auto;overflow:hidden; color:#fff}
.boxSzny .swiper-slide{width:100%; height:100%;position:relative; overflow:hidden;}
.boxSzny .swiper-slide p{ font-size:clamp(22px,1.35vw,26px); line-height:1.6em; position:absolute; display:block; width:100%; left:0; padding:0 10%; top:22%;text-align:justify}
.boxSzny .swiper-slide img{width:100%;}
/*------------szny------------*/


/*------------hygfcp------------*/
.flList{ width:calc(100% + 10px); height:28.7vw; max-height:460px; overflow:hidden; margin:0 0 0 -5px;}
.flList ul{width:100%; height:100%}
.flList li{display:inline-block; vertical-align:top; width:16.66%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease; }
.flList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500}
.flList li h2{ position:absolute;width:100%; min-width:300px;left:0; top:17.5%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 1s;z-index:2 }
.flList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2}
.flList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:100% auto!important; background-repeat:no-repeat;}
.flList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.flList li:nth-child(1) div{ background:url(../images/imgFl1.jpg?v=1.0)}
.flList li:nth-child(2) div{ background:url(../images/imgFl2.jpg?v=1.0)}
.flList li:nth-child(3) div{ background:url(../images/imgFl3.jpg?v=1.0)}
.flList li:nth-child(4) div{ background:url(../images/imgFl4.jpg?v=1.0)}

.flList .on{width:50%!important;}
.flList .on h1{text-align:left; padding:0 45px;}
.flList .on h2{opacity:1; ;}
.flList .on h3{opacity:0.8; top:50%;}
.flList .on div{background-position:center 73%!important;}
.flList .on span{opacity:0.7!important;}



.bgGrayMs{ width:100%; background:url(../images/bgGrayFd.jpg) no-repeat center/cover; padding:0 0 100px 0}

.navMs{ text-align:center; margin:-10px 0 50px 0}
.navMs a{ display:inline-block; width:180px; line-height:50px; font-size:14px; background:#fff; border-radius:25px; margin:0 10px; text-align:center}
.navMs .on{ background:#1e4f9c!important; color:#fff;}

.boxMs{width:100%; height:40vw; max-height:570px; display:block; margin:0 auto 0 auto;overflow:hidden; color:#fff; background:url(../images/bgMs.jpg) no-repeat center/cover}
.boxMs .swiper-slide{width:100%; height:100%;position:relative; overflow:hidden; padding:0 2%}
.boxMs .swiper-slide h1{ font-size:clamp(26px,1.66vw,32px); line-height:7em; width:100%; text-align:center;}
.boxMs .swiper-slide div{width:100%;}
.boxMs .swiper-slide div li{width:25%; display:inline-block; vertical-align:top; padding:0 3%;}
.boxMs .swiper-slide div li h2{font-size:clamp(18px,1.145vw,22px); line-height:1.75em;}
.boxMs .swiper-slide div li h3{display:inline-block; width:44px; height:2px; background:#fff; margin:5px 0 20px 0}
.boxMs .swiper-slide div li h4{font-size:clamp(14px,0.9vw,18px); line-height:1.5em; text-align:justify}
.boxMs .swiper-slide h5{font-size:clamp(18px,1.25vw,24px); line-height:1.75em; width:60%; text-align:justify; display:block; margin:12% auto 0 auto}



.boxZhyw{width:100%; height:45vw; max-height:720px; overflow:hidden; color:#fff; background:url(../images/bgZhyw.jpg) no-repeat center/cover}
.boxZhyw h1{ font-size:clamp(26px,1.66vw,32px); line-height:11em; width:100%; text-align:center;}
.boxZhyw div{width:100%; padding:0 3%}
.boxZhyw div li{width:33.3%; display:inline-block; vertical-align:top; padding:0 3%; text-align:center}
.boxZhyw div li h2{ width:100%;}
.boxZhyw div li h3{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 0 0;}
.boxZhyw div li h4{font-size:clamp(14px,0.9vw,16px); line-height:1.55em; margin:5px auto 0 auto;  display:block;}
.boxZhyw div li h5{font-size:clamp(16px,1.0vw,18px); line-height:1.55em; margin:5px auto 0 auto;  display:block;}

/*------------hygfcp------------*/


/*------------yfcx------------*/
.boxYfcxpt{ width:100%; height:43.75vw; max-height:700px; background:url(../images/bgYfcxpt.jpg?v=1.3) no-repeat center/cover; margin:0 0 100px 0}
.boxYfcxpt div{ width:100%; max-width:900px; display:block; margin:0 auto; padding:7.5% 0 0 0}
.boxYfcxpt div p{font-size:clamp(14px,0.9vw,18px); line-height:1.9em; text-align:justify; margin:0 0 15px 0}

.boxYfcxfx{ width:90%; max-width:1440px; display:block; margin:0 auto; padding:0 0 70px 0}
.boxYfcxfx li{width:100%; height:25vw; max-height:400px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; margin-bottom:30px}
.boxYfcxfx li:last-child{margin:0}
.boxYfcxfx li div{ width:50%; height:100%;display:flex; align-items:center;justify-content:center; float:left}
.boxYfcxfx li div span{display:block; width:100%; padding:0 12%}
.boxYfcxfx li div span h1{font-size:clamp(20px,1.25vw,24px); line-height:l.5em; font-weight:500; margin:0 0 40px 0}
.boxYfcxfx li div span h1 i{display:inline-block;font-size:clamp(26px,2vw,38px);line-height:l.5em; font-weight:500;}
.boxYfcxfx li div span h2{font-size:clamp(14px,0.9vw,18px); line-height:1.75em; text-align:justify}
.boxYfcxfx li img{width:50%; float:left}
.boxYfcxfx li:nth-child(odd) img{float:right;}


.boxYfcxcg{width:100%; height:43.75vw; max-height:700px; background:url(../images/bgYfcxcg.jpg) no-repeat center/cover; margin:100px 0 100px 0; padding:3% 0 0 8%}
.boxYfcxcg ul{ width:100%; display:block;}
.boxYfcxcg li{background:url(../images/bgLineWhite.png) no-repeat bottom left; padding:10px 0; color:#fff}
.boxYfcxcg li h1{line-height:70px; font-size:clamp(20px,1.25vw,24px); line-height:l.5em; padding:0 0 0 42px; background:url(../images/icoAdd.png) no-repeat left center; cursor:pointer}
.boxYfcxcg li div{font-size:clamp(14px,0.9vw,18px); line-height:1.75em; padding:0 0 15px 36px; display:none}
.boxYfcxcg li div i{display:block}
.boxYfcxcg li div i font{display:inline-block; border:1px solid rgba(255,255,255,0.5); font-size:12px; line-height:18px; border-radius:10px; padding:0 10px; margin-right:5px;}
.boxYfcxcg .on h1{background:url(../images/icoRed.png) no-repeat left center!important;}
.boxYfcxcg .on div{display:block}
.boxYfcxcg li a{ display:block; font-size:12px; color:#fff; opacity:0.7; margin:10px 0 0 0}
.boxYfcxcg li a:hover{ opacity:1}

.boxYfcxcg .btnMoreWhite{ margin:30px 0 0 0}

/*------------yfcx------------*/


/*------------inv------------*/
.invSearch{ padding:60px 0;}
.invSearch i{ font-size:clamp(14px,0.9vw,18px); color:#aaa; display:inline-block; vertical-align:middle; margin:0 20px 0 5px}
.invSearch span{ width:230px; height:45px; border:1px solid #777; border-radius:23px;display:inline-block;background-origin:content-box;-webkit-appearance:none;vertical-align:middle; overflow:hidden}
.invSearch select{ width:100%;height:43px;font-size:clamp(14px,0.9vw,18px);padding:0 20px 0 15px;background:url(../images/select.png) no-repeat right center;background-origin:content-box;-webkit-appearance:none; color:#555; font-weight:500;}

.invList{ border-top:1px solid #eee}
.invList a{ display:block; border-bottom:1px solid #eee; padding:25px 120px 25px 90px; background:url(../images/icoPdf.png) no-repeat 35px 30px; position:relative}
.invList a h1{font-size:clamp(18px,1.15vw,22px); line-height:1.75em;}
.invList a h2{ font-size:14px; color:#aaa; line-height:14px; margin:10px 0 10px 0}
.invList a h3{position:absolute; right:35px; top:50%; margin-top:-15px; width:30px; height:30px; border:1px solid #777;background:url(../images/icoJtR.png) no-repeat center; border-radius:50%}
.invList a:hover{background-color:#f9f9f9}
.invList a:hover h3{background:#194d97 url(../images/icoJtRHover.png) no-repeat center; border:1px solid #194d97}

.boxTzzll{ margin:100px auto 60px auto}
.boxTzzll li{display:inline-block; vertical-align:top; width:33.3%; text-align:center; border-right:1px solid #eee; padding:60px 0}
.boxTzzll li:last-child{border:none}
.boxTzzll li h1{font-size:clamp(18px,1.15vw,22px); line-height:1.75em;}
.boxTzzll li h2{font-size:clamp(22px,1.35vw,26px); line-height:1.75em; color:#888}
/*------------inv------------*/


/*------------join------------*/
.joinText{ border-bottom:1px solid #eee; padding:80px 0; font-size:clamp(26px,1.66vw,32px);line-height:1.56em; text-align:center}
.joinNav{ text-align:center; padding:80px 0}
.joinNav a{display:inline-block; opacity:0.5; width:50%; max-width:300px}
.joinNav a h1{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; color:#555; margin:15px 0 0 0}
.joinNav a:hover{opacity:1}
.joinNav .on{ opacity:1!important}

.joinList{ margin:0 0 0 0}
.joinList ul{ width:100%; display:block; background:#f4f4f4;}
.joinList li{ padding:30px 50px;}
.joinList li:nth-child(even){background:#f9f9f9}
.joinList li h1{ font-size:clamp(20px,1.25vw,24px); line-height:70px; padding:0 0 0 30px; background:url(../images/bgLiBlue.png) no-repeat left center; cursor:pointer; position:relative}
.joinList li h1 i{ position:absolute; right:30px; top:50%; margin-top:-15px; width:31px; height:31px; background:url(../images/icoAdd1.png) no-repeat left center/cover;}
.joinList li div{ padding:0 30px 30px 30px; display:none}
.joinList li div a{display:block; border-bottom:1px solid rgba(0,0,0,0.1); line-height:60px;font-size:clamp(14px,0.9vw,18px); position:relative}
.joinList li div a i{ position:absolute;background:url(../images/icoJtR.png) no-repeat center; height:100%; right:0; top:0; width:31px; opacity:0.5}
.joinList .on h1 i{background:url(../images/icoRed1.png) no-repeat left center/cover!important;}
.joinList .on div{display:block}

.joinTips{ font-size:clamp(12px,0.83vw,16px); line-height:1.75em; color:#194e98; padding:40px 0 90px 50px;}
/*------------join------------*/


/*------------contact------------*/
.boxContact{ padding:20px 0 80px 0}
.boxContact a{display:inline-block; width:25%; text-align:center; margin:50px 0 0 0; padding:10px 0 20px 0}
.boxContact a h1{}
.boxContact a h2{font-size:clamp(18px,1.15vw,22px); line-height:1.75em; color:#555; margin:0 0 0 0}
.boxContact a h3{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}
.boxContact a h4{font-size:clamp(14px,0.9vw,16px); line-height:1.75em; color:#888}
.boxContact a:hover h4{color:#555}

.contactMap{width:100%; height:500px}

.boxMsg{background:#f9f9f9; padding:0 25% 100px 25%; margin:0 0 100px 0}
.boxMsg h1{font-size:clamp(26px,1.66vw,32px);line-height:1.56em; text-align:center; padding:100px 0 60px 0}
.boxMsg li{color:#999; padding:10px 0}
.boxMsg li i{font-size:clamp(14px,0.9vw,18px); line-height:2em; display:block}
.msgInput{width:100%; border:1px solid #aaa; height:40px; padding:5px;}
.msgInputShort{width:30%; border:1px solid #aaa; height:40px; padding:5px; margin:0 10px 0 0}
.msgTextarea{width:100%; border:1px solid #aaa; height:150px; padding:5px;}
.msgSubmit{ width:100%; max-width:180px; line-height:44px; background:#194e98; font-size:16px; color:#fff; font-weight:bold}
/*------------contact------------*/


.boxMax{width:90%;max-width:1440px; display:block; margin:0 auto; position:relative; }
.boxMax900{width:90%;max-width:900px; display:block; margin:0 auto; position:relative;}
/*---------------------title---------------------*/
.navTitle{display:block; padding:100px 0 60px 0; position:relative; color:#333;}
.navTitle h1{font-size:clamp(32px,2vw,42px);line-height:1.5em; font-weight:500;}
.navTitle h2{font-size:clamp(16px,1vw,21px); line-height:1.75em;color:#555; margin:8px 0 0 0;}
.bottomLine{ border-bottom:1px solid #ebebeb}
.paddingBottom100{ padding-bottom:100px!important}
.paddingBottom0{ padding-bottom:0!important}

.navTitleSub{ width:84%; margin:0 auto;display:block; padding:100px 0 60px 0; position:relative;color:#333; text-align:center}
.navTitleSub h1{font-size:clamp(26px,1.66vw,32px);line-height:1.56em;}
.navTitleSub h2{font-size:clamp(14px,0.9vw,18px);line-height:1.75em; color:#999; padding:30px 0 0 0}



.navTitleTab{width:100%; margin:0 auto;display:block; padding:100px 0 45px 0; position:relative; text-align:center;color:#333; }
.navTitleTab h1{font-size:clamp(32px,2vw,42px);line-height:1em; font-weight:500;}
.navTitleTab h2{margin:25px 0 0 0;}
.navTitleTab h2 a{display:inline-block;  border-top:2px solid #e3e3e3; font-size:14px; line-height:46px; color:#bbb; padding:0 20px;}
.navTitleTab h2 .on{ color:#555; border-top:2px solid #999!important;}
.navTitleTab h3{width:100%; margin:30px 0 0 0}
.navTitleTab h3 a{display:inline-block;border-top:2px solid #e3e3e3; font-size:14px; line-height:74px; color:#bbb; width:16.66%}
.navTitleTab h3 .on{color:#1959a1!important; border-top:2px solid #1959a1!important;}
.navTitleTab h4{font-size:clamp(26px,1.66vw,32px);line-height:1em;line-height:1em;color:#333; }


.navIndProTab{width:90%}
.navIndProTab a{width:200px; padding:0!important}

.tCenter{text-align:center}
.tWhite h1{color:#fff}
.tPc{display:block;}
.tM{display:none;}
.tPcM{display:block;}

.imgPc{width:100%}
.imgM{width:100%; display:none}
.imgPcM{width:100%}
.marginB100{ margin-bottom:100px;}
.paddingTop10{ padding-top:10px!important}
.paddingTop50{ padding-top:50px!important}
/*---------------------title---------------------*/


.btnMoreWhite{line-height:50px; height:50px; width:150px;}
.btnMoreWhite a{width:100%; height:100%;display:block; position:relative; overflow:hidden; margin:0 auto; text-align:center;}
.btnMoreWhite i{display:inline-block; padding:0 26px 0 0; font-size:14px; color:#fff; background:url(../images/icoJtRHover.png) no-repeat right center; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMoreWhite span{border:1px solid #fff;position:absolute; width:100%; height:100%; display:block}
.btnMoreWhite div{position:absolute; left:0; top:0; width:0; height:100%; background:#fff;z-index:1;transition:all 0.3s ease;}
.btnMoreWhite:hover i{color:#666;background:url(../images/icoJtR.png) no-repeat right center; }
.btnMoreWhite:hover div{width:100%;}


.icoMark{ text-align:center; padding:0 0 80px 0; border-bottom:1px solid #ebebeb}
.icoMark a{ display:inline-block; vertical-align:top; width:25%; max-width:280px;}
.icoMark a h1{}
.icoMark a h2{display:none}
.icoMark a h3{font-size:clamp(18px,1.15vw,22px);line-height:1.3em; height:3em; margin:0;display:flex; align-items:center;justify-content:center;}
.icoMark a:hover{color:#1e4f9c}
.icoMark a:hover h1{display:none}
.icoMark a:hover h2{display:block}


/*---------------------鎵嬮鐞存牱寮?--------------------*/
.gjjsList{ width:calc(100% + 10px); height:34.7vw; max-height:500px; overflow:hidden; margin:0 0 0 -5px;}
.gjjsList ul{width:100%; height:100%}
.gjjsList li{display:inline-block; vertical-align:top; width:16.66%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.gjjsList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.gjjsList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2;text-align:justify}
.gjjsList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.gjjsList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.gjjsList li:nth-child(1) div{ background:url(../images/imgGjjs1.jpg)}
.gjjsList li:nth-child(2) div{ background:url(../images/imgGjjs2.jpg)}
.gjjsList li:nth-child(3) div{ background:url(../images/imgGjjs3.jpg)}
.gjjsList li:nth-child(4) div{ background:url(../images/imgGjjs4.jpg)}

.gjjsList .on{width:50%!important;}
.gjjsList .on h1{text-align:left; padding:0 45px;}
.gjjsList .on h3{opacity:0.8; top:45%;}
.gjjsList .on div{background-position:center 73%!important;}
.gjjsList .on span{opacity:0.8!important;}


.cnList{ width:calc(100% + 10px); height:38.8vw; max-height:560px; overflow:hidden; margin:0 0 0 -5px;}
.cnList ul{width:100%; height:100%}
.cnList li{display:inline-block; vertical-align:top; width:25%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.cnList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.cnList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2; text-align:justify}
.cnList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.cnList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.cnList li:nth-child(1) div{ background:url(../images/imgCn1.jpg)}
.cnList li:nth-child(2) div{ background:url(../images/imgCn2.jpg)}
.cnList li:nth-child(3) div{ background:url(../images/imgCn3.jpg)}


.cnList .on{width:50%!important;}
.cnList .on h1{text-align:left; padding:0 45px;}
.cnList .on h3{opacity:0.8; top:45%;}
.cnList .on div{background-position:center 73%!important;}
.cnList .on span{opacity:0.7!important;}
/*.cnList li:nth-child(3):hover h3{top:35%;}*/


.dwList{ width:calc(100% + 10px); height:38.8vw; max-height:560px; overflow:hidden; margin:0 0 0 -5px;}
.dwList ul{width:100%; height:100%}
.dwList li{display:inline-block; vertical-align:top; width:25%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.dwList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.dwList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2;text-align:justify}
.dwList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.dwList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.dwList li:nth-child(1) div{ background:url(../images/imgDw1.jpg)}
.dwList li:nth-child(2) div{ background:url(../images/imgDw2.jpg)}
.dwList li:nth-child(3) div{ background:url(../images/imgDw3.jpg)}


.dwList .on{width:50%!important;}
.dwList .on h1{text-align:left; padding:0 45px;}
.dwList .on h3{opacity:0.8; top:35%;}
.dwList .on div{background-position:center 73%!important;}
.dwList .on span{opacity:0.7!important;}


.sznyList{ width:calc(100% + 10px); height:38.8vw; max-height:560px; overflow:hidden; margin:0 0 0 -5px;}
.sznyList ul{width:100%; height:100%}
.sznyList li{display:inline-block; vertical-align:top; width:25%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.sznyList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.sznyList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2; text-align:justify}
.sznyList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.sznyList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.sznyList li:nth-child(1) div{ background:url(../images/imgSzny1.jpg)}
.sznyList li:nth-child(2) div{ background:url(../images/imgSzny2.jpg)}
.sznyList li:nth-child(3) div{ background:url(../images/imgSzny3.jpg)}


.sznyList .on{width:50%!important;}
.sznyList .on h1{text-align:left; padding:0 45px;}
.sznyList .on h3{opacity:0.8; top:45%;}
.sznyList .on div{background-position:center 73%!important;}
.sznyList .on span{opacity:0.7!important;}


.hygfList{ width:calc(100% + 10px); height:30vw; max-height:460px; overflow:hidden; margin:0 0 0 -5px;}
.hygfList ul{width:100%; height:100%}
.hygfList li{display:inline-block; vertical-align:top; width:25%; padding:0 5px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.hygfList li h1{ position:absolute;width:100%; top:10%; font-size:clamp(20px,1.25vw,24px); line-height:1.2em; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2; font-weight:500;padding:0 45px;}
.hygfList li h3{ position:absolute;width:100%;left:0; top:100%;padding:0 50px; font-size:clamp(14px,0.9vw,18px); line-height:1.75em;opacity:0;transition:all 0.7s;z-index:2; text-align:justify}
.hygfList li div{ width:100%; height:100%; background-position:center bottom!important; background-size:cover!important; background-repeat:no-repeat!important; }
.hygfList li div span{width:100%; height:100%; display:block; opacity:0; background:#19428f;}
.hygfList li:nth-child(1) div{ background:url(../images/imgHygf1.jpg)}
.hygfList li:nth-child(2) div{ background:url(../images/imgHygf2.jpg)}
.hygfList li:nth-child(3) div{ background:url(../images/imgHygf3.jpg)}


.hygfList .on{width:50%!important;}
.hygfList .on h1{text-align:left; padding:0 45px;}
.hygfList .on h3{opacity:0.8; top:45%;}
.hygfList .on div{background-position:center 73%!important;}
.hygfList .on span{opacity:0.7!important;}


/*---------------------淇敼鍚庣殑娴蜂笂椋庣數鏄剧ず椤?--------------------*/
.showBanner{ width:100%; height:34.375vw; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important; text-align:center}
.showBanner div{width:90%;max-width:1440px; display:inline-block; margin:0 auto 80px auto; color:#fff; overflow:hidden; text-align:left; vertical-align:middle}
.showBanner div h1{font-size:2.4vw; line-height:1.3em;font-weight:500;margin:0;}
.showBanner div h2{ height:2px; background:#fff; width:5.2vw; margin:15px 0}
.showBanner div h3{font-size:clamp(16px,1vw,20px); line-height:1.7em; width:40%; max-width:500px; text-align:justify}
.showBanner i{display:inline-block; vertical-align:middle; width:1px; height:100%;}


.showNavTitle{display:block; padding:5.2vw 0 3.125vw 0; position:relative; color:#333}
.showNavTitle h1{font-size:clamp(32px,2vw,42px);line-height:1.5em; font-weight:500;}
.showNavTitle h2{font-size:clamp(16px,1.145vw,22px); line-height:1.75em;color:#555; margin:8px 0 0 0;}

.showHsfd{width:90%; max-width:1440px; min-height:300px; padding:70px 0 20px 0; display:block; margin:100px auto 100px auto; border-radius:6px; box-shadow:0 0 8px rgba(0,0,0,0.1); background:#fff url(../images/bgShowHsfd1_1.png) no-repeat top left/100% 100%; position:relative}

.showHsfdL{display:inline-block; vertical-align:middle; width:66%; padding:0 0 0 5%}
.showHsfdL li{background:url(../images/icoShowHsfd.png) no-repeat left 13px; padding:0 0 50px 25px} 
.showHsfdL li h1{font-size:clamp(20px,1.67vw,24px);line-height:1.5em; margin:0 0 5px 0}
.showHsfdL li h2{font-size:clamp(14px,1.25vw,18px);line-height:1.5em; color:#888; text-align:justify}

.showHsfdR{ width:34%; text-align:center; background:url(../images/bgShowHsfd2_1.png) no-repeat bottom right/90% auto; position:absolute; right:0; bottom:0; height:100%;display:flex; align-items:center; }
.showHsfdR img{ width:60%; display:block; margin:0 auto}

.showHsfd1 .showHsfdL{ margin-left:30%; }
.showHsfd1 .showHsfdR{background:url(../images/bgShowHsfd2_2.png) no-repeat bottom left/90% auto!important;right:auto!important; left:0}

.margin0{margin-bottom:0}

.showNavTitle1{ width:84%; margin:5.2vw auto 0 auto;display:block; padding:4vw 0 3.125vw 0; position:relative;color:#333; text-align:center; border-top:1px solid #ebebeb}
.showNavTitle1 h1{/*font-size:clamp(26px,1.66vw,32px);*/font-size:clamp(22px,1.35vw,26px);line-height:1.56em;}


.showHsfdPicList{ width:90%; max-width:1440px; margin:0 auto 5.2vw auto; display:block;}
.showHsfdPicList li{display:inline-block; vertical-align:top; width:calc((100% - 120px)/4); margin:0 40px 0 0; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.showHsfdPicList li:last-child{ margin-right:0}
.showHsfdPicList li img{width:100%}
.showHsfdPicList li span{display:block;min-height:210px; padding:0 30px}
.showHsfdPicList li h1{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:30px 0 10px 0}
.showHsfdPicList li h2{ font-size:16px; line-height:28px; color:#999}

.width_50{max-height:530px; height:37.5vw;}
.width_50 .showHsfdL{width:55%!important; padding-top:50px}
.width_50 .showHsfdL h1{ margin-bottom:20px}
.width_50 .showHsfdR{width:45%!important;background:url(../images/bgShowHsfd2_1.png) no-repeat bottom right/70% auto!important; }
.width_50 .showHsfdR img{ width:67%;}
/*---------------------淇敼鍚庣殑娴蜂笂椋庣數鏄剧ず椤?--------------------*/




.boxVideo{width:100%; position:relative}
.boxVideo .btnVideo{position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px;z-index:1; display:inline-block; width:60px; height:60px;  background:url(../images/icoVideo.png) no-repeat center/cover; z-index:1; border-radius:50%;}
.boxVideo .btnVideo:hover{background:rgba(20,87,158,0.5) url(../images/icoVideo.png) no-repeat center/60px 60px; padding:10px; width:80px; height:80px;margin:-40px 0 0 -40px;}


.boxFajz{background:url(../images/zhnyBg.jpg) no-repeat center/cover; padding-bottom:100px; margin-bottom:100px; color:#fff}
.boxFajz .icoCon li h3{color:#fff;}

/*.icoCon{width:100%; overflow:hidden; text-align:center; margin:10px 0 100px 0}
.icoCon li{ display:inline-block; vertical-align:top; width:25%}
.icoCon li h1{}
.icoCon li h2{font-size:clamp(18px,1.15vw,22px); line-height:1.5em; margin:20px 0 0 0; }
.icoCon li h3{font-size:14px; line-height:1.75em; margin:5px auto 0 auto; color:#999; max-width:80%; display:block;}*/


.showTable{ width:100%}
.showTable li{text-align:center;border-bottom:1px solid #ddd; padding:15px 0;}
.showTable li i{display:inline-block; vertical-align:middle;font-size:clamp(12px,0.9375vw,18px); line-height:1.5em;}
.showTable li i:nth-child(1){width:50%; text-align:left;background:url(../images/bgLi.png) no-repeat 10px 0.6em/0.26vw 0.26vw; padding:0 0 0 25px;}
.showTable li i:nth-child(2){width:15%;}
.showTable li i:nth-child(3){width:20%;}
.showTable li i:nth-child(4){width:15%;}
.showTable li:hover{ background:#f9f9f9}
.headTable{background:#1e5199; color:#fff;}
.headTable i{font-weight:bold}
.headTable:hover{background:#1e5199!important;}
.headTable i:nth-child(1){text-align:center!important} 

.marginTop100{ margin-top:80px}

.moreList{position:absolute; right:0; top:-110px;}
.moreList a{ font-size:14px; line-height:14px; text-transform:uppercase}

.moreList1{position:absolute; right:0; top:-90px;}
.moreList1 a{ font-size:14px; line-height:14px; text-transform:uppercase}

.moreList2{position:absolute; right:0; top:-95px;}
.moreList2 a{ font-size:14px; line-height:14px; text-transform:uppercase}

.navTitle .moreList{position:absolute; right:0; top:122px;}
.navTitle .moreList a{ font-size:14px; line-height:14px; text-transform:uppercase}

/*------------------------caseListMore------------------------*/
.caseListMore{width:100%;  position:relative; margin:0; overflow:hidden}
.caseListMore a{width:calc((100% - 90px)/3); margin:0 45px 45px 0; display:inline-block; vertical-align:top}
.caseListMore a:nth-child(3n+3){margin-right:0}
.caseListMore a div{width:100%; height:calc((90vw - 90px)/3*0.667); max-height:300px; overflow:hidden}
.caseListMore a div img{width:100%; height:100%;transition:transform 0.5s;}
.caseListMore a i{ display:block;font-size:clamp(16px,1vw,18px);line-height:1.5em; text-align:center; height:100px;/*display:flex; align-items:center;justify-content:center;*/ padding:20px 0 0 0}
.caseListMore a:hover img{transform:scale(1.2);}
/*------------------------caseListMore------------------------*/

.caseListText{ width:100%; padding:0 0 70px 0; }
.caseListText a{background:#fff; border-radius:6px; width:calc((100% - 30px)/2); margin:0 30px 30px 0; padding:25px 40px 25px 20px; display:inline-block; /*display:flex;align-items:center;justify-content:center;*/ box-shadow:0 0 10px rgba(0,0,0,0.1)}
.caseListText a i{display:block; background:url(../images/bgLi.png) no-repeat 0 center;font-size:clamp(16px,1vw,18px);line-height:1.5em; padding:0 0 0 15px; text-align:left; width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.caseListText a:nth-child(even){ margin-right:0}


.boxNygh{width:100%;display:block; margin:0 auto; padding:0 0 100px 0}
.boxNygh li{width:100%; height:29vw; max-height:480px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; margin-bottom:60px}
.boxNygh li:last-child{margin:0}
.boxNygh li div{ width:50%; height:100%;display:flex; align-items:center;justify-content:center; float:left}
.boxNygh li div span{display:block; width:100%; padding:0 8%}
.boxNygh li div span h1{font-size:clamp(24px,1.5625vw,30px); line-height:l.5em; margin:0 0 40px 0}
.boxNygh li div span h2{font-size:clamp(14px,0.9vw,18px); line-height:1.75em; text-align:justify}
.boxNygh li div span h3{font-size:clamp(14px,0.9vw,18px); line-height:1.75em; font-weight:500; margin:20px 0 5px 0}
.boxNygh li div span h4{ width:100%; overflow:hidden; overflow-y:auto; max-height:9.5vw;}
.boxNygh li div span h4 i{display:block; background:url(../images/bgLi.png) no-repeat 0 0.72vw;font-size:clamp(14px,0.9vw,18px);line-height:1.75em; padding:0 0 0 12px; text-align:left;}
.boxNygh li img{width:50%; float:left}
.boxNygh li:nth-child(even) img{float:right;}