.hmFocus,.hmFocus_item{height: 100vh;}
.hmFocusWpr{position:relative; z-index:2;}
.hmFocus{ background:#000;}
.hmFocus_item { position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFs_trsBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/banLine.png) repeat-x left top; background-size:auto 100%; }
.hmFs_trsBg:after{content:"";position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/hmfs_2.png) repeat-x left bottom; }
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 20%; z-index: 5; }
.hmFocus_doc ul{ text-align:left}
.hmFocus_doc ul li{ cursor:pointer; margin-right:35px; width:8px; height:8px; display:inline-block; background:#fff; border-radius:50%; position:relative;}
.hmFocus_doc ul li.on{background-image: linear-gradient(135deg,#F2991A 20%,#F3710E 90%);}
.hmFocus_doc ul li:after{content:""; width:32px; height:32px; border-radius:50%; border:1px solid rgba(255,255,255,0.3); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.7); transition:all 0.5s ease; opacity:0;}
.hmFocus_doc ul li.on:after{opacity:1;  transform:translate(-50%,-50%) scale(1);}
.hmFsBtns{ position:absolute; bottom:23.14vh; left:calc((100vw - 1550px) / 2); z-index:2;}
.hmFs_prev{ width: 50px; height: 50px; position: relative; float: left; background: url(/images/hmfs_ar2.png) no-repeat center center; margin-right:32px; cursor:pointer; transform:rotateY(180deg) }
.hmFs_next{ width: 50px; height: 50px; position: relative; float: left; background: url(/images/hmfs_ar2.png) no-repeat center center; cursor:pointer; }
.hmFs_prev:before,
.hmFs_next:before{content:""; position:absolute; left:1px; top:1px; right:1px; bottom:1px; border:1px solid rgba(255,255,255,0.3); border-radius:50%;}
.hmFocus_item:after{ content: ""; background: url(/images/hmfsbg.png) repeat-x left center; background-size:100% 100%; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.hmBan_txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:100%; text-shadow:0 2px 8px rgba(0,0,0,0.2); padding-bottom:50px; z-index:2;}
.hmBan_txt p{ font-size: 54px; line-height: 90px; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; letter-spacing: 3px; margin-top: 8px; }
.hmBan_txt strong{ font-size: 18px; display: block; line-height: 30px; display: block; transition: all 0.8s ease; transform: translateY(50px); opacity: 0; margin: 25px 0px 0px; font-weight: normal; max-width: 880px; }
.hmBan_txt strong span{ color:#c12c25;}
.on .hmBan_txt strong{ opacity:1; transform:translateY(0);}
.on .hmBan_txt p{ opacity:1; transform:translateY(0); transition-delay:0.2s}
.hmFsBtns svg{ width:50px; height:50px; position:absolute; left:0; top:0;}
@keyframes dash{to{stroke-dashoffset:0px}}
.load{ width:100%; height:100%; position:absolute; z-index:234;left:0px;top:0px;}
.circle{stroke-dasharray:360px;stroke-dashoffset:360px}
.on .circle{animation:dash 5s linear forwards}
@keyframes nextico {
	0% {
		opacity:0;
		bottom: -22px;
	}
	10% {
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
		bottom: -35px;
	}
}
@media (max-width:1799px){
.hmBan_txt p{ font-size: 48px; line-height: 74px; letter-spacing: 2px; margin-top: 6px; }
.hmFsBtns{bottom:23.14vh; left:calc((100vw - 1140px) / 2); transform:scale(0.86); transform-origin:left center;}
}
@media (max-width:1379px){
.hmBan_txt p{ font-size: 42px; line-height: 64px; letter-spacing: 1px; margin-top: 5px; }
}
@media (max-width:1199px){
.hmFsBtns{bottom:18vh; left:calc((100vw - 940px) / 2);}
}
@media (max-width:993px){
.hmFs_bg.dsPc{display:block;}
.hmFocus,.hmFocus_item{height: 500px;}
.hmFsBtns{bottom:45px; left:calc((100vw - 720px) / 2);}
}
@media (max-width:767px){
.hmFocus .slick-dots{bottom:30px;}
.hmFocus .slick-dots li button{display:none;}
.hmFocus .slick-dots li { background:rgba(255,255,255,0.6); display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.hmFocus .slick-dots li.slick-active{ background: #fff;}
.hmFocus,.hmFocus_item{height: 300px;}
.hmBan_txt p{font-size:24px; line-height:38px;}
.hmBan_txt strong{display:none;}
.hmBan_txt{padding-bottom:0;}
}


.hmc1next{ position:absolute; left:50%; bottom:8.14vh; white-space:nowrap; z-index:2; color:#fff; cursor:pointer;}
.hmc1next span{ position:relative; color:#fff;}
.hmc1next span:after{ content:""; background: url(/images/next_arror.png) no-repeat center center; height: 16px; width: 31px; position: absolute; left: 50%; bottom: -27px; margin-left:-15px; animation:nextico 1.5s linear infinite; } 
.hm_page2{ position:relative; background: url(/images/inx_c2bg.jpg) no-repeat center center; background-size:cover;}
.hmc2video{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc2video video{ width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc2logo{ background: url(/images/hmc2logo.svg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; height:100vh;}
.hmc2tip{ text-align: center; position: relative; z-index: 2; margin-top:32vh;}
.hmc2tip img{height:137px; width:auto;}
.hmc2tip span{ font-size: 58px; line-height: 58px; letter-spacing: 20px; background: url(/images/hmc2txt_bg.jpg) repeat-x center center;-webkit-background-clip: text;color: transparent;animation: hmc2txtbg 3s linear infinite;}
.hmc2next{}
.hmc2next span{ color:var(--cor)}
.hmc2next span:after{ background: url(/images/next_arror2.png) no-repeat center center; }
@media (max-width:1799px){
.hmc2tip span{ font-size: 48px; line-height: 48px; letter-spacing: 16px;}
.hmc2tip img{height:97px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.hm_page2{position:relative; height:500px;}
.serLayer{top:-120px;}
.hmc2tip{ position:absolute; left:50%; transform:translateX(-50%); margin-top:0; top:285px;}
.hmc1next{display:none;}
.hmc2tip img{height:72px;}
.hmc2video{ background: url(/images/hmm_c2bg.jpg) no-repeat center center; }
.hmc2video video{display:none;}
.hmc2logo{height:auto!important;}
}
@media (max-width:767px){
.hm_page2{height:280px;}
.hmc2tip{top:165px;}
.hmc2tip img{height:50px;}
}


.hm_page3{ position:relative; overflow:hidden; z-index:1;}
.hmc3bgs{ position:absolute; left:0; top:0; right:0; bottom:0; background:#000; overflow:hidden}
.hmc3bgs:after{ content: ""; background: url(/images/hmc4bm_line.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc3bg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease; opacity:0;}
.hmc3bg:after{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(/images/hmc4imgBg.png) no-repeat center center; background-size:100% 100%;}
.hmc3bg.on{ opacity:1;}
.hmc3bg .coverImg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 6s ease;}
.hmc3bg.on .coverImg{ transform:scale(1.05);}
.hmc3items{ position:absolute; left:0; right:0; bottom:0; z-index:5;display:flex; justify-content:space-between; }
.hmc3items dd{ width:25%; text-align:center; position:relative; height:170px;}
.hmc3items dd:before{content:""; width:1px; height:100%; position:absolute; right:0; bottom:0; background:rgba(255,255,255,0.1); transition:all 0.5s ease;}
.hmc3items dd.hover:before{opacity:0;}
.hmc3itm{ display:block; position:absolute; left:0; bottom:0; right:0; padding:250px 45px 24px;}
.hmc3itm:before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; transition:all 0.8s ease; background: url(/images/hmc3line.png) repeat-x left bottom; background-size:auto 100%; }
.hmc3itm:after{content:"";}
@keyframes sequenceAnimation2 {
0%{background-position: 0 0;}
100%{background-position: 0px -14400px;}
}
.hmc3ico{ display:block; width:200px; height:200px; margin:0 auto; transition:all 0.5s ease; position:relative; overflow:hidden; transform:scale(0.6); transform-origin:center 85%; background-size:200px auto; background-position: 0px -4000px;}
.hmc3itm strong{ font-size: 24px; font-weight: normal; color: #FFF; letter-spacing: 2px; line-height: 66px; position:relative; }
.hmc3itm p{ max-height: 0; transition: all 0.8s ease; overflow: hidden; font-size: 14px; line-height: 24px; color: #FFF; position:relative;}
.hmc3m{ background: url(/images/hmc3m.png) no-repeat center center; margin: 0px auto; height: 0px; width: 0px; border: 1px solid rgba(255,255,255,0.5); display: block; border-radius:50%; position:relative; transition:all 0.5s ease; opacity:0; transform:scale(0)}
.hmc3itm.on{ padding-bottom:80px;}
.hmc3itm.on:before{ height:100%;}
.hmc3itm.on .hmc3ico{ transform:scale(1);animation: sequenceAnimation2 3s steps(72) infinite;}
.hmc3itm.on p{ max-height:72px; margin-top:8px; margin-bottom:68px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.hmc3itm.on .hmc3m{ opacity:1; transform:scale(1); height:46px; width:46px;}
@media (min-width:993px){
	
}
@media (max-width:1799px){
.hmc3items dd{height:140px;}
.hmc3itm{ padding:180px 20px 20px;}
.hmc3ico{ transform:scale(0.5);}
.hmc3itm strong{ font-size: 22px; line-height: 60px;}
.hmc3itm p{ font-size: 12px; line-height: 22px;}
.hmc3itm.on{ padding-bottom:50px;}
.hmc3itm.on .hmc3ico{ transform:scale(0.8);}
.hmc3itm.on p{ max-height:66px; margin-top:6px; margin-bottom:28px;}
.hmc3itm.on .hmc3m{ height:42px; width:42px;}
}
@media (max-width:1379px){
.hmc3itm strong{line-height:50px; font-size:20px;}
}
@media (max-width:1199px){
.hmc3ico{ left:-36px;}
.hmc3itm.on .hmc3ico{ transform:scale(0.7);}
}
@media (max-width:993px){
.hm_page3{height:500px;}
.hmc3items{position:relative; display:block;}
.hmc3items dd{height:500px;}
.hmc3ico{ left:0px;}
.hmc3itm{padding-bottom:80px; padding-top:0}
.hmc3itm.on{padding-bottom:85px;}
.hmc3items .slick-dots{bottom:30px;}
.hmc3items .slick-dots li button{display:none;}
.hmc3items .slick-dots li { background:rgba(255,255,255,0.6); display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.hmc3items .slick-dots li.slick-active{ background: #fff;}
}
@media (max-width:767px){

}


.hm_page4{ background: url(/images/hmc5bg.png) no-repeat center center; background-size:cover; position:relative; z-index:2;}
.hmtx{ text-align:center; max-width:1190px; margin:0 auto; margin-top:80px;}
.hmtx strong{ font-size: 42px; line-height: 42px; display: block; font-weight: normal; letter-spacing: 1px; }
.hmtx strong span{ color:var(--cor); display:inline-block; position:relative}
.hmtx strong span:after{ content: ""; background: url(/images/hmc3tico.png) no-repeat center center; height: 45px; width: 22px; position: absolute; top: -28px; right: -30px; display:none; }
.hmtx p{ font-size: 18px; line-height: 30px; margin-top: 1.82vw; }
.hmtx p a{color:var(--cor);}
.hm_page4{}
.hmc4box{ padding-right:845px; position:relative;}
.hmc4box .hmtx{ text-align:left; max-width:none;}
.hmc4box .hmtx p{ font-size:16px; line-height:28px; color:#666;}
.hmc4st{ font-size:24px; line-height:40px; margin-top:30px; margin-bottom:30px;}
.hmc4st span{color:var(--cor);}
.hmCon4glb{ width:660px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
#container:after{ content: ""; background: url(/images/map_logo.png) no-repeat center center; height: 101px; width: 262px; position: absolute; left: 50%; top: 50%; margin-left:-131px; margin-top:-50px; background-size:100% auto;}
#container {position: relative;display: inline-block;width: 900px;height: 900px;top: -5vh; transform:scale(0.8)}
.hmc4lay{ position:absolute; left:-100px; bottom:120px; background:#fff; width:525px;box-shadow: 0px 5px 15px 1px rgba(0,0,0,0.16); border-top:2px solid var(--cor); padding:20px 25px 28px; z-index:3; display:none!important;}
.hmc4lay strong{ font-size: 24px; font-weight: normal; letter-spacing: 1px; display: block; line-height:50px; }
.hmc4layps{}
.hmc4layps p{ font-size: 16px; line-height: 28px; color: #666666; }
.hmc4lay .slick-prev{ background: url(/images/abt_c3btn.png) no-repeat center center; display: inline-block; height: 30px; width: 18px; position: absolute; right: 65px; top: 35px; overflow: hidden; cursor: pointer; background-size:14px auto; z-index:1; }
.hmc4lay .slick-next{background: url(/images/abt_c3btn.png) no-repeat center center; display: inline-block; height: 30px; width: 18px; position: absolute; right: 30px; top: 35px; overflow: hidden; cursor: pointer ; transform:rotate(180deg); background-size:14px auto; z-index:1;}
.hmc4lay .slick-prev:hover,.hmc4lay .slick-next:hover{background-image:url(/images/abt_c3btn2.png);}
.hmc4mx{}
.hmc4bom{}
.hmc4bom .abt_c2bmt{ margin-top:3.12vw; margin-left:0}
.hmc4bom .abt_c2bmsw_h{ margin:0 -12px}
.hmc4globle{ width:660px; height:660px; border-radius:50%; overflow:hidden; position:relative; z-index:1; transform:scale(1.2)}
.hmc4globle2{width:580px; height:580px; transform:scale(1);}
#mymap{position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-300px; width:600px; height:600px;}
#mymap:after{content: "";background: url(/images/map_logo.png) no-repeat center center;background-size: auto;height: 101px;width: 262px; position: absolute;left: 50%;top: 50%;margin-left: -131px;margin-top: -50px; background-size: 100% auto;}
.hmc4globle iframe {width:800px; height:900px; position:absolute; left:50%; top:50%; margin-left:-455px; margin-top:-400px;}
.hmc4nx{ display:flex; margin:30px 0;}
.hmc4nx dl{ width:315px; margin-right:45px;}
.hmc4nx dl:last-child{margin-right:0!important;}
.hmc4nx dl dt{ font-size: 22px; line-height: 60px; border-bottom:1px solid #DDDFE6; margin-bottom:12px;}
.hmc4nx dl dd{ font-size: 16px; line-height: 32px; color: #666; }
.hmc4nx dl dd strong{ color: #333; width:55px; display:inline-block;}
@media (max-width:1799px){
.hmCon4glb{width:500px;}
.hmc4globle{/* transform:scale(0.8); transform-origin:35% 42%; */ transform:scale(1);}
.hmc4lay{padding:15px 20px 20px; width:465px; left:-35px;}
.hmc4lay strong{font-size:20px; line-height:30px; margin-bottom:5px;}
.hmc4layps p{font-size:14px; line-height:24px;}
.hmc4box{padding-right:600px;}
.hmtx strong{font-size:34px; line-height:34px;}
.hmtx p{font-size:16px; line-height:26px; margin-top:15px;}
.hmc4box .hmtx p{font-size:14px; line-height:26px;}
.hmc4st{font-size:20px; line-height:36px; margin-top:15px; margin-bottom:20px;}
.hmc4bom .abt_c2bmt{margin-top:2.6vw;}
.hmc4lay .slick-prev{right:60px; top:20px;}
.hmc4lay .slick-next{top:20px;}
.hmc4nx{ margin:20px 0;}
.hmc4nx dl{ width:auto; margin-right:35px;}
.hmc4nx dl dt{ font-size: 18px; line-height: 40px; margin-bottom:8px;}
.hmc4nx dl dd{ font-size: 14px; line-height: 26px;}
.hmc4nx dl dd strong{ width:45px;}
.hmc4globle2{transform:scale(0.88);}
.hmtx{margin-top:70px;}
}
@media (max-width:1379px){
.hmc4st{font-size:18px; line-height:30px;}
.hmc4bom .abt_c2bmt{margin-top:1.6vw;}
.hmc4globle2{transform:scale(0.82);}
.hmCon4glb{right:50px;}
}
@media (max-width:1199px){
.hmc4globle2{transform:scale(0.76);}
.hmCon4glb{right:10px; margin-top:-20px;}
.hmc4box{padding-right:470px;}
.hmc4nx dl dd{font-size:12px; line-height:20px;}
.hmc4bom .abt_c2bmsw_h{margin:0 32px;}
}
@media (max-width:993px){
.hmCon4glb{display:none;}
.hmc4box{padding-right:0;}
.hmc4box .hmtx{margin-top:0;}
.hm_page4{padding:50px 0;}
.hmc4nx dl{width:50%; margin-right:0;}
.hmtx{margin-top:0;}
}
@media (max-width:767px){
.hmc4nx{flex-wrap:wrap;}
.hmc4nx dl{width:100%; margin-bottom:10px;}
.hmtx strong{ font-size:24px; text-align:center;}
.hmc4mx{text-align:center; position:relative; top:-15px;}
.hmtx p{font-size:14px; line-height:22px; margin-top:10px;}
.hmc5lay{left:15px; right:15px;}
.hmc4bom{display:none;}
.hmc4nx dl dd{font-size:14px; line-height:30px;}
.hmc4nx dl dt{font-size:16px; font-weight:bold;}
}


#description { text-align: left; float: left; width: 49%; max-width: 500px; padding-top: 50px; padding-left: 20px; }
#showoff {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#container { position: relative; display: inline-block; width: 900px; height: 900px; top:-5vh; }
#sphere, #flights, #glow-shadows, #locations, #drag { position: absolute; top: 0px; left: 0px; width: 900px; height: 900px; }
#glow-shadows { top: 1px; left: 1px; }
#glow-shadows.earth { background: url(/images/earth-glow-shadows.png) no-repeat center center; }
#glow-shadows.mars { background: url(/images/mars-glow-shadows.png); }
.location { position: absolute; width: 4px; height: 4px; left: 0px; top: 0px;/* border: 0px solid #C61634; margin-left: -5px; margin-top: -5px; cursor: pointer; background:#C61634 */}
.location span{/*width:100px; line-height:16px; font-size:12px; color:#666; text-align:center; position:absolute; left:50%; margin-left:-50px; top:17px;*/}
/*.location:hover { width: 8px; height: 8px; margin-left: -7.5px; margin-top: -7.5px; }*/
.flight { position: absolute; width: 24px; height: 25px; left: 10px; top: 10px; background: url(/images/plain.png); background-size: 100% 100%; margin-left: -12px; margin-top: -12.5px; cursor: pointer; }
.flight:hover { width: 36px; height: 37.5px; margin-left: -18px; margin-top: -18.75px; }
.choose_example { width: 35%; margin-left: 32.5%; }
#example_code { width: 100%; height: 200px; background-color: black; color: white; border: 0px; resize: none; display: none; }
.code { margin-top: 10px; }
.social { display: inline-block; }
.social.twitter { vertical-align: -3px; }
.social.google { vertical-align: -7px; }
.index4shx{ background: url(/images/map_shdow.png) no-repeat center center; height: 88px; width: 398px; position: absolute; left: 50%; bottom: 0px; transform:translateX(-50%);}
/*#locations .location:nth-child(1){ background: url(/images/chicon.png) no-repeat center center; height: 20px; width: 15px; }
#locations .location:nth-child(1) span{ top:28px}*/
#locations .location{}
#locations .location span{ position:absolute; left:50%; top:50%; height: 51px; width: 51px; margin-left:-25px; margin-top:-25px; }
@keyframes impani {
  from {
    opacity: 1;
    transform: scale(0.4);
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
#locations .zhongguo1{}
#locations .zhongguo1:before,#locations .zhongguo1:after{ content: ""; background: url(/images/glb_zg2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .zhongguo1:after{ animation-delay:1.5s;}
#locations .zhongguo1 i{ background: url(/images/glb_zg.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .zhongguo2{}
#locations .zhongguo2:before,#locations .zhongguo2:after{ content: ""; background: url(/images/glb_zg2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .zhongguo2:after{ animation-delay:1.5s;}
#locations .zhongguo2 i{ background: url(/images/glb_zg.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .zhongguo3{}
#locations .zhongguo3:before,#locations .zhongguo3:after{ content: ""; background: url(/images/glb_zg2i.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .zhongguo3:after{ animation-delay:1.5s;}
#locations .zhongguo3 i{ background: url(/images/glb_zg.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .yindu{}
#locations .yindu:before,#locations .yindu:after{ content: ""; background: url(/images/glb_zg2a.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .yindu:after{ animation-delay:1.5s;}
#locations .yindu i{ background: url(/images/glb_zga.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .niboer{}
#locations .niboer:before,#locations .niboer:after{ content: ""; background: url(/images/glb_zg2b.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .niboer:after{ animation-delay:1.5s;}
#locations .niboer i{ background: url(/images/glb_zgb.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .feilvbing{}
#locations .feilvbing:before,#locations .feilvbing:after{ content: ""; background: url(/images/glb_zg2c.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .feilvbing:after{ animation-delay:1.5s;}
#locations .feilvbing i{ background: url(/images/glb_zgc.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .xinjiapo{}
#locations .xinjiapo:before,#locations .xinjiapo:after{ content: ""; background: url(/images/glb_zg2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .xinjiapo:after{ animation-delay:1.5s;}
#locations .xinjiapo i{ background: url(/images/glb_zgd.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .taiguo{}
#locations .taiguo:before,#locations .taiguo:after{ content: ""; background: url(/images/glb_zg2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .taiguo:after{ animation-delay:1.5s;}
#locations .taiguo i{ background: url(/images/glb_zge.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .yidali{}
#locations .yidali:before,#locations .yidali:after{ content: ""; background: url(/images/glb_zg2f.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .yidali:after{ animation-delay:1.5s;}
#locations .yidali i{ background: url(/images/glb_zgf.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .helan{}
#locations .helan:before,#locations .helan:after{ content: ""; background: url(/images/glb_zg2g.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .helan:after{ animation-delay:1.5s;}
#locations .helan i{ background: url(/images/glb_zgg.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .luomaniya{}
#locations .luomaniya:before,#locations .luomaniya:after{ content: ""; background: url(/images/glb_zg2h.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .luomaniya:after{ animation-delay:1.5s;}
#locations .luomaniya i{ background: url(/images/glb_zgh.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .yingguo{}
#locations .yingguo:before,#locations .yingguo:after{ content: ""; background: url(/images/glb_zg2i.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .yingguo:after{ animation-delay:1.5s;}
#locations .yingguo i{ background: url(/images/glb_zgi.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .moxige{}
#locations .moxige:before,#locations .moxige:after{ content: ""; background: url(/images/glb_zg2j.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .moxige:after{ animation-delay:1.5s;}
#locations .moxige i{ background: url(/images/glb_zgj.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

#locations .meiguo{}
#locations .meiguo:before,#locations .meiguo:after{ content: ""; background: url(/images/glb_zg2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .meiguo:after{ animation-delay:1.5s;}
#locations .meiguo i{ background: url(/images/glb_zgk.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }


#locations .baxi{}
#locations .baxi:before,#locations .baxi:after{ content: ""; background: url(/images/glb_zg2l.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; animation:impani 3s linear infinite; opacity:0 }
#locations .baxi:after{ animation-delay:1.5s;}
#locations .baxi i{ background: url(/images/glb_zgl.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.city{ width:4px; height:4px; background:#7DACC4; position:absolute; left:50%; top:50%; margin-left:-2px; margin-top:-2px;}
@media (max-width:1799px){

}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){

}


.hm_page5{}
.hmc5box{display:flex; justify-content:space-between; margin-top:2.6vw; }
.hmc5lx{ width: 40.32%; }
.hmc5rx{ width:57%;}
.hmc5sw{ position:relative;}
.hmc5sw .slick-dots{bottom:0; text-align:left; padding:0 40px 25px;}
.hmc5sw .slick-dots li button{display:none;}
.hmc5sw .slick-dots li { background:none; display: inline-block; height: 10px; width: 10px; margin: 0px 8px 0px 0px; position: relative; border-radius:50%; vertical-align:middle; border:2px solid rgba(255,255,255,0.6);}
.hmc5sw .slick-dots li.slick-active{ background:var(--cor); border: 2px solid var(--cor);}
.hmc5aBox{ display:block; position:relative;}
.hmc5aBox .overflowHide{ height:548px;}
.hmc5aBox .coverImg:after{ content: ""; background: url(/images/hmc4line.png) repeat-x left bottom; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc5lay{ color:#fff; position:absolute; left:40px; right:40px; bottom:58px;}
.hmc5lay span{ font-size: 16px; line-height: 34px; display:block; display:none; }
.hmc5lay strong{ font-size: 22px; line-height: 34px; display: block; margin-top: 10px; font-weight: normal; max-width:420px; letter-spacing:1px; }
.hmc5list{ margin:0 -24px;}
.hmc5list dd{ width:calc(50% - 48px); margin:0 24px 30px;}
.hmc5sa{ display:block; height:259px; position:relative;}
.hmc5txt{ position: relative; transition: all 0.5s ease; height:259px; border-bottom:1px solid #9A9B95; transition:all 0.5s ease;display:flex; flex-direction:column; justify-content:center; padding-bottom:10px;}
.hmc5txt strong{font-size: 24px; line-height: 36px; font-weight: normal; margin-top: 9px; letter-spacing:1px;-webkit-line-clamp:2; }
.hmc5txt p{ font-size: 16px; line-height: 27px; height:54px; color: #888888; margin-top: 16px; -webkit-line-clamp:2; transition:all 0.5s ease;}
.hmc5tm{line-height: 34px; font-size: 16px; color:#666; display:none; }
.hmc5m{ display: block; height: 33px; width: 33px; background:var(--cor) url(/images/hmc3m.png) no-repeat center center; margin-top: 18px; border-radius:50%; background-size:11px auto;}
.hmc5sa:hover{ padding:0 22px; background:#FAFAFA;}
.hmc5sa:hover .hmc5txt{border-bottom:1px solid #FAFAFA;}
.hmc5sa:hover .hmc5txt p{ height:27px; -webkit-line-clamp:1;}

@media (max-width:1799px){
.hmc5box{margin-top:2.2vw; }
.hmc5aBox .overflowHide{ height:442px;}
.hmc5lay{ left:25px; right:25px; bottom:45px;}
.hmc5lay span{ font-size: 14px; line-height: 26px; }
.hmc5lay strong{ font-size: 20px; line-height: 30px; margin-top: 6px;}
.hmc5list{ margin:0 -15px;}
.hmc5list dd{ width:calc(50% - 30px); margin:0 15px 22px;}
.hmc5sa{ height:210px;}
.hmc5txt{ height:210px; }
.hmc5txt strong{font-size: 18px; line-height:28px; margin-top:2px; }
.hmc5txt p{ font-size: 13px; line-height: 22px; margin-top: 8px; height:44px;}
.hmc5tm{line-height: 34px; font-size: 16px; }
.hmc5m{height: 30px; width: 30px; margin-top: 12px; background-size:10px auto;}
.hmc5sw .slick-dots{padding:0 25px 20px;}
}
@media (max-width:1379px){
.hmc5box{margin-top:18px;}
.hmc5txt strong{font-size:17px; line-height:26px; letter-spacing:1px;}
.hmc5txt p{font-size:12px; line-height:20px;}
.hmc5m{margin-top:5px;}
.hmc5txt,.hmc5sa{height:190px;}
.hmc5aBox .overflowHide{ height:402px;}
.hmc5sa:hover .hmc5txt p{height:22px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.hm_page5{padding:50px 0;}
.hmc5box{display:flex; flex-wrap:wrap;}
.hmc5lx{width:100%; margin-bottom:25px;}
.hmc5rx{width:100%;}
.hmc5aBox .overflowHide{height:82vw;}
}
@media (max-width:767px){
.hmc5list dd{width:calc(100% - 30px); margin-bottom:14px;}
.hmc5list dd:last-child{margin-bottom:0;}
.hmc5txt{border-bottom:1px solid #ddd; padding-bottom:20px;}
.hmc5list dd:last-child .hmc5txt{border:none;}
.hmc5txt,.hmc5sa{height:auto;}
.hmc5lay strong{font-size:17px; line-height:26px;}
}


.hm_page6{ background-repeat:no-repeat; background-size:cover; color:#fff; position:relative; overflow:hidden}
.hmc6clound{}
.hm_page6 .container{position:relative; z-index:1;}
.hm_page6 .hmtx_w{max-width:860px;}
.hmtx_w{ color:#fff;}
.hmc6list{ margin-top:6.5vw;}
.hmc6list dd{ width:25%; text-align:center; padding:0 2.5vw; transition:all 0.5s ease;}
.hmc6list dd a{color:#fff;}
.hmc6list dd:hover{transform:translateY(-18px);}
.hmc6list dd strong{ font-size: 32px; line-height: 46px; letter-spacing: 1px; margin-top: 25px; font-weight: normal; display: block; }
.hmc6list dd p{ font-size: 16px; line-height: 30px; margin-top: 14px; }
.hmc6ico{ width:100px; height:100px; margin:0 auto; transition:all 0.5s ease; display:block}
.hmc6mx{ margin-top:4.16vw; text-align:center}
.hmc6m{ line-height: 36px; text-align: center; display: inline-block; width: 122px; font-size: 14px; color: #FFF; background:var(--cor); border-radius:2em; transition:all 0.5s ease;}
.hmc6m:hover{box-shadow: 0 10px 25px rgba(0,143,132,0.3); color:#fff;transform: translateY(-8px);}
.hmc6clound{ background: url(/images/hmc2yun.png) repeat-x left bottom; animation:animate-cloud 30s linear infinite; position:absolute; left:0; right:0; bottom:-300px; opacity:0.35; height:590px;}
.hmc6list dd:hover .hmc6ico{ transform:rotateY(180deg);}
@media (max-width:1799px){
.hm_page6 .hmtx_w{max-width:780px;}
.hmc6list{ margin-top:5.8vw;}
.hmc6list dd{ padding:0 1.8vw;}
.hmc6list dd strong{ font-size: 24px; line-height: 38px; margin-top: 20px;}
.hmc6list dd p{ font-size: 14px; line-height: 26px; margin-top: 10px; }
.hmc6ico{ width:80px; height:80px; }
.hmc6mx{ margin-top:3.8vw;}
.hmc6m{font-size:13px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.hm_page6{padding:50px 0;}
.hmc6list{display:block; padding-bottom:50px;}
.hmc6list .slick-dots{bottom:10px;}
.hmc6list .slick-dots li button{display:none;}
.hmc6list .slick-dots li { background:rgba(255,255,255,0.6); display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.hmc6list .slick-dots li.slick-active{ background: #fff;}
}
@media (max-width:767px){

}

.footer{ border-top:5px solid var(--cor); background:#000000; color:#fff; padding-top:1.97vw;}
.footer .container{}
.foot_top{display:flex; justify-content:space-between; position:relative; padding-bottom:2.34vw; }
.foot_lx{}
.foot_logo{ margin-bottom:1.71vw; display:block}
.foot_logo img{}
.foot_lx p{ font-size: 14px; line-height: 24px; margin-bottom: 14px; }
.foot_nav{ display:flex;}
.foot_nav dl{ margin-left:2.86vw; padding-top:32px;}
.foot_nav dl dt{ font-size: 16px; margin-bottom:18px; }
.foot_nav dl dd{ font-size: 14px; line-height: 36px; }
.foot_a1{ color:#fff;}
.foot_a2{ color:rgba(255,255,255,0.8);}
.foot_a1:hover{ color:#fff;}
.foot_a2:hover{color:#fff;}
.foot_rx{ text-align:center; padding-top:35px;}
.foot_rx p{ font-size: 14px; line-height: 20px; margin-top: 18px; color: #7F7F7F; }
.backTop{ background:var(--cor) url(../images/top.png) no-repeat center center; height: 42px; width: 42px; position: absolute; top: 92px; right: -120px; border-radius:50%; cursor:pointer; }
.copy_right{ font-size: 14px; line-height: 28px; padding: 28px 0px; color: #7F7F7F; border-top:1px solid #666666; text-align:center }
.copy_right p{display:inline-block;}
.copy_right a{color:#7F7F7F}
@media (max-width:1799px){
.foot_logo img{ height:50px; width:auto;}
.foot_lx p{ font-size: 13px; line-height: 24px; margin-bottom: 10px; }
.foot_nav dl{ margin-left:2vw; padding-top:26px;}
.foot_nav dl dt{ font-size: 15px; margin-bottom:16px; }
.foot_nav dl dd{ font-size: 12px; line-height: 30px; }
.foot_rx{ padding-top:28px; width:128px;}
.foot_rx p{ font-size: 13px; line-height: 20px; margin-top: 14px;}
.backTop{height: 40px; width: 40px; top: 73px; right: -90px;  }
.copy_right{ font-size: 13px; line-height: 26px; padding: 18px 0px }
}
@media (max-width:1379px){
.backTop{right:0;}
.foot_rx{margin-right:70px;}
}
@media (max-width:1199px){
.foot_nav dl{margin-left:20px;}
.foot_rx{width:100px; margin-right:52px;}
.foot_lx{max-width:145px;}
}
@media (max-width:993px){
.backTop{display:none;}
.foot_top{flex-wrap:wrap;}
.foot_lx{width:100%; max-width:none;}
.foot_nav{width:100%;}
.foot_rx{width:100%; margin-right:0}
.foot_nav{flex-wrap:wrap;}
.foot_nav dl{margin-left:0; overflow:hidden; width:100%; padding-top:15px;}
.foot_nav dl dt{width:100%; margin-bottom:8px;}
.foot_nav dl dd{float:left; margin-right:25px;}
.foot_nav{display:none;}
.foot_lx{text-align:center;}
}
@media (max-width:767px){
.footer{padding-top:25px;}
.foot_lx p{margin-bottom:3px;}
.foot_top{padding-bottom:25px;}
}

@media (min-width:993px){
.hmc2video{transition:all 0.8s ease-in-out; transform:translate(0px,0px); opacity:0; }
.active .hmc2video{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc2tip{transition:all 1.2s ease-in-out; transform:translate(0px,180px); opacity:0; }
.active .hmc2tip{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc3items{transition:all 1s ease-in-out; transform:translate(0px,180px); opacity:0; }
.active .hmc3items{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmtx strong{transition:all 0.8s ease-in-out; transform:translate(0px,180px); opacity:0; }
.active .hmtx strong,.active2 .hmtx strong{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmtx p{transition:all 0.8s ease-in-out; transform:translate(0px,180px); opacity:0; }
.active .hmtx p,.active2 .hmtx p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc4swiper,.hmc5box,.hmc6list {transition:all 0.8s ease-in-out; transform:translate(0px,180px); opacity:0; }
.active .hmc4swiper,.active .hmc5box,.active .hmc6list,.active2 .hmc6list {opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc4nx {transition:all 0.8s ease-in-out; transform:translate(0px,180px); opacity:0; }
.active .hmc4nx {opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc6mx{transition:all 0.8s ease-in-out; transform:translate(0px,180px); opacity:0; }
.active .hmc6mx,.active2 .hmc6mx{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmc4st{transition:all 0.8s ease-in-out; transform:translate(0px,180px); opacity:0; }
.active .hmc4st{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc4mx{transition:all 0.8s ease-in-out; transform:translate(0px,180px); opacity:0; }
.active .hmc4mx{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc4bom{transition:all 0.8s ease-in-out; transform:translate(0px,180px); opacity:0; }
.active .hmc4bom{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmCon4glb{transition:all 0.8s ease-in-out; opacity:0; }
.active .hmCon4glb{opacity:1; transition-delay:0.7s;}
}


.m2banner{ position:relative; overflow:hidden}
.m2banner .coverImg{ height:33.85vw;}
.m2banTxt{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; color:#fff;}
.m2banTxt p{ font-size: 18px; line-height: 26px; text-transform: uppercase; }
.m2banTxt strong{ font-size: 56px; line-height: 72px; font-weight: 100; display: block; margin-top: 18px; }
.m2menuWpr{border-bottom:1px solid #E9E9E9;}
.m2menu{ display:flex;}
.m2menu_a{ display: inline-block; margin-right: 45px; line-height: 88px; font-size: 18px; position:relative; }
.m2menu_a.on{ color:var(--cor);}
.m2menu_a:after{content:""; width:6px; height:6px; position:absolute; left:50%; bottom:18px; border-radius:50%; background:var(--cor); transition:all 0.5s ease; opacity:0}
.m2menu_a.on:after,.m2menu_a:hover:after{ opacity:1;}
.pages{ text-align:center;}
.pages a{ display:inline-block; line-height:42px; min-width:42px; text-align:center; padding:0 12px; background:#F5F5F5; font-size:16px; margin:0 6px;}
.pages a.on,.pages a:hover{ background:var(--cor); color:#fff;}
@media (max-width:1799px){
.m2banTxt p{font-size:16px; line-height:24px;}
.m2banTxt strong{font-size:44px; line-height:58px; margin-top:15px;}
.m2menu_a{font-size:16px; margin-right:35px; line-height:68px;}
.m2menu_a:after{bottom:10px;}
.pages a{ line-height:38px; min-width:38px; padding:0 10px; font-size:14px; margin:0 4px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2banTxt strong{font-size:38px; line-height:50px; margin-top:10px;}
.m2menu_a{margin:0 12px;}
.m2menu{display:block; text-align:center;}
}
@media (max-width:767px){
.m2banner .coverImg{height:52vw;}
.m2banTxt strong{font-size:24px; line-height:36px; margin-top:6px;}
.m2menuWpr{}
.m2menuWpr .container{overflow-x:auto;}
.m2menu{display:inline; white-space:nowrap;}
.pages a{line-height:32px; min-width:32px; margin:0 1px;}
}


.news_page{}
.news_con1{}
.news_con1 dd{}
.news_c1item{display:flex; justify-content:space-between;flex-direction:row-reverse; background:#F8F8F8;}
.news_c1item .overflowHide{ width:50%; height:490px;}
.news_c1txt{padding:65px 85px; width:50%;}
.news_c1txt strong{ font-size: 28px; line-height: 38px; font-weight: normal; margin-top: 25px; -webkit-line-clamp:2;}
.news_c1txt p{ font-size: 16px; line-height: 26px; color: #999999; -webkit-line-clamp:3; margin-top:25px;display:-webkit-box;-webkit-box-orient:vertical; overflow:hidden}
.news_c1tm{ font-size: 20px; line-height: 20px; color: #888888; font-weight: 100; }
.news_c1m{margin-top:35px;}
.pubm{ display: inline-block; padding-left: 42px; font-size: 16px; line-height: 42px; color: #999999; height: 42px; position:relative }
.pubm:before{content:""; width:42px; height:42px; position:absolute; left:0; top:0; background: url(/images/pm1.svg) no-repeat left center; transition:all 0.5s ease;}
.pubm:after{content:""; width:42px; height:42px; position:absolute; left:0; top:0; background: url(/images/pm1a.svg) no-repeat left center; transition:all 0.5s ease; opacity:0;}
.pubmWpr:hover .pubm:before{ opacity:0;}
.pubmWpr:hover .pubm:after{ opacity:1;}
.pubmWpr:hover .pubm{color:var(--cor);}
.news_con1 .slick-dots{bottom:60px; left:85px; text-align:left;}
.news_con1 .slick-dots li button{display:none;}
.news_con1 .slick-dots li {border-bottom:2px solid #E6E6E6; display: inline-block; height: 20px; width: 50px; margin: 0px 10px 0 0; position: relative; vertical-align:bottom}
.news_con1 .slick-dots li.slick-active{ border-bottom:4px solid var(--cor);}
.news_con2{ margin-top:4.16vw; margin-bottom:2.6vw;}
.news_con2 li{ margin-bottom:28px;}
.news_c2item{display:flex; justify-content:space-between; padding:40px; background:#fff; border-radius:0.6em; border:1px solid #fff; box-shadow:0 8px 18px rgba(0,0,0,0.1);}
.news_c2item .overflowHide{ width:380px; height:245px;}
.news_c2item:hover{border:1px solid var(--cor);}
.news_c2txt{ width:calc(100% - 428px); padding-top:18px; position:relative;}
.news_c2txt strong{ font-size: 28px; font-weight: normal; line-height: 48px;}
.news_c2txt p{ font-size: 16px; line-height: 30px; color: #999999; margin-top: 10px; -webkit-line-clamp:2;}
.news_c2fun{ position:absolute; left:0; right:0; bottom:18px;display:flex; justify-content:space-between; }
.news_c2fun span:nth-child(1){}
.news_c2fun span:nth-child(2){ font-size: 16px; line-height: 42px; color: #999999; background: url(/images/news_tm.png) no-repeat left center; padding-left: 24px; }
@media (max-width:1799px){
.news_c1item .overflowHide{ height:400px;}
.news_c1txt{padding:45px 35px;}
.news_c1txt strong{ font-size: 23px; line-height: 36px; margin-top:18px;}
.news_c1txt p{ font-size: 14px; line-height: 24px; -webkit-line-clamp:3; margin-top:18px;}
.news_c1tm{ font-size: 16px; line-height: 16px;}
.news_c1m{margin-top:25px;}
.pubm{ padding-left: 35px; font-size: 14px; line-height: 38px;height: 38px;}
.pubm:before{width:38px; height:38px; background-size:28px auto;}
.pubm:after{width:38px; height:38px; background-size:28px auto;}
.news_con1 .slick-dots{bottom:50px; left:40px;}
.news_con2{ margin-top:3vw;}
.news_con2 li{ margin-bottom:18px;}
.news_c2item{padding:30px;}
.news_c2item .overflowHide{ width:300px; height:192px;}
.news_c2txt{ width:calc(100% - 330px); padding-top:10px;}
.news_c2txt strong{ font-size: 22px; line-height: 38px;}
.news_c2txt p{ font-size: 14px; line-height: 26px; margin-top:6px; }
.news_c2fun{bottom:12px; }
.news_c2fun span:nth-child(2){ font-size: 14px; line-height: 38px; padding-left: 24px; }
}
@media (max-width:1379px){
.news_c2txt strong{ font-size:20px;}
}
@media (max-width:1199px){
.news_c2item .overflowHide{height:172px;}
}
@media (max-width:993px){
.news_c1item{flex-wrap:wrap;}
.news_c1item .overflowHide{width:100%;}
.news_c1txt{width:100%;}
.news_c2item .overflowHide{width:250px;}
.news_c2txt{width:calc(100% - 270px);}
.news_con2{margin-bottom:25px;}
.news_con1 .slick-dots{text-align:center; left:0}
.news_c1txt strong{font-size:21px;}
}
@media (max-width:767px){
.news_c1item .overflowHide{height:58vw;}
.news_c1txt{padding:25px 15px 50px;}
.news_c1txt strong{font-size:18px; line-height:32px; margin-top:10px;}
.news_c1txt p{margin-top:10px;}
.news_c1m{margin-top:8px;}
.news_con1 .slick-dots{bottom:35px;}
.news_con2{margin-top:12vw;}
.news_c2item{padding:18px; flex-wrap:wrap;}
.news_c2item .overflowHide{width:100%; height:58vw;}
.news_c2txt{width:100%; margin-top:15px; margin-top:5px;}
.news_c2txt strong{font-size:16px; line-height:32px;}
.news_c2txt p{font-size:12px; line-height:24px; margin-top:0}
.news_c2fun{position:relative; bottom:0; margin-top:15px;}
}


.dtl_page{ background:#F8F8F8; padding-top:100px;}
.pos_boxwpr{ display:flex;flex-direction:row-reverse;}
.pos_pos{ line-height: 80px; font-size: 16px; color: #777; background: url(/images/pos_ico1.png) no-repeat left center; padding-left: 32px; }
.pos_a{ color:#777; display:inline-block; position:relative; line-height:80px; padding-right:30px;}
.pos_a:after{ content: ""; background: url(/images/pos_ar.png) no-repeat center center; height: 9px; width: 5px; position: absolute; top: 50%; right: 11px; margin-top: -4px; }
.pos_pos span{ color:var(--cor);}
.dtl_con{ position:relative;}
.dtl_lx{ width:calc(100% - 388px); padding:44px 45px 48px; background:#fff; float:left;}
.dtl_t{ font-size: 34px; font-weight: normal; display: block; line-height: 50px; letter-spacing: 1px; }
.dtl_info{ padding: 16px 0px 18px; border-bottom: 1px solid #E9E9E9; }
.dtl_tm{ display: inline-block; padding-left: 24px; background: url(/images/news_tm.png) no-repeat left center; font-size: 16px; color: #999999; line-height: 28px; }
.dtl_editor{ font-size: 16px; line-height: 30px; color: #555555; padding-top: 25px; }
.dtl_editor strong{color:#333;}
.dtl_rx{ width:366px; background:#fff; float:right; padding:11px 30px 20px;position: -webkit-sticky;position: sticky;top: 120px; }
.dtl_rt{background: url(/images/dtl_tlg.png) no-repeat left center; padding-left: 25px; line-height: 60px; height: 60px; font-size: 22px; }
.dtl_aimg{ display:block;}
.dtl_aimg .overflowHide{ height:177px;}
.dtl_aimg .coverImg:after{content:"";background: linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%); position:absolute; left:0; right:0; bottom:0; top:0 }
.dtl_aimg p{ font-size: 16px; line-height: 22px; color: #FFF; position: absolute; left: 17px; right: 17px; bottom: 15px; -webkit-line-clamp:2;}
.dtl_rul{ margin-top:22px;}
.dtl_rul li{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #F1F1F1;}
.dtl_rul li:last-child{border:none!important; margin-bottom:0!important}
.dtl_rul li p{ -webkit-line-clamp: 2; font-size: 16px; line-height: 24px; }
.dtl_ra{ color: #666;}
.dtl_pages{ width:50px; position:absolute; top:0; left:-1260px;}
.dtl_pa{ display: inline-block; border: 1px solid #C8C8C8; margin-bottom: 20px; border-radius:50%; height:50px; display:block; position:relative; cursor:pointer;}
.dtl_pa:hover{ border: 1px solid var(--cor);}
.dtl_pa1{ background: url(/images/dtl_lico1.png) no-repeat center center; }
.dtl_pa1:hover{ background: url(/images/dtl_lico1a.png) no-repeat center center; }
.dtl_pa2{ background: url(/images/dtl_lico2.png) no-repeat center center; }
.dtl_pa2:hover{ background: url(/images/dtl_lico2a.png) no-repeat center center; }
.dtl_pa3{ background: url(/images/dtl_lico3.png) no-repeat center center; }
.dtl_pa3:hover{ background: url(/images/dtl_lico3a.png) no-repeat center center; }
.dtl_pa4{ background: url(/images/dtl_lico4.png) no-repeat center center; }
.dtl_pa4:hover{ background: url(/images/dtl_lico4a.png) no-repeat center center; }
.dtl_pa span{ display:block; line-height:50px; font-size:12px; text-align:center; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; background:var(--cor); color:#fff; border-radius:50%; transition:all 0.5s ease; opacity:0;}
.dtl_pa:hover span{opacity:1;}
.dtl_shax{ padding-top:10px; width:50px; position:absolute; left:0; top:50px; text-align:center; transition:all 0.5s ease; opacity:0; transform:scaleY(0); visibility:hidden; transform-origin:center top;}
.dtl_pa:hover .dtl_shax{opacity:1; visibility:visible; transform:scaleY(1);}
.dtl_shaxs{background: #FFFFFF; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.07); border-radius:2em; padding:16px 0 2px;}
.dtl_shaxs a{ display:block; width:30px; height:30px; margin:0 auto 14px; border-radius:50%; overflow:hidden; background-size:cover!important;}
.dtl_ha1{ background:url(/images/shar1a.png) no-repeat center center;}
.dtl_ha2{background:url(/images/shar2a.png) no-repeat center center;}
.dtl_ha3{background:url(/images/shar3a.png) no-repeat center center;}
@media (max-width:1799px){
.pos_pos{font-size:14px; line-height:60px; padding-left:28px; background-size:20px auto;}
.pos_a{padding-right:20px; line-height:60px;}
.pos_a:after{right:5px;}
.dtl_page{padding-top:80px;}
.dtl_lx{ width:calc(100% - 320px); padding:30px 25px 38px;}
.dtl_t{ font-size: 28px; line-height: 40px; }
.dtl_info{ padding: 15px 0px;}
.dtl_tm{font-size: 14px;}
.dtl_editor{ font-size: 14px; line-height:26px; padding-top: 20px; }
.dtl_rx{ width:300px; padding:8px 20px 15px;top: 100px; }
.dtl_rt{ font-size: 20px; }
.dtl_aimg .overflowHide{ height:166px;}
.dtl_aimg p{ font-size: 14px; left: 12px; right: 12px; bottom: 12px;}
.dtl_rul{ margin-top:20px;}
.dtl_rul li{ padding-bottom:12px; margin-bottom:12px;}
.dtl_rul li p{ font-size: 14px; line-height: 22px; }
.dtl_pages{ width:42px; left:-900px;}
.dtl_pa{ margin-bottom: 15px; height:42px; background-size:20px auto!important}
.dtl_pa:hover{ border: 1px solid var(--cor);}
.dtl_pa1{ background: url(/images/dtl_lico1.png) no-repeat center center; }
.dtl_pa1:hover{ background: url(/images/dtl_lico1a.png) no-repeat center center; }
.dtl_pa2{ background: url(/images/dtl_lico2.png) no-repeat center center; }
.dtl_pa2:hover{ background: url(/images/dtl_lico2a.png) no-repeat center center; }
.dtl_pa3{ background: url(/images/dtl_lico3.png) no-repeat center center; }
.dtl_pa3:hover{ background: url(/images/dtl_lico3a.png) no-repeat center center; }
.dtl_pa4{ background: url(/images/dtl_lico4.png) no-repeat center center; }
.dtl_pa4:hover{ background: url(/images/dtl_lico4a.png) no-repeat center center; }
.dtl_pa span{line-height:40px;}
.dtl_shax{ width:40px; top:40px;}
.dtl_shaxs{ padding:7px 0 2px;}
.dtl_shaxs a{margin-bottom:5px;}
}
@media (max-width:1379px){
.dtl_lx {width: calc(100% - 340px);padding: 30px 25px 38px; position:relative; left:20px;}
.dtl_pages {width: 42px;left: -875px;}
}
@media (max-width:1199px){
.dtl_page{padding-top:10px;}
.dtl_rx{top:70px;}
.dtl_t{ font-size: 24px; line-height:36px; }
}
@media (max-width:993px){
.dtl_lx{width:100%; float:none; left:0}
.dtl_rx{width:100%; float:none; margin-top:20px}
.dtl_aimg .overflowHide{height:50vw;}
}
@media (max-width:767px){
.dtl_lx{padding:22px 15px;}
.dtl_t{font-size:22px; line-height:34px;}
.pos_pos{line-height:24px; padding:10px 0 18px 28px; background-position:left 13px}
.pos_a{line-height:24px;}
}


.pro_page{}
.pro_con1{}
.pro_nav{display:flex; justify-content:space-between; border-bottom:1px solid #DCDBDB;}
.m2pt{ font-size: 46px; line-height: 46px; letter-spacing:2px;}
.m2pt span{color:var(--cor);}
.pro_navitems{ display:flex;}
.pro_navitems li{ margin-left:75px;}
.pro_nava{ display: block; position: relative; height: 150px; text-align: center; color: #666; }
.pro_nava p{ font-size: 16px; line-height: 30px; margin-top: 18px; }
.pro_nava .coverImg{ width:90px; height:70px; border-radius:0.6em; display:block; margin:0 auto; overflow:hidden; transition:all 0.5s ease; box-shadow:0 8px 18px rgba(0,0,0,0.1);}
.pro_nava.on .coverImg,.pro_nava:hover .coverImg{border:1px solid var(--cor);}
.pro_nava.on{color:var(--cor);}
.pro_nava:after{content:""; transition:all 0.5s ease; height:5px; background:var(--cor); position:absolute; left:50%; bottom:-1px; left:50%; transform:translateX(-50%); width:0%;}
.pro_nava.on:after,.pro_nava:hover:after{width:100%;}
.pro_part{height:0px; overflow:hidden; display:block; position:relative; top:-4.4vw;}
.pro_tags{ margin-top: 3.64vw; }
.pro_taga{ display: inline-block; padding: 0px 25px; line-height: 44px; font-size: 16px; color: #666; border: 1px solid #D0CFCE; margin-right: 18px; border-radius:2em; min-width:170px; text-align:center; cursor:pointer;}
.pro_taga.on,.pro_taga:hover{ color:#fff; background:var(--cor); border:1px solid var(--cor);}
.pro_changx{ margin-top: 3.64vw; }
.pro_change_item{ display:none;}
.pro_change_item.on{ display:block; animation:fadeInUp 0.5s ease;}
.pro_change_item strong{ font-size: 40px; line-height: 50px; font-weight: normal; display: block; letter-spacing: 1px; } 
.pro_change_item p{ font-size: 18px; line-height: 30px; color: #666666; margin-top: 28px; }
.pro_con2{}
.pro_c2item{ background:#F8F8F8;}
.pro_c2item .container{display:flex; justify-content:space-between;}
.pro_con2 .pro_c2item:nth-child(2n){ background:#fff;}
.pro_c2img{ width:48.38%;}
.pro_c2img .overflowHide{ height:480px;}
.pro_c2txt{ width:45.16%; padding-top:20px;}
.pro_c2t{ font-size: 32px; line-height: 44px; font-weight: normal; letter-spacing: 1px; margin-bottom:26px; }
.pro_c2st{ font-size: 18px; line-height: 30px; color: #999; }
.pro_c2td{ margin-top:14px; margin-bottom:30px;}
.pro_c2td p{ font-size: 16px; line-height: 28px; margin-bottom: 8px; background: url(/images/pro_squer.svg) no-repeat left 6px; padding-left: 28px; }
.pro_links{ margin-top:15px; font-size:0;}
.pro_c2a{ font-size: 16px; line-height: 38px; text-align: center; display: inline-block; border: 1px solid #D9D9D9; margin: 0px 18px 18px 0px; width: 200px; color: #999; }
.pro_c2a:hover{ border:1px solid var(--cor); background:var(--cor); color:#fff;}
@media (min-width:2000px){
.pro_part{ top:-3.4vw;}
}
@media (max-width:1799px){
.m2pt{ font-size: 36px; line-height: 36px; letter-spacing:1px;}
.pro_navitems li{margin-left:55px;}
.pro_nava .coverImg{width:80px; height:60px;}
.pro_nava p{font-size:15px; line-height:26px;}
.pro_nava:after{height:4px;}
.pro_nava{height:130px;}
.pro_tags{margin-top:2.5vw;}
.pro_taga{font-size:15px; line-height:42px; padding:0 22px; min-width:140px; margin-right:12px;}
.pro_change_item strong{font-size:30px; line-height:40px;}
.pro_change_item p{font-size:16px; line-height:28px; margin-top:18px;}
.pro_c2img .overflowHide{ height:380px;}
.pro_c2txt{padding-top:5px;}
.pro_c2t{ font-size: 26px; line-height: 38px; margin-bottom:20px; }
.pro_c2st{ font-size: 16px; line-height: 28px;}
.pro_c2td{ margin-top:10px; margin-bottom:15px;}
.pro_c2td p{ font-size: 14px; line-height: 26px; margin-bottom: 6px; padding-left: 25px; }
.pro_links{ margin-top:10px; font-size:0;}
.pro_c2a{ font-size: 14px; line-height: 32px; margin: 0px 12px 12px 0px; width: 158px; }
.pro_part{ top:-4.8vw;}
}
@media (max-width:1379px){
.m2pt{font-size:32px; line-height:32px;}
.pro_part{ top:-5.2vw;}
}
@media (max-width:1199px){
.pro_c2txt{width:48%;}
.pro_c2a{width:128px; font-size:13px;}
}
@media (max-width:993px){
.m2pt{font-size:26px; line-height:36px;}
.pro_nav{ flex-wrap:wrap;}
.pro_nav .m2pt{width:100%; text-align:center; margin-bottom:25px;}
.pro_navitems{justify-content:space-around; width:100%;}
.pro_navitems li{margin-left:0;}
.pro_tags{width:100%; overflow-x:auto;}
.pro_tags_x{ display:inline; white-space:nowrap;}
.pro_change_item{text-align:center;}
.pro_change_item strong{font-size:26px; line-height:32px;}
.pro_c2item .container{flex-wrap:wrap;}
.pro_c2img{width:100%;}
.pro_c2txt{width:100%; margin-top:25px;}
.pro_c2t{font-size:22px; line-height:34px;}
}
@media (max-width:767px){
.m2pt{font-size:22px; line-height:34px;}
.pro_nava p{white-space:nowrap;}
.pro_navitems li{padding:0 10px; display:inline-block}
.pro_navitems_wpr{ overflow-x:auto;}
.pro_navitems{display:inline; white-space:nowrap;}
.pro_tags{margin-top:25px;}
.pro_changx{margin-top:12vw;}
.pro_change_item strong{font-size:24px; line-height:28px;}
.pro_change_item p{font-size:14px; line-height:28px; margin-top:5px;}
.pro_c2img .overflowHide{height:55vw;}
.pro_c2t{margin-bottom:10px;}
.pro_links{display:flex; margin:25px -6px 0; flex-wrap:wrap;}
.pro_c2a{width:calc(50% - 12px); margin:0 6px 10px;}
}


.dp_page{ padding-top:100px;}
.dp_con1{ background:#F7F7F7;}
.dp_con1 .container{display:flex; justify-content:space-between; flex-direction:row-reverse;}
.dp_c1img{  width:50%; height:517px;}
.dp_c1txt{ width:43.87%;}
.dp_c1st{ font-size: 20px; line-height: 30px; color: #999999; }
.dp_c1t{ font-size: 40px; line-height: 56px; margin-top: 18px; padding-bottom: 26px; border-bottom: 1px solid #DCDCDC; }
.dp_c1des{ margin-top: 38px; font-size: 16px; line-height: 30px; color: #666666; text-align: justify; }
.dp_c1btns{ margin-top: 2.6vw; position: relative; display:flex;}
.dp_c1btn1{ font-size: 18px; line-height: 56px; color: #FFF; display: inline-block; height: 56px; width: 160px; margin-right: 20px; background:var(--cor) url(../images/dp_btn1.png) no-repeat 29px center; padding-left: 60px; border-radius:2em; cursor:pointer;}
.dp_c1btn1:hover{ color:#fff; transform:translateY(-6px); box-shadow:0 5px 18px rgba(0,143,132,0.3);}
.dp_c1btn2{ font-size: 18px; line-height: 56px; color: #FFF; display: inline-block; height: 56px; width: 180px; margin-right: 20px; background:#1A1311 url(../images/dp_btn2.png) no-repeat 29px center; padding-left: 60px; border-radius:2em; cursor:pointer;}
.dp_c1btn2:hover{ color:#fff; transform:translateY(-6px); box-shadow:0 5px 18px rgba(0,0,0,0.3);}
.dp_c1back{ background: url(/images/dtl_lico1.png) no-repeat left center; padding-left: 30px; font-size: 18px; line-height: 56px; color: #999999; display: inline-block; position:absolute; right:0; top:0; }
.dp_c1back:hover{ background: url(/images/dtl_lico1a.png) no-repeat left center; }
.dp_con2{ padding-bottom:0}
.dp_c2t{ font-size: 30px; line-height: 30px; padding-left: 32px; position: relative; background: url(/images/npro_tline.svg) no-repeat left center; }
.dp_c2tags{ margin: 35px -18px 0px; padding-bottom:2.6vw; }
.dp_c2tags li{ width:calc(25% - 36px); margin:0 18px 36px; height:130px; border:1px solid #DCDCDC; padding:0 30px;display:flex; flex-direction:column; justify-content:center; transition:all 0.5s ease;}
.dp_c2tags li:hover{transform:translateY(-8px);}
.dp_c2tags li span{ background: url(/images/pro_squer_b.svg) no-repeat left center; display: inline-block; padding-left: 40px; font-size: 20px; line-height: 32px; color: #666; }
.dp_c2list{ margin-top: 35px; margin-right: -18px; margin-left: -18px; }
.dp_c2list dd{ width:calc(25% - 36px); margin:0 18px;}
.dp_c2item{ display:block;}
/*.dp_c2item:hover{ transform:translateY(-8px); box-shadow:0 5px 18px rgba(0,143,132,0.3);}*/
.dp_c2item .overflowHide{ height:220px;}
.dp_c2item p{ line-height: 56px; font-size: 16px; color: #FFF; padding: 0px 20px; height: 56px; text-align: center; background:var(--cor);}
.dp_c2list .slick-prev{ background: url(/images/abt_c3btn.png) no-repeat center center; display: inline-block; height: 30px; width: 18px; position: absolute; left: -38px; top: 50%; margin-top:-15px; overflow: hidden; cursor: pointer }
.dp_c2list .slick-next{background: url(/images/abt_c3btn.png) no-repeat center center; display: inline-block; height: 30px; width: 18px; position: absolute; right: -38px; top: 50%; margin-top:-15px; overflow: hidden; cursor: pointer ; transform:rotate(180deg);}
.dp_c2list .slick-prev:hover,.dp_c2list .slick-next:hover{background-image:url(/images/abt_c3btn2.png);}
@media (max-width:1799px){
.dp_page{padding-top:80px;}
.dp_c1img{height:380px;}
.dp_c1txt{ width:45%;}
.dp_c1st{ font-size: 18px; line-height: 26px;}
.dp_c1t{ font-size: 32px; line-height: 32px; margin-top: 12px; padding-bottom: 20px; }
.dp_c1des{ margin-top: 20px; font-size: 14px; line-height:26px;}
.dp_c1btns{ margin-top: 2vw;}
.dp_c1btn1{ font-size: 16px; line-height:48px; height: 48px; width: 140px; margin-right: 12px; background:var(--cor) url(../images/dp_btn1.png) no-repeat 20px center; padding-left: 50px; background-size:20px auto;}
.dp_c1btn2{ font-size: 16px; line-height: 48px; height: 48px; width: 150px; margin-right: 12px; background:#1A1311 url(../images/dp_btn2.png) no-repeat 20px center; padding-left: 50px;}
.dp_c1back{ padding-left: 25px; font-size: 16px; line-height: 48px; background-size:22px auto!important; }
.dp_c2t{ font-size: 24px; line-height:24px; padding-left:28px; background-size:auto 20px;}
.dp_c2t:before{width:14px;}
.dp_c2tags{ margin: 25px -12px 0px;}
.dp_c2tags li{ width:calc(25% - 24px); margin:0 12px 24px; height:110px; padding:0 20px;}
.dp_c2tags li span{ padding-left: 34px; font-size: 16px; line-height:26px; background-size:22px auto;}
.dp_c2list{ margin-top: 25px; margin-right: -12px; margin-left: -12px; }
.dp_c2list dd{ width:calc(25% - 24px); margin:0 12px;}
.dp_c2item .overflowHide{ height:160px;}
.dp_c2item p{ line-height: 52px; font-size: 15px; padding: 0px 18px; height: 52px;}
}
@media (max-width:1379px){
.dp_c1t{font-size:26px; line-height:26px;}
.dp_c2list{margin-left:20px; margin-right:20px;}
.dp_c2list .slick-prev{ left:-28px;}
.dp_c2list .slick-next{right:-28px;}
}
@media (max-width:1199px){
.dp_page{padding-top:10px;}
.dp_c2tags{ margin: 25px -8px 0px;}
.dp_c2tags li{ width:calc(25% - 16px); margin:0 8px 16px; height:90px; padding:0 15px;}
.dp_c2tags li span{ padding-left: 34px; font-size: 15px; line-height:24px; }
}
@media (max-width:993px){
.dp_con1 .container{flex-wrap:wrap;}
.dp_c1img{width:100%;}
.dp_c1txt{width:100%; margin-top:25px;}
.dp_c2tags{flex-wrap:wrap;}
.dp_c2tags li{ width:calc(50% - 16px);}
.dp_c2list{padding-bottom:35px; margin-left:-12px; margin-right:-12px}
.dp_c2list .slick-dots{bottom:0px;}
.dp_c2list .slick-dots li button{display:none;}
.dp_c2list .slick-dots li { background:#ccc; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.dp_c2list .slick-dots li.slick-active{ background:var(--cor);}
}
@media (max-width:767px){
.dp_c1img{height:60vw;}
.dp_c1t{font-size:20px;}
.dp_c1btn1 {font-size: 14px;line-height: 42px;height: 42px;width: 125px; margin-right:5px;}
.dp_c1btn2 {font-size: 14px;line-height: 42px;height: 42px;width: 136px;}
.dp_c1btns{margin-top:25px;}
.dp_c2t{font-size:22px;}
.dp_c2tags li {width: calc(100% - 16px); height:auto; padding-top:20px; padding-bottom:20px;}
}


.cx_page{}
.cx_con1{ text-align:center;}
.cx_c1ico{ display:block}
.cx_con1 strong{ font-size: 40px; line-height: 56px; margin-top: 3vw; font-weight: normal; letter-spacing: 1px; display: block; }
.cx_con1 strong span{color:var(--cor);}
.cx_con1 p{ font-size: 20px; line-height: 30px; color: #666666; margin-top: 35px; }
.cx_c1btn{ margin: 2.6vw auto 0px; height: 60px; width: 60px; background: url(/images/esg_c1ar.svg) no-repeat center center; display:block}
.cx_con2{ padding: 8.22vw 0; background: no-repeat fixed center center; background-size: cover;}
.cx_c2box{ padding: 80px 25px 63px 48px; width: 540px; color:#fff; background:rgba(0,143,132,0.95);}
.cx_c2box .m2pt{margin-bottom:2.18vw;}
.cx_c2box p{ margin-bottom: 15px; font-size: 18px; line-height: 48px; padding-left: 52px; background: url(/images/esg_c2ico.png) no-repeat left center; }
.cx_c2box p span{ font-size:26px;}
.cx_con3{}
.cx_con3 .m2pt{text-align:center;}
.cx_c3box{ margin-top:2.6vw; padding:5.2vw 3.64vw 4.01vw; position:relative; display:flex;flex-direction:row-reverse;}
.cx_c3box:before{content:""; position:absolute; right:0; top:0; bottom:0; left:0;background: linear-gradient(to right,rgba(0,143,132,0) 30%,rgba(0,143,132,0.9) 100%); }
.cx_c3dl{ position:relative; width:390px;}
.cx_c3dl dd{ margin-bottom:24px;}
.cx_c3a{ display:block; height:150px; background:#fff; padding:0 25px 0 150px; position:relative;display:flex; flex-direction:column; justify-content:center; font-size:20px; line-height:30px; display:flex; flex-direction:column; justify-content:center; cursor:default;}
.cx_c3a span{ height: 80px; width: 80px; position: absolute; top: 50%; margin-top: -40px; left: 48px; transition:all 0.5s ease; }
.cx_c3a p{}
.cx_c3a:hover{transform:translateY(-6px);}
.cx_c3a:hover span{transform:rotateY(180deg);}
@media (max-width:1799px){
.cx_c1ico img{width:76px; height:auto;}
.cx_con1 strong{ font-size: 36px; line-height: 50px; margin-top: 2.6vw;}
.cx_con1 p{ font-size:18px; line-height: 28px; margin-top: 25px; }
.cx_c1btn{ margin: 2.2vw auto 0px; height: 50px; width: 50px; background-size:cover;}
.cx_con2{ padding: 6.22vw 0;}
.cx_c2box{ padding: 50px 20px 50px 40px; width:495px;}
.cx_c2box .m2pt{margin-bottom:2vw;}
.cx_c2box p{ margin-bottom: 10px; font-size: 17px; line-height: 38px; padding-left: 40px; background-size:22px auto;}
.cx_c2box p span{ font-size:22px;}
.cx_c3dl{ width:330px;}
.cx_c3dl dd{ margin-bottom:18px;}
.cx_c3a{ height:120px; padding:0 20px 0 110px; font-size:18px; line-height:26px;}
.cx_c3a span{ height: 60px; width: 60px; margin-top: -30px; left: 35px;}
}
@media (max-width:1379px){
.cx_con1 strong{font-size:32px; line-height:46px;}
.cx_con1 p{font-size:16px; margin-top:20px;}
.cx_c3a{height:100px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.cx_con1 strong{font-size:26px; line-height:36px;}
.cx_con1 p{font-size:14px; line-height:24px; margin-top:12px;}
body *{background-attachment:inherit!important;}
}
@media (max-width:767px){
.cx_c1btn{margin-top:25px;}
.cx_con1 strong{font-size:22px; line-height:36px;}
.cx_c2box{padding:30px 10px 25px 15px; width:auto}
.cx_c2box p{font-size:12px; line-height:26px; padding-left:26px;background-size: 18px auto;}
.cx_c2box p span{font-size:18px;}
.cx_con2{padding:11vw 0;}
.cx_c3box{margin-top:20px; padding:11vw 15px;}
.cx_c3a span{width:50px; height:50px;}
.cx_c3a{padding:0 15px 0 90px; height:88px; background:rgba(255,255,255,0.85);}
.cx_c3a span{left:20px;}
.cx_c3dl dd{margin-bottom:12px}
}


.st_page{}
.st_con1{}
.st_c1box{ background-size: cover; height: 530px; padding-left: 95px;display:flex; flex-direction:column; justify-content:center; } 
.st_c1txt{ max-width: 595px; text-align: justify; font-size: 18px; line-height: 32px; margin-top: 2.08vw; }
.st_con2{/* padding-top:25px;*/ padding-bottom:0;}
.st_c2tbox{ text-align:center}
.st_c2tdes{ font-size: 20px; line-height: 32px; margin-top: 30px; letter-spacing:1px;}
.st_c2box{ margin-top:3.64vw; color:#fff; background-size:cover!important;}
.st_c2sw{ padding-left:90px; max-width:595px;}
.st_c2sw dd{ height:44.27vw; display:flex!important; flex-direction:column; justify-content:center; font-size:20px; line-height:40px; color:#fff; text-align:justify;}
.st_c2sw dd span{ font-size:30px; font-weight:bold;}
.st_c2sw .slick-dots{bottom:auto; left:0; top:50%; transform:translateY(-50%); width:18px;}
.st_c2sw .slick-dots li button{display:none;}
.st_c2sw .slick-dots li { display: inline-block; height: 18px; width: 18px; margin: 0px 0px 55px; position: relative; position: relative; background: url(/images/st_ico2.svg) no-repeat; }
.st_c2sw .slick-dots li:last-child{margin-bottom:0!important;}
.st_c2sw .slick-dots li.slick-active{background: url(/images/st_ico1.svg) no-repeat; }
.st_c2sw .slick-dots li:after{content:""; width:1px; height:38px; background:rgba(255,255,255,0.5); position:absolute; left:50%; bottom:-46px;}
.st_c2sw .slick-dots li:last-child:after{display:none;}
.st_c2txt{transition:all 0.8s ease; opacity:0; transform:translateY(50px);}
.on .st_c2txt{opacity:1; transform:translateY(0);}
@media (max-width:1799px){
.st_c1txt{font-size:16px; line-height:30px; margin-top:1.8vw; max-width:515px;}
.st_c1box{padding-left:65px; height:430px;}
.st_c2tdes{font-size:18px; line-height:28px; margin-top:25px;}
.st_c2sw dd{ height:44.27vw;font-size:18px; line-height:32px;}
.st_c2sw dd span{ font-size:24px;}
.st_c2sw{padding-left:50px; max-width:500px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.st_c1box{padding-left:35px; height:355px;}
.st_c1txt{max-width:465px; font-size:15px; line-height:28px;}
}
@media (max-width:993px){
.st_c1box{background:none; height:auto; padding:55px 25px; text-align:center}
.st_c1txt{max-width:none;}
}
@media (max-width:767px){
.st_c1box{padding:35px 20px 40px;}
.st_c2tdes{font-size:16px; line-height:26px; margin-top:15px;}
.st_c2box{margin-top:25px;}
.st_c2sw dd{font-size:14px; line-height:24px;}
.st_c2sw dd{height:87vw;}
.st_c2sw dd span{font-size:18px;}
.st_c2sw{padding-left:35px;}
}


.zl_page_wpr{ background: url(/images/zl_bg.png) no-repeat right top; }
.zl_page{}
.zl_box{ height:750px; position:relative;display:flex; justify-content:space-between; }
.zl_box .m2pt{ position: absolute; left: 0px; top: 52px; }
.zl_box .m2pt:after{content:""; width:38px; height:4px; background:var(--cor); position:absolute; left:0; bottom:-50px;}
.zl_c1snm{ font-size: 38px; color: #FFF; position: absolute; top: 50%; right: 70px; width:260px; height:260px; line-height:260px; text-align:center; background:var(--cor); border-radius:50%; margin-top:-130px;}
.zl_c1anix{ width:750px; height:750px; position:relative;}
.zl_c1line{ position:absolute; left:0; top:0; right:0; bottom:0;}
@keyframes zlanix {
  0% {
    opacity: 1;
    transform: scale(0.2);
  }
  100% {
    opacity: 0.2;
    transform: scale(1);
  }
}
@keyframes pranix {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  15% {
    opacity: 1;
  }
  60% {
    opacity: 0.2;
    transform: scale(3);
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
	transform: scale(3);
  }
}
.zl_c1line i{ position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid var(--cor); border-radius:50%; animation:zlanix 4s linear infinite; opacity:0; transform-origin:86% center; background:rgba(0,143,132,0.2);}
.zl_c1line i:nth-child(2){ animation-delay:1s;}
.zl_c1line i:nth-child(3){ animation-delay:2s;}
.zl_c1line i:nth-child(4){ animation-delay:3s;}
.zl_c1print{ position:absolute; left:0; top:0; right:0; bottom:0;}
.zl_c1print span{ width:0; height:0; position:absolute;}
.zl_c1print span:after{content:""; width:6px; height:6px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:var(--cor); opacity:0; animation:pranix 4s linear infinite;}
.zl_c1print span:nth-child(1){right: 10%;top: 63%;}
.zl_c1print span:nth-child(2){right: 20%;top: 18%;}
.zl_c1print span:nth-child(3){right: 32%;top: 80%;}
.zl_c1print span:nth-child(4){right: 40%;top: 28%;}
.zl_c1print span:nth-child(5){right: 55%;top: 32%;}
.zl_c1print span:nth-child(6){right: 72%;top: 73%;}
.zl_c1print span:nth-child(7){right: 90%;top: 50%;}
.zl_c1print span:nth-child(2):after{ animation-delay:2.3s;}
.zl_c1print span:nth-child(3):after{ animation-delay:1.9s;}
.zl_c1print span:nth-child(4):after{ animation-delay:1s;}
.zl_c1print span:nth-child(5):after{ animation-delay:2.2s;}
.zl_c1print span:nth-child(6):after{ animation-delay:2.9s;}
.zl_c1print span:nth-child(7):after{ animation-delay:1.5s;}
.zl_c1list{ width:710px;}
.zl_c1list li{}
.zl_c1item{ display: block; position: relative; padding: 48px 170px 42px 35px; border-bottom: 1px solid #EAEBEA; }
.zl_c1item:hover{ box-shadow:0 15px 25px rgba(0,0,0,0.07); background:#fff;}
.zl_c1item strong{ font-size: 28px; line-height: 36px; letter-spacing: 1px; display: block; font-weight: normal; color:#333; }
.zl_c1item p{ font-size: 18px; line-height: 32px; color: #888; margin-top: 14px; }
.zl_c1ico{ height: 100px; width: 100px; position: absolute; top: 50%; right: 40px; margin-top: -50px;}
.zl_c1item:hover .zl_c1ico{ transform:rotateY(180deg); transition:all 0.5s ease;}
@media (max-width:1799px){
.zl_box{ height:600px; }
.zl_box .m2pt{top: 30px; }
.zl_box .m2pt:after{width:32px; height:3px; bottom:-36px;}
.zl_c1snm{ font-size: 28px; right: 50px; width:200px; height:200px; line-height:200px; margin-top:-100px;}
.zl_c1anix{ width:600px; height:600px;}
.zl_c1list{ width:500px;}
.zl_c1item{padding: 28px 130px 28px 20px;}
.zl_c1item strong{ font-size: 22px; line-height: 30px;}
.zl_c1item p{ font-size: 16px; line-height: 28px; margin-top:8px; }
.zl_c1ico{ height: 80px; width: 80px; right: 20px; margin-top: -40px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.zl_c1anix{ width:500px; height:500px;}
.zl_c1list{ width:400px;}
.zl_c1item p{font-size:14px; line-height:24px;}
.zl_c1item{padding:16px 115px 16px 10px;}
.zl_box{height:500px;}
.zl_c1ico{width:66px; height:66px; margin-top:-33px;}
}
@media (max-width:993px){
.zl_box{height:auto; display:block;}
.zl_box .m2pt{position:relative; text-align:center}
.zl_c1anix{margin:0 auto;}
.zl_c1list{width:100%;}
.zl_box .m2pt:after{left:50%; margin-left:-16px; bottom:-26px;}
}
@media (max-width:767px){
.zl_c1anix{width:300px; height:300px;}
.zl_c1snm{font-size:18px; width:120px; height:120px; line-height:120px; margin-top:-60px; right:20px;}
.zl_box .m2pt{top:0px;}
.zl_c1list li:last-child .zl_c1item{border:none;}
}


.jn_page{}
.cx_con1{}
.jn_con2{ background:#F7F7F7;}
.jn_c2ul{ margin: 2.8vw -18px 0px; }
.jn_c2ul dd{ width:calc(25% - 36px); margin:0 18px;}
.jn_c2item{ display:block; background:#fff; text-align:center; padding:30px 25px 40px;}
.jn_c2item p{ font-size: 16px; color: #666; line-height: 24px; margin-top: 12px; transition:all 0.5s ease; }
.jn_c2item strong{ font-size: 24px; font-weight: normal; line-height: 30px; letter-spacing: 2px; display: block; margin-top: 18px; }
.jn_c2ico{ display:block; width:100px; height:100px; position:relative; margin:0 auto; border-radius:50%; transition:all 0.5s ease;}
.jn_c2ico img{width:80px; height:80px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease;}
.jn_c2item:hover{ background:var(--cor); color:#fff; transform:translateY(-10px); box-shadow:0 5px 18px rgba(0,143,132,0.3);}
.jn_c2item:hover .jn_c2ico{ background:#fff;}
.jn_c2item:hover .jn_c2ico img{ transform:translate(-50%,-50%) scale(0.8);}
.jn_c2item:hover p{color:#fff;}
.jn_con2a{}
.jn_c2abox{ margin-top:2.8vw;display:flex; position:relative; background-size:cover;}
.jn_c2abox:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.48);}
.jn_c2abox dd{ height:620px; position:relative; width:33.33%; border-right:1px solid rgba(255,255,255,0.3);}
.jn_c2abox dd:last-child{border:none;}
.jn_c2aitem{ position:absolute; padding:0 35px 98px; left:0; right:0; bottom:0; text-align:center; transition:all 0.5s ease; color:#fff;}
.jn_c2aitem p{ font-size: 22px; line-height: 34px; margin-top: 30px; max-width:280px; margin-left:auto; margin-right:auto;}
.jn_c2aico{ display:block; width:90px; height:90px; margin:0 auto; transition:all 0.5s ease;}
.jn_c2abox dd:hover .jn_c2aitem{ transform:translateY(-25px);}
.jn_c2abox dd:hover .jn_c2aico{transform:rotateY(180deg);}
.jn_con3{ padding-top:0;}
.jn_c3dls{ margin: 2.8vw -15px 0px; }
.jn_c3dls dd{ width:calc(50% - 30px); margin:0 15px 30px; border:1px solid #E5E5E5; padding:0 90px 0 228px; position:relative; height:180px;display:flex; flex-direction:column; justify-content:center; transition:all 0.5s ease;}
.jn_c3dls dd p{ font-size: 18px; line-height: 34px; color: #666; }
.jn_c3dls dd span{ width:120px; position:absolute; left:58px; top:50%; margin-top:-60px; transition:all 0.5s ease;}
.jn_c3dls dd:hover{ transform:translateY(-10px);}
.jn_c3dls dd:hover span{ transform:rotateY(180deg)}
.jn_con4{}
.m2pdes{ font-size: 18px; line-height: 32px; color: #666; margin-top: 2.2vw; }
.m2pdes span{color:var(--cor);}
.jn_c4dls{ margin: 5.2vw -20px 0px; }
.jn_c4dls dd{ width:calc(33.33% - 40px); margin:0 20px; background:#EEF8FB;}
.jn_c4item{ display:block; padding:56px 35px 58px; text-align:center}
.jn_c4logo{position:relative; display:inline-block;}
.jn_c4logo img{ height:80px; display:block; margin:0 auto; transition:all 0.5s ease;}
.jn_c4logo img:nth-child(2){position:absolute; left:0; top:0; opacity:0;}
.jn_c4m{ font-size: 18px; color: #666; line-height: 52px; width: 180px; border: 1px solid #999999; margin: 38px auto 0px; border-radius: 2em; display: inline-block; background: url(/images/join_c5sico1.png) no-repeat 40px center; text-align: left; padding-left: 67px; transition:all 0.5s ease; }
.jn_c4item:hover{background:var(--cor); color:#fff;}
.jn_c4item:hover .jn_c4m{ background:#fff url(../images/join_c5sico2.png) no-repeat 40px center; color:var(--cor); border: 1px solid #fff; box-shadow:0 5px 18px rgba(0,143,132,0.2); transform:translateY(-5px)}
.jn_c4item:hover .jn_c4logo img{opacity:0;}
.jn_c4item:hover .jn_c4logo img:nth-child(2){opacity:1;}
.jn_con5{ background: url(/images/join_c7bg.png) no-repeat center bottom; padding: 50px 0px 11.66vw; text-align:center; background-size:100% auto;}
.jn_c5tip{ font-size: 50px; line-height: 66px; font-weight: 100; letter-spacing: 2px; }
.jn_c5tip span{ color:var(--cor);}
@media (max-width:1799px){
.m2pdes{ font-size: 16px; line-height: 28px; margin-top: 15px; }
.jn_c2item{padding:20px 5px 30px;}
.jn_c2item strong{font-size:20px;}
.jn_c2item p{font-size:14px; line-height:22px; margin-top:8px;}
.jn_c2ul{margin:2.8vw -6px 0px}
.jn_c2ul dd {width: calc(25% - 12px);margin: 0 6px;}
.jn_c2ico{width:80px; height:80px;}
.jn_c2ico img{width:58px; height:58px;}
.jn_c2abox dd{height:460px;}
.jn_c2aico{width:72px; height:72px;}
.jn_c2aitem p{font-size:18px; line-height:30px; margin-top:25px;}
.jn_c3dls{ margin: 2.6vw -10px 0px; }
.jn_c3dls dd{ width:calc(50% - 20px); margin:0 10px 20px; padding:0 38px 0 168px; height:150px;}
.jn_c3dls dd p{ font-size: 16px; line-height: 30px;}
.jn_c3dls dd span{ width:100px; left:38px; margin-top:-50px;}
.jn_c3dls dd:hover{ transform:translateY(-6px);}
.jn_c4dls{ margin: 4.2vw -10px 0px; }
.jn_c4dls dd{ width:calc(33.33% - 20px); margin:0 10px;}
.jn_c4item{padding:42px 25px 38px;}
.jn_c4logo img{ height:60px;}
.jn_c4m{ font-size: 16px; line-height: 46px; width: 160px; margin: 25px auto 0px; background: url(/images/join_c5sico1.png) no-repeat 30px center; padding-left: 60px; }
.jn_c4item:hover .jn_c4m{ background:#fff url(../images/join_c5sico2.png) no-repeat 30px center;}
.jn_con5{ padding: 35px 0px 8.66vw; }
.jn_c5tip{ font-size: 40px; line-height:56px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2pdes{font-size:15px;}
}
@media (max-width:993px){
.jn_c2aitem{padding-left:15px; padding-right:15px;}
.jn_c2aitem p{font-size:16px; line-height:28px;}
.jn_c3dls dd{ width:calc(100% - 20px);}
.jn_c3dls dd:hover{ transform:translateY(0px);}
.jn_c4m{font-size:15px; line-height:42px;}
.jn_c4logo img{height:auto;}
.jn_c5tip{font-size:32px;}
}
@media (max-width:767px){
.jn_c2ul{margin-top:25px; padding-bottom:35px;}
.jn_c2ul .slick-dots{bottom:0px;}
.jn_c2ul .slick-dots li button{display:none;}
.jn_c2ul .slick-dots li { background:#ccc; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.jn_c2ul .slick-dots li.slick-active{ background:var(--cor);}
.jn_c2abox{margin-top:25px;}
.jn_c2abox dd{border:none; height:auto;}
.jn_c2abox{padding-bottom:35px; padding-top:50px;}
.jn_c2aitem{position:relative;}
.jn_c2abox .slick-dots{bottom:50px;}
.jn_c2abox .slick-dots li button{display:none;}
.jn_c2abox .slick-dots li { background:rgba(255,255,255,0.6); display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.jn_c2abox .slick-dots li.slick-active{ background: #fff;}
.jn_c3dls{margin-top:25px;}
.jn_c3dls dd{padding:25px 15px; text-align:center; height:auto}
.jn_c3dls dd:last-child{margin-bottom:0;}
.jn_c3dls dd span{display:block; margin:0 auto; position:relative; left:auto; top:auto; width:66px; height:66px;}
.jn_c3dls dd p{font-size:15px; line-height:24px; margin-top:10px;}
.jn_con4{padding-top:0;}
.m2pdes{font-size:12px; line-height:24px;}
.jn_c4dls dd{ width:calc(100% - 20px); margin-bottom:15px;}
.jn_c4dls .slick-dots{bottom:30px;}
.jn_c4dls .slick-dots li button{display:none;}
.jn_c4dls .slick-dots li { background:#ccc; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.jn_c4dls .slick-dots li.slick-active{ background:var(--cor);}
.jn_c4logo img{width:auto; height:60px;}
.jn_c4m{margin-top:18px;}
.jn_c4item{padding-bottom:60px;}
.jn_con5{padding-top:0;}
.jn_c5tip{font-size:24px; line-height:36px;}
}


.lx_page{ overflow:hidden}
.lx_con1{display:flex; justify-content:space-between; }
.lx_map{ width:calc(100% - 600px); height:892px; background:#f6f6f6;}
.lxico{ background: url(/images/lxico.png) no-repeat center center; display: inline-block; height: 75px; width: 60px; background-size:100% auto}
.lx_c1rx{ width:600px; padding:40px 40px 0;}
.lx_c1tag{ display:flex; margin-bottom:20px;}
.lx_c1tag a{ line-height: 38px; display: inline-block; background: #EBEBEB; padding: 0px 28px; font-size: 18px; margin-right: 10px; cursor:pointer;}
.lx_c1tag a.on{ background:var(--cor); color:#fff;}
.lx_change_wpr{}
.lx_adrlist{ display:none;}
.lx_adrlist.on{ display:block; animation:fadeInUp 0.5s ease;}
.lx_adrlist li{ margin-bottom:14px; position:relative; transition:all 0.5s ease; cursor:pointer;}
.lx_adrlist li:last-child{margin-bottom:0!important;}
.lx_adrlist li.current{ background: #EEF8FB; padding: 26px 28px; border: 1px solid var(--cor); }
.lx_adr_cnm{ display: inline-block; padding: 0px 10px 0 20px; position: absolute; top: 0px; right: 0px; color: #FFF; background:var(--cor); line-height:32px; overflow:hidden; transition:all 0.5s ease; opacity:0 }
.lx_adr_cnm:before{content:""; width:30px; height:60px; background:#EEF8FB; position:absolute; left:-25px; top:-20px; transform:rotate(-20deg);}
.lx_adrlist li.current h3{ font-size: 24px; font-weight: normal; display: block; line-height: 34px; margin-bottom: 12px; }
.lx_adrlist li.current p{ font-size: 16px; line-height: 28px; color: #666666; padding-left: 26px; position:relative}
.lx_adrlist li.current p img{ position:absolute; left:0; top:6px;}
.lx_adrlist li.other{ padding: 20px 28px; border: 1px solid #E8E8E8; transition:all 0.5s ease; position:relative}
.lx_adrlist li.other:hover{ border:1px solid rgba(0,143,132,0.6);}
.lx_adrlist li.other strong{ font-size: 18px; line-height: 28px; display: block; font-weight: normal; margin-bottom: 8px; }
.lx_adrlist li.other p{ font-size: 16px; line-height: 28px; color: #666666;}
.lx_adrlist li.active{ background: #EEF8FB; padding: 26px 28px; border: 1px solid var(--cor); }
.lx_adrlist li.active .lx_adr_cnm{ opacity:1;}
.lx_con2{}
.lx_con2 .container{display:flex; justify-content:space-between; }
.lx_c2lx{ width: 500px; background: var(--cor); color: #fff; padding: 75px 55px 80px; }
.lx_c2lx .m2pt{ line-height:42px; font-size:42px; position:relative; margin-bottom:88px;}
.lx_c2lx .m2pt:after{content:""; width:32px; height:4px; background:#fff; bottom:-32px; left:0; position:absolute}
.lx_c2des{ font-size: 16px; line-height: 30px; height: 292px; }
.lx_c2tip{ font-size: 14px; line-height: 24px; }
.lx_c2rx{ background:#F6F6F6; width:calc(100% - 500px); padding:80px 75px}
.lx_c2fm{ margin:0 -20px; flex-wrap:wrap; display:flex;}
.lx_c2fm li{ width:calc(50% - 40px); margin:0 20px 24px; position:relative}
.lx_c2fm li.w100{ width:calc(100% - 40px);}
.lx_c2fm li input{ width: 100%; padding: 0 15px; background: #FFF; border: 1px solid #E5E5E5; font-size: 16px; line-height: 44px; color: #666; }
.lx_c2fm li textarea{ width: 100%; padding: 9px 15px; background: #FFF; border: 1px solid #E5E5E5; font-size: 16px; line-height: 28px; color: #666; height: 180px; }
.lx_c2fm li input:focus,.lx_c2fm li textarea:focus{ background: #EEF8FB; border: 1px solid var(--cor); }
.lx_c2fm li strong{ font-size: 16px; color: #FF0000; position: absolute; top: 12px; right: -13px; font-weight: normal; }
.lx_c2btns{ padding-top:8px; display:flex;}
.lx_c2btns button{ line-height: 42px; text-align: center; width: 130px; display: inline-block; margin-right: 20px; border-radius: 0.3em; transition: all 0.5s ease; cursor: pointer; font-size: 16px; color: #FFF; background:#C3C4C7; }
.lx_c2btns button:hover{ color:#fff; transform:translateY(-3px); box-shadow:0 5px 12px rgba(0,0,0,0.1);}
.lx_c2btns button:nth-child(1){ background:var(--cor);}
.mapTit:before{content:""; width:130px; height:60px; background-image:url(/images/lx_logo.png); background-repeat:no-repeat; position:absolute; left:10px; top:10px;}
.mapTit{display:flex; padding:10px 10px 10px 152px; font-size:18px; color:#fff;display:flex; flex-direction:column; justify-content:center; height:80px; text-align:left}
.mapTit:after{content:""; border-left:8px solid rgba(255,255,255,0); border-right:8px solid rgba(255,255,255,0); border-top:8px solid #008F84; position:absolute; left:50%; bottom:-8px; left:50%; margin-left:-8px;}
@media (max-width:1799px){
.lx_map{ width:calc(100% - 500px); height:659px;}
.lx_c1rx{ width:500px; padding:25px 25px 0;}
.lx_c1tag{ margin-bottom:15px;}
.lx_c1tag a{ line-height: 36px; padding: 0px 25px; font-size: 16px; margin-right: 8px;}
.lx_adrlist li{ margin-bottom:10px;}
.lx_adrlist li.current{ padding:12px 18px;}
.lx_adr_cnm{line-height:30px;}
.lx_adrlist li.current h3{ font-size: 20px; line-height: 30px; margin-bottom:8px; }
.lx_adrlist li.current p{ font-size: 14px; line-height: 24px;}
.lx_adrlist li.current p img{ top:4px;}
.lx_adrlist li.other{ padding: 10px 18px;}
.lx_adrlist li.other strong{ font-size: 16px; line-height: 24px; margin-bottom: 5px; }
.lx_adrlist li.other p{ font-size: 14px; line-height: 24px;}
.lx_c2lx{ width: 450px; padding:55px 45px 60px; }
.lx_c2lx .m2pt{ line-height:36px; font-size:36px; margin-bottom:45px;}
.lx_c2lx .m2pt:after{width:28px; height:3px; bottom:-26px;}
.lx_c2des{ font-size: 14px; line-height: 26px; height:222px; }
.lx_c2rx{width:calc(100% - 450px); padding:60px 55px}
.lx_c2fm{ margin:0 -15px;}
.lx_c2fm li{ width:calc(50% - 30px); margin:0 15px 18px;}
.lx_c2fm li.w100{ width:calc(100% - 30px);}
.lx_c2fm li input{font-size: 14px; line-height: 38px;}
.lx_c2fm li textarea{ padding: 7px 15px; font-size: 14px; line-height: 26px; height: 120px; }
.lx_c2fm li strong{ font-size: 14px; top: 9px; right: -12px; }
.lx_c2btns button{ font-size: 15px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.lx_c2rx{padding:0 35px;}
}
@media (max-width:993px){
.lx_con1{flex-wrap:wrap;}
.lx_map{width:100%;}
.lx_c1rx{width:100%;}
.lx_map{height:300px;}
.lx_con2 .container{flex-wrap:wrap;}
.lx_c2lx{width:100%; padding:45px 25px;}
.lx_c2rx{width:100%; padding:35px 25px 45px;}
.lx_c2des{height:auto; margin-bottom:25px;}
}
@media (max-width:767px){
.lx_c2lx .m2pt{font-size:24px; line-height:24px;}
.lx_c2lx{padding:30px 15px;}
.lx_c2rx{padding-left:15px; padding-right:15px;}
.lx_c2fm li{width:calc(100% - 30px); margin-bottom:10px;}
.lx_c2fm li strong{right:-10px;}
.lx_c2fm li textarea{height:100px;}
}


.esg_page{}
.esg_con1{ background: url(/images/esg_c1bg.png) no-repeat center center; padding:6.2vw 0;}
.esg_c1st{ font-size: 36px; line-height: 36px; letter-spacing:1px;}
.esg_c1t{ font-size: 52px; line-height: 66px; margin-top: 32px; letter-spacing: 2px; color:var(--cor); position:relative; left:-25px;}
.esg_c1dls{ margin:4.79vw -13px 0;}
.esg_c1dls dd{ width:calc(33.33% - 26px); margin:0 13px 26px; background:#fff; padding:60px 50px 56px; transition:all 0.5s ease; box-shadow:0 10px 18px rgba(0,0,0,0.06);}
.esg_c1dls dd p{ font-size: 16px; line-height: 30px; color: #666; text-align: justify; margin-top: 15px; }
.esg_c1ico{ display: block; height: 120px; padding: 10px 0px 0px 25px; background: url(/images/esg_c1icobg.png) no-repeat left top; }
.esg_c1ico img{display:block; width:100px; height:100px; transition:all 0.5s ease;}
.esg_c1dls dd:hover .esg_c1ico img{transform:rotateY(180deg);}
.esg_c1dls dd:hover{transform:translateY(-15px); box-shadow:0 10px 18px rgba(0,0,0,0.1);}
.esg_c1tip{ font-size: 16px; line-height: 28px; text-align: center; margin-top: 30px; }
.esg_con2{ background:#F4F6F8; padding-bottom:0; overflow:hidden}
.esg_con2 .m2pt{ position:relative; text-align:center; z-index:1;}
.esg_con2 .m2pdes{ position:relative; text-align:center; z-index:1; font-size:24px; letter-spacing:1px;}
.esg_c2bom{ margin-top:-80px; position:relative;}
.esg_c2img{ text-align:center; font-size:0}
.esg_c2dl{ position:absolute; left:0; top:0; right:0; padding-top:90px; justify-content:space-between; }
.esg_c2dl dd{ width: 320px; background: #FFF; padding: 50px 30px 40px; margin-right:calc(100% - 700px); margin-bottom:40px; box-shadow:0 8px 18px rgba(0,0,0,0.1); transition:all 0.5s ease; text-align:center }
.esg_c2dl dd:hover{transform:translateY(-10px);}
.esg_c2dl dd:nth-child(2n){ margin-right:0px;}
.esg_c2dl dd p{ font-size: 24px; line-height: 36px; letter-spacing: 1px; margin-top: 28px; }
.esg_c2ico{ display:block; width:90px; height:90px; transition:all 0.5s ease; margin:0 auto;}
.esg_c2dl dd:hover .esg_c2ico{ transform:rotateY(180deg);}
.esg_con3{}
.esg_c3items{}
.esg_c3items dd{ margin-bottom:5.2vw;display:flex; justify-content:space-between; }
.esg_c3items dd:last-child{margin-bottom:0!important;}
.esg_c3items dd:nth-child(2n){flex-direction:row-reverse;}
.esg_c3img{display:flex; flex-direction:column; justify-content:center; width:45.8%;}
.esg_c3txt{display:flex; flex-direction:column; justify-content:center; width:44.19%;}
.esg_c3txt h4{ font-size: 42px; line-height: 42px; font-weight: normal; letter-spacing: 1px; display: block; }
.esg_c3txt strong{ font-size: 24px; line-height: 36px; letter-spacing: 1px; margin-top: 28px; font-weight: normal; color:var(--cor); margin-bottom:40px; }
.esg_c3txt p{ font-size: 18px; line-height: 32px; color: #606060; margin-bottom: 5px; position:relative; padding-left:20px;}
.esg_c3txt p:before{content:"";width: 8px;height: 8px;border: 2px solid var(--cor); border-radius:50%; position:absolute; left:0; top:12px;}
@media (max-width:1799px){
.esg_c1st{ font-size: 30px; line-height: 30px;}
.esg_c1t{ font-size: 42px; line-height: 56px; margin-top: 25px; letter-spacing: 1px;left:-23px;}
.esg_c1dls{ margin:3.6vw -10px 0;}
.esg_c1dls dd{ width:calc(33.33% - 20px); margin:0 10px 20px; padding:50px 30px 40px;}
.esg_c1dls dd p{ font-size: 14px; line-height: 26px; margin-top: 12px; }
.esg_c1ico{ height: 100px; background-size:86px auto; }
.esg_c1ico img{ width:80px; height:80px;}
.esg_c1tip{ font-size: 14px; line-height: 26px; margin-top: 25px; max-width:900px; margin-left:auto; margin-right:auto; }
.esg_con2 .m2pdes{font-size:20px;}
.esg_c2bom{ margin-top:-60px;}
.esg_c2img img{ width:780px; height:auto}
.esg_c2dl dd{ width: 260px; padding: 30px 20px 30px; margin-right:calc(100% - 600px); margin-bottom:30px;}
.esg_c2dl dd p{ font-size: 18px; line-height: 28px; margin-top: 12px; }
.esg_c2ico{ width:60px; height:60px;}
.esg_c3items dd{ margin-bottom:4.2vw;}
.esg_c3txt h4{ font-size: 32px; line-height: 32px;}
.esg_c3txt strong{ font-size: 20px; line-height: 30px; margin-top: 12px;margin-bottom:25px; }
.esg_c3txt p{ font-size: 14px; line-height: 26px; margin-bottom: 3px; padding-left:18px;}
.esg_c3txt p:before{width: 6px;height: 6px;border: 1px solid var(--cor); top:10px;}
}
@media (max-width:1379px){
.esg_c1t{font-size:36px; line-height:50px;}
.esg_c3txt h4{font-size:28px; line-height:28px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.esg_c1st{text-align:center;}
.esg_c1t{text-align:center; font-size:32px; line-height:42px;}
.esg_c1dls .slick-dots{bottom:-10px;}
.esg_c1dls .slick-dots li button{display:none;}
.esg_c1dls .slick-dots li { background:#fff; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.esg_c1dls .slick-dots li.slick-active{ background: var(--cor);}
.esg_c1ico{margin:0 auto; width:105px;}
.esg_c1dls dd p{text-align:center;}
.esg_c2dl{position:relative; padding-top:0}
.esg_c2dl dd{width:50%; margin:0 0 1px!important;}
.esg_c2bom{padding-bottom:55px;}
.esg_c3items dd{display:block;}
.esg_c3img{width:100%;}
.esg_c3txt{width:100%; margin-top:25px;}
.esg_c3img img{max-width:300px; height:auto; margin:0 auto}
.esg_c3txt h4,.esg_c3txt strong{text-align:center;}
.m2banner .hmc6clound{bottom:-380px;}
}
@media (max-width:767px){
.esg_c2dl dd{width:100%; margin:0 0 15px!important;}
.esg_con1{padding:12vw 0;}
.esg_c1t{left:0px;}
.esg_c1t{font-size:21px; line-height:32px;}
.esg_c1dls dd{padding:35px 20px;}
.esg_c2bom{margin-top:-28px;}
.esg_con2 .m2pdes{line-height:32px;}
}


.abt_page{}
.abt_con1{ background: url(/images/abt_c1lg.png) no-repeat 11% 4vw; }
.abt_c1box{ padding-right:51.93%; position:relative; min-height:490px;display:flex; flex-direction:column; justify-content:center;}
.abt_c1st{ font-size: 20px; line-height: 32px; color: #666666; }
.abt_c1t{ font-size: 36px; line-height: 50px; letter-spacing: 1pt; margin-top: 2.5vw; max-width:585px; }
.abt_c1t span{color:var(--cor);}
.abt_c1img{ width:47.67%; position:absolute; right:0; top:0;}
.abt_c1img .overflowHide{ height:490px;}
.abt_c1gnm{ position:absolute; left:30px; right:30px; font-size:20px; line-height:32px; color:#fff; bottom:38px; text-align:right;}
.abt_c1gnm span{ background: url(/images/abt_c1sico.png) no-repeat left center; display: inline-block; padding-left: 32px; }
.abt_c1txt{ padding-top:1.56vw;}
.abt_c1txt dl{ margin-top:25px; padding-left:16px; position:relative;}
.abt_c1txt dl dt{ font-size: 20px; line-height: 34px; position:relative; margin-bottom:4px;}
.abt_c1txt dl dt:before{ content: ""; height: 6px; width: 6px; position: absolute; left: -16px; top: 14px; border-radius:50%; background:var(--cor);}
.abt_c1txt dl dd{ font-size: 16px; line-height: 32px; color: #666; }
.abt_c1nums{ margin-top:5.5vw;display:flex; justify-content:space-between; }
.abt_c1nums li{ position:relative; padding-left:84px; max-width:335px; transition:all 0.5s ease; cursor:default;}
.abt_c1ico{ height: 64px; width: 64px; position: absolute; left: 0px; top: 12px; transition:all 0.5s ease; }
.abt_c1ico img{}
.abt_c1nums li strong{ font: normal 64px/86px din_b; display: block; color:var(--cor);}
.abt_c1nums li strong i{ font-style: normal; }
.abt_c1nums li p{ font-size: 22px; line-height: 60px; border-top: 1px solid #B1B1B1; }
.abt_c1nums li:hover{transform:translateY(-15px);}
.abt_c1nums li:hover .abt_c1ico{transform:rotateY(180deg);}
@media (max-width:1799px){
.abt_c1gnm{font-size:16px; bottom:20px;}
.abt_c1gnm span{background-size:22px auto;}
.abt_c1img .overflowHide{height:400px;}
.abt_c1st{font-size:18px; line-height:28px;}
.abt_c1t {font-size: 28px;line-height: 42px;margin-top: 1.2vw;max-width: 455px;}
.abt_c1txt dl{margin-top:12px;}
.abt_c1txt dl dt{font-size:18px; line-height:30px;}
.abt_c1txt dl dt:before{top:12px;}
.abt_c1txt dl dd{font-size:14px; line-height:26px;}
.abt_c1txt{padding-top:10px;}
.abt_c1box{min-height:400px;}
.abt_c1nums{ margin-top:3.5vw;}
.abt_c1nums li{ padding-left:68px; max-width:300px;}
.abt_c1ico{ height: 52px; width: 52px; top: 10px;}
.abt_c1ico img{}
.abt_c1nums li strong{ font: normal 50px/66px din_b;}
.abt_c1nums li p{ font-size: 18px; line-height: 50px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.abt_c1box{padding-right:0;}
.abt_c1img{width:100%; position:relative; right:auto; top:auto; margin-top:25px;}
.abt_c1nums{flex-wrap:wrap;}
.abt_c1nums li{width:50%; max-width:320px}
.abt_c1t{text-align:center; max-width:none}
.abt_c1st{text-align:center;}
}
@media (max-width:767px){
.abt_c1t{font-size:22px; line-height:34px;}
.abt_c1img .overflowHide{height:60vw;}
.abt_c1nums li{width:100%;}
}

.abt_con2{ background:#F5F6F8; overflow:hidden}
.abt_con2 .m2pt{ text-align:center;}
.abt_con2 .m2pdes{ text-align:center; margin-top:22px; font-size:16px;}
.abt_c2box{ max-width:1294px; margin:10px auto 0; position:relative; left:-2vw;}
.abt_c2map{ display:block;}
.abt_c2maps{ position:absolute; left:0; top:0; right:0; bottom:0;}
.abt_c2item{ width:0px; height:0px; position:absolute; z-index:0}
.abt_c2item:hover{z-index:5;}
.abt_c2print{ width:56px; height:56px; position:absolute; left:50%; top:50%; margin-left:-28px; margin-top:-28px;}
@keyframes abt_c2rnd {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
.abt_c2print:before,.abt_c2print:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,174,17,0.7); border-radius:50%; animation:abt_c2rnd 3s linear infinite; opacity:0}
.abt_c2print:after{ animation-delay:1.5s;}
.abt_c2print span.abt_c2sint{ width:16px; height:16px; background:#FFAE11; border:4px solid #fff; border-radius:50%; position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-8px; z-index:2;}
.abt_c2item1 .abt_c2print span.abt_c2sint,
.abt_c2item2 .abt_c2print span.abt_c2sint,
.abt_c2item3 .abt_c2print span.abt_c2sint{ background:#14B2A6;}
.abt_c2item1 .abt_c2print:before,.abt_c2item1 .abt_c2print:after,
.abt_c2item2 .abt_c2print:before,.abt_c2item2 .abt_c2print:after,
.abt_c2item3 .abt_c2print:before,.abt_c2item3 .abt_c2print:after{ background:rgba(20,178,166,0.7);}
.abt_c2tip{ position:absolute;}
.abt_c2txt{}
.abt_c2txt strong{ white-space:nowrap; display:block; font-size:22px; line-height:24px; margin-bottom:5px; font-weight:normal; letter-spacing:1px;}
.abt_c2txt p{ white-space:nowrap; font-size:14px; line-height:26px; color:#666;}
.abt_c2layer{ width:296px; background:#fff; position:absolute; left:50%; top:50%; box-shadow:0 5px 18px rgba(0,0,0,0.1); padding:18px; transition:all 0.5s ease; opacity:0; transform:translate(-50%,-40%); visibility:hidden;}
.abt_c2tip:hover .abt_c2layer{opacity:1; transform:translate(-50%,-50%); visibility:visible;}
.abt_c2layer .overflowHide{ height:160px;}
.abt_c2layer .coverImg:after{content:""; position:absolute; left:0; right:0; bottom:0; height:50px;background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);}
.abt_c2layer .overflowHide strong{ font-size:20px; color:#fff; position:absolute; left:0; right:0; bottom:0; line-height:50px; text-align:center;}
.abt_c2cnm{ margin-top:12px; font-size:14px; line-height:24px; color:#666;}
.abt_c2line{ position:absolute;}
.abt_c2line span{ transition:all 0.5s ease; width:6px; height:6px; position:absolute; border-radius:50%;}
.abt_c2line:before{content:""; position:absolute}
.abt_c2line:after{content:"";}
/* 1294 570 */
.abt_c2item1{ right: 21.48%;top: 40.7%; z-index:1;}
.abt_c2item1 .abt_c2tip{ left:45px; top:-176px;}
.abt_c2item1 .abt_c2line{ height: 165px; width: 28px; border-top: 2px dotted var(--cor); border-left: 2px dotted var(--cor); top:-165px; left:0; }
.abt_c2item1 .abt_c2line span{ background:#14B2A6; top:-4px; right:0;}
.abt_c2item1 .abt_c2line:before{}
.abt_c2item1 .abt_c2line:after{}
.abt_c2item2{ right:20.09%; top:46.49%; z-index:1;}
.abt_c2item2 .abt_c2tip{ left:85px; top:-90px;}
.abt_c2item2 .abt_c2line{ width: 24px; height: 74px; border-top: 2px dotted var(--cor); border-left: 2px dotted var(--cor); left:48px; top:-74px; }
.abt_c2item2 .abt_c2line span{ background:#14B2A6; top:-4px; right:0;}
.abt_c2item2 .abt_c2line:before{}
.abt_c2item2 .abt_c2line:after{}
.abt_c2item3{ right:20.09%; top:46.49%; z-index:1;}
.abt_c2item3 .abt_c2tip{ left:85px; top:20px;}
.abt_c2item3 .abt_c2print{display:none;}
.abt_c2item3 .abt_c2line{ width: 24px; height: 74px; border-left: 2px dotted var(--cor); left:48px; bottom:-74px; border-bottom: 2px dotted var(--cor); }
.abt_c2item3 .abt_c2line span{ background:#14B2A6; bottom:-4px; right:0;}
.abt_c2item3 .abt_c2line:before{ width:45px; height:2px; border-top: 2px dotted var(--cor); left:-45px; top:0;}
.abt_c2item3 .abt_c2line span:after{}
.abt_c2item4{ left:20.86%; top:43.85%;}
.abt_c2item4 .abt_c2tip{ left:38px; top:-120px;}
.abt_c2item4 .abt_c2line{ width:24px; height:108px; border-top:2px dotted #FFAE11; border-left:2px dotted #FFAE11; left:0px; top:-108px;}
.abt_c2item4 .abt_c2line span{ background:#FFAE11; top:-4px; right:0;}
.abt_c2item4 .abt_c2line:before{}
.abt_c2item4 .abt_c2line:after{}
.abt_c2item5{ right:20.71%; top:47.36%;}
.abt_c2item5 .abt_c2tip{ right:135px; top:-225px; text-align:right;}
.abt_c2item5 .abt_c2line{ width:82px; height:212px; border-right:2px dotted #FFAE11; border-top:2px dotted #FFAE11; top:-212px; left:-120px;}
.abt_c2item5 .abt_c2line span{ background:#FFAE11; top:-4px; left:0;}
.abt_c2item5 .abt_c2line:before{ width:65px; height:2px; border-top: 2px dotted #FFAE11; right:-45px; bottom:0;}
.abt_c2item5 .abt_c2line:after{}
.abt_c2item6{ /* right:21.48%; top:48.07%; */right:20.71%; top:47.36%;}
.abt_c2item6 .abt_c2tip{ right:135px; top:-152px; text-align:right;}
.abt_c2item6 .abt_c2print{display:none;}
.abt_c2item6 .abt_c2line{ width:67px; height:140px; border-right:2px dotted #FFAE11; border-top:2px dotted #FFAE11; top:-140px; left:-125px;}
.abt_c2item6 .abt_c2line span{ background:#FFAE11; top:-4px; left:0;}
.abt_c2item6 .abt_c2line:before{}
.abt_c2item6 .abt_c2line:after{}
.abt_c2item7{ right: 21.87%; top: 50.17%;}
.abt_c2item7 .abt_c2tip{ right:166px; top:-85px; text-align:right;}
.abt_c2item7 .abt_c2line{ width:94px; height:72px; border-right:2px dotted #FFAE11; border-top:2px dotted #FFAE11; top:-73px; left:-159px;}
.abt_c2item7 .abt_c2line span{ background:#FFAE11; top:-4px; left:0;}
.abt_c2item7 .abt_c2line:before{ width:52px; height:2px; border-top: 2px dotted #FFAE11; right:-52px; bottom:0;}
.abt_c2item7 .abt_c2line:after{}
.abt_c2item8{ right: 25.42%; top: 54.21%;}
.abt_c2item8 .abt_c2tip{ right:119px; top:-15px; text-align:right;}
.abt_c2item8 .abt_c2line{ width:114px; height:2px; border-top: 2px dotted #FFAE11; left:-114px; top:-1px;}
.abt_c2item8 .abt_c2line span{ background:#FFAE11; top:-4px; left:0;}
.abt_c2item8 .abt_c2line:before{}
.abt_c2item8 .abt_c2line:after{}
.abt_c2item9{ right: 24.8%; top: 61.92%;}
.abt_c2item9 .abt_c2tip{ right:90px; top:25px; text-align:right;}
.abt_c2item9 .abt_c2line{ width:81px; height:34px; border-right:2px dotted #FFAE11; border-bottom:2px dotted #FFAE11;top: 7px; left: -80px;}
.abt_c2item9 .abt_c2line span{ background:#FFAE11; bottom:-4px; left:0;}
.abt_c2item9 .abt_c2line:before{}
.abt_c2item9 .abt_c2line:after{}
.abt_c2instr{ position:absolute; left:-70px; bottom:172px;}
.abt_c2instr p{ font-size: 20px; line-height: 52px; padding-left: 40px; }
.abt_c2instr p:nth-child(1){ background: url(/images/abt_c2tip_ico1.png) no-repeat left center; }
.abt_c2instr p:nth-child(2){ background: url(/images/abt_c2tip_ico2.png) no-repeat left center; }


.abt_c2item10{ right: 19.09%; top: 44.49%; z-index:1;}
.abt_c2item10 .abt_c2tip{ left: 76px;top: 96px;}
.abt_c2item10 .abt_c2line{ width: 23px; height: 110px; border-bottom: 2px dotted var(--cor); border-left: 2px dotted var(--cor); left:42px; top:0px; }
.abt_c2item10 .abt_c2line span{ background:#14B2A6; bottom:-4px; right:0;}
.abt_c2item10 .abt_c2line:before{width: 55px;height: 2px;border-top: 2px dotted var(--cor);left: -55px;top: 0;}
.abt_c2item10 .abt_c2line:after{}


.abt_c2m_maps{ display:none;}
.abt_c2bmt{ margin-top: -70px; padding-left: 28px; margin-left: 50px; background: url(/images/abt_c2bmt.png) no-repeat left 14px; font-size: 22px; line-height: 46px; }
.abt_c2bmsw{ margin:0 38px; position:relative; z-index:3;}
.abt_c2bmsw dd{ padding:12px;}
.abt_c2bmitem{background: linear-gradient( 360deg, #FFFFFF 0%, #F2F5F6 100%);box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.08);border-radius: 8px 8px 8px 8px;border: 2px solid #FFFFFF; padding:14px; text-align:center;}
.abt_c2bmitem p{ height:40px; font-size:14px; line-height:20px;display:flex; flex-direction:column; justify-content:center; margin-top:3px;}
.abt_c2bmitem span{ display:block; margin:0 auto; width:70px; height:70px;}
.abt_c2bmsw .slick-prev{ background: url(/images/abt_c3btn.png) no-repeat center center; display: inline-block; height: 30px; width: 18px; position: absolute; left: -38px; top: 62px; overflow: hidden; cursor: pointer }
.abt_c2bmsw .slick-next{background: url(/images/abt_c3btn.png) no-repeat center center; display: inline-block; height: 30px; width: 18px; position: absolute; right: -38px; top: 62px; overflow: hidden; cursor: pointer ; transform:rotate(180deg);}
.abt_c2bmsw .slick-prev:hover,.abt_c2bmsw .slick-next:hover{background-image:url(/images/abt_c3btn2.png);}

.abt_c2nbox .abt_c2print span.abt_c2sint{ background:#14B2A6;}
.abt_c2nbox .abt_c2print:before,.abt_c2nbox .abt_c2print:after{ background:rgba(20,178,166,0.7);}
.abt_c2nbox .abt_c2line,.abt_c2nbox .abt_c2line:before{border-color:var(--cor)!important;}
.abt_c2nbox .abt_c2line span{background:var(--cor);}
.abt_c2nbox .abt_c2item5 .abt_c2line:before {width: 47px;bottom: 2px;}
.abt_c2nbox .abt_c2item2 .abt_c2line:before {width: 45px;height: 2px;border-top: 2px dotted var(--cor);left: -45px;bottom: 0;}
.abt_con2 .abt_c2bmt,
.abt_con2 .abt_c2bmsw{display:none!important;}
@media (max-width:1799px){
.abt_c2bmitem span{width:62px; height:62px;}
.abt_c2bmitem p{font-size:12px; line-height:18px; height:36px;}
.abt_c2bmitem{padding:10px;}
.abt_c2bmsw .slick-prev{left:-28px; top:58px;}
.abt_c2bmsw .slick-next{right:-28px; top:58px;}
.abt_c2bmt{font-size:20px;}
.abt_con2 .m2pdes{font-size:14px; margin-top:15px;}
.abt_c2txt strong{font-size:18px;}
.abt_c2instr{left:-50px;}
.abt_c2instr p{font-size:18px;}
.abt_c2layer .overflowHide strong{font-size:18px;}
}
@media (max-width:1379px){
.abt_c2instr{left:-20px; bottom:120px}
.abt_c2item2 .abt_c2layer,
.abt_c2item3 .abt_c2layer{left:25%;}
}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){
.abt_c2maps{display:none;}
.abt_c2map{display:none;}
}

.abt_con3{}
.abt_c3lx{ width:46.45%; float:left;}
.abt_c3lx .m2pdes{ font-size: 16px; line-height: 28px; color: #666; margin-top: 30px; }
.abt_c3rndx{ margin-top:2.6vw; width:440px; position:relative; margin-left:90px; }
.abt_c3rndline{ width:440px; height:440px; border:3px solid #D6D6D6; border-radius:50%;}
.abt_c3rndline svg{position:absolute; left:0; top:0; right:0; bottom:0; animation:turnAni 10s linear infinite}
.abt_c3cle{stroke-dasharray: 360px; transition:all 2s ease;stroke-dashoffset: 260px;}
/*.abt_c3cle0{stroke-dashoffset: 360px;}
.abt_c3cle1{stroke-dashoffset: 240px;}
.abt_c3cle2{stroke-dashoffset: 0px;}*/
.abt_c3lnm{ position: absolute; top: 50%; transform: translateY(-50%); right: 115px; text-align: right; color: #7E7E7E;  font-size: 62px; line-height: 100px; white-space:nowrap; transition:all 0.5s ease; opacity:0; visibility:hidden;}
.abt_c3lnm span{ color:var(--cor); display:inline-block; position:relative; font-weight:bold;}
.abt_c3lnm span:before{ content: ""; background: url(/images/nabt_logo.svg) no-repeat center center; height: 72px; width: 40px; position: absolute; left: -48px;top: 16px; background-size:100% auto!important;}
.abt_c3lnm i{ font-style: normal; display:inline-block; position:relative; right:0px; font-size:80px}
.abt_c3lnm em{ font-style: normal; display:inline-block; position:relative; right:-25px;}
.abt_c3lnm.on{ opacity:1; visibility:visible;}
.abt_c3rx{ width:45.48%; float:right; max-height:550px; overflow-y:auto; padding-right:20px; margin-top:80px;}
.abt_c3ritem{ padding:2.5vw 0; border-top:2px solid #EFEFEF;}
.abt_c3ritem h4{ font-size: 30px; line-height: 42px; letter-spacing: 1px; display: block; margin-bottom: 12px; font-weight: normal; padding-left:32px; background: url(/images/nabt_logo.svg) no-repeat left center; background-size:20px auto!important;-webkit-filter: grayscale(100%); filter: grayscale(100%); transition:all 0.5s ease; }
.abt_c3ritem p{ font-size: 16px; line-height: 32px; position: relative; color:#666; padding-left: 16px; cursor:default; transition:all 0.5s ease; }
.abt_c3ritem p:before{ content: ""; background: #B8B8B8; height: 6px; width: 6px; position: absolute; left: 0px; top: 13px; border-radius:50%; transition:all 0.5s ease; }
.abt_c3ritem p:hover{ color:#333; font-weight:bold}
.abt_c3ritem p:hover:before{ background:var(--cor);}
.abt_c3ritem.on h4{ color:var(--cor);-webkit-filter: grayscale(0%); filter: grayscale(0%); }
.abt_c3ritem.on{ border-top:2px solid var(--cor);}
@media (max-width:1799px){
.abt_c3lx .m2pdes{font-size:14px; line-height:26px; margin-top:18px;}
.abt_c3lx{top:115px;}
.abt_c3ritem{padding:1.8vw 0;}
.abt_c3ritem h4{font-size:24px; line-height:36px; padding-left:26px; background-size:16px auto!important;}
.abt_c3ritem p{font-size:14px; line-height:30px; padding-left:14px;}
.abt_c3ritem p:before{width:4px; height:4px;}
.abt_c3rndx{transform:scale(0.78)!important; transform-origin:left top;}
.abt_c3rx{margin-top:64px; max-height:440px;}
.abt_c3lx{height:500px; overflow:hidden}
}
@media (max-width:1379px){
.abt_c3lnm {right: 65px;font-size: 52px;line-height: 82px;}
.abt_c3ritem h4{font-size:22px; line-height:32px;}
.abt_c2box{max-width:1000px; margin-top:25px;}
}
@media (max-width:1199px){
.abt_c2box{margin-top:50px; left:-10vw;}
.abt_c3rndx{margin-left:40px;}
.abt_c3rx{width:51.5%;}
}
@media (max-width:993px){
.abt_c2box{margin-top:100px; margin-left:-90px;}
.abt_c2bmt{margin-top:0;}
.abt_c2item2 .abt_c2line{left:20px;}
.abt_c2item2 .abt_c2tip{left:55px;}
.abt_c3rndx{display:none;}
.abt_c3rx{width:100%; margin-top:35px;}
.abt_c3lx{width:100%; height:auto}
.abt_c3rx{max-height:none;}
}
@media (max-width:767px){
.abt_c2box{left:0; margin-top:25px; margin-left:0}
.abt_c2m_maps{display:block; padding-bottom:55px; margin-bottom:25px;}
.abt_c2mimg{height:52vw;}
.abt_c2m_maps .slick-dots{bottom:10px;}
.abt_c2m_maps .slick-dots li button{display:none;}
.abt_c2m_maps .slick-dots li { background:#ccc; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}
.abt_c2m_maps .slick-dots li.slick-active{ background:var(--cor);}
.abt_c2mbm{padding:18px 0 0; font-size:13px; line-height:24px;}
.abt_c2mbm strong{display:block; font-size:16px; line-height:28px;}
.abt_c3ritem h4{font-size:21px; margin-bottom:5px; padding-left:22px; background-size:14px auto!important;}
.abt_c3rx{margin-top:20px; padding-right:0;}
.abt_c3ritem{padding:15px 0;}
}

.abt_con4{ color:#fff; background-size:cover; position:relative}
.abt_con4:before{ content: ""; background: url(/images/abt_c4zm.png) no-repeat left top; position: absolute; left: 30px; top: 10px; right: 0px; bottom: 0px; background-size:auto 11.45vw; }
.abt_c4box .m2pt{ position: absolute; top: 7.8vw; left:calc((100vw - 1550px) / 2);}
.abt_c4dls{ display:flex; position:relative; z-index:2;}
.abt_c4dls dd{ height:calc(100vh - 100px); width:33.33%; transition:all 0.8s ease;display:flex; flex-direction:column; justify-content:center; position:relative; border-right:1px solid rgba(255,255,255,0.3);}
.abt_c4dls dd:last-child{border:none;}
.abt_c4dls dd:hover,
.abt_c4dls dd.on{width:66.66%; padding:0 7.81vw;}
.abt_c4dx{ position:absolute; left:0; top:0; right:0; bottom:0;display:flex; flex-direction:column; justify-content:center; text-align:center; padding-top:3vw; transition:all 0.5s ease;}
.abt_c4dx p{ font-size: 36px; line-height:48px; letter-spacing: 2px; margin-top: 25px; }
.abt_c4ico{ width:120px; height:120px; display:block; margin:0 auto; border-radius:50%; border:2px solid rgba(255,255,255,0.4); position:relative}
.abt_c4ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:46%; max-height:46%; width:auto; height:auto;}
.abt_c4hx{ opacity:0; padding-top:3vw;}
.abt_c4st{ height:80px; line-height:80px; font-size:36px; letter-spacing:2px; position:relative; padding-left:100px; transition:all 0.5s ease; opacity:0; transform:translateY(80px);}
.abt_c4hico{ width:80px; height:80px; background:var(--cor); position:absolute; left:0; top:0; border-radius:50%;}
.abt_c4hico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:52%; max-height:52%; width:auto; height:auto;}
.abt_c4hx strong{ display:block; margin-top:35px; font-size:20px; line-height:36px; margin-bottom:8px;}
.abt_c4hx p{ font-size: 16px; line-height: 28px;}
.abt_c4txt{ transition:all 0.5s ease; opacity:0; transform:translateY(80px);}
.abt_c4dls dd:hover .abt_c4dx,
.abt_c4dls dd.on .abt_c4dx{opacity:0;}
.abt_c4dls dd:hover .abt_c4hx,
.abt_c4dls dd.on .abt_c4hx{opacity:1;}
.abt_c4dls dd:hover .abt_c4st,
.abt_c4dls dd.on .abt_c4st{opacity:1; transform:translateY(0); transition-delay:0.3s;}
.abt_c4dls dd:hover .abt_c4txt,
.abt_c4dls dd.on .abt_c4txt{opacity:1; transform:translateY(0); transition-delay:0.5s;}
@media (max-width:1799px){
.abt_c4box .m2pt{ top: 5.2vw; left:calc((100vw - 1140px) / 2);}
.abt_c4dls dd{ height:calc(100vh - 80px);}
.abt_c4dls dd:hover,
.abt_c4dls dd.on{padding:0 3.8vw;}
.abt_c4dx{ padding-top:2.5vw;}
.abt_c4dx p{ font-size: 28px; line-height:38px; letter-spacing: 1px; margin-top: 20px; }
.abt_c4ico{ width:90px; height:90px;}
.abt_c4hx{ padding-top:2vw;}
.abt_c4st{ height:66px; line-height:66px; font-size:28px; letter-spacing:1px; padding-left:80px;}
.abt_c4hico{ width:66px; height:66px;}
.abt_c4hx strong{margin-top:20px; font-size:16px; line-height:32px; margin-bottom:5px;}
.abt_c4hx p{ font-size: 14px; line-height: 24px;}
}
@media (max-width:1379px){
.abt_c4hx p{font-size:12px; line-height:22px;}
.abt_c4hx strong {margin-top: 15px;font-size: 15px;line-height: 28px;margin-bottom: 4px;}
.abt_c4hx{padding-top:6vw;}
.abt_c4st{font-size:26px;}
}
@media (max-width:1199px){
.abt_c4box .m2pt{left:calc((100vw - 940px) / 2);}
}
@media (max-width:993px){
.abt_c4box .m2pt{left:calc((100vw - 720px) / 2);}
.abt_c4dls dd{height:550px;}
}
@media (max-width:767px){
.abt_c4box .m2pt{left:15px; top:12vw; right:15px; text-align:center}
.abt_con4:before{top:40px; left:30%;}
.abt_c4dls{display:block;}
.abt_c4dls dd{width:100%!important; height:auto; padding:25px 15px 0;}
.abt_c4dls dd .abt_c4dx,
.abt_c4dls dd.on .abt_c4dx{opacity:0;}
.abt_c4dls dd .abt_c4hx,
.abt_c4dls dd.on .abt_c4hx{opacity:1;}
.abt_c4dls dd .abt_c4st,
.abt_c4dls dd.on .abt_c4st{opacity:1; transform:translateY(0); transition-delay:0.3s;}
.abt_c4dls dd .abt_c4txt,
.abt_c4dls dd.on .abt_c4txt{opacity:1; transform:translateY(0); transition-delay:0.5s;}
.abt_c4box{padding-top:55px;}
.abt_c4hx{padding-top:0;}
.abt_c4dx{padding-top:0;}
.abt_c4st{font-size:24px; line-height:50px; height:50px; padding-left:65px;}
.abt_c4dls{padding-top:35px;}
.abt_con4{padding-bottom:12vw;}
.abt_c4hico{width:50px; height:50px;}
}

.abt_con5{ background: url(/images/abt_c6bg.png) no-repeat center center; background-size:cover;}
.abt_con5 .m2pt{text-align:center;}
.abt_con5 .m2pdes{ text-align: center; font-size: 16px; line-height: 28px; margin-top: 25px; }
.abt_c5tag_wpr{ text-align:center; margin-top:28px;}
.abt_c5tag{ display:inline-block; background:#F2F2F2; border-radius:2em; overflow:hidden;}
.abt_c5tag a{ display: inline-block; padding: 0px 33px; line-height: 40px; font-size: 14px; border-radius:2em; cursor:pointer;}
.abt_c5tag a.on{ color:#fff; background:var(--cor);}
.abt_c5list_wpr{ margin-top:30px; margin-left:-13px; margin-right:-13px; height:700px; position:relative}
.abt_c5sw{ position:absolute; left:0; top:0; right:0; opacity:0; padding-bottom:50px; transform:translateY(40px)}
.abt_c5sw.on{ opacity:1; z-index:2; transition:all 0.8s ease; transform:translateY(0);}
.abt_c5sw dd{ padding:20px 13px;}
.abt_c5item{ display: block; position: relative; height: 230px; padding: 65px 75px 0; background: #fff url(../images/abt_c6st.png) no-repeat center 30px; box-shadow: 0px 6px 20px rgba(0,0,0,0.06); border-radius: 10px; background-size:auto 25px; }
.abt_c5item strong{ font-size: 24px; line-height: 36px; height: 90px; text-align: center; display:flex; flex-direction:column; justify-content:center; font-weight:normal;}
.abt_c5item p{ background: url(/images/abt_c6tnm.png) no-repeat center center; height: 32px; width:266px; line-height: 32px; color: #FFF; font-size: 14px; display: block; margin: 8px auto 0px; background-size:100% auto; text-align:center; }
.abt_c5sw .slick-dots{bottom:0; text-align:center; height:10px;}
.abt_c5sw .slick-dots li button{display:none;}
.abt_c5sw .slick-dots li { background:none; display: inline-block; height: 10px; width: 50px; margin: 0px 5px; position: relative;vertical-align:middle; border-bottom:2px solid #C7C7C9;}
.abt_c5sw .slick-dots li.slick-active{ border-bottom:4px solid var(--cor);}
.abt_c5stp{}
.abt_c5item:before{ content: ""; background: url(/images/abt_c6lico.png) no-repeat center center; height: 136px; width: 50px; position: absolute; top: 42px; left: 22px; background-size:100% auto;}
.abt_c5item:after{ content: ""; background: url(/images/abt_c6rico.png) no-repeat center center; height: 136px; width: 50px; position: absolute; top: 42px; right: 22px; background-size: 100% auto; }
.abt_c5btns{ text-align:center;}
.abt_c5btn{ width:400px; line-height:90px; background:#fff; font-size:24px; text-align:center;box-shadow: 0px 20px 20px 1px rgba(0,0,0,0.06); border-radius:2em; display:inline-block; margin:0 15px;}
.abt_c5btn:hover{ color:#fff; background:var(--cor); transform:translateY(-5px); box-shadow:0px 20px 20px 1px rgba(0,143,132,0.3)}
.abt_c5btn1:before{ content: ""; background: url(/images/abt_c5ico1.png) no-repeat center center; display: inline-block; height: 34px; width: 34px; margin-right: 12px; position:relative; top:5px; }
.abt_c5btn1:hover:before{ background: url(/images/abt_c5ico1a.png) no-repeat center center;}
.abt_c5btn2:before{ content: ""; background: url(/images/abt_c5ico2.png) no-repeat center center; display: inline-block; height: 34px; width: 34px; margin-right: 12px; position:relative; top:5px; }
.abt_c5btn2:hover:before{ background: url(/images/abt_c5ico2a.png) no-repeat center center;}
@media (max-width:1799px){
.abt_con5 .m2pdes{ font-size: 14px; line-height: 26px; margin-top: 20px; }
.abt_c5tag_wpr{ margin-top:20px;}
.abt_c5list_wpr{ margin-top:25px; height:598px;}
.abt_c5sw{ padding-bottom:40px; }
.abt_c5item{height: 200px; padding: 50px 35px 0; background: #fff url(../images/abt_c6st.png) no-repeat center 25px; background-size:auto 20px; }
.abt_c5item strong{ font-size: 18px; line-height: 30px; height: 80px; }
.abt_c5item:before{ height: 126px; width: 35px; top: 35px; left: 18px;}
.abt_c5item:after{ height: 126px; width: 35px; top: 35px; right: 18px;}
.abt_c5btn{ width:300px; line-height:70px; font-size:20px;}
.abt_c5btn:hover{ color:#fff; background:var(--cor); transform:translateY(-5px); box-shadow:0px 20px 20px 1px rgba(0,143,132,0.3)}
.abt_c5btn1:before{height: 26px; width: 26px; margin-right: 10px; background-size:100% auto!important;}
.abt_c5btn2:before{height: 26px; width: 26px; margin-right: 10px; background-size:100% auto!important;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){
.abt_c5sw .slick-dots{bottom:20px; text-align:center; height:10px;}
.abt_c5sw .slick-dots li button{display:none;}
.abt_c5sw .slick-dots li { background:#ccc; display: inline-block; height: 8px; width: 8px; margin: 0px 6px; position: relative;vertical-align:middle; border-bottom:none; border-radius:50%;}
.abt_c5sw .slick-dots li.slick-active{ background:var(--cor);}
.abt_c5sw dd{padding-top:10px; padding-bottom:20px;}
.abt_c5list_wpr{height:536px;}
.abt_c5btns{margin-left:-5px; margin-right:-5px;}
.abt_c5btn{width:calc(50% - 16px); margin:0 5px; line-height:48px; font-size:15px;}
}

.cs_page{}
.cs_con1{ background:#F7F7F7; padding-bottom:25px;}
.cs_c1des{ font-size: 18px; line-height: 36px; margin: 0px auto; max-width: 1180px; text-align:center;}
.cs_navx{display:flex;justify-content:center; padding-bottom:15px;}
.cs_nav{ text-align:center; margin-top:2.6vw;}
.cs_nava{ display:inline-block; margin:0 18px; color:#888; min-width:160px; text-align:center;}
.cs_nava.on,.cs_nava:hover{ color:var(--cor);}
.cs_nava p{ font-size: 20px; line-height: 30px; margin-top:15px; }
.cs_navico{ width:80px; height:80px; border:1px solid #CCCCCC; border-radius:0.3em; position:relative; margin:0 auto; display:block; transition:background 0.5s ease; background:#fff;}
.cs_nava.on .cs_navico,.cs_nava:hover .cs_navico{ border:2px solid #008F84;}
.cs_navico img{ width:52px; height:52px; position:absolute; left:50%; top:50%; margin-left:-26px; margin-top:-26px;}
.cs_navico img:nth-child(2){opacity:0;}
.cs_nava.on .cs_navico img,.cs_nava:hover .cs_navico img{ opacity:0;}
.cs_nava.on .cs_navico img:nth-child(2),.cs_nava:hover .cs_navico img:nth-child(2){ opacity:1}
.cs_nava.on .cs_navico,.cs_nava:hover .cs_navico{ background:#F0F8F8;}
.cs_con2{ position:relative; overflow:hidden;}
.cs_c2box{ max-width:1320px; margin:0 auto; position:relative}
.cs_c2proimg{ display:block;}
.cs_c2item{ width:0px; height:0px;position:absolute; cursor:pointer;}
.cs_c2sanix{ width:90px; height:90px; position:absolute; left:50%; top:50%; margin-left:-45px; margin-top:-45px;}
@keyframes cs_anix {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(0.6);
  }
}
.cs_c2sanix:before,.cs_c2sanix:after{content:""; background:rgba(255,255,255,0.7); position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; animation:cs_anix 3s linear infinite; opacity:0;}
.cs_c2sanix:after{ animation-delay:1.5s;}
.cs_c2sanix span{ height: 24px; width:24px;/* background:var(--cor) url(../images/cs_c2m.png) no-repeat center center;*/ border-radius:50%; position:absolute; left:50%; top:50%; margin-left:-12px; margin-top:-12px;/* background-size:20px auto;*/ z-index:2; background:rgba(0,143,132,0.5); }
.cs_c2sanix span:after{content:""; width:10px; height:10px; background:rgba(255,255,255,1); position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-5px; border-radius:50%;}
.cs_c2layer{ width:300px; background:#fff; position:absolute; left:55px; top:-45px; border-radius:0.3em; overflow:hidden;box-shadow: 0px 25px 20px 1px rgba(0,0,0,0.06); transition:all 0.5s ease; opacity:0; visibility:hidden; transform:scale(0); transform-origin:left top;}
.cs_c2item:hover .cs_c2layer{opacity:1; transform:scale(1); visibility:visible;}
.cs_c2item:hover{z-index:5;}
.cs_c2lyt{ line-height:54px; color:#fff; background:var(--cor); position:relative; padding-left:38px; font-size:20px;}
.cs_c2lyt:before{ content: ""; height: 10px; width: 10px; border: 2px solid #FFF; position: absolute; left: 20px; top: 22px; border-radius:50%;}
.cs_c2links{ padding: 15px 10px 0;}
.cs_c2lytxt{padding:0px 5px 15px 0; border-bottom:1px solid #EBEBEB;}
.cs_c2links p{ font-size:16px; line-height:28px; position:relative; padding-left:25px; color:#666;}
.cs_c2links p:before{content:""; width:4px; height:4px; position:absolute; background:#666; border-radius:50%; position:absolute; left:11px; top:13px;}
.cs_c2links dt{ line-height: 28px; margin-bottom: 5px; font-size: 16px; padding-left:10px; }
.cs_c2links dd{ padding-bottom:16px;border-bottom: 1px solid #EBEBEB; }
.cs_c2links dd td{ padding: 0px 10px; font-size: 14px; line-height: 28px; color: #666; }
.cs_c2mx{ text-align:center; line-height:48px;}
.cs_c2m{ display: inline-block; background: url(/images/cs_c1m.png) no-repeat right center; padding-right: 18px; font-size: 14px; color:var(--cor); background-size:12px auto;}
.cs_c2ra{color:#666;}
.cs_c2mmbox{ display:none;}
.cs_c2mclose{}
.cs_c2mhtml{}
.cs_c2box1{}
.cs_c2box1 .cs_c2item1{left: 22.6%;top: 60.2%;}
.cs_c2box1 .cs_c2item2{left: 34%;top: 64%;}
.cs_c2box1 .cs_c2item3{left: 36.5%; top: 23%;}
.cs_c2box1 .cs_c2item4{left: 42%;top: 34%;}
.cs_c2box1 .cs_c2item5{left: 41%;top: 45%;}
.cs_c2box1 .cs_c2item6{left: 41.5%;top:75%;}
.cs_c2box1 .cs_c2item7{left: 50%;top: 56%;}
.cs_c2box1 .cs_c2item8{left: 54%;top: 35%;}
.cs_c2box1 .cs_c2item9{left: 79%;top: 64%;}
.cs_c2box1 .cs_c2item10{left: 86%;top: 47%;}
.cs_c2box1 .cs_c2item9 .cs_c2layer,
.cs_c2box1 .cs_c2item10 .cs_c2layer{ left:auto; right:55px; transform-origin:right top;}
.cs_c2name{text-align:center; margin-top:2vw;}
.cs_c2name span{ display:inline-block; padding:15px 15px; line-height:30px; color:#52AEA7; font-size:22px; letter-spacing:2px; position:relative}
.cs_c2name span:before{content:""; height:1px; background:#52AEA7; position:absolute; left:-100vw; top:50%; width:100vw;}
.cs_c2name span:after{content:""; height:1px; background:#52AEA7; position:absolute; right:-100vw; top:50%; width:100vw;}
@media (max-width:1799px){
.cs_c1des{ font-size: 14px; line-height:28px; max-width: 980px;}
.cs_nav{ margin-top:2.2vw;}
.cs_nava{margin:0 12px; min-width:128px;}
.cs_nava p{ font-size: 16px; line-height: 24px; margin-top:12px; }
.cs_navico{ width:60px; height:60px;}
.cs_nava.on .cs_navico,.cs_nava:hover .cs_navico{ border:1px solid #008F84;}
.cs_navico img{ width:40px; height:40px; margin-left:-20px; margin-top:-20px;}
.cs_c2box{ max-width:900px;}
.cs_c2sanix{ width:80px; height:80px; margin-left:-40px; margin-top:-40px;}
.cs_c2sanix span{ height: 20px; width: 20px; margin-left:-10px; margin-top:-10px;/* background-size:16px auto;*/ }
.cs_c2sanix span:after{ width:8px; height:8px; margin-left:-4px; margin-top:-4px;}
.cs_c2layer{ width:280px; left:55px; top:-35px;}
.cs_c2lyt{ line-height:50px; padding-left:32px; font-size:18px;}
.cs_c2lyt:before{ height: 8px; width: 8px; left: 16px; top: 21px;}
.cs_c2links{ padding: 12px 8px 0;}
.cs_c2links dt{ line-height: 26px; margin-bottom: 4px; font-size: 14px; padding-left:8px; }
.cs_c2links dd{ padding-bottom:14px;}
.cs_c2links dd td{ padding: 0px 8px; font-size: 12px; line-height: 26px;}
.cs_c2mx{ line-height:46px;}
/*.cs_c2box1 .cs_c2item1 .cs_c2layer{ left:auto; right:45px;}*/
.cs_c2links p{font-size:14px; line-height:26px;}
.cs_c2links p:before{top:12px;}
.cs_c2name{ font-size:16px; line-height:28px;}
.cs_c2name span {line-height: 30px;font-size: 20px;}
}
@media (max-width:1379px){
.cs_c2name{ font-size:14px; line-height:26px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){

}
@media (max-width:767px){
.cs_nav{margin-top:25px;}
.cs_c2sanix{width:40px; height:40px; margin-left:-20px; margin-top:-20px;}
.cs_c2sanix span{width:18px; height:18px; margin-left:-9px; margin-top:-9px; background-size:12px auto}
.cs_c2layer{position:fixed; left:15px!important; right:15px!important; top:50%!important; z-index:5; margin-top:-20%;}
.cs_c2name span {padding: 8px 0px;line-height: 26px;font-size: 16px;}
.cs_c2name span:before,.cs_c2name span:after{display:none;}
.cs_nava{ min-width:20px;}
.cs_nava p{font-size:14px!important; line-height:20px!important;}
}


.cs_con3{ background:#F7F7F7;}
.cs_c3t{ font-size: 36px; letter-spacing: 1px; text-align: center; line-height: 36px; }
.cs_c3box{ margin-top:2.6vw;}
.cs_c3lx{ width:280px; float:left; position: -webkit-sticky;position: sticky;top: 120px; }
.cs_c3menu{}
.cs_c3menu li{ margin-bottom:6px;}
.cs_c3ma{ display: block; background: #EDEDED; padding: 0px 64px 0px 24px; line-height: 68px; font-size: 18px; display:block; background-position:right 24px center; }
.cs_c3ma.on,.cs_c3ma:hover{ background:var(--cor) url(../images/cs_c2ar.png) no-repeat right 24px center; background-size:24px auto; color:#fff;}
.cs_c3rx{ width:calc(100% - 300px); float:right; background:#fff; padding:48px}
.cs_c3ritem{ display:none;}
.cs_c3ritem.on{ display:block;}
.cs_c3rt{ font-size: 24px; line-height: 36px; display: block; }
.cs_c3rbox{display:flex; justify-content:space-between; flex-direction:row-reverse; padding-bottom:2.5vw;}
.cs_c3img{ width:40.72%;}
.cs_c3rlx{ width:53.72%;}
.cs_c3rtxt{ margin-top: 15px; font-size: 16px; line-height: 30px; color: #666; text-align: justify; }
.cs_c3btns{ margin-top:2.08vw; display:flex;}
.cs_c3btn1{ line-height: 54px; background: var(--cor); width: 160px; border: 1px solid var(--cor); display: inline-block; text-align: center; font-size: 18px; color: #FFF; border-radius:2em; margin-right:20px; cursor:pointer; }
.cs_c3btn1:before{ content: ""; background: url(/images/cs_c2ico1.png) no-repeat center center; display: inline-block; height: 22px; width: 22px; margin-right: 8px; background-size:22px auto; position:relative; top:4px;}
.cs_c3btn1:hover{ color:#fff;}
.cs_c3btn2{ line-height: 54px; width: 160px; border: 1px solid rgb(165,165,165); display: inline-block; text-align: center; font-size: 18px; color: #333; border-radius:2em; cursor:pointer;}
.cs_c3btn2:before{ content: ""; background: url(/images/cs_c2ico2.png) no-repeat center center; display: inline-block; height: 22px; width: 22px; margin-right: 8px; background-size:22px auto; position:relative; top:4px;}
.cs_c3btn2:hover{ color:#333;}
.cs_c3btn1:hover,.cs_c3btn2:hover{transform:translateY(-5px); box-shadow:0 12px 15px 1px rgba(0,0,0,0.1);}
.cs_c3lst{ margin-top:2.6vw;}
.cs_c3lst li{ line-height:60px; border-top:1px solid #ECECEC;}
.cs_c3sa:before{content:""; width:4px; height:4px; background:#333; position:absolute; left:16px; top:50%; margin-top:-2px; border-radius:50%; transition:all 0.5s ease;}
.cs_c3sa{ display:block; font-size:18px; padding:0 30px; position:relative;}
.cs_c3sa:hover{ background:#F5FBFA;}
.cs_c3sa:hover:before{background:var(--cor);}
.cs_c3dlitem{ border-bottom:1px solid #ECECEC;}
.cs_c3dlitem.active{}
.cs_c3dlitem dt{ cursor:pointer; display:flex; position:relative; padding:0 100px 0 0; line-height:62px;}
.cs_c3dlitem dt strong{ font-size: 18px; font-weight:normal; display:block; padding-left:32px; position:relative;transition:all 0.5s ease; color:#666;}
.cs_c3dlitem dt strong:before{content:""; width:6px; height:6px; position:absolute; left:16px; top:28px; background:#333; border-radius:50%; transition:all 0.5s ease;}
.cs_c3dbtn{ position:absolute; right:15px; top:0; padding-right:21px; color:#666; transition:all 0.5s ease;}
.cs_c3dbtn i{ width:14px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px;}
.cs_c3dbtn i:before{content:""; width:14px; height:2px; background:#8F8F8F; position:absolute; left:0; top:6px; transition:all 0.5s ease;}
.cs_c3dbtn i:after{content:""; height:14px; width:2px; background:#8F8F8F; position:absolute; left:6px; top:0px; }
.cs_c3dbtn span{}
.cs_c3dbtn span:nth-child(2){ display:none; color:var(--cor);}
.cs_c3dlitem dd{ display:none;}
.cs_c3dlitem.active dt{}
.cs_c3dlitem.active dt strong{ padding-left:0; font-size:24px; color:#333;}
.cs_c3dlitem.active dt strong:before{ opacity:0;}
.cs_c3dlitem.active .cs_c3dbtn span{ display:none;}
.cs_c3dlitem.active .cs_c3dbtn span:nth-child(2){ display:block;}
.cs_c3dlitem.active .cs_c3dbtn i:after{opacity:0;}
.cs_c3dlitem.active .cs_c3dbtn i:before{ background:var(--cor);}
.cs_c3ritem dl:last-child{border:none;}
@media (max-width:1799px){
.cs_c3t{ font-size: 30px; line-height: 30px; }
.cs_c3lx{ width:240px;top: 100px; }
.cs_c3menu li{ margin-bottom:5px;}
.cs_c3ma{padding: 0px 58px 0px 20px; line-height:58px; font-size: 16px; background-position:right 18px center; }
.cs_c3ma.on,.cs_c3ma:hover{ background:var(--cor) url(../images/cs_c2ar.png) no-repeat right 18px center; background-size:20px auto;}
.cs_c3rx{ width:calc(100% - 260px); padding:32px}
.cs_c3rt{ font-size: 22px; line-height: 30px;}
.cs_c3rtxt{ margin-top: 6px; font-size: 14px; line-height: 26px;}
.cs_c3btns{ margin-top:1.8vw;}
.cs_c3btn1{ line-height:46px; width: 140px; font-size: 16px; margin-right:12px; }
.cs_c3btn1:before{ height: 18px; width: 18px; margin-right: 7px; background-size:18px auto; top:2px;}
.cs_c3btn2{ line-height: 46px; width: 140px; font-size: 16px;}
.cs_c3btn2:before{ height: 18px; width: 18px; margin-right: 7px; background-size:18px auto; position:relative; top:2px;}
.cs_c3btn1:hover,.cs_c3btn2:hover{transform:translateY(-3px);}
.cs_c3lst li{ line-height:50px;}
.cs_c3sa{ font-size:16px; padding:0 25px;}
.cs_c3sa:before{left:12px;}
.cs_c3dlitem dt strong{font-size:16px;}
.cs_c3dlitem dt strong:before{width:4px; height:4px; left:16px; top:29px;}
.cs_c3dlitem.active dt strong{font-size:22px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.cs_c3box{margin-top:25px;}
.cs_c3lx{width:200px;}
.cs_c3rx{width:calc(100% - 212px);}
.cs_c3dlitem.active dt strong{font-size:21px;}
.cs_c3btn1{font-size:15px; line-height:42px; height:42px;}
.cs_c3btn2{font-size:14px; line-height:42px; height:42px;}
}
@media (max-width:993px){
.cs_c3t{font-size:26px;}
}
@media (max-width:767px){
.cs_c3t{font-size:22px; line-height:34px;}
.cs_c3lx{width:100%; top:0;}
.cs_c3rx{width:100%; padding:15px;}
.cs_c3dlitem.active dt strong{font-size:18px; line-height:32px;}
.cs_c3dlitem dt{padding:10px 75px 10px 0;}
.cs_c3dbtn{top:10px; right:5px}
.cs_c3dlitem dt{line-height:32px;}
.cs_c3rbox{ display:block; padding-bottom:25px;}
.cs_c3img{width:100%;}
.cs_c3rlx{width:100%; margin-top:15px;}
.cs_c3dlitem dt strong{padding-left:20px;}
.cs_c3dlitem dt strong:before{top:15px; left:5px;}
.cs_c3btns{margin-top:20px;}
}

.cs_layBg{ position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4); z-index:60;}
.cs_layCon{ max-width:920px; width:90%; position:fixed; left:50%; top:50%; background:#fff; padding:42px 46px; border-radius:0.6em; z-index:66; transform:translate(-50%,-50%);}
.cs_lay_t{ font-size: 32px; line-height: 42px; letter-spacing: 1px; text-align: center; padding-bottom:25px; border-bottom:1px solid #E5E5E5; margin-bottom:30px; }
.cs_lay_close{ background: url(/images/close.png) no-repeat center center; height: 20px; width: 20px; position: absolute; top: 22px; right: 22px; cursor: pointer; transition:all 0.5s ease; }
.cs_lay_close:hover{ transform: rotate(180deg); background: url(/images/close_h.png) no-repeat center center; }
.cs_lay_btn{ text-align:center;}
.cs_submit{width: 200px; line-height:50px; background:var(--cor);border-radius:2em; text-align:center; font-size:18px; transition:all 0.5s ease; color:#fff; cursor:pointer;}
.cs_submit:hover{ transform:translateY(-5px); color:#fff; box-shadow:0 20px 20px 1px rgba(0,143,132,0.2);}
.ifrmbox{height:1680px;}
@media (max-width:1799px){

}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.cs_lay_t{font-size:24px; line-height:36px;}
}
@media (max-width:767px){
.cs_lay_t{font-size:22px; line-height:22px; padding-bottom:18px; margin-bottom:15px;}
.cs_layCon{padding:25px 25px 30px;}
.cs_submit{line-height:46px;}
}


/*2024-12-9 CSS*/
.cs_c2cox1{}
.cs_c2cox1 .cs_c2item1{left: 32.5%; top: 79%;}
.cs_c2cox1 .cs_c2item2{left: 43.5%; top: 54%;}
.cs_c2cox1 .cs_c2item3{left: 58.8%; top: 35%;}
.cs_c2cox1 .cs_c2item4{left: 64.2%; top: 55%;}
.cs_c2cox1 .cs_c2item5{left: 69.2%; top: 45%;}
.cs_c2cox1 .cs_c2item6{left: 75.6%; top: 51.5%;}
.cs_c2cox1 .cs_c2item7{left: 80.6%; top: 70.5%;}
.cs_c2cox1 .cs_c2item8{left: 80.4%; top: 40.5%;}
.cs_c2cox1 .cs_c2item4 .cs_c2layer,
.cs_c2cox1 .cs_c2item5 .cs_c2layer,
.cs_c2cox1 .cs_c2item6 .cs_c2layer,
.cs_c2cox1 .cs_c2item7 .cs_c2layer,
.cs_c2cox1 .cs_c2item8 .cs_c2layer,
.cs_c2cox1 .cs_c2item9 .cs_c2layer{left:auto; right:55px; transform-origin:right top;}

.cs_c2dox1{}
.cs_c2dox1 .cs_c2item1{left: 43.5%; top: 34%;}
.cs_c2dox1 .cs_c2item2{left: 49.5%; top: 45%;}
.cs_c2dox1 .cs_c2item3{left: 52.8%; top: 31%;}
.cs_c2dox1 .cs_c2item4{left: 57.8%; top: 43%;}
.cs_c2dox1 .cs_c2item5{left: 58%; top: 34%;}
.cs_c2dox1 .cs_c2item6{left: 65.6%; top: 68.5%;}
.cs_c2dox1 .cs_c2item4 .cs_c2layer,
.cs_c2dox1 .cs_c2item5 .cs_c2layer,
.cs_c2dox1 .cs_c2item6 .cs_c2layer{left:auto; right:55px; transform-origin:right top;}

.cs_c2eox1{}
.cs_c2eox1 .cs_c2item1{left: 15.5%; top: 30%;}
.cs_c2eox1 .cs_c2item2{left: 27.8%; top: 65%;}
.cs_c2eox1 .cs_c2item3{left: 36.4%; top: 41%;}
.cs_c2eox1 .cs_c2item4{left: 38.8%; top: 78%;}
.cs_c2eox1 .cs_c2item5{left: 49%; top: 74%;}
.cs_c2eox1 .cs_c2item6{left: 60.9%; top: 22%;}
.cs_c2eox1 .cs_c2item7{left: 73.9%; top: 62.5%;}
.cs_c2eox1 .cs_c2item5 .cs_c2layer,
.cs_c2eox1 .cs_c2item6 .cs_c2layer,
.cs_c2eox1 .cs_c2item7 .cs_c2layer{left:auto; right:55px; transform-origin:right top;} */

.cs_c2fox1{}
.cs_c2fox1 .cs_c2item1{left: 24.9%; top: 69.8%;}
.cs_c2fox1 .cs_c2item2{left: 33.5%; top: 43%;}
.cs_c2fox1 .cs_c2item3{left: 48.4%; top: 58%;}
.cs_c2fox1 .cs_c2item4{left: 53.2%; top: 67%;}
.cs_c2fox1 .cs_c2item5{left: 53.2%; top: 42%;}
.cs_c2fox1 .cs_c2item6{left: 64.2%; top: 65.5%;}
.cs_c2fox1 .cs_c2item7{left: 70.2%; top: 31%;}
.cs_c2fox1 .cs_c2item6 .cs_c2layer,
.cs_c2fox1 .cs_c2item7 .cs_c2layer{left:auto; right:55px; transform-origin:right top;} */

.cs_c2gox1{}
.cs_c2gox1 .cs_c2item1{left: 22.1%; top: 44%;}
.cs_c2gox1 .cs_c2item2{left: 25.5%; top: 61%;}
.cs_c2gox1 .cs_c2item3{left: 36.8%; top: 52%;}
.cs_c2gox1 .cs_c2item4{left: 37.6%; top: 60.5%;}
.cs_c2gox1 .cs_c2item5{left: 39.5%; top: 45.5%;}
.cs_c2gox1 .cs_c2item6{left: 46%; top: 73%;}
.cs_c2gox1 .cs_c2item7{left: 65.2%; top: 48.5%;}
.cs_c2gox1 .cs_c2item8{left: 64.6%; top: 82.5%;}
.cs_c2gox1 .cs_c2item9{left: 74.6%; top: 51.5%;}
.cs_c2gox1 .cs_c2item10{left: 76.5%; top: 72.5%;}
.cs_c2gox1 .cs_c2item11{left: 81%; top: 68.5%;}
.cs_c2gox1 .cs_c2item12{left: 92%; top: 17%;}
.cs_c2gox1 .cs_c2item7 .cs_c2layer,
.cs_c2gox1 .cs_c2item8 .cs_c2layer,
.cs_c2gox1 .cs_c2item9 .cs_c2layer,
.cs_c2gox1 .cs_c2item10 .cs_c2layer,
.cs_c2gox1 .cs_c2item11 .cs_c2layer,
.cs_c2gox1 .cs_c2item12 .cs_c2layer{left:auto; right:55px; transform-origin:right top;} 

/*2024-12-10 CSS*/
.cs_c2hox1{}
.cs_c2hox1 .cs_c2item1{left: 30.1%; top: 66%;}
.cs_c2hox1 .cs_c2item2{left: 44.5%; top: 34%;}
.cs_c2hox1 .cs_c2item3{left: 49.8%; top: 55%;}
.cs_c2hox1 .cs_c2item4{left: 55.6%; top: 60.5%;}
.cs_c2hox1 .cs_c2item5{left: 60%; top: 90.5%;}
.cs_c2hox1 .cs_c2item6{left: 62%; top: 17%;}
.cs_c2hox1 .cs_c2item7{left: 74.2%; top: 38%;}
.cs_c2hox1 .cs_c2item5 .cs_c2layer,
.cs_c2hox1 .cs_c2item6 .cs_c2layer,
.cs_c2hox1 .cs_c2item7 .cs_c2layer{left:auto; right:55px; transform-origin:right top;} 

.cs_c2iox1{}
.cs_c2iox1 .cs_c2item1{left: 18.1%; top: 49%;}
.cs_c2iox1 .cs_c2item2{left: 36.5%; top: 82%;}
.cs_c2iox1 .cs_c2item3{left: 39.4%; top: 52%;}
.cs_c2iox1 .cs_c2item4{left: 46.6%; top: 61.5%;}
.cs_c2iox1 .cs_c2item5{left: 48.5%; top: 49.5%;}
.cs_c2iox1 .cs_c2item6{left: 52%; top: 66%;}
.cs_c2iox1 .cs_c2item7{left: 53.6%; top: 53.8%;}

.cs_c2jox1{}
.cs_c2jox1 .cs_c2item1{left: 26.1%; top: 67%;}
.cs_c2jox1 .cs_c2item2{left: 28.5%; top: 29%;}
.cs_c2jox1 .cs_c2item3{left: 40%; top: 52%;}
.cs_c2jox1 .cs_c2item4{left: 52.3%; top: 28.5%;}
.cs_c2jox1 .cs_c2item5{left: 56.3%; top: 31%;}
.cs_c2jox1 .cs_c2item6{left: 60.2%; top: 63.5%;}
.cs_c2jox1 .cs_c2item7{left: 56.2%; top: 17.5%;}
.cs_c2jox1 .cs_c2item8{left: 66.3%; top: 49.5%;}
.cs_c2jox1 .cs_c2item6 .cs_c2layer,
.cs_c2jox1 .cs_c2item8 .cs_c2layer{left:auto; right:55px; transform-origin:right top;} 

.cs_c2kox1{}
.cs_c2kox1 .cs_c2item1{left: 8.1%; top: 57%;}
.cs_c2kox1 .cs_c2item2{left: 21.5%; top: 77%;}
.cs_c2kox1 .cs_c2item3{left: 29.8%; top: 45%;}
.cs_c2kox1 .cs_c2item4{left: 31%; top: 30%;}
.cs_c2kox1 .cs_c2item5{left: 33%; top: 20.5%;}
.cs_c2kox1 .cs_c2item6{left: 35.7%; top: 34%;}
.cs_c2kox1 .cs_c2item7{left: 37.6%; top: 40.7%;}
.cs_c2kox1 .cs_c2item8{left: 70.6%; top: 31.5%;}
.cs_c2kox1 .cs_c2item9{left: 74.6%; top: 55.5%;}
.cs_c2kox1 .cs_c2item8 .cs_c2layer,
.cs_c2kox1 .cs_c2item9 .cs_c2layer{left:auto; right:55px; transform-origin:right top;}

/*2025-08-05 CSS*/
.cs_npro1 {
}

    .cs_npro1 .cs_c2item1 {
        left: 18.5%;
        top: 45.5%;
    }

    .cs_npro1 .cs_c2item2 {
        left: 24.5%;
        top: 52.5%;
    }

    .cs_npro1 .cs_c2item3 {
        left: 29%;
        top: 32.5%;
    }

    .cs_npro1 .cs_c2item4 {
        left: 33.8%;
        top: 67.3%
    }

    .cs_npro1 .cs_c2item5 {
        left: 42.8%;
        top: 48%;
    }

    .cs_npro1 .cs_c2item6 {
        left: 64.5%;
        top: 39%;
    }

    .cs_npro1 .cs_c2item7 {
        left: 72%;
        top: 44%;
    }

        .cs_npro1 .cs_c2item6 .cs_c2layer,
        .cs_npro1 .cs_c2item7 .cs_c2layer {
            left: auto;
            right: 55px;
            transform-origin: right top;
        }

.cs_npro2 {
}

    .cs_npro2 .cs_c2item1 {
        left: 55%;
        top: 9.5%;
    }

    .cs_npro2 .cs_c2item2 {
        left: 60.5%;
        top: 23%;
    }

    .cs_npro2 .cs_c2item3 {
        left: 60.5%;
        top: 30.2%;
    }

    .cs_npro2 .cs_c2item4 {
        left: 65.1%;
        top: 30.3%;
    }

    .cs_npro2 .cs_c2item5 {
        left: 60.1%;
        top: 39%;
    }

    .cs_npro2 .cs_c2item6 {
        left: 53.5%;
        top: 54%;
    }

    .cs_npro2 .cs_c2item7 {
        left: 56%;
        top: 62.5%;
    }

    .cs_npro2 .cs_c2item2 .cs_c2layer,
    .cs_npro2 .cs_c2item3 .cs_c2layer,
    .cs_npro2 .cs_c2item4 .cs_c2layer,
    .cs_npro2 .cs_c2item5 .cs_c2layer {
        left: auto;
        right: 55px;
        transform-origin: right top;
    }

.cs_npro3 {
}

    .cs_npro3 .cs_c2item1 {
        left: 32.5%;
        top: 49.5%;
    }

    .cs_npro3 .cs_c2item2 {
        left: 35.5%;
        top: 40%;
    }

    .cs_npro3 .cs_c2item3 {
        left: 38.5%;
        top: 74.2%;
    }

    .cs_npro3 .cs_c2item4 {
        left: 41.3%;
        top: 47.1%;
    }

    .cs_npro3 .cs_c2item5 {
        left: 71.1%;
        top: 58%;
    }

        .cs_npro3 .cs_c2item5 .cs_c2layer {
            left: auto;
            right: 55px;
            transform-origin: right top;
        }

.cs_npro4 {
}

    .cs_npro4 .cs_c2item1 {
        left: 26%;
        top: 75.5%;
    }

    .cs_npro4 .cs_c2item2 {
        left: 24.5%;
        top: 50.5%;
    }

    .cs_npro4 .cs_c2item3 {
        left: 45.5%;
        top: 39.2%;
    }

    .cs_npro4 .cs_c2item4 {
        left: 54.8%;
        top: 77.6%;
    }

    .cs_npro4 .cs_c2item5 {
        left: 57.1%;
        top: 54.7%;
    }

    .cs_npro4 .cs_c2item6 {
        left: 56.5%;
        top: 26%;
    }

    .cs_npro4 .cs_c2item7 {
        left: 65.8%;
        top: 34.5%;
    }

    .cs_npro4 .cs_c2item8 {
        left: 69.5%;
        top: 28.8%;
    }

        .cs_npro4 .cs_c2item5 .cs_c2layer,
        .cs_npro4 .cs_c2item6 .cs_c2layer,
        .cs_npro4 .cs_c2item7 .cs_c2layer,
        .cs_npro4 .cs_c2item8 .cs_c2layer {
            left: auto;
            right: 55px;
            transform-origin: right top;
        }

.cs_npro5 {
}

    .cs_npro5 .cs_c2item1 {
        left: 32.5%;
        top: 40.5%;
    }

    .cs_npro5 .cs_c2item2 {
        left: 44%;
        top: 71%;
    }

    .cs_npro5 .cs_c2item3 {
        left: 46%;
        top: 35.2%;
    }

    .cs_npro5 .cs_c2item4 {
        left: 54.3%;
        top: 43.1%;
    }

    .cs_npro5 .cs_c2item5 {
        left: 64.7%;
        top: 53%;
    }

        .cs_npro5 .cs_c2item5 .cs_c2layer {
            left: auto;
            right: 55px;
            transform-origin: right top;
        }

.cs_npro6 {
}

    .cs_npro6 .cs_c2item1 {
        left: 35.2%;
        top: 42.5%;
    }

    .cs_npro6 .cs_c2item2 {
        left: 44.5%;
        top: 52%;
    }

    .cs_npro6 .cs_c2item3 {
        left: 48%;
        top: 24.2%;
    }

    .cs_npro6 .cs_c2item4 {
        left: 61.3%;
        top: 48.1%;
    }

    .cs_npro6 .cs_c2item5 {
        left: 75.7%;
        top: 46%;
    }

        .cs_npro6 .cs_c2item4 .cs_c2layer,
        .cs_npro6 .cs_c2item5 .cs_c2layer {
            left: auto;
            right: 55px;
            transform-origin: right top;
        }

.cs_npro7 {
}

    .cs_npro7 .cs_c2item1 {
        left: 35.3%;
        top: 57.5%;
    }

    .cs_npro7 .cs_c2item2 {
        left: 36.2%;
        top: 43.5%;
    }

    .cs_npro7 .cs_c2item3 {
        left: 38.5%;
        top: 21.8%;
    }

    .cs_npro7 .cs_c2item4 {
        left: 40.5%;
        top: 54.2%;
    }

    .cs_npro7 .cs_c2item5 {
        left: 42.1%;
        top: 48.6%;
    }

    .cs_npro7 .cs_c2item6 {
        left: 47.2%;
        top: 50%;
    }

    .cs_npro7 .cs_c2item7 {
        left: 48.8%;
        top: 56.5%;
    }

    .cs_npro7 .cs_c2item8 {
        left: 66.7%;
        top: 47.8%;
    }

        .cs_npro7 .cs_c2item8 .cs_c2layer {
            left: auto;
            right: 55px;
            transform-origin: right top;
        }

.cs_npro8 {
}

    .cs_npro8 .cs_c2item1 {
        left: 22.5%;
        top: 46%;
    }

    .cs_npro8 .cs_c2item2 {
        left: 54%;
        top: 65.3%;
    }

    .cs_npro8 .cs_c2item3 {
        left: 56.5%;
        top: 58%;
    }

    .cs_npro8 .cs_c2item4 {
        left: 56%;
        top: 82.8%;
    }

    .cs_npro8 .cs_c2item5 {
        left: 62.2%;
        top: 67%;
    }

    .cs_npro8 .cs_c2item6 {
        left: 67.8%;
        top: 67%;
    }

        .cs_npro8 .cs_c2item5 .cs_c2layer,
        .cs_npro8 .cs_c2item6 .cs_c2layer {
            left: auto;
            right: 55px;
            transform-origin: right top;
        }
/*2025-08-05 End CSS*/

/*2024-12-13 CSS*/
.video_page{}
.video_ul{ margin:0 -16px 1vw;}
.video_ul li{ width:calc(50% - 32px); margin:0 16px 32px;}
.vaBox{ display:block; padding:30px; background:#fff; box-shadow:0 5px 18px rgba(0,0,0,0.1); border-radius:0.6em;}
.vaBox .overflowHide{ height:406px;}
.vaBox .overflowHide:after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(/images/video_ico.png) no-repeat center center; }
.vaBmx{ margin-top:20px;}
.vaBmx p{ font-size: 28px; line-height: 60px;}
.cs_c2box1wpr{}
.cs_c2cox1wpr{ padding-top:0; padding-bottom:0;}
.cs_c2dox1wpr{}
.cs_c2eox1wpr{}
.cs_c2fox1wpr{}
.cs_c2gox1wpr{ padding-top:0; padding-bottom:0;}
.cs_c2hox1wpr{}
.cs_c2iox1wpr{}
.cs_c2jox1wpr{ padding-top:2vw; padding-bottom:2vw;}
.cs_c2kox1wpr{ padding-top:0; padding-bottom:0;}
@media (max-width:1799px){
.video_ul{ margin:0 -12px 1vw;}
.video_ul li{ width:calc(50% - 24px); margin:0 12px 24px;}
.vaBox{padding:20px;}
.vaBox .overflowHide{ height:295px;}
.vaBox .overflowHide:after{ background-size:50px auto;}
.vaBmx{ margin-top:15px;}
.vaBmx p{ font-size: 21px; line-height: 46px;}
.cs_c2box{max-width:1060px;}

}
@media (max-width:1379px){

}
@media (max-width:1199px){
.vaBmx p{ font-size: 18px; line-height: 42px;}
.vaBox .overflowHide{height:225px;}
}
@media (max-width:993px){
.vaBmx p{ font-size: 16px; line-height: 36px;}
.vaBox .overflowHide{height:200px;}
.vaBox .overflowHide:after{ background-size:40px auto;}
}
@media (max-width:767px){
.video_ul li{ width:calc(100% - 24px);}
.vaBox{padding:12px 12px 18px;}
.vaBox .overflowHide{height:50vw;}
.vaBmx p{-webkit-line-clamp:2; line-height:28px;}
.cs_c2gox1wpr{padding-top:8vw; padding-bottom:8vw;}
.cs_c2cox1wpr{padding-top:6vw; padding-bottom:6vw;}
.cs_c2jox1wpr{padding-top:4vw; padding-bottom:4vw;}
}<!--0.00019407272338867-->