@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
select{outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
input,textarea{overflow:auto;resize:none;font-family:"Sans";}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
@font-face{
font-family:"ArialB";
src:url("ArialB.ttf");
}
@font-face{
font-family:"Sans";
src:url("Sans.woff");
}
body{padding:0; font-family:"Sans";}
html,body{font-size:24px;height:auto; cursor:0px !important; caret-color: transparent;}
.hide-cursor{ caret-color: transparent;}

@media only screen and (max-width:1920px){
	html,body{font-size:16px;}
}
@media only screen and (max-width:1680px){
	html,body{font-size:14px;}
}
@media only screen and (max-width:1480px){
	html,body{font-size:12px;}
}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1680{width:88%;}
img{max-width:100%; max-height:100%; vertical-align:middle;}
.yw_b{font-family:"ArialB";}
@media only screen and (max-width:1920px){
	.width1680{max-width:1680px;}
}	
/* top_bg */
.top_bg,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 div.lm{ height:8vh;}
.top_bg .width1680{ font-family:"ArialB";}
.top_bg .width1680 a:hover{ cursor:url("../images/d.png"), auto;}
.top_bg .width1680 a.logo{ float:left; display:flex; align-items:center; width:16%;}
.top_bg .width1680 div.lm{ float:right; overflow:hidden; width:70%; display:flex; align-items:center;}
.top_bg .width1680 div.lm dl{ width:100%; font-size:1.125rem; text-align:right;}
.top_bg .width1680 div.lm dl a{ font-weight:bold; margin-left:9%;}
/*.top_bg .width1680 div.lm dl a:hover{ text-decoration:underline;}*/

.top_bg,.top_bg.now,.i_top{ position:fixed; z-index:9999; width:100%; }
.i_top{ opacity: 0; }
.top_bg,.top_bg.now,.i_top,.ny_top,.ny_top.now,.i_top.now{ padding:1vh 0px; }

@media only screen and (max-width:1920px){
	.top_bg,.top_bg.now,.i_top,.ny_top,.ny_top.now,.i_top.now{ padding:3vh 0px; }
}

.i_bs .link .ny_top.now{ background-color: #ffffff; }
.i_bs .link-text .ny_top.now{ background-color: #e50012; }

.i_home .container .link .i_top.now{ background-color: #000000; }
.i_home .container .link-text .i_top.now{ background-color: #e50012; }
.i_top .width1680 div.lm dl a{ color:#ffffff;}
.ny_top .width1680 div.lm dl a{ color:#000000;}

.top_bg .width1680 div.lm dl a:hover span{ border-bottom: 1px solid #ffffff; }
.ny_top .width1680 div.lm dl a:hover span{ border-bottom: 1px solid #000000; }
.i_bs .hover-container .link-text .top_bg .width1680 div.lm dl a span{ border-bottom: 1px solid #ffffff; }
.i_bs .hover-container .link-text .ny_top .width1680 div.lm dl a span{ border-bottom: 1px solid #000000; }

/*tk_lxwm*/
.tk_lxwm{ position:fixed;transform: scale(0); top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: #000000; z-index:-9;opacity: 0; overflow: hidden;transition: all 0.25s ease;}
.tk_lxwm.x{transform: scale(1); opacity: 1; z-index:99999999;transition: all 0.25s ease;}
.tk_lxwm a.gb{ position:absolute; top:3vh;right:3%;width:2rem;height:2rem; background:url(../images/gb.png) no-repeat scroll center; background-size:100%; z-index:9;}
.tk_lxwm div.bg{ position:absolute; top:0px;left:0px;bottom:0px;right:0px; margin:auto; color:#ffffff; width:94%;height:90vh;display:flex;align-items:center; }
.i_bs .hover-container .link-text .tk_lxwm div.bg{color:#29eae7;}
.tk_lxwm div.bg div{ width: 100%; overflow: hidden; }
.tk_lxwm div.bg div ul,.tk_lxwm div.bg div ul li{ overflow: hidden; }
.tk_lxwm div.bg div ul{ text-align: center; }
.tk_lxwm div.bg div ul.t{ margin-bottom:3rem; }
.tk_lxwm div.bg div ul li.t{ font-size:2.5rem; }
.tk_lxwm div.bg div ul li.t span{ position: relative; }
.tk_lxwm div.bg div ul li.t span i{position:absolute; bottom:15%; left: 0px; right: 0px;z-index:-1; height: 0.5rem; background-color: #e50012; }
.tk_lxwm div.bg div ul li.c{ font-size:1.5rem; line-height:2; margin-top: 1vh;}
.tk_lxwm div.bg div ul li.f{ margin-top: 3vh; }
.tk_lxwm div.bg div ul li.f img{ max-width:10rem; max-height: 8rem; }
.i_bs .hover-container .link-text .tk_lxwm div.bg div ul li.f img{ opacity: 0; }
.tk_lxwm div.bg div i.x{ position: absolute; width: 2.5rem; height: 1px; margin-top: -1.5rem; background-color: #ffffff; left: 50%; margin-left:-1.25rem; }

/*banner*/
.i_banner_bg{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9; cursor:url("../images/d.png"), auto;}

.banner_bg{ width:100%; height:100vh; position: relative; z-index:0; overflow:hidden;}
.banner_bg .xf{position: fixed; top: 0px; width: 100%; height: 100vh;}
.banner_bg .banner_ms{ position:absolute; width:100%; background-color:#ffffff; left:0px; top:0px; right:0px; bottom:0px; display:flex; align-items:center; overflow:hidden; color: #000000;}
.banner_bg .banner_ms div{ width:100%; margin:0px auto; overflow:hidden; font-size:6rem; font-weight:bold; position:relative;}
.banner_bg .banner_ms div span{position:absolute; width: 6rem; background-color: #000000; -webkit-animation:cursor 1s infinite; animation:cursor 1s infinite;left:0;  bottom:0; height: 3px;}

.banner_bg .banner_yw{ z-index:1; font-family:"ArialB";}
.banner_bg .banner_yw div{ max-width:29.375rem; }

.banner_bg .banner_zw{ z-index:2;}
.banner_bg .banner_zw div{ max-width:18rem;}
.banner_bg .banner_zw div i{ opacity: 0; }
.banner_bg .banner_zw div i.l{ float:left;}
.banner_bg .banner_zw div i.r{ float:right; }

/* Animation */
@-webkit-keyframes cursor{
	50%{ background-color:white;}
}
@keyframes cursor{
	50%{ background-color:white;}
}

.banner_bg i.i_bg,.banner_bg i.x_bg{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; opacity:0;}
.banner_bg i.i_bg{ z-index:2;background-color:#000000;}
.banner_bg i.x_bg{ z-index:3;background-color:#d21518;  border-radius:50%; width:0px; height:0px;}
.banner_bg i.x_bg.x{ display: none !important; background-color: #000000;}
.banner_bg:hover i.x_bg{ display:none !important; }
.banner_bg .con_bg{position:absolute;top:0px;left:0px;bottom:0px;right:0px;margin:auto;max-width:3840px;display:flex;align-items:center;z-index:6;opacity:0;}
.banner_bg .con_bg div.bg{ width: 100%; margin:0px auto; text-align: center; color:#808080;}
.banner_bg .con_bg div.bg div{ display:inline-block;}
.banner_bg .con_bg div.bg div dl{ font-weight:bold; overflow:hidden; line-height: 1; position: relative;}
.banner_bg .con_bg div.bg div dl span{ font-size: 10rem; display:block; float:left;font-family:"ArialB";}
.banner_bg .con_bg div.bg div dl i{ font-size: 3.5rem; position: absolute; right: 0px; bottom:10%; color: #ffffff;}
.banner_bg .con_bg div.bg div.sj{ display: none; }

.banner_bg .con_bg a.jt{opacity:1; -webkit-animation: bounce 3000ms infinite; animation: bounce 3000ms infinite; position:absolute;bottom:10vh;left:50%;margin-left:-30px;cursor:pointer;overflow:hidden; cursor:url("../images/d.png"), auto;}

@media only screen and (max-width:3380px){
	.banner_bg .con_bg div.bg div dl span{ font-size:8rem; }
	.banner_bg .con_bg div.bg div dl i{ font-size:3rem; }
}
@media only screen and (max-width:2800px){
	.banner_bg .con_bg div.bg div dl span{ font-size: 7rem; }
	.banner_bg .con_bg div.bg div dl i{ font-size: 2.5rem; }
}
@media only screen and (max-width:2400px){
	.banner_bg .con_bg div.bg div dl span{ font-size:6rem; }
	.banner_bg .con_bg div.bg div dl i{ font-size: 2rem; }
}
@media only screen and (max-width:2100px){
	.banner_bg .con_bg div.bg div dl span{ font-size:5rem; }
	.banner_bg .con_bg div.bg div dl i{ font-size:1.75rem; }
}
@media only screen and (max-width:1920px){
	.banner_bg .con_bg div.bg div dl span{font-size:7.9375rem;}
	.banner_bg .con_bg div.bg div dl i{ font-size:2.625rem;}
}

.i_home .container .link .banner_bg .con_bg div.bg div dl span{background:linear-gradient(to right, #83bc9f, #f2bc70, #fcbf6f, #9065ac);  -webkit-background-clip:text; -webkit-text-fill-color:transparent; animation:ys 2s linear infinite;}
@keyframes ys{
	0%{filter:hue-rotate(0deg);}
	100%{filter:hue-rotate(360deg);}
}

/*i_home*/
.i_home{ position:relative;z-index: 0; overflow:hidden;}
.i_home:hover{cursor:url("../images/d.png"), auto;}

/*i_lm*/
.i_lm{ position: relative; height: 100vh; width: 100%; margin:0px auto; z-index: 999991;}
.i_lm .i_lm_bg{position:absolute; top:0px; left:0px; bottom:0px; right:0px; opacity:0; z-index:8; display:flex; align-items:center;}
.i_lm .i_lm_bg:hover{cursor:url("../images/d.png"), auto;}

.i_lm .i_lm_bg div{ width:100%; text-align:center; color:#ffffff; padding-top: 80vh;}
.i_lm .i_lm_bg div dd{ font-size:7rem; font-family:"ArialB"; line-height:1;}
.i_lm .i_lm_bg div dl{ font-size:2rem; }

.i_lm ul,.i_lm ul li{ overflow:hidden; height:100vh;}
.i_lm ul{ width:100%; z-index: 0; position: relative;}
.i_lm ul li{ float:left; width:25%; position:relative;}
.i_home .container .hover-container .link-text .i_lm ul li{ width:10%; opacity:0; }
.i_home .container .hover-container .link-text .i_lm ul li.o{ width:70%; opacity:1;}
.i_lm ul:hover li{ width:10%;}
.i_lm ul:hover li:hover{ width:70%;}
.i_lm ul li a.m{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:8;}
.i_lm ul li a.m:hover{cursor:url("../images/d.png"), auto;}
.i_home .link .i_lm ul li.l1{ background-color:#5DA481; }
.i_home .link .i_lm ul li.l2{ background-color:#9574B2; }
.i_home .link .i_lm ul li.l3{ background-color:#D13B51; }
.i_home .link .i_lm ul li.l4{ background-color:#EEB86D; }
.i_lm ul li i.bg{ position:absolute;top:0px;left:0px;bottom:0px;right:0px;background-size:cover;z-index:0;opacity:0;transition:all 1s ease;}
.i_lm ul:hover li i.bg{ opacity:0; transition:all 1s ease;}
.i_lm ul li div.bg{ position:absolute; z-index:2; opacity:0; width:90%; left:5%; right:5%; top:6vh; bottom:10%; transition:all 1s ease; }
.i_lm ul:hover li:hover div.bg,.i_lm ul li.o div.bg{ bottom:2%;}
.i_lm ul li div.bg div{ position:absolute; }

.i_lm ul li div.bg div.t{ top:0px; transition:all 1s ease;}
.i_lm ul:hover li:hover div.bg div.t,.i_lm ul li.o div.bg div.t{ width:35%; transition:all 1s ease;}
.i_lm ul li div.bg div.t dd{ font-size:4.125rem; font-weight:bold;  font-family:"ArialB";}
.i_lm ul:hover li div.bg div.t dd{ font-size:2.5rem; }
.i_lm ul:hover li:hover div.bg div.t dd,.i_lm ul li.o div.bg div.t dd{ font-size:7rem;}
.i_lm ul li div.bg div.t dl{ opacity:0;font-family:"ArialB"; margin-left: 20%; width: 100%;}
.i_lm ul li div.bg div.t dl.t{ font-size:1.5rem; margin-bottom:1rem;}
.i_lm ul li div.bg div.t dl.f{ font-size:0.875rem; font-weight:bold;}
.i_lm ul:hover li:hover div.bg div.t dl,.i_lm ul li.o div.bg div.t dl{ opacity:1; margin-left: 0px; transition:all 1s ease;}

.i_lm ul li div.bg div.i{ width:0px; right:0px; height:50vh; opacity:0;}
@media only screen and (max-width:1920px){
	.i_lm ul li div.bg div.i{ max-height: 38rem;}
}
.i_lm ul:hover li:hover div.bg div.i,.i_lm ul li.o div.bg div.i{width:64%; opacity:1; transition:all 1s ease;}
.i_lm ul li div.bg div.i i{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-repeat:no-repeat; background-size:100% auto; }
.i_home .container .hover-container .i_lm ul li div.bg div.i i{ opacity: 0; }
.i_lm ul li div.bg div.i span{ position:absolute;right:0px;bottom:0px;color:#ffffff;margin-bottom:-2.2rem;font-size:1.25rem;border-bottom:1px solid #ffffff;}

.i_lm ul li div.bg div.f{ bottom:0px; width:100%;}
.i_lm ul li div.bg div.f ol{height: 2rem; margin-bottom:0.5rem;}
.i_lm ul:hover li div.bg div.f ol{ height: 1rem; }
.i_lm ul:hover li:hover div.bg div.f ol,.i_lm ul li.o div.bg div.f ol{ height: 3rem; margin-bottom: -0.5rem;}
.i_lm ul li div.bg div.f dd{text-transform:uppercase; font-size:3.75rem; font-weight:bold; font-family:"ArialB"; line-height: 1;}
.i_lm ul:hover li div.bg div.f dd{ font-size:1rem; }
.i_lm ul:hover li:hover div.bg div.f dd,.i_lm ul li.o div.bg div.f dd{ font-size:10rem; margin-bottom: 0px; margin-left:-0.5rem;}
@media only screen and (max-width:1920px){
	.i_lm ul:hover li:hover div.bg div.f dd, .i_lm ul li.o div.bg div.f dd{ font-size:11.5rem;}
}
.i_lm ul li a{ position:absolute; z-index:5;top:0px; left:0px; bottom:0px; right:0px;}

/*链接*/
.i_n_tit{ color:#ffffff; padding-top:30vh;}
/*.i_n_tit div.l{ float:left;}
.i_n_tit div.r{ float:right; text-align:right;}*/
.i_n_tit div.l{ float:left;}
.i_n_tit div.r{ float:right;text-align:right;}
.i_home .hover-container .link-text .i_link_bg .i_n_tit{ color:#29eae7; }
.i_home .hover-container .link-text .i_link_bg .i_n_tit div.l{-webkit-text-stroke:4px #29eae7;}

.i_link_bg{ width:100%; position:relative; height: 100vh; z-index: 9;}
.i_link_bg i.bg{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index:9; }
.i_link_bg .i_link{ width:100%; margin:0px auto; height:10rem; position:absolute; left:0px; right:0px;}
.i_link_bg .i_link.i_n_t{ bottom:10rem; }
.i_link_bg .i_link.i_n_f{ bottom:0px; }
.i_link_bg .i_link ul,.i_link_bg .i_link ul li{ overflow:hidden; }
.i_link_bg .i_link ul{ height:10rem;}
.i_link_bg .i_link ul li{ position:relative; max-width:480px;}
@media only screen and (max-width:1920px){
	.i_link_bg .i_link ul li{ max-height: 10rem;}
}
.i_link_bg .i_link ul li i{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; z-index:1; background-size:auto 5rem;}

/*i_dy*/
.i_dy{ height:100vh;width: 100%; position: relative; z-index: 9;}
.i_dy .width1680{height:100vh; display:flex;align-items:center;}
.i_dy div.bg{ width:100%; height:70vh; position:relative;}
@media only screen and (max-width:1920px){
	.i_dy div.bg{ max-height: 47.25rem;}
}
.i_dy div.bg ul,.i_dy div.bg ul li{ overflow:hidden; }
.i_dy div.bg ul{ color:#ffffff;  position:absolute;}
.i_dy div.bg ul li{ line-height:1; }
.i_dy div.bg ul li a{ display:block; }
.i_dy div.bg div.l{ position: absolute; width: 50%; top: 0px; left: 0px; bottom: 0px; }
.i_dy div.bg div.l ul{ position: absolute; left:0px; bottom:0px; }
.i_dy div.bg ul.r{width: 50%; text-align:right; right: 0px; top: 0px; bottom: 0px; }
.i_dy div.bg div.l ul li.t span,.i_dy div.bg ul.r li.t span{ position:relative;/* padding:0px 1.5rem;*/ z-index:2; line-height:1; }
.i_dy div.bg div.l ul li.t span i,.i_dy div.bg ul.r li.t span i{ position:absolute;height:0.75rem;bottom:15%;background-color:#e50012;width:100%;z-index:-1;}

.i_dy div.bg div.l ul li.t{font-size:2.625rem;}
.i_dy div.bg div.l ul li.t span i{ right:100%;}
.i_dy div.bg div.l:hover ul li.t span i{ right:0px; transition:all 0.2s ease; }
.i_dy div.bg div.l ul li.n{ font-size:1.875rem;  margin-top:0.5vh;}
.i_dy div.bg div.l ul li.a,.i_dy div.bg div.l ul li.f{font-family:"ArialB"; font-size:5.25rem;}
.i_dy div.bg div.l ul li.a{ margin-top:5vh;}
.i_dy div.bg div.l ul li.a a{ color:#ffffff; cursor:url("../images/d.png"), auto; background:url(../images/i_dy_j1.png) no-repeat scroll right bottom; background-size:auto 100% !important;}
.i_dy div.bg div.l:hover ul li.a a{ text-align:right; background:url(../images/i_dy_j2.png) no-repeat scroll left bottom; }
.i_dy div.bg div.l ul li.f{ margin-top:1vh;}

.i_dy div.bg ul.r li.t{ font-size:4.3125rem;}
.i_dy div.bg ul.r li.t span i{ left:100%; }
.i_dy div.bg ul.r:hover li.t span i{ left:0px; transition:all 0.2s ease; }
.i_dy div.bg ul.r li.n,.i_dy div.bg ul.r li.a{font-family:"ArialB"; font-size:5.25rem;}
.i_dy div.bg ul.r li.n{ margin-top:1vh;}
.i_dy div.bg ul.r li.a{ margin-top:1vh;}
.i_dy div.bg ul.r li.a a{ color:#ffffff; cursor:url("../images/d.png"),auto; border:1px solid #ffffff; border-radius:3rem; padding:0.5rem 2.5rem; float:right;}
.i_dy div.bg ul.r:hover li.a a{background:linear-gradient(45deg,#84bc9f,#f2bc6f); border:1px solid rgb(255,255,255,0);}
.i_dy div.bg ul.r li.c{font-size:2.625rem; margin-top:5vh;}
.i_dy div.bg ul.r li.f{ font-size:1.875rem;  margin-top:0.5vh;}

/*foot_bg*/
.foot_bg{overflow: hidden; width: 100%; position:relative; color:#ffffff; z-index: 9;}
.foot_bg .width1680{ height: 100vh; position: relative;display:flex; align-items:center;}
.foot_bg .width1680 div,.foot_bg .width1680 div.bg ul,.foot_bg .width1680 div.bg ul li{ overflow:hidden; }
.foot_bg .width1680 div.bg{ width:100%; /*position:absolute;bottom:5vh;*/ }
.foot_bg .width1680 div.bg div.i{ margin-bottom:3vh; text-align: center;}
.foot_bg .width1680 div.bg div.i img{ max-height: 32vh; width: 100%; }
.foot_bg .width1680 div.bg div.n{ font-size:2.625rem; font-family:"ArialB";}
.foot_bg .width1680 div.bg div.n span{ position:relative; z-index:2; line-height:1; padding:0px 0.875rem;}
.foot_bg .width1680 div.bg div.n span i{ position:absolute; height:0.75rem; left:0px; bottom:30%; background-color:#e50012; width:100%; z-index:-1;}
.foot_bg .width1680 div.bg ul{ margin:3vh 0px; position:relative;}
.foot_bg .width1680 div.bg ul li{ float:left; }
.foot_bg .width1680 div.bg ul li.e{ width:6.5%; margin-right:1%; font-size: 0.75rem;}
.foot_bg .width1680 div.bg ul li.e img{ margin-bottom:5px; }
.i_home .hover-container .foot_bg .width1680 div.bg ul li.e{ opacity: 0; }
.foot_bg .width1680 div.bg ul li.n{ margin-right:3%; font-size:1.5rem;}
.foot_bg .width1680 div.bg ul li.n a{color:#ffffff;}
.foot_bg .width1680 div.bg ul li.r{ float:right; height:7.75rem; width: 5rem;position: relative;}
.foot_bg .width1680 div.bg ul li.r a{ border-radius: 50%; position: absolute; bottom: 0px; left: 0px; right: 0px; top: 2.75rem;}
.foot_bg .width1680 div.bg ul li.r a:hover{border:1px solid #ffffff; }
.foot_bg .width1680 div.bg ul li.r a:hover img{ margin-top: -2.75rem; }
.foot_bg .width1680 div.bg div.f{ font-size:1.25rem; color:#595757; border-top:1px solid #595757; padding-top:3vh; }
.foot_bg .width1680 div.bg div.f p{ float: left; }
.foot_bg .width1680 div.bg div.f a.ba{ color:#595757;float: left; margin-left: 1rem;}

.i_home .hover-container .link-text .banner_bg .con_bg div.bg div dl span{color:#39cad0;}
.i_home .hover-container .link-text .i_dy div.bg div.l ul li.a a{color:#39cad0;text-align:right; background:url(../images/i_dy_j2_s.png) no-repeat scroll left bottom;}
.i_home .hover-container .i_dy div.bg ul{color:#39cad0;}
.i_home .hover-container .i_dy div.bg ul.r li.a a{color:#39cad0;}

.i_home .hover-container .foot_bg{color:#39cad0;}
.i_home .hover-container .foot_bg a{color:#39cad0;}
.i_home .hover-container .foot_bg div.bg ul li.r a{border:1px solid #ffffff; }
.i_home .hover-container .foot_bg div.bg ul li.r a img{ margin-top: -2.75rem; }
.i_home .hover-container .foot_bg div.bg div.f{color:#39cad0;}
.i_home .hover-container .foot_bg div.bg div.f a.ba{color:#39cad0;}

/*动画效果*/
#i1,#i3,#i4,#i5,#i6,#i7,#i8,#i9{position:relative;}
#i1{ padding-top: 40vh; margin-top:-40vh;}
#i3,#i4,#i5,#i6,#i7,#i8,#i9{ padding-top:80vh; margin-top: -80vh; }

@media only screen and (max-width:1920px){
	#i1{ padding-top: 10vh; margin-top:-10vh;}
	#i5,#i8{ padding-top: 65vh; margin-top:-65vh;}
	#i3,#i4,#i6,#i7{ padding-top:50vh; margin-top:-50vh;}
}

#i1{ z-index:999;}
#i1.x{ z-index:999991}
.i_bs .con .ny_h{ height:15vh; }
#i2{ z-index: 8; }
#i3{ z-index: 7; }
#i4{ z-index: 6; }
#i5{ z-index: 5; }

#i6{ z-index: 8; }
#i7{ z-index: 7; }
#i8{ z-index: 6; }

#i3 .i_n_tit div.l p{ padding-top: 5rem; opacity: 0; }
#i3.on .i_n_tit div.l p{ padding-top: 0px; opacity: 1;}
#i3.on .i_n_tit div.l p.p1{ transition: all 1s ease;}
#i3.on .i_n_tit div.l p.p2{ transition: all 1.5s ease;}
#i3 .i_n_tit div.r p{ padding-top: 5rem; opacity: 0; }
#i3.on .i_n_tit div.r p{ padding-top: 0px; opacity: 1;}
#i3.on .i_n_tit div.r p.p1{ transition: all 1s ease;}
#i3.on .i_n_tit div.r p.p2{ transition: all 1.5s ease;}

#i3 .i_link_bg .i_link{margin-bottom: -5rem; opacity: 0;}
#i3.on .i_link_bg .i_link{margin-bottom: 0px; opacity: 1;}
#i3 .i_link_bg .i_link.i_n_t{ transition: all 2s ease;}
#i3 .i_link_bg .i_link.i_n_f{ transition: all 2.5s ease;}

#i4 .i_dy div.bg ul li{ opacity: 0;}
#i4 .i_dy div.bg div.l ul li{ margin-bottom: -5rem; }
#i4 .i_dy div.bg ul.r li{ padding-top: 5rem;}
#i4.on .i_dy div.bg ul li{ opacity: 1;}
#i4.on .i_dy div.bg div.l ul li{ margin-bottom: 0px; }
#i4.on .i_dy div.bg ul.r li{ padding-top: 0px;}
#i4.on .i_dy div.bg ul li.l1{ transition: all 1s ease;}
#i4.on .i_dy div.bg ul li.l2{ transition: all 1.5s ease;}
#i4.on .i_dy div.bg ul li.l3{ transition: all 2s ease;}
#i4.on .i_dy div.bg ul li.l4{ transition: all 2.5s ease;}
#i4.on .i_dy div.bg ul li.l5{ transition: all 3s ease;}

#i5 .foot_bg .width1680 div.bg div.i{margin-bottom: -5rem; opacity: 0;}
#i5 .foot_bg .width1680 div.bg div.n{margin-bottom: -5rem; opacity: 0;}
#i5 .foot_bg .width1680 div.bg ul{margin-bottom: -5rem; opacity: 0;}
#i5 .foot_bg .width1680 div.bg div.f{margin-bottom: -5rem; opacity: 0;}

#i5.on .foot_bg .width1680 div.bg div.i{ margin-bottom: 3vh; opacity: 1; transition: all 0.5s ease;}
#i5.on .foot_bg .width1680 div.bg div.n{ margin-bottom: 0px; opacity: 1; transition: all 0.75s ease;}
#i5.on .foot_bg .width1680 div.bg ul{ margin-bottom: 3vh; opacity: 1; transition: all 1s ease;}
#i5.on .foot_bg .width1680 div.bg div.f{ margin-bottom: 0px; opacity: 1; transition: all 1.25s ease;}

#i6 .i_n_tit div.l p{ padding-top: 5rem; opacity: 0; }
#i6.on .i_n_tit div.l p{ padding-top: 0px; opacity: 1;}
#i6.on .i_n_tit div.l p.p1{ transition: all 1s ease;}
#i6.on .i_n_tit div.l p.p2{ transition: all 1.5s ease;}
#i6 .i_n_tit div.r p{ padding-top: 5rem; opacity: 0; }
#i6.on .i_n_tit div.r p{ padding-top: 0px; opacity: 1;}
#i6.on .i_n_tit div.r p.p1{ transition: all 1s ease;}
#i6.on .i_n_tit div.r p.p2{ transition: all 1.5s ease;}

#i6 .i_link_bg .i_link{margin-bottom: -5rem; opacity: 0;}
#i6.on .i_link_bg .i_link{margin-bottom: 0px; opacity: 1;}
#i6 .i_link_bg .i_link.i_n_t{ transition: all 2s ease;}
#i6 .i_link_bg .i_link.i_n_f{ transition: all 2.5s ease;}

#i7 .i_dy div.bg ul li{ opacity: 0;}
#i7 .i_dy div.bg div.l ul li{ margin-bottom: -5rem; }
#i7 .i_dy div.bg ul.r li{ padding-top: 5rem;}
#i7.on .i_dy div.bg ul li{ opacity: 1;}
#i7.on .i_dy div.bg div.l ul li{ margin-bottom: 0px; }
#i7.on .i_dy div.bg ul.r li{ padding-top: 0px;}
#i7.on .i_dy div.bg ul li.l1{ transition: all 1s ease;}
#i7.on .i_dy div.bg ul li.l2{ transition: all 1.5s ease;}
#i7.on .i_dy div.bg ul li.l3{ transition: all 2s ease;}
#i7.on .i_dy div.bg ul li.l4{ transition: all 2.5s ease;}
#i7.on .i_dy div.bg ul li.l5{ transition: all 3s ease;}

#i8 .foot_bg .width1680 div.bg div.i{margin-bottom: -5rem; opacity: 0;}
#i8 .foot_bg .width1680 div.bg div.n{margin-bottom: -5rem; opacity: 0;}
#i8 .foot_bg .width1680 div.bg ul{margin-bottom: -5rem; opacity: 0;}
#i8 .foot_bg .width1680 div.bg div.f{margin-bottom: -5rem; opacity: 0;}

#i8.on .foot_bg .width1680 div.bg div.i{ margin-bottom: 3vh; opacity: 1; transition: all 1s ease;}
#i8.on .foot_bg .width1680 div.bg div.n{ margin-bottom: 0px; opacity: 1; transition: all 1.5s ease;}
#i8.on .foot_bg .width1680 div.bg ul{ margin-bottom: 3vh; opacity: 1; transition: all 2s ease;}
#i8.on .foot_bg .width1680 div.bg div.f{ margin-bottom: 0px; opacity: 1; transition: all 2.5s ease;}

/*lm_gd*/
.lm_gd{margin:2.5rem 0px 10rem; overflow: hidden;}
/*.lm_gd .sc_menu{ width:123%;}
.lm_gd .sc_menu li{ width:15%; margin-right: 1.5%;*/
.lm_gd .sc_menu{display: block; overflow: hidden; width: 20000000%; list-style: none;}
.lm_gd .sc_menu li{display: block;float: left; width: 19.5rem; margin-right: 2.5rem;}
.lm_gd .sc_menu li a{display: block; text-align: center;opacity: 0.2;}
.lm_gd .sc_menu li a:hover{cursor:url("../images/d.png"),auto; opacity: 1; transition: all 1s ease;}
.lm_gd .sc_menu li a img{ width: 100%; }

.pc-banner{ display: none; }

.i_bs .link .lm_gd .sc_menu li a{ color: #231815;}
.i_bs .link-text .lm_gd .sc_menu li a{ color: #39cad0;}
.i_bs .link-text .lm_gd .sc_menu li a dd{ opacity: 1; }

/*i_job*/
.i_job .con .tit{ font-size:4rem; font-family:"ArialB"; }
.i_job .con .tit span{ padding-right:5rem; background-repeat:no-repeat; background-position:right center; background-size:3.4375rem auto;}
.i_job .con .al_bg{ width: 100%; overflow: hidden; }
.i_job .con .al_bg .al_md{ width: 100%; overflow: hidden; margin-bottom: 2.5rem; position: relative;}
.i_job .con .al_bg .al_md div{ overflow: hidden; }
.i_job .con .al_bg .al_md div.l{width: 28.186%; float: left; position: relative;}
.i_job .con .al_bg .al_md div.l ul,.i_job .con .al_bg .al_md div.l ul li{ overflow: hidden; }
.i_job .con .al_bg .al_md div.l ul{font-size: 1rem; margin-bottom: 4rem; z-index: 1; position: relative;}
.i_job .con .al_bg .al_md div.l ul li.n{}
.i_job .con .al_bg .al_md div.l ul li.n dd{ font-size:2.875rem; line-height: 1.5; }
.i_job .con .al_bg .al_md div.l ul li.n ol{ margin-top:0px;  line-height: 1.75;}
.i_job .con .al_bg .al_md div.l ul li.m{ margin-top: 4.5rem;  line-height: 1.75;}
.i_job .con .al_bg .al_md div.l dl{ font-size:1rem; line-height:1.75;opacity:0;transition: all 0.5s ease;}
.i_job .con .al_bg .al_md div.l div#n2 dl,.i_job .con .al_bg .al_md div.l div#n7 dl{ opacity: 1; }
.i_job .con .al_bg .al_md.on div.l dl{opacity:1;transition:all 0.5s ease; top: 14vh; position: fixed; bottom: 20vh; width:24.803%;}
.i_job .con .al_bg.o2 .al_md div.l dl,.i_job .con .al_bg.o7 .al_md div.l dl{ position: fixed; top: 14vh; width:24.803%;}
.i_job .con .al_bg.o5 .al_md div.l dl,.i_job .con .al_bg.o10 .al_md div.l dl{ top: auto !important; bottom: 0px !important; position: absolute !important; left:0px !important; right: 0px !important; }

@media only screen and (max-width:1920px){
	
}
.i_job .con .al_bg.o5 .al_md.on div.l dl,.i_job .con .al_bg.o10 .al_md.on div.l dl{ opacity: 0; }
.i_job .con .al_bg .al_md div.r{ float: right; width: 62%; }
.i_job .con .al_bg .al_md div.r img{ width: 100%; }

/*.i_job .link*/
.i_job .link .con .tit{ color: #000000;}
.i_job .link .con .tit span{ background-image: url(../images/al_j1.png);}

/*.i_job .link-text*/
.i_job .link-text .con .tit{ color: #39cad0;}
.i_job .link-text .con .tit span{ background-image: url(../images/al_j2.png);}
.i_job .link-text .con .al_bg .al_md div.r img{ opacity: 0; }

/*动画效果*/
#n1,#n2,#n3,#n4,#n5,#n6,#n7,#n8,#n9,#n10{position:relative;}
#n3,#n4,#n5,#n8,#n9,#n10{ padding-top:4rem; margin-top:-4rem;}
#n1,#n6{height:10vh; margin-bottom: 0px; padding-top:14vh; margin-top:-14vh;}
#n2,#n7{ bottom: auto; padding-top:14vh; margin-top:-14vh;}

#n5,#n10{ height:15rem; padding-top:60vh; margin-top: -60vh; z-index: -1; }
.i_job .con .al_bg .al_md#n2 div.l,.i_job .con .al_bg .al_md#n7 div.l{ top: 0px !important; }

@media only screen and (max-width:1920px){
	#n3,#n4,#n8,#n9{ padding-top:2rem; margin-top:-2rem;}
	.i_job .con .al_bg .al_md div.l dl{bottom:20vh;}
}
#n2 dl,#n7 dl{ z-index:0; }
#n2.on dl,#n7.on dl{ z-index: 1; position: fixed; top: 14vh; width:24.803%;}
#n1,#n3,#n4,#n6,#n8,#n9{ z-index:2;}
#n5,#n10{ z-index:0; }

.i_job .con .al_bg .al_md#n2.on div.l dl,.i_job .con .al_bg .al_md#n7.on div.l dl{ z-index: 0; }
.i_job .con .al_bg .al_md#n3.on div.l dl,.i_job .con .al_bg .al_md#n8.on div.l dl{ z-index: 1; }
.i_job .con .al_bg .al_md#n4.on div.l dl,.i_job .con .al_bg .al_md#n9.on div.l dl{ z-index: 2; }

/*关于我们*/
.about_i{ position: relative; padding-top:10rem; overflow: hidden; z-index: 20;}
.about_i img.i{ position: absolute; width: 68%; left: 6%; top: 0px; z-index: 2; }
.about_i img.g{ width: 100%;}
.about_i img.s{ width: 100%; display: none; }

.about_t{ padding:2.5rem 0px; overflow: hidden;}
.about_t dl{ max-width: 1130px; float: right; width: 100%; }
.about_t dl.t{ font-family:"ArialB"; font-size:3rem;}
.about_t dl.f{ font-size:2.25rem; margin-top:1rem; font-weight: bold;}

.about_c{ margin: 6rem 0px; }
.about_c div.bg{ width:50%; padding-bottom: 3rem; position: relative;}
/*@media only screen and (max-width:1920px){
	.about_c div.bg{ width: 100%; max-width: 1130px;}
}*/
.about_c div.bg dd{ font-size:4.5rem; font-family:"ArialB"; display: none;}
.about_c div.bg dd span{ position:relative; z-index:2; line-height:1; padding:0px 0.875rem;}
.about_c div.bg dd span i{ position:absolute;height:0.75rem;left:0px;bottom:40%;background-color:#e50012;width:100%;z-index:-1;}
.about_c div.bg dl{text-align: justify; font-size:1.25rem; line-height: 2.5rem;overflow: hidden;}
.about_c div.bg dl ol.t{/*font-family:"ArialB";*/ text-transform: uppercase; }
.about_c div.bg dl ol.f{ margin-top:2rem;}
.about_c div.bg a.gd{ position:absolute; border:1px solid #e50014; color:#e50014; font-size:1.5rem; width:2rem; height:2rem; line-height:2rem; text-align: center; right: 0px; bottom: 1rem; display: none;}
.about_c div.bg.on a.gd{ display: none; }

.about_f{ padding-bottom:4rem; text-align: center; overflow: hidden;}
.about_f ul,.about_f ul li{height:19.6875rem; overflow: hidden;}
.about_f .about_f_gd{display: block;width:475.3125rem; list-style: none;}
.about_f .about_f_gd li{display: block;float: left; width:29.6875rem; margin-right: 2rem;}
.about_f .about_f_gd li img{ opacity: 0.5; width: 100%;}
.about_f .about_f_gd li:hover img{ opacity: 1; }

/*动画效果*/
#a1,#a2,#a3,#a4{position:relative;padding-top: 80vh; margin-top: -80vh; }

@media only screen and (max-width:1920px){
	#a1,#a2,#a3,#a4{ padding-top:50vh; margin-top:-50vh;}
}
#a1{ z-index: 8; }
#a2{ z-index: 7; }
#a3{ z-index: 6; }
#a4{ z-index: 5; }

#a1 .about_c div.bg dd,#a1 .about_c div.bg dl ol{ padding-top: 5rem; opacity: 0; }
#a1.on .about_c div.bg dd,#a1.on .about_c div.bg dl ol{ padding-top: 0px; opacity: 1; }
#a1.on .about_c div.bg dd{transition: all 1s ease;}
#a1.on .about_c div.bg dl ol.t{transition: all 1.5s ease;}
#a1.on .about_c div.bg dl ol.f{transition: all 2s ease;}

#a2 .about_c div.bg dd,#a2 .about_c div.bg dl ol{ padding-top: 5rem; opacity: 0; }
#a2.on .about_c div.bg dd,#a2.on .about_c div.bg dl ol{ padding-top: 0px; opacity: 1; }
#a2.on .about_c div.bg dd{transition: all 1s ease;}
#a2.on .about_c div.bg dl ol.t{transition: all 1.5s ease;}
#a2.on .about_c div.bg dl ol.f{transition: all 2s ease;}

/*变色*/
.i_bs .container,.i_bs .link{ position: relative; overflow: hidden; width: 100%;}
.i_bs .hover-container{position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.i_bs .link{z-index:1; display:inline-block; transition:color 275ms ease;}
.i_home .link{ color:#ffffff;}
.i_about .link{ color:#000000;}
.i_bs .link:hover{cursor:url("../images/d.png"),auto;}

.i_bs .link:hover ~ .hover-container .link-text{opacity:1;}
.i_bs .link:hover ~ .hover-container .image-container{opacity:1;}
.i_bs .link-text{z-index:2; position:absolute; align-items:center; top:0; left:0; right:0; bottom:0; color:#39cad0; pointer-events:none; -webkit-clip-path:circle(24px at var(--x) var(--y)); clip-path:circle(24px at var(--x) var(--y)); transition:opacity 250ms ease; opacity:0; background-image: url(../images/yuan_h.jpg);}
.i_bs .image-container{z-index:-2; position:fixed; left:0; width:3rem; height:3rem; opacity:0; transition:opacity 250ms ease;}
.i_bs .image-inner{position:absolute; top:-1.5rem; left:-1.5rem; width:3rem; height:3rem;}
.i_bs .link-image{display:block; max-width:100%; width:3rem; height:3rem; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center; border-radius:50%; filter:brightness(0.9); opacity: 0;}
.i_campaing .link{text-transform: uppercase; }

@media only screen and (max-width:1920px){
	.i_bs .image-container{width:48px; height:48px;}
	.i_bs .image-inner{top:-24px; left:-24px; width:48px; height:48px;}
	.i_bs .link-image{width:48px; height:48px; }
}

/*no*/
.no{ background-color:#ffffff; text-align:center; width:100% !important; margin-right:0px !important;padding:2rem 0px; font-size:2rem; }
.no strong{ color:#ff0000;}

/*w404*/
.w404{ min-height:100vh; display:flex;align-items:center;}
.w404 .c{ width:100%; text-align:center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom:2rem; }
.w404 .c ol img{ max-width:35%; }
.w404 .c dd{ font-size:1.5rem; color:#333333; }
.w404 .c a,.w404 .c a:hover{transition:all .5s ease; display:block;}
.w404 .c a{ width:80%; max-width:180px; margin:2rem auto 0px; height:3rem; line-height:3rem; font-size:1rem; color:#ffffff; background-color:#d66f09;}
.w404 .c a:hover{ background-color:#ee7c30;}

/*msg*/
.msg{ padding:6rem 0px; }
.msg div.c{ text-align:center; padding:10vh 0px; }
.msg div.c dd{ text-align:center; font-size:1.5rem; font-weight:bold; }
.msg div.c dl{ margin-top:2rem; font-size:1rem;}
.msg div.c dl a,.msg div.c dl a:hover{transition:all .5s ease;}
.msg div.c dl a{display:inline-block; border:1px solid #f4313f; width:10rem; margin:0px 1rem; height:3rem; line-height:3rem; color:#f4313f;}
.msg div.c dl a:hover{ background-color:#f4313f; color:#ffffff;}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}