@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:Arial;}
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 */
body{padding:0; font-family:Arial;}
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{ max-width:1680px; width:90%; }
img{ max-width:100%; max-height:100%; vertical-align:middle; }
.bg_q{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-repeat:no-repeat; background-position:center; background-size:cover; }
section.i_md{ width:100%; overflow:hidden; position:relative; }
i.md{ position:absolute; margin-top:-6rem; }
/* top_bg */
.top_h,.top_bg,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 div.yy,.top_bg .width1680 div.hy,.top_bg .width1680 div.lm_bg{ height:5rem; }
.top_h{ width:100%; }
.top_bg{ position:fixed; z-index:9999; width:100%; left:0px; top:0px; }
.top_bg.now{ background-color:#ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }
.top_h_bg{ background-color:#ffffff; }
.top_bg .width1680{ max-width:1800px; width:96%; }
.top_bg .width1680 a.logo,.top_bg .width1680 div.yy,.top_bg .width1680 div.hy,.top_bg .width1680 div.lm_bg{ display:flex; align-items:center; }
.top_bg .width1680 a.logo{ float:left; max-width:7.625rem; }
.top_bg .width1680 a.logo img.b,.top_bg.now .width1680 a.logo img.h{ display:block; }
.top_bg .width1680 a.logo img.h,.top_bg.now .width1680 a.logo img.b{ display:none; }
.top_h_bg .width1680 a.logo img.h{ display:block; }
.top_h_bg .width1680 a.logo img.b{ display:none; }
.top_bg .width1680 div.yy{ float:left; margin-left:2.5%;  font-size:1rem; color:#ffffff; }
.top_bg .width1680 div.yy a{ color:#ffffff; }
.top_h_bg .width1680 div.yy,.top_h_bg .width1680 div.yy a{ color:#333333; }
.top_bg.now .width1680 div.yy,.top_bg.now .width1680 div.yy a{ color:#333333; }
.top_bg .width1680 div.yy div{ width:100%; }
.top_bg .width1680 div.yy div dd{ height:3rem; line-height:3rem; cursor:pointer; }
.top_bg .width1680 div.yy div dl{ position:absolute; overflow:hidden; padding:0px 1rem; max-height:0px; opacity:0; transition:all 0.25s ease; background-color:#ffffff; }
.top_h_bg .width1680 div.yy div dl{ background-color:#ffffff; }
.top_bg .width1680 div.yy div:hover dl{ padding:1rem; opacity:1; max-height:100vh; overflow:initial; transition:all 0.5s ease; }
.top_bg .width1680 div.yy div dl a{ display:block; font-size:1rem; line-height:2; color:#333333; }

.top_bg .width1680 div.yy a:hover{ color:#e8442e; }
.top_bg .width1680 div.hy{ float:right; margin-left: 1%; display: none; }
.top_bg .width1680 div.hy dl{ font-size:1rem; color:#ffffff; }
.top_h_bg .width1680 div.hy dl{ color:#f0f0f0; }
.top_bg.now .width1680 div.hy dl{ color:#f0f0f0; }
.top_bg .width1680 div.hy dl a,.top_bg .width1680 div.hy dl span{ color:#ffffff; }
.top_h_bg .width1680 div.hy dl a,.top_h_bg .width1680 div.hy dl span{ color:#333333; }
.top_bg.now .width1680 div.hy dl a,.top_bg.now .width1680 div.hy dl span{ color:#333333; }
.top_bg .width1680 div.hy dl a:hover{ color:#e8442e; }
.top_bg .width1680 div.hy dl i{ margin:0px 0.5rem; }
.top_bg .width1680 div.lm_bg{ float:right; }
.top_bg .width1680 div.lm_bg ul,.top_bg .width1680 div.lm_bg ul li{ height:3rem; }
.top_bg .width1680 div.lm_bg ul{}
.top_bg .width1680 div.lm_bg ul li{ float:left; font-size:1rem; }
.top_bg .width1680 div.lm_bg ul li div a{ display:block; }
.top_bg .width1680 div.lm_bg ul li div.t{ line-height:3rem; }
.top_bg .width1680 div.lm_bg ul li div.t a{ padding:0px 1.75rem; color:#ffffff; }
.top_bg .width1680 div.lm_bg ul li:hover div.t a{ color:#e8442e; }
.top_bg .width1680 div.lm_bg ul li.on div.t a{ color:#e8442e; }
.top_bg .width1680 div.lm_bg ul:hover li.on div.t a{ color:#ffffff; }
.top_h_bg .width1680 div.lm_bg ul li div.t a{ color:#333333; }
.top_bg.now .width1680 div.lm_bg ul li div.t a{ color:#333333; }
.top_h_bg .width1680 div.lm_bg ul:hover li.on div.t a{ color:#333333; }
.top_bg.now .width1680 div.lm_bg ul:hover li.on div.t a{ color:#333333; }
.top_h_bg .width1680 div.lm_bg ul li:hover div.t a,.top_h_bg .width1680 div.lm_bg ul:hover li.on:hover div.t a{ color:#e8442e; }
.top_bg.now .width1680 div.lm_bg ul li:hover div.t a,.top_bg.now .width1680 div.lm_bg ul:hover li.on:hover div.t a{ color:#e8442e; }

.top_bg .width1680 div.lm_bg ul li.on div.t a,.top_bg .width1680 div.lm_bg ul li div.t a:hover{ color:#e8442e; }
.top_bg .width1680 div.lm_bg ul li div.t i{ display:none; }
.top_bg .width1680 div.lm_bg ul li div.f{ display:none; position:absolute; overflow:hidden; padding:0px; max-height:0px; opacity:0; transition:all 0.25s ease; min-width:8rem; }
.top_bg .width1680 div.lm_bg ul li:hover div.f{ padding:1rem 0px; opacity:1; max-height:100vh; overflow:initial; }
.top_bg .width1680 div.lm_bg ul li div.f a{ height:2rem; line-height:2rem; color:#333333; }
.top_bg .width1680 div.lm_bg ul li div.f a:hover{ color:#e8442e; }
.top_bg .width1680 div.lm_bg ul li div.f div.bg{ padding:1rem 0px; background-color:#ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }
.top_bg .width1680 div.lm_bg ul li div.f div.bg div{ padding:0px 1rem; }
.top_bg .width1680 div.lm_bg ul li div.f div.bg div i{ display:none; }
.top_bg .width1680 div.lm_bg ul li div.f div.bg div dd{ position:relative; }
.top_bg .width1680 div.lm_bg ul li div.f div.bg div dl{ position:absolute; right:0px; margin-top:-2rem; background-color:#ffffff; margin-right:-8rem; padding:0px 1rem; width:6rem; overflow:hidden; max-height:0px; opacity:0; box-shadow:5px 8px 10px 0px rgba(0,0,0,0.14); }
.top_bg .width1680 div.lm_bg ul li div.f div.bg div:hover dl{ padding:1rem; opacity:1; max-height:100vh; }

.top_bg .width1680 div.lm_bg ul li div.f div.bg.r div dl{ left:0px; right:auto; margin-left:-8rem; margin-right:0px; }

.top_bg .width1680 div.lm_bg ul li div.pc_bg{ position:fixed; top:5rem; width:100%; left:0px; opacity:0; max-height:0px; background-color:#ffffff; overflow:hidden; transition:all 0.5s ease; }
.top_bg .width1680 div.lm_bg ul li:hover div.pc_bg{ opacity:1; max-height:100vh; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); transition:all 1s ease; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.i_bg{ position:absolute; top:0px; bottom:0px; right:0px; z-index:0; width:50%; max-width:41.5rem; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680{ margin:0.75rem auto; max-width:1120px; position:relative; z-index:9; height:auto; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l{ float:left; width:70%; padding:1.25rem 0px; min-height:22.25rem; position:relative; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l i.x{ position:absolute; top:0px; bottom:0px; z-index:9; width:1px; background-color:#eeeeee; left:34.5%; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div{ z-index:0; padding-right:67%; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.s{ font-size:1.5rem; font-weight:bold; color:#333333; margin-bottom:2.5rem; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x{  }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dd{ border-bottom:1px solid #eeeeee; position:relative; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dd a{ font-size:1.125rem; color:#666666; padding:1rem 2rem 1rem 0px; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dd a:hover,.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x.on dd a{ color:#e84530; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dd i{ position:absolute; right:0px; top:50%; margin-top:-1rem; font-size:1.5rem; text-align:right; height:2rem; line-height:2rem; opacity:0; color:#e84530; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dd:hover i,.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x.on dd i{ opacity:1; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dl{ position:absolute; opacity:0;height:18rem; overflow-x: hidden; overflow-y: auto; z-index:0;left:36%; width:60%; margin-top:-2.8rem; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dl::-webkit-scrollbar{ width:4px;}
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dl::-webkit-scrollbar-track{ background-color:#cccccc; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dl::-webkit-scrollbar-thumb{ background-color:#e8442e; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dl::-webkit-scrollbar-thumb:hover{ background-color:#e8442e; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dl::-webkit-scrollbar-thumb:active{ background-color:#e8442e; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x.on dl{ opacity:1; z-index:9; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dl a{ font-size:1.125rem; color:#333333; line-height:2; }
.top_bg .width1680 div.lm_bg ul li div.pc_bg div.width1680 div.l div.x dl a:hover{ color:#e8442e; }

/*hy_bg*/
.hy_bg{ position:fixed; top:0px; left:0px; bottom:0px; right:0px; background-color:rgb(0,0,0,0.8); display:flex; align-items:center; opacity:0; transition:all 0.5s ease; z-index:-9; }
.hy_bg.x{ opacity:1;  z-index:99999; transition:all 1s ease; }
.hy_bg div.bg{ width:100%; }
.hy_bg div.bg a.hy_gb{ position:absolute; top:0px; right:0px; width:2rem; height:2rem; background:url(../images/gb3.png) no-repeat scroll center; background-size:cover; margin-top:-1rem; margin-right:-3rem; }
.hy_bg div.bg a.hy_gb:hover{ background-image:url(../images/gb2.png); }
.hy_bg div.bg ul li{ overflow:hidden; }
.hy_bg div.bg ul{ position:relative; background:url(../images/hy_bg.jpg) no-repeat scroll center top #ffffff; background-size:100% auto; width:90%; margin:0px auto; max-width:25rem; padding:3rem 2rem; color:#333333; z-index:8; }
.hy_bg div.bg ul li.t,.hy_bg div.bg ul li.n{ font-weight:bold; margin-bottom:0.75rem; }
.hy_bg div.bg ul li.t{ font-size:2.25rem; }
.hy_bg div.bg ul li.n{ font-size:1.5rem; }
.hy_bg div.bg ul li.i{ margin-bottom:0.75rem; }
.hy_bg div.bg ul li.i input{ outline:none; border:0px; background-color:#eeeeee; height:3rem; line-height:3rem; font-size:1rem; color:#999999; padding:0px 5%; width:90%; }
.hy_bg div.bg ul li.i input::-webkit-input-placeholder{ background-color:#eeeeee; color:#999999; }
.hy_bg div.bg ul li.x{ margin-top:1rem; font-size:0.875rem; color:#999999; }
.hy_bg div.bg ul li.x a{ color:#e8442e; }
.hy_bg div.bg ul li.x a:hover{ text-decoration:underline; }
.hy_bg div.bg ul li.j{ margin-top:0.75rem; }
.hy_bg div.bg ul li.j button{ border:1px solid #e8442e; background-color:#e8442e; height:3rem; line-height:3rem; color:#ffffff; font-size:1rem; display:block; width:100%; }
.hy_bg div.bg ul li.j button:hover{ background-color:#ffffff; color:#e8442e; }
.hy_bg div.bg ul li.f{ text-align:right; margin-top:3rem; font-size:1rem; color:#999999; }
.hy_bg div.bg ul li.f a{ color:#999999; }
.hy_bg div.bg ul li.f a:hover{ color:#e8442e; }
.hy_bg div.bg ul li.y{ margin-bottom:0.75rem; }
.hy_bg div.bg ul li.y input{ outline:none; border:0px; background-color:#eeeeee; height:3rem; line-height:3rem; font-size:0.875rem; color:#999999; padding:0px 3%; width:55%; float:left; }
.hy_bg div.bg ul li.y dl,.hy_bg div.bg ul li.y button{ float:right; background-color:#858e95; height:3rem; width:35%; }
.hy_bg div.bg ul li.y dl{ position:relative;  }
.hy_bg div.bg ul li.y dl img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }
.hy_bg div.bg ul li.y button{ border:0px; font-size:0.75rem; color:#ffffff; }
.hy_bg div.bg ul li.d{ text-align:center; font-size:1rem; color:#999999; margin-top:1.5rem; }
.hy_bg div.bg ul li.d a{ color:#e8442e; }
.hy_bg div.bg ul li.d a:hover{ text-decoration:underline; }

/*banner*/
.banner,.banner .swiper-wrapper,.banner .swiper-wrapper .swiper-slide{ height:55rem; }
.banner{ width: 100%; overflow: hidden; position: relative; }
.banner .swiper-wrapper{  }
.banner .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; display:flex; align-items:center; }
.banner .swiper-wrapper .swiper-slide video{ width: 100%; position: relative; z-index: 0; }
.banner .swiper-wrapper .swiper-slide video::-webkit-media-controls{ display: none !important; }
.banner .swiper-wrapper .swiper-slide i{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 9; }
.banner div.qh{ position: absolute; z-index: 99; font-size: 2rem; color: #ff0000; top: 0px; display:none; }
.banner .page{ position:absolute; left:0px; width:100%; bottom:3rem; z-index:9; text-align:center;  }
.banner .page span{ display:inline-block; margin:0px 0.5rem; width:2.5rem; height:3px; background-color:rgba(0,0,0,.5); }
.banner .page span.on{  background-color:#e8442e; }

/*i_bg*/
.i_bg{ width:100%; overflow:hidden; background-color:#e8e9eb; }

.i_tit{ text-align:center; }
.i_tit dd{ font-size:2.25rem; color:#333333; }
.i_tit dl{ font-size:1.125rem; color:#999999; margin-top:0.5rem; }
.i_tit dl a{ color:#999999;}
.i_tit dl a:hover{ color:#e8442e; }

/*i_gfcj*/
.i_gfcj{ padding:4rem 0px; }

.i_gfcj_xx{ margin-top:4.5rem; overflow:hidden; }
.i_gfcj_xx div.bg{ position:relative; height:40rem; width:49.286%; overflow:hidden; margin-bottom:1.5rem; }
.i_gfcj_xx div.bg.l{ float:left; }
.i_gfcj_xx div.bg.r{ float:right; }
.i_gfcj_xx div.bg i.bg_q{ z-index:0; transition:all 1s ease; }
.i_gfcj_xx div.bg:hover i.bg_q{ transform:scale(1.1); transition:all 1s ease; }
.i_gfcj_xx div.bg div{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; color:#ffffff; text-align:center; line-height:1.75; }
.i_gfcj_xx div.bg div dd{ padding-top:4rem; font-size:1.8rem; }
.i_gfcj_xx div.bg div dl{ font-size:1rem; }
.i_gfcj_xx div.bg div ol{ margin-top:1.5rem; }
.i_gfcj_xx div.bg div ol a{ color:#ffffff; }
.i_gfcj_xx div.bg div ol a:hover{ color:#e8442e; }

/*i_cp*/
.i_cp,.i_cp .swiper-wrapper,.i_cp .swiper-wrapper .swiper-slide,.i_cp .swiper-wrapper .swiper-slide{ height:55rem; }
.i_cp{ width: 100%; overflow: hidden; position: relative; }
.i_cp i.bg_q{ background-image:url(../images/i_cp_bg.jpg); }
.i_cp .swiper-wrapper{ position:relative; z-index:2; }
.i_cp .swiper-wrapper .swiper-slide{ display:flex; align-items:center; position:relative; cursor:grab; }
.i_cp .swiper-wrapper .swiper-slide .width1680{ height:48.75rem; }
.i_cp .swiper-wrapper .swiper-slide .width1680 div{ overflow:hidden; text-align:center; }
.i_cp .swiper-wrapper .swiper-slide .width1680 div.t{ height:15rem; }
.i_cp .swiper-wrapper .swiper-slide .width1680 div.t dl{ font-size:1.5rem; color:#e8442e; margin-bottom:0.5rem; }
.i_cp .swiper-wrapper .swiper-slide .width1680 div.t dd{ font-size:3rem; font-weight:bold; }
.i_cp .swiper-wrapper .swiper-slide .width1680 div.t ol{ font-size:1rem; margin-top:1.5rem; }
.i_cp .swiper-wrapper .swiper-slide .width1680 div.t ol a{ color:#333333; }
.i_cp .swiper-wrapper .swiper-slide .width1680 div.t ol a:hover{ color:#e8442e; }
.i_cp .swiper-wrapper .swiper-slide .width1680 div.f{ height:33.75rem; margin-top:3rem; opacity:0; }
.i_cp .swiper-wrapper .swiper-slide.on .width1680 div.f{ margin-top:0px; transition:all 1s ease; opacity:1; }

.i_cp div.qh{ position:absolute; display:block !important; width:1.5rem; height:3rem; background-size:auto 100%; background-repeat:no-repeat; background-position:center; top:50%; margin-top:-1.5rem;transition:all 0.5s ease; z-index:9; }
.i_cp div.qh:hover{ transition:all 0.5s ease; }
.i_cp div.qh_l{ background-image:url(../images/i_cp_l3.png); left:5%; }
.i_cp div.qh_r{ background-image:url(../images/i_cp_r3.png); right:5%; }
.i_cp div.qh_l:hover{ background-image:url(../images/i_cp_l2.png); }
.i_cp div.qh_r:hover{ background-image:url(../images/i_cp_r2.png); }

.i_cp .page{ display:none; position:absolute; left:0px; width:100%; bottom:3rem z-index:9; text-align:center; line-height:0.25rem; }
.i_cp .page span{ display:inline-block; margin:0px 0.5rem; width:2.5rem; height:3px; background-color:rgba(0,0,0,.5); }
.i_cp .page span.on{ background-color:#e8442e; }

/*i_lm*/
.i_lm,.i_lm li{ overflow:hidden; }
.i_lm{ padding:5rem 1rem 3rem; }
.i_lm li{ position:relative; height:40rem; width:49.286%; overflow:hidden; margin-bottom:2rem; transition: all 0.5s ease; }
.i_lm li:hover{ box-shadow: 0 0 1rem 0px rgba(0, 0, 0, .15); transition: all 0.5s ease; }
.i_lm li.l{ float:left; }
.i_lm li.r{ float:right; }
.i_lm li i.bg_q{ z-index:0; transition:all 1s ease; }
.i_lm li:hover i.bg_q{ transform:scale(1.1); transition:all 1s ease; }
.i_lm li a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:9; }
.i_lm li a img,.i_lm li a div{ position:absolute; left:6%; }
.i_lm li a img{ top:4rem; height:3.75rem; }
.i_lm li a div{ width:88%; bottom:4rem; }
.i_lm li a div dd{ font-size:2.25rem; margin-bottom:1rem; }
.i_lm li a div dl{ font-size:1.125rem; opacity:0.8; }
.i_lm li.l1 a,.i_lm li.l4 a{ color:#ffffff; }
.i_lm li.l2 a,.i_lm li.l3 a{ color:#333333; }

/*i_news*/
.i_news,.i_news .swiper-wrapper,.i_news .swiper-wrapper .swiper-slide,.i_news .swiper-wrapper .swiper-slide{ height:32.5rem; }
.i_news{ position:relative; overflow:hidden; margin-top:1.5rem; width:102%; padding-bottom:3.5rem; margin-bottom:6rem; }
.i_news .swiper-wrapper{ position:relative; z-index:2;  margin-bottom:6rem; }
.i_news .swiper-wrapper .swiper-slide{ display:flex; align-items:center; position:relative; cursor:grab; }
.i_news .swiper-wrapper .swiper-slide div.bg{ float:left; overflow:hidden; width:33.08%; }
.i_news .swiper-wrapper .swiper-slide div.bg a{ display:block; background-color:#f5f5f5; width:96.125%; }
.i_news .swiper-wrapper .swiper-slide div.bg a div{ overflow:hidden; }
.i_news .swiper-wrapper .swiper-slide div.bg a div.t{ position:relative; height:17.5rem; }
.i_news .swiper-wrapper .swiper-slide div.bg a div.t i{ transition:all 1s ease; }
.i_news .swiper-wrapper .swiper-slide div.bg a:hover div.t i{ transform:scale(1.1); transition:all 1s ease; }
.i_news .swiper-wrapper .swiper-slide div.bg a div.f{ margin:1.5rem 4%; width:92%; height:12rem; }
.i_news .swiper-wrapper .swiper-slide div.bg a div.f ol{ font-size:1.125rem; color:#999999; margin-bottom:1rem; }
.i_news .swiper-wrapper .swiper-slide div.bg a div.f dd{ font-size:1.5rem; color:#333333; line-height:2; height:9rem; overflow:hidden; }
.i_news .swiper-wrapper .swiper-slide div.bg a:hover div.f dd{ color:#e8442e; }

.i_news .page{ position:absolute; left:0px; width:100%; bottom:0px; z-index:9; text-align:center; line-height:0.25rem; }
.i_news .page span{ display:inline-block; margin:0px 0.5rem; width:2.5rem; height:3px; background-color:#333333; }
.i_news .page span.on{ background-color:#e8442e; }

.i_sj_news ul.slides,.i_sj_news ul.slides li,.i_sj_news ul.slides li a{ overflow:hidden; height:20rem; }
.i_sj_news{ position:relative; width:389px; margin:1rem auto; overflow:hidden; }
.i_sj_news ul.slides{ }
.i_sj_news ul.slides li{ position:relative; }
.i_sj_news ul.slides li a{ display:block; background-color:#f5f5f5; }
.i_sj_news ul.slides li a div{ overflow:hidden; position:relative; }
.i_sj_news ul.slides li a div.t{ height:12rem; }
.i_sj_news ul.slides li a div.f{ height:5rem; padding:1rem; }
.i_sj_news ul.slides li a div.f ol{ font-size:0.875rem; color:#999999; margin-bottom:0.5rem; }
.i_sj_news ul.slides li a div.f dd{ font-size:1.125rem; color:#333333; line-height:1.5; height:3.5rem; overflow:hidden; }

.i_sj_news .flex-control-nav{ position:relative; margin-top:2rem; width:100%; text-align:center; }
.i_sj_news .flex-control-nav a{ display:inline-block; margin:0px 0.2rem; width:2rem; height:2px; background-color:#333333; text-indent:-99rem; }
.i_sj_news .flex-control-nav a:hover,.i_sj_news .flex-control-nav a.flex-active{ background-color:#e8442e; }

.i_sj_news .flex-direction-nav{ display:none; }
.i_sj_news .flex-direction-nav a{ position:absolute; top:50%; }
.i_sj_news .flex-direction-nav a.flex-prev{ left:2%; }
.i_sj_news .flex-direction-nav a.flex-next{ right:2%; }

/*fh*/
.r_xf{ position:fixed; background-color:#ffffff; bottom:10%; width:3rem; right:0px; padding:1rem 0px; border-top-left-radius:0.5rem; border-bottom-left-radius:0.5rem; z-index:99999; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }
.r_xf a{ width:3rem; display: block; }
.r_xf a.fx{ color:#999999; text-align:center; height:3rem; line-height: 3rem; font-size:1.25rem; }
.r_xf a.fx:hover{ color:#e8442e; }
.r_xf i.x{ display: block; width: 2rem; height: 1px; background-color: #cccccc; margin:0px auto; }

.r_xf a.fh{ background:url(../images/top.png) no-repeat scroll center; height: 1.5rem; margin-top: 0.5rem; }
.r_xf a.fh:hover{ background-image:url(../images/top_s.png); }

/*foot_bg*/
.foot_bg{ background-color:#ffffff; overflow:hidden; width:100%; }
.foot_bg .width1680{ padding:3rem 0px 1.25rem; }
.foot_bg .width1680 div.t{ height:20rem; margin-bottom:0.5rem; }
.foot_bg .width1680 div.t div.l{ float:left; overflow:hidden; width:10%; }
.foot_bg .width1680 div.t ul.r,.foot_bg .width1680 div.t ul.r li{ overflow:hidden; }
.foot_bg .width1680 div.t ul.r{ float:right; max-width:90%; }
.foot_bg .width1680 div.t ul.r li{ float:left; font-size:1rem; line-height:2; margin-left:3.5rem; }
.foot_bg .width1680 div.t ul.r li dd{ margin-bottom:1rem; font-weight:bold; }
.foot_bg .width1680 div.t ul.r li dd a{ color:#333333; }
.foot_bg .width1680 div.t ul.r li dl{ }
.foot_bg .width1680 div.t ul.r li dl a{ color:#666666; display:block; }
.foot_bg .width1680 div.t ul.r li a:hover{ color:#e8442e; }

.foot_bg .width1680 div.f{ font-size:1rem; color:#999999; }
.foot_bg .width1680 div.f a{ color:#999999; }
.foot_bg .width1680 div.f a:hover{ color:#e8442e; }
.foot_bg .width1680 div.f div{ overflow:hidden; line-height:2; }
.foot_bg .width1680 div.f div.l{ float:left; }
.foot_bg .width1680 div.f div.r{ float:right; }

/*动画效果*/
.i_md .i_gfcj_xx div.bg{ opacity:0; }
.i_md.on .i_gfcj_xx div.bg{ opacity:1; transition:all 1s ease; }
.i_md .i_gfcj_xx div.bg.l{ margin-left:-30%; }
.i_md .i_gfcj_xx div.bg.r{ margin-right:-30%; }
.i_md.on .i_gfcj_xx div.bg.l{ margin-left:0%; }
.i_md.on .i_gfcj_xx div.bg.r{ margin-right:0%; }

.i_md .i_cp .main_image ul li div.bg div.f{ opacity:0; margin-top:3rem; }
.i_md.on .i_cp .main_image ul li.on div.bg div.f{ margin-top:0px; opacity:1; transition:all 1s ease; }

.i_md .i_lm li a{ opacity:0; }
.i_md.on .i_lm li a{ opacity:1; transition:all 1s ease; }

.i_md .i_news{ opacity:0; padding-top:3rem; }
.i_md.on .i_news{ padding-top:0px; opacity:1; transition:all 1s ease; }

/*ny_banner*/
.ny_banner{ position:relative; width:100%; overflow:hidden; }
.ny_banner i.bg{ z-index:0; }
.ny_banner .width1680{ position:relative; z-index:9; height:42.5rem; display:flex; align-items:center; }
.ny_banner .width1680 div{ width:100%; text-align:center; color:#ffffff; }
.ny_banner .width1680 div ol{ margin-bottom:1rem; }
.ny_banner .width1680 div ol img{ height:3rem; }
.ny_banner .width1680 div dd{ font-size:3rem; }
.ny_banner .width1680 div dl{ font-size:1.125rem; margin-top:1rem; }

.ny_banner a.yz{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:9; }

.ny_bg{ width:100%; overflow:hidden; background-color:#f5f5f5; }

/*业主-公用*/
.yz_t{ padding:5rem 0px; }
.yz_t .tit{ text-align:center; color:#333333; }
.yz_t .tit dd{ font-size:2.25em; font-weight:bold; }
.yz_t .tit dl{ font-size:1.125rem; line-height:2; margin-top:0.75rem; white-space:pre-wrap; }
.yz_t ul,.yz_t ul li{ overflow:hidden; }
.yz_t ul{ margin-top:4rem; position:relative; }
.yz_t ul i.x{ position:absolute; top:0px; bottom:0px; margin-left:-0.5px; width:1px; background-color:#e5e5e5; }
.yz_t ul li{ float:left; width:33.333333%; }
.yz_t ul li div{ text-align:center; color:#333333; width:90%; margin:0px auto; min-height:10rem; padding:2rem 0px; }
.yz_t ul li div ol{ height:2.5rem; margin-bottom:1.5rem; }
.yz_t ul li div dd{ font-size:1.25rem; font-weight:bold; }
.yz_t ul li div dl{ font-size:0.875rem; line-height:1.5; margin-top:0.5rem; white-space:pre-wrap; }

.yz_xx{ position:relative; overflow:hidden; }
.yz_xx i.bg_q{ z-index:0; }
.yz_xx .width1680{ height:50rem; position:relative; z-index:2; display:flex; align-items:center; }
.yz_xx .width1680 div.bg{ width:100%; position:relative; }
.yz_xx .width1680 div.bg i.x{ position:absolute; width:1px; height:3.75rem; left:50%; margin-left:-0.5px; bottom:0px; margin-bottom:-1.875rem; background-color:#e60416; }
.yz_xx .width1680 div.bg div.xx{ background-color:rgb(255,255,255,0.8); min-height:21rem; padding:2rem 0px; display:flex; align-items:center; width:83.5%; margin:0px auto; }
.yz_xx .width1680 div.bg div.xx div{ text-align:center; width:84%; margin:0px auto; }
.yz_xx .width1680 div.bg div.xx div dd{ font-size:2rem; font-weight:bold; color:#333333; }
.yz_xx .width1680 div.bg div.xx div dl{ font-size:1rem; color:#666666; line-height:1.75; margin-top:1.875rem;  white-space:pre-wrap; }

.yz_ylt{ padding:6rem 0px; text-align:center; color:#333333; }
.yz_ylt div{ overflow:hidden; }
.yz_ylt div.t{ font-size:2.25rem; font-weight:bold; }
.yz_ylt div.t2{ margin-top:2rem; }
.yz_ylt div.f{ margin-top:3rem; }
.yz_ylt div.f del{ position:relative; display:inline-block; max-width:105rem; }
.yz_ylt div.f del a{ position:absolute; z-index:2; }
.yz_ylt div.f del a span,.yz_ylt div.f del a span i{ position:absolute; border-radius:50%; }
.yz_ylt div.f del a span{ width:1rem; height:1rem; border:1px solid #e8442e; left:50%; margin-left:-0.5rem; top:50%; margin-top: -0.5rem; animation:s 2s cubic-bezier(0.5,0,0.1,1) infinite; }
.yz_ylt div.f del a span i{ width:0.4rem; height:0.4rem; background-color:#e8442e; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

.yz_ylt div.f del a.w_s1,.yz_ylt div.f del a.w_s2,.yz_ylt div.f del a.w_s3{ height:12%; width:15%;  }

.yz_ylt div.f del a.w_s1{ top:21%; left:7%; }
.yz_ylt div.f del a.w_s2{ top:21%; left:42.5%; }
.yz_ylt div.f del a.w_s3{ top:21%; left:78%; }
.yz_ylt div.f del a.w_s4{ top:36.5%; right: 32%; height:11%; width:7%; }
.yz_ylt div.f del a.w_s5{ top: 46%; right: 17%; height: 17%; width: 11%; }

.yz_ylt div.f del a.w_x1{ height: 14%; top: 4%; width: 7.5%; left: 51%; }
.yz_ylt div.f del a.w_x2{ height: 20%; top: 33.5%; width: 11%; left: 31%; }

.yz_ylt div.f del a.y_s1{ height: 14%; top: 3.5%; width: 19%; left: 60.5%; }
.yz_ylt div.f del a.y_x1{ height: 32%; top: 4%; width: 22%; left:36.5%; }

.yz_ylt div.f del a.g_s1,.yz_ylt div.f del a.g_s2,.yz_ylt div.f del a.g_s3{ width:14%; height:11%; top:18.5%; }

.yz_ylt div.f del a.g_s1{ left: 9.5%; }
.yz_ylt div.f del a.g_s2{ left: 42.5%; }
.yz_ylt div.f del a.g_s3{ right: 11.5%; }

.yz_ylt div.f del a.g_s4{ height: 9%; top: 33%; width: 6%; left: 60%; }
.yz_ylt div.f del a.g_s5{ height: 14%; top: 46%; width: 10%; left: 78%; }
.yz_ylt div.f del a.g_s6{ height: 22%; top: 73%; width: 15%; left: 35.5%; }

/*业主-屋顶光伏*/
.wdgf_cnblq{ padding:11.25rem 0px 8.75rem; text-align:center; }
.wdgf_cnblq .tit{ color:#333333; }
.wdgf_cnblq .tit dd{ font-weight:bold; font-size:2.25rem; }
.wdgf_cnblq .tit dl{ font-size:1rem; line-height:2; margin-top:1rem; white-space:pre-wrap; }
.wdgf_cnblq .xx{ margin-top:6rem; }

.wdgf_cndcb{ width:100%; position:relative; }
.wdgf_cndcb i.bg_q{ z-index:0; }
.wdgf_cndcb .width1680{ height:55rem; position:relative; z-index:2; text-align:center; }
.wdgf_cndcb .width1680 .tit{ margin-top:5rem; color:#333333; }
.wdgf_cndcb .width1680 .tit dd{ font-weight:bold; font-size:2.25rem; }
.wdgf_cndcb .width1680 .tit dl{ font-size:1.125rem; line-height:2; margin-top:1rem; height:10rem; white-space:pre-wrap; }

.wdgf_cndcb .width1680 .xx{ height:29.75rem; margin-top:1rem; }

/*业主-阳台光伏*/
.banner_ytgf .width1680{ height:50rem; }

.ytgf_xndcb{ width:100%; overflow:hidden; background-color:#f2f2f2; }
.ytgf_xndcb .width1680{ min-height:46rem; padding:2rem 0px; display:flex; align-items:center; }
.ytgf_xndcb .width1680 div.bg{ width:100%; }
.ytgf_xndcb .width1680 div.bg div{ text-align:center; }
.ytgf_xndcb .width1680 div.bg div.t{ color:#333333; line-height:2; }
.ytgf_xndcb .width1680 div.bg div.t dd{ font-weight:bold; font-size:2.25rem; }
.ytgf_xndcb .width1680 div.bg div.t dl{ font-size:1.125rem; margin-top:0.5rem;  white-space:pre-wrap; }
.ytgf_xndcb .width1680 div.bg div.f{ margin-top:2.5rem; }

/*业主-云平台*/
.ypt_bg{ width:100%; overflow:hidden; background-color:#ecf2f8; }
.ypt_bg .width1680{ padding:3.5rem 0px 5rem; }
.ypt_bg .width1680 .tit{ text-align:center; color:#333333; }
.ypt_bg .width1680 .tit dd{ font-size:2.25rem; font-weight:bold; }
.ypt_bg .width1680 .tit dl{ font-size:1.125rem; margin-top:1rem; }
.ypt_bg .width1680 .tit ol{ margin-top:1rem; font-size:1rem; }
.ypt_bg .width1680 .tit ol a{ display:inline-block; color:#e8442e; border:1px solid #e8442e; height:2.5rem; line-height:2.5rem; padding:0px 1rem; }
.ypt_bg .width1680 .tit ol a:hover{ background-color:#e8442e; color:#ffffff; }

.ypt_dn{ text-align:center; padding:3rem 0px 2rem; }

ul.ypt_pt,ul.ypt_pt li{ overflow:hidden; }
ul.ypt_pt{ margin-bottom:2rem; }
ul.ypt_pt li{ margin-bottom:1.5rem; width:49.4%; }
ul.ypt_pt li.l{ float:left; }
ul.ypt_pt li.r{ float:right; }
ul.ypt_pt li div.bg{ height:26.25rem;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.14);margin:4px;background-image:linear-gradient(to bottom,#ecf2f8,#ffffff); }
ul.ypt_pt li div.bg div{ width:88%; padding:2.5rem 5% 0px; }
ul.ypt_pt li div.bg div ol{ height:3.75rem; margin-bottom:2rem; }
ul.ypt_pt li div.bg div dd{ font-size:1.5rem; color:#333333; font-weight:bold; }
ul.ypt_pt li div.bg div dl{ font-size:1rem; color:#666666; line-height:1.75; margin-top:1rem; }

.ypt_xz{ text-align:center; overflow:hidden; margin-top:2rem; }
.ypt_xz div.bg{ display:inline-block; margin:0px 1rem; min-width:15rem; }
.ypt_xz div.bg dl{ margin-bottom:1.25rem; }
.ypt_xz div.bg dl ol{ box-shadow:0px 4px 8px 0px rgba(0,0,0,0.14); margin:4px auto; background-color:#ffffff; position:relative; border-radius:0.5rem; width:7.5rem; height:7.5rem; overflow:hidden; cursor:pointer; }
.ypt_xz div.bg dl ol i,.ypt_xz div.bg dl ol span,.ypt_xz div.bg dl ol img{ position:absolute; top:0px; right:0px; }
.ypt_xz div.bg dl ol i{ z-index:2;width:3.4375rem;height:3.4375rem; background:url(../images/ypt_xz_e.png) no-repeat scroll center;background-size:cover; }
.ypt_xz div.bg dl ol span{ opacity:0; z-index:9; background-color:#ffffff; background-size:cover; transition:all 0.5s ease; width:0px; height:0px; }
.ypt_xz div.bg dl ol:hover span{ width:100%; height:100%; opacity:1; transition:all 0.5s ease; }
.ypt_xz div.bg dl ol img{ left:0px; bottom:0px; margin:auto; }
.ypt_xz div.bg dd{ text-align:center; font-size:1rem; color:#666666; }

/*业主-工商业光伏*/
.gsygf_al{ width:100%; overflow:hidden; background-color:#f5f5f5; padding:8.75rem 0px; }
.gsygf_al .tit{ text-align:center; font-size:2.25rem; color:#333333; font-weight:bold; }

.gsygf_al div{ outline:0px; }
.gsygf_al .gallery{ margin-top:3rem; width:100%; position:relative; }
.gsygf_al .gallery .gallery-cell,.gsygf_al .gallery .gallery-cell div{ height:30rem; }
.gsygf_al .gallery .gallery-cell{ width:37.415%; cursor:grab; }
.gsygf_al .gallery .gallery-cell div{ margin:0px auto; width:96.35%; overflow:hidden; color:#333333; }
.gsygf_al .gallery .gallery-cell div ol{ position:relative; height:25.625rem; overflow:hidden; }
.gsygf_al .gallery .gallery-cell div ol i{ transition:all 1s ease; }
.gsygf_al .gallery .gallery-cell div:hover ol i{ transform:scale(1.1); transition:all 1s ease; }
.gsygf_al .gallery .gallery-cell div dd{ text-align:center; margin-top:1rem; font-size:1.125rem; }

.gsygf_al .gallery .flickity-page-dots{ display:none; }

.gsygf_al .gallery button{ position:absolute; border:0px; width:3.4375rem; height:3.4375rem; border-radius:50%; background-repeat:no-repeat; background-position:center; top:50%; background-size:1rem; background-color:rgb(0,0,0,0.5); margin-top:-1.71875rem; background-size:auto 1.25rem; }
.gsygf_al .gallery button svg{ display:none; }
.gsygf_al .gallery button:hover{ background-color:rgb(0,0,0,0.8); }
.gsygf_al .gallery button.previous{ background-image:url(../images/i_cp_l1.png); left:2%; }
.gsygf_al .gallery button.next{ background-image:url(../images/i_cp_r1.png); right:2%; }

/*业主-认证*/
.wd_rz{ width:100%; background-color:#f5f5f5; overflow:hidden; }
.wd_rz .yz_rz .width1680 .bg{ background-color:#f5f5f5; }

.yz_rz{ padding:10rem 0px; width:100%; overflow:hidden; position:relative; }
.yz_rz .tit{ text-align:center; }
.yz_rz .tit dd{ font-size:2.25rem; color:#333333; font-weight:bold; }
.yz_rz .tit dl{ font-size:1.125rem; color:#999999; margin-top:0.875rem; }

.yz_rz .width1680{ position:relative; }
.yz_rz .width1680 .hero-gallery{ margin-top:3rem; width:33.333333333%; outline:0px; }
.yz_rz .width1680 .hero-gallery .flickity-viewport{ position:relative; }
.yz_rz .width1680 .hero-gallery div{ height:28rem !important; }
.yz_rz .width1680 .hero-gallery .hero-gallery__cell{ width:100%; }
.yz_rz .width1680 .hero-gallery .hero-gallery__cell div{ width:100%; position:relative; overflow:hidden; cursor:grab; }
.yz_rz .width1680 .hero-gallery .hero-gallery__cell div ol{ position:relative; height:23rem; }
.yz_rz .width1680 .hero-gallery .hero-gallery__cell div ol img{ position:absolute; max-width:90%; top:0px; bottom:0px; left:0px; right:0px; margin:auto; }
.yz_rz .width1680 .hero-gallery .hero-gallery__cell div dd{ text-align:center; font-size:1.125rem; margin-top:1rem; }
.yz_rz .width1680 .hero-gallery button{ position:absolute; position:absolute; width:3rem; height:3rem; border-radius:50%; top:50%; margin-top:-2.5rem; background-color:#ffffff; font-weight:bold; border:0px; background-position:center; background-size:auto 1.25rem; background-repeat:no-repeat; z-index:88; border:1px solid #adadad; }
.yz_rz .width1680 .hero-gallery button:hover{ background-color:#e8442e; border:1px solid #e8442e; }
.yz_rz .width1680 .hero-gallery button.previous{ left:0px; margin-left:-5rem; background-image:url(../images/i_cp_l3.png); }
.yz_rz .width1680 .hero-gallery button.next{ right:0px; margin-right:-5rem; background-image:url(../images/i_cp_r3.png); }
.yz_rz .width1680 .hero-gallery button svg{ display:none; }
.yz_rz .width1680 .hero-gallery button.previous:hover{ background-image:url(../images/i_cp_l1.png); }
.yz_rz .width1680 .hero-gallery button.next:hover{ background-image:url(../images/i_cp_r1.png); }

.yz_rz .width1680 .bg{ position:absolute; top:0px; bottom:0px; width:40%; background-color:#ffffff; }
.yz_rz .width1680 .bg_l{ left:0px; margin-left:-40%; }
.yz_rz .width1680 .bg_r{ right:0px; margin-right:-40%; }

/*业主-微逆特点*/
.yz_wntd{ position:relative; overflow:hidden; }
.yz_wntd i.bg_t,.yz_wntd i.bg_f{ position:absolute; z-index:0; left:0px; right:0px; background-position:center top; }
.yz_wntd i.bg_t{ top:0px; height:43.1875rem; background-image:url(../images/yz_wntd_t.jpg); background-size:auto 100%; }
.yz_wntd i.bg_f{ bottom:0px; top:43.1875rem; background-image:url(../images/yz_wntd_f.jpg); }
.yz_wntd .width1680{ height:55rem; position:relative; z-index:9; }
.yz_wntd .width1680 div.t{ height:40rem; text-align:center; margin-top:3.25rem; }
.yz_wntd .width1680 div.t dd{ font-size:2.25rem; font-weight:bold; }
.yz_wntd .width1680 div.t ol{ padding:1rem 0px 1.5rem; }
.yz_wntd .width1680 div.t ol a{ font-size:1rem; color:#333333; }
.yz_wntd .width1680 div.t ol a:hover{ color:#e8442e; }
.yz_wntd .width1680 div.t dl{ height:30rem; position:relative; text-transform:uppercase; font-weight:bold; }
.yz_wntd .width1680 div.t dl i{ position:absolute; z-index:0; font-size:23rem; line-height:0.7; color:#e8442e; }
.yz_wntd .width1680 div.t dl i.s{ left:0px; top:0px; }
.yz_wntd .width1680 div.t dl i.x{ right:0px; bottom:0px; }
.yz_wntd .width1680 div.t dl img{ position:relative; z-index:8; }

.yz_wntd .width1680 ul.f,.yz_wntd .width1680 ul.f li{ overflow:hidden; }
.yz_wntd .width1680 ul.f{ margin:3rem auto 0px; }
.yz_wntd .width1680 ul.f li{ float:left; width:25%; }
.yz_wntd .width1680 ul.f li.l2{ display:none; }

.yz_wntd .width1680 ul.f{ max-width:1480px; }
.yz_gs_wntd .width1680 ul.f{ max-width:100%; }
.yz_gs_wntd .width1680 ul.f li{ width:20%; }
.yz_gs_wntd .width1680 ul.f li.l2{ display:block; }

.yz_wntd .width1680 ul.f li div{ padding-left:19%; overflow:hidden; min-height:5rem; margin-right:1rem; position:relative; }
.yz_wntd .width1680 ul.f li div img{ position:absolute; left:0px; width:15%; max-width:3.75rem; max-height:3.75rem; color:#333333; }
.yz_wntd .width1680 ul.f li div dd{ font-weight:bold; font-size:1rem; }
.yz_wntd .width1680 ul.f li div dl{ font-size:0.875rem; margin-top:0.5rem; }

.yz_ggsp,.yz_ggsp .swiper-wrapper,.yz_ggsp .swiper-wrapper .swiper-slide{  }
.yz_ggsp{ width: 100%; overflow: hidden; position: relative; margin-bottom:3rem; }
.yz_ggsp .swiper-wrapper{  }
.yz_ggsp .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.yz_ggsp .swiper-wrapper .swiper-slide video{ width:100%; }

.yz_ggsp div.qh{ position: absolute; cursor: pointer; z-index: 99; font-size: 2rem; width: 3rem; height: 4rem; border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); color: #ffffff; top: 50%; margin-top:-4rem; text-align:center; line-height:2; }
.yz_ggsp div.qh_l{ left:2%; }
.yz_ggsp div.qh_r{ right:2%; }
.yz_ggsp div.qh:hover{ background-color:#e8442e; }

.yz_ggsp .page{ width:100%; display: block; margin-top: 1rem; text-align:center; line-height:0.25rem; }
.yz_ggsp .page span{ display:inline-block; width:2.5rem; height:0.25rem; border-radius:2px; margin:0px 0.5rem; background-color:#333333; }
.yz_ggsp .page span.on{ background-color:#e8442e; }

.azs_sp{ position:fixed; max-width:30rem; bottom:10%; z-index:99; right:6rem; }
.azs_sp video{ width: 100%; display:inline-block; }
.azs_sp a{ position:absolute; width:1.5rem; height:1.5rem; background:url(../images/gb.png) no-repeat scroll center #ffffff; background-size:1.25rem; z-index:2; top: 0px; right:0px; margin-right:-1.5rem; margin-top:-1.5rem; border: 0.5rem solid #ffffff; border-radius:50%; box-shadow:0px 0px 8px 0px rgba(0,0,0,0.14); }
.azs_sp a:hover{ background-image:url(../images/gb2.png); }

/*业主-广告*/
.yz_gg{ position:relative; overflow:hidden; }
.yz_gg i.bg_q{ z-index:0; }
.yz_gg .width1680{ height:50rem; z-index:2; position:relative; display:flex; align-items:center; }
.yz_gg .width1680 div.bg{ width:100%; text-align:center; }
.yz_gg .width1680 div.bg div{ overflow:hidden; }
.yz_gg .width1680 div.bg div.t{ font-size:2.25rem; color:#ffffff; line-height:1.5; white-space:pre-wrap;}
.yz_gg .width1680 div.bg div.f{ margin-top:2rem; }
.yz_gg .width1680 div.bg div.f a{ display:inline-block; border:1px solid #ffffff; height:2.75rem; line-height:2.75rem; width:11.25rem; font-size:1rem; color:#ffffff; }
.yz_gg .width1680 div.bg div.f a:hover{ border:1px solid #e8442e; background-color:#e8442e; }

/*业主-微型逆变器*/
.yz_tit_h{ width:100%; height:3rem; }
.yz_tit{ width:100%; overflow:hidden; position:fixed; top:5rem; z-index:999; background-color:#f1f2f6; }
.yz_tit .width1680{ font-size:1rem; color:#333333; padding:0.5rem 0px; height:2rem; }
.yz_tit .width1680 dl{ line-height:2; }
.yz_tit .width1680 dl.l{ float:left; }
.yz_tit .width1680 dl.r{ float:right; }
.yz_tit .width1680 dl.r a{color:#333333; margin-left:2rem; }
.yz_tit .width1680 dl.r a:hover{ color:#e8442e; }
.banner_wxnbq{ position:relative; width:100%; overflow:hidden; }
.banner_wxnbq i.bg{ z-index:0; background-image:url(../images/banner_wxnbq.jpg); }
.banner_wxnbq .width1680{ position:relative; }
.banner_wxnbq .width1680,.banner_wxnbq .width1680 div.l,.banner_wxnbq .width1680 #wrapper #picSlideWrap .imgnav{ height:50rem; }
.banner_wxnbq .width1680 div.l{ float:left; width:45%; display:flex; align-items:center; max-width:675px; }
.banner_wxnbq .width1680 div.l div{ width:100%; }
.banner_wxnbq .width1680 div.l div dd{ color:#333333; font-size:2rem; font-weight:bold; margin-bottom:1rem; }
.banner_wxnbq .width1680 div.l div ol{ color:#333333; font-size:1.125rem; font-weight:bold; margin-bottom:1rem; }
.banner_wxnbq .width1680 div.l div dl{ font-size:1rem; color:#999999; line-height:1.75; }
.banner_wxnbq .width1680 div.l div a{ display:inline-block; margin-top:2rem; background-color:#ff3c00; height:2.25rem; line-height:2.25rem; text-align:center; width:8.75rem; color:#ffffff; font-size:1rem; }
.banner_wxnbq .width1680 div.l div a:hover{ background-color:#e8442e; }

.banner_wxnbq .width1680 #wrapper{ float:right; width:53%; max-width:880px; }

.banner_wxnbq .width1680 #wrapper,.banner_wxnbq .width1680 #wrapper #picSlideWrap,.banner_wxnbq #wrapper #picSlideWrap .imgnav{ overflow:hidden; position:relative; }
.banner_wxnbq .width1680 #wrapper #picSlideWrap{}
.banner_wxnbq .width1680 #wrapper #picSlideWrap .imgnav{ position:relative; }
.banner_wxnbq .width1680 #wrapper #picSlideWrap .imgnav #img{ margin-top:10rem; height:30rem; position:relative; }
.banner_wxnbq .width1680 #wrapper #picSlideWrap .imgnav #img img{ display:none; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn{ position:absolute; bottom:1.5rem; left:50%; margin-left:-192px; padding:0px 32px; }
.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn i.qh{ position:absolute; width:1rem; height:2rem; background-position:center; background-repeat:no-repeat; cursor:pointer; top:50%; margin-top:-1rem; background-size:cover; }
.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn i.picSildeLeft{ left:0px; background-image:url(../images/i_cp_l3.png); }
.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn i.picSildeRight{ right:0px; background-image:url(../images/i_cp_r3.png); }
.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn i.picSildeLeft:hover{ background-image:url(../images/i_cp_l2.png); }
.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn i.picSildeRight:hover{ background-image:url(../images/i_cp_r2.png); }
.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl{ width:320px; overflow:hidden; }
.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul{ position:relative; width:10000%; height:64px; }
.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li{ float:left; margin:0px 8px; width:62px; height:62px; background-color:#ffffff; cursor:pointer; position:relative; border:1px solid #ffffff; }
.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li.hov,.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li:hover{ border:1px solid #e8442e; }
.banner_wxnbq #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; max-width:90%; max-height:90%; }

.wxnbq_yycj,.wxnbq_xntz{ position:relative; width:100%; overflow:hidden; }
.wxnbq_yycj i.bg_q,.wxnbq_xntz i.bg_q{ z-index:0; }
.wxnbq_yycj .width1680,.wxnbq_xntz .width1680{ height:55rem; position:relative; z-index:2; }

.wxnbq_tit{ text-align:center; color:#333333; }
.wxnbq_tit dd{ font-size:2.25rem; font-weight:bold; }
.wxnbq_tit dl{ font-size:1.125rem; margin-top:1rem; }

.wxnbq_yycj .wxnbq_tit{ padding-top:9.5rem; }
.wxnbq_xntz .wxnbq_tit{ padding-top:5.5rem; }

.wxnbq_xntz ul,.wxnbq_xntz ul li{ overflow:hidden; }
.wxnbq_xntz ul{ margin-top:3rem; height:33.75rem; position:relative; }
.wxnbq_xntz ul i.bg{ position:absolute; z-index:0; top:0px; left:0px; right:0px; bottom:0px; background-position:center; background-repeat:no-repeat; background-size:auto 100%; margin:auto; }
.wxnbq_xntz ul li{ position:absolute; width:23%; color:#333333; }
.wxnbq_xntz ul li.l1{ left:5%; top:2.5rem; }
.wxnbq_xntz ul li.l2{ right:5%; top:2.5rem; }
.wxnbq_xntz ul li.l3{ left:5%; bottom:2.5rem; }
.wxnbq_xntz ul li.l4{ right:5%; bottom:2.5rem; }
.wxnbq_xntz ul li ol{ height:3.75rem; margin-bottom:1rem; }
.wxnbq_xntz ul li dd{ font-size:1.5rem; margin-bottom:0.75rem; font-weight:bold; }
.wxnbq_xntz ul li dl{ font-size:1.125rem; }

.wxnbq_ggcs{ padding:4rem 0px; }
.wxnbq_ggcs .bg{ margin-top:4.5rem; overflow:hidden; min-height:33.5rem; }
.wxnbq_ggcs .bg div.l{ float:left; font-size:1.5rem; color:#333333; font-weight:bold; width:22%; display:none; }
.wxnbq_ggcs .bg ul.r,.wxnbq_ggcs .bg ul.r li{ overflow:hidden; }
.wxnbq_ggcs .bg ul.r{ border-bottom:0px; padding-top:0.875rem; width:100%; max-width:800px; margin:0px auto; }
.wxnbq_ggcs .bg ul.r li{ border-bottom:1px solid #eeeeee; margin-bottom:0.875rem; }
.wxnbq_ggcs .bg ul.r li dl{ font-size:1.125rem; line-height:2; padding-bottom:0.875rem; }
.wxnbq_ggcs .bg ul.r li dl.l{ float:left; color:#999999; width:33%; }
.wxnbq_ggcs .bg ul.r li dl.r{ float:right; color:#333333; width:66%; }

.yz_pjcp{ width:100%; overflow:hidden; background-color:#f5f5f5; }
.yz_pjcp .width1680{ padding:5rem 0px; position:relative; }
.yz_pjcp .width1680 .wxnbq_tit{ margin-bottom:3rem; }

.pjcp,.pjcp .swiper-wrapper,.pjcp .swiper-wrapper .swiper-slide{ height:28rem; }
.pjcp{ width: 100%; position: relative; margin-top:3rem; }
.pjcp .swiper-wrapper{  }
.pjcp .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.pjcp .swiper-wrapper .swiper-slide div{ overflow:hidden; cursor:grab; }
.pjcp .swiper-wrapper .swiper-slide div ol{ position:relative; height:23rem; }
.pjcp .swiper-wrapper .swiper-slide div ol img{ position:absolute; max-width:90%; top:0px; bottom:0px; left:0px; right:0px; margin:auto; }
.pjcp .swiper-wrapper .swiper-slide div dd{ text-align:center; font-size:1.125rem; margin-top:1rem; }

.pjcp div.qh{ position:absolute; width:3rem; height:3rem; border-radius:50%; top:50%; margin-top:-2.5rem; background-color:#ffffff; font-weight:bold; border:0px; background-position:center; background-size:auto 1.25rem; background-repeat:no-repeat; z-index:88; border:1px solid #adadad; }
.pjcp div.qh:hover{ background-color:#e8442e; border:1px solid #e8442e; }
.pjcp div.qh_l{ left:0px; margin-left:-5rem; background-image:url(../images/i_cp_l3.png); }
.pjcp div.qh_r{ right:0px; margin-right:-5rem; background-image:url(../images/i_cp_r3.png); }
.pjcp div.qh_l:hover{ background-image:url(../images/i_cp_l1.png); }
.pjcp div.qh_r:hover{ background-image:url(../images/i_cp_r1.png); }

.pjcp .page{ position:relative; width:100%; text-align:center; display:none; }
.pjcp .page span{ margin:0px 3px; display:inline-block; width:0.5rem; height:0.5rem; border-radius:50%; overflow:hidden; text-indent:-99rem; opacity:0.5; background-color:#e8442e; }
.pjcp .page span.on{ opacity:1; }

/*动画效果*/
.i_md .yz_t ul li div ol img{ opacity:0; transform:scale(0); }
.i_md.on .yz_t ul li div ol img{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .yz_xx .width1680 div.bg div.xx div{ opacity:0; transform:scale(0); }
.i_md.on .yz_xx .width1680 div.bg div.xx div{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .yz_ylt dl{ opacity:0; transform:scale(0.5); }
.i_md.on .yz_ylt dl{ opacity:1; transform:scale(1); transition:all 0.5s ease; }

.i_md .yz_wntd .width1680 div.t dl img{ opacity:0; transform:scale(0.5); }
.i_md.on .yz_wntd .width1680 div.t dl img{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .yz_wntd .width1680 ul.f li{ padding-top:2rem; }
.i_md.on .yz_wntd .width1680 ul.f li{ padding-top:0px; transition:all 1s ease; }
.i_md .yz_wntd .width1680 ul.f li div img{ opacity:0; transform:scale(0); }
.i_md.on  .yz_wntd .width1680 ul.f li div img{ opacity:1; transform:scale(1); transition:all 2s ease; }

.i_md .wdgf_cnblq .xx{ opacity:0; transform:scale(0.5); }
.i_md.on .wdgf_cnblq .xx{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .wdgf_cndcb .width1680 .xx{ opacity:0; transform:scale(0.5); }
.i_md.on .wdgf_cndcb .width1680 .xx{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .pjcp{ opacity:0; padding-top:3rem; }
.i_md.on .pjcp{ opacity:1; padding-top:0px; transition:all 1s ease; }

.i_md .ytgf_xndcb .width1680 div.bg div.f{ opacity:0; transform:scale(0.5); }
.i_md.on .ytgf_xndcb .width1680 div.bg div.f{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .ypt_dn{ opacity:0; transform:scale(0.5); }
.i_md.on .ypt_dn{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md ul.ypt_pt li div.bg div{ opacity:0; transform:scale(0); }
.i_md.on ul.ypt_pt li div.bg div{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .wxnbq_yycj .wxnbq_tit{ opacity:0; margin-top:3rem; }
.i_md.on .wxnbq_yycj .wxnbq_tit{ opacity:1; margin-top:0px; transition:all 1s ease; }

.i_md .wxnbq_xntz ul i.bg{ opacity:0; transform:scale(0.5); }
.i_md.on .wxnbq_xntz ul i.bg{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .wxnbq_xntz ul li{ opacity:0; }
.i_md.on .wxnbq_xntz ul li{ opacity:1; transition:all 1s ease; }
.i_md .wxnbq_xntz ul li.l{ margin-left:-30%; }
.i_md .wxnbq_xntz ul li.r{ margin-right:-30%; }
.i_md.on .wxnbq_xntz ul li.l{ margin-left:0%; }
.i_md.on .wxnbq_xntz ul li.r{ margin-right:0%; }

.i_md .wxnbq_ggcs .bg ul.r li dl{ opacity:0; }
.i_md.on .wxnbq_ggcs .bg ul.r li dl{ opacity:1; transition:all 1s ease; }

.i_md .gsygf_al .gallery{ opacity:0; padding-top:3rem; }
.i_md.on .gsygf_al .gallery{ opacity:1; padding-top:0px; transition:all 1s ease; }

.i_md .yz_gg .width1680 div.bg{ opacity:0; transform:scale(0.5); }
.i_md.on .yz_gg .width1680 div.bg{ opacity:1; transform:scale(1); transition:all 1s ease; }


/*产品*/
.cp_lb{ position:relative; width:100%; max-width:1920px; margin:0px auto; overflow:hidden; }
.cp_lb .tit{ text-align:center; font-size:3rem; font-weight:bold; color:#333333; padding-top:7.5rem; }
.cp_lb ul,.cp_lb ul li{ overflow:hidden; }
.cp_lb ul{ margin-top:3.75rem; }
.cp_lb ul li{ margin-bottom:2px; position:relative; cursor: pointer; }
.cp_lb ul li i.bg{ position:absolute; z-index:2; top:0px; left: 0px; bottom:0px; width:100%; background:url(../images/bg1.png) repeat-y; transition: all 0.5s ease; }
.cp_lb ul li:hover i.bg{ background:url(../images/bg2.png) repeat-y; transition: all 0.5s ease; }
.cp_lb ul li.l i.bg{  }
.cp_lb ul li.r i.bg{ transform: rotate(180deg); }
.cp_lb ul li .width1680{ position:relative; height:42.5rem; z-index:9; display:flex; align-items:center; }
.cp_lb ul li .width1680 div.xx{ width:100%; overflow:hidden; }
.cp_lb ul li .width1680 div.xx div{ width:60%; color:#ffffff; }
.cp_lb ul li.l .width1680 div.xx div{ float:left; text-align:left; max-width:600px; }
.cp_lb ul li.r .width1680 div.xx div{ float:right; text-align:right; max-width:580px; }
.cp_lb ul li .width1680 div.xx div dd{ font-size:3rem; font-weight:bold; margin-bottom:1.5rem; }
.cp_lb ul li .width1680 div.xx div dl{ white-space:pre-wrap; font-size:1.125rem; line-height:2; }
.cp_lb ul li .width1680 div.xx div ol{ margin-top:1rem; font-size:1.125rem; display:none; }
.cp_lb ul li:hover .width1680 div.xx div ol{ display:block; }
.cp_lb ul li .width1680 div.xx div ol a{ display:inline-block; border:1px solid #ffffff; width:10rem; height:2.5rem; line-height:2.5rem; text-align:center; color:#ffffff; }
.cp_lb ul li .width1680 div.xx div ol a:hover{ background-color:#ffffff; color:#333333; }

/*动画效果*/
.cp_lb ul .i_md li .width1680 div.xx div{ opacity:0; margin-top:3rem; }
.cp_lb ul .i_md.on li .width1680 div.xx div{ opacity:1; margin-top:0px; transition:all 1s ease; }

/*产品详情*/
.cp_show_banner{ position:relative; overflow:hidden; width:100%; }
.cp_show_banner .width1680{ height:61.25rem; position:relative; z-index:8; }
.cp_show_banner .width1680 div{ color:#ffffff; width:100%; text-align:center; padding-top:9rem; }
.cp_show_banner .width1680 div dd{ font-size:3rem; font-weight:bold; margin-bottom:1rem; }
.cp_show_banner .width1680 div dl{ white-space:pre-wrap; font-size:1.125rem; line-height:2; }

.cp_show_gs{ position:relative; background:url(../images/cp_gs.jpg) no-repeat scroll center; }
.cp_show_gs .width1680{ height:50rem; display:flex; align-items:center; }
.cp_show_gs .width1680 div.bg{ width:100%; overflow:hidden; min-height:20rem; }
.cp_show_gs .width1680 div.bg div.l{ float:left; width:46.5%; color:#333333; }
.cp_show_gs .width1680 div.bg div.l dd{ font-size:2.25rem; font-weight:bold; margin-bottom:2rem; }
.cp_show_gs .width1680 div.bg div.l dl{ font-size:1.125rem; line-height:2; white-space:pre-wrap; }
.cp_show_gs .width1680 div.bg div.r{ float:right; width:48%; text-align:center; }
.cp_show_gs .width1680 div.bg div.r img{ max-width:25rem; }

.cp_show_td{ padding:3.5rem 0px 2rem; }
.cp_show_td .tit{ font-size:2.25rem; font-weight:bold; color:#333333; }
.cp_show_td ul,.cp_show_td ul li{ overflow:hidden; }
.cp_show_td ul{ margin-top:2.5rem; padding-left:1rem; margin-left:-1rem;  min-height:12rem; width:102%; }
.cp_show_td ul li{ float:left; width:23.343%; margin-bottom: 1.5rem; margin-right:1.55%; cursor: pointer; transition: all 0.5s ease; }
.cp_show_td ul li:hover{ box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); transition: all 0.5s ease; }
.cp_show_td ul li div{ height: 12.5rem; padding: 2rem 1.5rem; border:1px solid #eeeeee; border-top:4px solid #e8442e; }
.cp_show_td ul li div ol{ margin-bottom:1rem; }
.cp_show_td ul li div ol img{ max-height:2.5rem; }
.cp_show_td ul li div dd{ font-size:1.5rem; color:#333333; font-weight:bold; }
.cp_show_td ul li div dl{ font-size:1.125rem; color:#999999; line-height:2; margin-top:1rem; }

.cp_show_cs{ width:100%; overflow:hidden; background-color:#f5f5f5; }
.cp_show_cs .width1680{ padding:2.5rem 0px 6rem; }
.cp_show_cs .width1680 dd{ font-size:2.25rem; font-weight:bold; color:#333333; }
.cp_show_cs .width1680 dl{ margin-top:2rem; min-height:12rem; }

/*安装商*/
.azs_bg{ position:relative; width:100%; overflow:hidden; }
.azs_bg i.bg{ z-index:0; }
.azs_bg .width1680{ position:relative; z-index:9; }
.azs_bg .width1680 .azs_tit{ text-align:center; }
.azs_bg .width1680 .azs_tit dd{ font-size:2.25rem; font-weight:bold; }
.azs_bg .width1680 .azs_tit dl{ font-size:1.125rem; margin-top:1rem; opacity:0.5; }

.azs_zwsj{ padding:4rem 0px; position:relative; }
.azs_zwsj .azs_tit{  }
.azs_zwsj div.tp{ text-align:center; margin:3rem 0px; }
.azs_zwsj div.tp div{ position:relative; display:inline-block; }
.azs_zwsj div.tp div a{ position:absolute; z-index:2; }
.azs_zwsj div.tp div a span,.azs_zwsj div.tp div a span i{ position:absolute; border-radius:50%; }
.azs_zwsj div.tp div a span{ width:1rem; height:1rem; border:1px solid #e8442e; left:50%; margin-left:-0.5rem; top:50%; margin-top: -0.5rem; animation:s 2s cubic-bezier(0.5,0,0.1,1) infinite; }
.azs_zwsj div.tp div a span i{ width:0.4rem; height:0.4rem; background-color:#e8442e; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

.azs_zwsj div.tp div a.a1,.azs_zwsj div.tp div a.a2,.azs_zwsj div.tp div a.a3{  width: 13%; top: 12.5%; height: 10%; }

.azs_zwsj div.tp div a.a1{ left: 9%; }
.azs_zwsj div.tp div a.a2{ left: 44.5%; }
.azs_zwsj div.tp div a.a3{ right:6.5%; }
.azs_zwsj div.tp div a.a4{ width: 16%; top: 49%; height: 14%; left: 49%; }
.azs_zwsj div.tp div a.a5{ width: 12%; top: 59%; height: 24%; left: 16%; }

.azs_zwsj ul,.azs_zwsj ul li{ overflow:hidden; }
.azs_zwsj ul{ width:100%; }
.azs_zwsj ul li{ width:33.3333333%; float:left; text-align:center; }
.azs_zwsj ul li div{ width:90%; margin:0px auto; color:#333333; }
.azs_zwsj ul li div ol{ height:3.75rem; margin-bottom:1rem; }
.azs_zwsj ul li div dd{ font-size:1.5rem; font-weight:bold; }
.azs_zwsj ul li div dl{ font-size:1.125rem; margin-top:1rem; }

.azs_xgcp{ height:47rem; padding:4rem 0px; display:flex; align-items:center; }
.azs_xgcp div.bg{ width:100%; overflow:hidden; }
.azs_xgcp .azs_tit{ color:#ffffff; }
.azs_xgcp ul{ overflow:hidden; text-align:center; padding:4rem 0px; }
.azs_xgcp ul li{ display:inline-block; height:15rem; position:relative; cursor:pointer; width:27%; margin:0px 1%; }
.azs_xgcp ul li div.i{ height:12.5rem; position:relative; margin-top:1.25rem; background-position:center; background-repeat:no-repeat; background-size:auto 100%; width:100%; }
.azs_xgcp ul li div.i span,.azs_xgcp ul li div.i span i{ position:absolute; border-radius:50%; }
.azs_xgcp ul li div.i span{ width:2rem; height:2rem; border:1px solid #ffffff; left:50%; margin-left:-1rem; top:4.5rem; animation:s 2s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:s 2s cubic-bezier(0.5,0,0.1,1) infinite; transition:all 0.5s ease; }
.azs_xgcp ul li:hover div.i span{ border:1px solid #e8442e; transition:all 0.5s ease; }
.azs_xgcp ul li.l2 div.i span{ top:0px; }
.azs_xgcp ul li div.i span i{ width:1rem;height:1rem;background-color:#ffffff;top:0px;left:0px;right:0px;bottom:0px;margin:auto;transition:all 0.5s ease; }
.azs_xgcp ul li:hover div.i span i{background-color:#e8442e; transition:all 0.5s ease; }

@keyframes s{ %0,%100{ opacity:1; transform:scale(1);} 50%{ opacity:.5; transform:scale(0.8);} }
@-webkit-keyframes s{ %0,%100{ opacity:1; transform:scale(1);} 50%{ opacity:.5; transform:scale(0.8);} }

.azs_xgcp ul li i.fa,.azs_xgcp ul li div.bg{ position:absolute; top:5.75rem; left:50%; }
.azs_xgcp ul li.l2 i.fa,.azs_xgcp ul li.l2 div.bg{ top:1.25rem; }
.azs_xgcp ul li.l3 i.fa,.azs_xgcp ul li.l3 div.bg{ right:50%; left:auto; }
.azs_xgcp ul li.l6 i.fa,.azs_xgcp ul li.l6 div.bg{ right:50%; left:auto; }
.azs_xgcp ul li.l9 i.fa,.azs_xgcp ul li.l9 div.bg{ right:50%; left:auto; }

.azs_xgcp ul li i.fa{ color:#ffffff; font-size:2.5rem; margin-left:2rem; opacity:0; transition:all 0.5s ease; }
.azs_xgcp ul li:hover i.fa{ opacity:1; transition:all 0.5s ease; z-index:8; }
.azs_xgcp ul li.l3 i.fa{ margin-right:2rem; margin-left:0px; transform:rotateY(180deg); }
.azs_xgcp ul li.l6 i.fa{ margin-right:2rem; margin-left:0px; transform:rotateY(180deg); }
.azs_xgcp ul li.l9 i.fa{ margin-right:2rem; margin-left:0px; transform:rotateY(180deg); }

.azs_xgcp ul li div.bg{ background-color:#ffffff; margin-left:2.75rem; border-radius:0.5rem; padding:1rem; width:17.5rem; margin-top:-3rem; min-height:6rem; text-align:left; opacity:0; transition:all 0.5s ease; }
.azs_xgcp ul li:hover div.bg{ opacity:1; transition:all 0.5s ease; z-index:8; }
.azs_xgcp ul li.l3 div.bg{ margin-left:0px; margin-right:2.75rem; }
.azs_xgcp ul li.l6 div.bg{ margin-left:0px; margin-right:2.75rem; }
.azs_xgcp ul li.l9 div.bg{ margin-left:0px; margin-right:2.75rem; }

.azs_xgcp ul li div.bg dd{ font-size:1.125rem; color:#333333; line-height:2; }
.azs_xgcp ul li div.bg dl{ font-size:1rem; color:#999999; line-height:1.5; }

.azs_xgcp .m{ text-align:center; margin-top:1rem; }
.azs_xgcp .m a,.azs_xgcp .m i{ display:inline-block; height:3rem; line-height:3rem; }
.azs_xgcp .m a{ font-size:1.125rem; color:#ffffff; padding-right:0.75rem; padding-left:2.75rem; background-color:#e8442e; background-position:0.75rem center; background-repeat:no-repeat; background-size:auto 1.125rem; }
.azs_xgcp .m a:hover{ background-color:#fd6753; }
.azs_xgcp .m a.l{ background-image:url(../images/azs_xgcp_tb1.png); }
.azs_xgcp .m a.r{ background-image:url(../images/azs_xgcp_tb2.png); }
.azs_xgcp .m i{ width:1rem; }

.yz_bg{ position:fixed; opacity:0; top:0px; left:0px; right:0px; bottom:0px; z-index:-9; background-color:rgb(0,0,0,0.7); display:flex; align-items:center; transition:all 0.5s ease; }
.yz_bg.x{ opacity:1; z-index:99999; transition:all 1s ease; }
.yz_bg div.bg{ width:100%; overflow:hidden; }
.yz_bg div.bg form{ width:80%; margin:0px auto; overflow:hidden; max-width:38.75rem; padding:2rem; background-color:#ffffff; position:relative; }
.yz_bg div.bg form a.gb{ position:absolute; width:2rem; height:2rem; background:url(../images/gb.png) no-repeat scroll center; background-size:cover; top:2rem; right:2rem; z-index:9; }
.yz_bg div.bg form a.gb:hover{ background-image:url(../images/gb2.png); }
.yz_bg div.bg form div{ overflow:hidden; }
.yz_bg div.bg form div.t{ text-align:center; height:3rem; }
.yz_bg div.bg form div.form-group{ margin-top:1rem; float:left; width:48.5%; }
.yz_bg div.bg form div#dr_row_qxzndywfw,.yz_bg div.bg form div#dr_row_nxyzxdwt{ width:100%; }
.yz_bg div.bg form div#dr_row_dianhua,.yz_bg div.bg form div#dr_row_zhiwei,.yz_bg div.bg form div#dr_row_guojia,.yz_bg div.bg form div#dr_row_cphyw,.yz_bg div.bg form div#dr_row_gsjs{ float:right; }

.wdgf_bg div.bg form div#dr_row_qsrnddh{ float:right; }
.wdgf_bg div.bg form div#dr_row_qsrndyx,.wdgf_bg div.bg form div#dr_row_qxzywszgjdq,.wdgf_bg div.bg form div#dr_row_qtxnyjazdgfxtrl,.wdgf_bg div.bg form div#dr_row_qtxnyzxdwthcp{ width:100%; }
.wdgf_bg div.bg form div#dr_row_qsrndyx div,.wdgf_bg div.bg form div#dr_row_qxzywszgjdq div,.wdgf_bg div.bg form div#dr_row_qtxnyjazdgfxtrl div{ padding:0px 2%; }
.wdgf_bg div.bg form div#dr_row_qtxnyzxdwthcp div{ padding:1rem 2%; }

.gsygc_bg div.bg form div#dr_row_qsrnddh,.gsygc_bg div.bg form div#dr_row_qsrndgsmz{ float:right; }
.gsygc_bg div.bg form div#dr_row_qxzywszgjdq,.gsygc_bg div.bg form div#dr_row_qtxnyjazdgfxtrl,.gsygc_bg div.bg form div#dr_row_qtxnyzxdwthcp{ width:100%; }
.gsygc_bg div.bg form div#dr_row_qxzywszgjdq div,.gsygc_bg div.bg form div#dr_row_qtxnyjazdgfxtrl div{ padding:0px 2%; }
.gsygc_bg div.bg form div#dr_row_qtxnyzxdwthcp div{ padding:1rem 2%; }

.ytgf_bg div.bg form div#dr_row_qsrnddh{ float:right; }
.ytgf_bg div.bg form div#dr_row_qsrndyx,.ytgf_bg div.bg form div#dr_row_qxzywszgjdq,.ytgf_bg div.bg form div#dr_row_qtxnyjazdgfxtrl,.ytgf_bg div.bg form div#dr_row_qtxnyzxdwthcp{ width:100%; }
.ytgf_bg div.bg form div#dr_row_qsrndyx div,.ytgf_bg div.bg form div#dr_row_qxzywszgjdq div,.ytgf_bg div.bg form div#dr_row_qtxnyjazdgfxtrl div{ padding:0px 2%; }
.ytgf_bg div.bg form div#dr_row_qtxnyzxdwthcp div{ padding:1rem 2%; }

.azs_lx_bg div.bg form div#dr_row_qsrnddh,.azs_lx_bg div.bg form div#dr_row_qsrndgsmz{ float:right; }
.azs_lx_bg div.bg form div#dr_row_qxzywszgjdq,.azs_lx_bg div.bg form div#dr_row_qtxnyjazdgfxtrl,.azs_lx_bg div.bg form div#dr_row_qtxnyzxdwthcp{width:100%;}
.azs_lx_bg div.bg form div#dr_row_qxzywszgjdq div,.azs_lx_bg div.bg form div#dr_row_qtxnyjazdgfxtrl div{ padding:0px 2%; }
.azs_lx_bg div.bg form div#dr_row_qtxnyzxdwthcp div{ padding:1rem 2%; }

.zbsq_bg div.bg form div#dr_row_qsrnddh,.zbsq_bg div.bg form div#dr_row_qsrndgsmz{ float:right; }
.zbsq_bg div.bg form div#dr_row_zxdwthzbzc{ width:100%; }
.zbsq_bg div.bg form div#dr_row_zxdwthzbzc div{ padding:1rem 2%; }

.zx_bg div.bg form div#dr_row_qymc,.zx_bg div.bg form div#dr_row_gsjs,.zx_bg div.bg form div#dr_row_zycphyw{ width:100%; }
.zx_bg div.bg form div#dr_row_qymc div{ padding:0px 2%; }
.zx_bg div.bg form div#dr_row_gsjs div,.zx_bg div.bg form div#dr_row_zycphyw div{ padding:1rem 2%; }

.yz_bg div.bg form div.form-group label{ display:none; }
.yz_bg div.bg form div.form-group div{ border:1px solid #eeeeee; border-radius:4px; font-size:1rem; color:#333333; padding:0px 4%; }
.yz_bg div.bg form div.form-group div label{ display:block; }
.yz_bg div.bg form div#dr_row_qxzndywfw div{ padding:0px; }
.yz_bg div.bg form div#dr_row_qxzndywfw div select{ display:block; height:2.75rem; line-height:2.75rem; border:0px; width:100%; padding:0px 2%; }
.yz_bg div.bg form div#dr_row_qxzndywfw div select option{ display:block; height:3rem; line-height:3rem; }
.yz_bg div.bg form div.form-group div input,.yz_bg div.bg form div.form-group div textarea{ border:0px; outline:none; color:#333333; }
.yz_bg div.bg form div.form-group div input::-webkit-input-placeholder,.yz_bg div.bg form div.form-group div textarea::-webkit-input-placeholder{ color:#333333; }
.yz_bg div.bg form div.form-group div input{ line-height:2.75rem; }
.yz_bg div.bg form div#dr_row_nxyzxdwt div{ padding:1rem 2%; }
.yz_bg div.bg form div.yzm,.yz_bg div.bg form div.button{ width:100%; float:left; margin-top:1rem; }
.yz_bg div.bg form div.yzm{}
.yz_bg div.bg form div.yzm div{}
.yz_bg div.bg form div.yzm div.l{ float:left; width:75%; }
.yz_bg div.bg form div.yzm div.l dl{ border:1px solid #eeeeee; border-radius:4px; font-size:1rem; color:#333333; padding:0px 2%; }
.yz_bg div.bg form div.yzm div.l dl input{ line-height:2.75rem; border:0px; outline:none; width:100%; }
.yz_bg div.bg form div.yzm div.l dl input::-webkit-input-placeholder{ color:#333333; }
.yz_bg div.bg form div.yzm div.r{ float:right; position:relative; height:2.75rem; width:22%; background-color:#333333; }
.yz_bg div.bg form div.yzm div.r img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

.yz_bg div.bg form div.button{}
.yz_bg div.bg form div.button button{ width:100%; border:0px; height:3rem; line-height:3rem; border-radius:0.5rem; background-color:#ffa785; color:#ffffff; font-size:1rem; }
.yz_bg div.bg form div.button button:hover{ background-color:#e8442e; }

.azs_xgwd{ height:50rem; }
.azs_xgwd .azs_tit{ margin-top:15rem; color:#ffffff; }
.azs_xgwd .wd{ margin-top:1.5rem; text-align:center; }
.azs_xgwd .wd a{ display:inline-block; font-size:1rem; color:#ffffff; border:1px solid #ffffff; margin:0px 0.5rem 1rem; height:2.75rem; line-height:2.75rem; border-radius:0.5rem; padding:0px 1.5rem; min-width:5.75rem; }
.azs_xgwd .wd a:hover{ border:1px solid #e8442e; background-color:#e8442e; }
.azs_xgwd .m{ text-align:center; margin-top:1rem; }
.azs_xgwd .m a{ font-size:1rem; color:#ffffff; }
.azs_xgwd .m a:hover{ color:#e8442e; }

.azs_zb{ height:50rem; }
.azs_zb .azs_tit{ margin-top:6rem; color:#ffffff; }
.azs_zb .m{ text-align:center; margin-top:2rem; font-size:1rem; }
.azs_zb .m a{ display:inline-block; margin:0px 1rem; padding:0px 1rem; height:2.75rem; line-height:2.75rem; color:#ffffff; border:1px solid #ffffff; }
.azs_zb .m a:hover{ border:1px solid #e8442e; background-color:#e8442e; }

.zbtk_bg{ position:fixed; opacity:0; top:0px; left:0px; right:0px; bottom:0px; z-index:-9; background-color:rgb(0,0,0,0.7); display:flex; align-items:center; transition:all 1s ease; }
.zbtk_bg.x{ opacity:1; z-index:99999; transition:all 1s ease; }
.zbtk_bg div{ width:100%; }
.zbtk_bg div a.gb{ position:absolute; width:1.5rem; height:1.5rem; background:url(../images/gb.png) no-repeat scroll center; background-size:cover; top:0.5rem; right:0.5rem; z-index:9; }
.zbtk_bg div a.gb:hover{ background-image:url(../images/gb2.png); }
.zbtk_bg div dl{ width:80%; margin:0px auto; overflow:hidden; max-width:38.75rem; font-size:1.25rem; padding:2rem; background-color:#ffffff; position:relative; color:#333333; text-align:center; line-height:2; }
.zbtk_bg div dl a{ color:#333333; }
.zbtk_bg div dl a:hover{ color:#e8442e; }

/*动画效果*/
.i_md .azs_zwsj ul{ margin-bottom:-3rem; opacity:0; }
.i_md.on .azs_zwsj ul{ opacity:1; margin-bottom:0px; transition:all 1s ease; }

.i_md .azs_xgcp ul li div.i{ opacity:0; transform:scale(0); }
.i_md.on .azs_xgcp ul li div.i{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .azs_xgwd{ opacity:0; transform:scale(0); }
.i_md.on .azs_xgwd{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .azs_zb{ opacity:0; transform:scale(0); }
.i_md.on .azs_zb{ opacity:1; transform:scale(1); transition:all 1s ease; }

/*渠道合作伙伴*/
.qds_tit{ text-align:center; color:#333333; }
.qds_tit dd{ font-size:2.25rem; font-weight:bold; }
.qds_tit dl{ font-size:1.125rem; margin-top:0.5rem; }

.qds_ys{ padding:7.5rem 0px 4rem; }
.qds_ys ul,.qds_ys ul li{ overflow:hidden; }
.qds_ys ul{ margin-top:4rem; }
.qds_ys ul li{ float:left; width:25%; margin-left:-1px; border-left:1px solid #eeeeee; height:18rem; }
.qds_ys ul li div{ text-align:center; color:#333333; line-height:1.5; width:88%; margin:0px auto; }
.qds_ys ul li div ol{ height:3rem; margin-bottom:1.5rem; }
.qds_ys ul li div dd{ font-size:1.5rem; font-weight:bold; }
.qds_ys ul li div dl{ font-size:1rem; margin-top:1rem; }

.qds_hzhb{ padding:4.5rem 0px; }
.qds_hzhb ul,.qds_hzhb ul li{ overflow:hidden; }
.qds_hzhb ul{ margin-top:2.5rem; }
.qds_hzhb ul li{ margin-bottom:1.5rem; height:26.25rem; width:49.405%; position:relative; cursor:pointer; }
.qds_hzhb ul li.l{ float:left; }
.qds_hzhb ul li.r{ float:right; }
.qds_hzhb ul li div{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:flex; align-items:center; background-color:rgb(0,0,0,0.5); z-index:2; font-size:1.5rem; color:#ffffff; transition:all 0.5s ease; }
.qds_hzhb ul li:hover div{  background-color:rgb(0,0,0,0); transition:all 0.5s ease; }
.qds_hzhb ul li div dl{ width:100%; text-align:center; }
.qds_hzhb ul li div dl span{ display:inline-block; border:1px solid #ffffff; height:6.75rem; line-height:6.75rem; padding:0px 2rem; }
.qds_hzhb ul li:hover div dl span{ border:1px solid #e8442e; background-color:#e8442e; }

.qds_zc{ padding:5rem 0px; }
.qds_zc ul,.qds_zc ul li{ overflow:hidden; }
.qds_zc ul{ margin-top:2.5rem; margin-bottom:1.5rem; width:104%; }
.qds_zc ul li{ float:left; cursor:pointer; width:17.858%; margin-right:1.7%; height:28.75rem; position:relative; }
.qds_zc ul li i.bg_q{ transition:all 0.5s ease; }
.qds_zc ul li:hover i.bg_q{ transform:scale(1.1); transition:all 0.5s ease; }
.qds_zc ul li div.bg{ position:absolute;z-index:2;background-color:rgb(0,0,0,0.1);top:0px;left:0px;right:0px;bottom:0px;display:flex;align-items:center;}
.qds_zc ul li div.bg div{ width:90%; margin:0px 5%; text-align:center; }
.qds_zc ul li div.bg div ol{ margin-bottom:1.5rem; height:2.5rem; position:relative; }
.qds_zc ul li div.bg div ol i{ position:absolute; width:2.75rem; height:2.5rem; background-repeat:no-repeat; background-position:center; background-size:auto 100%; left:50%; margin-left:-1.375rem; }
.qds_zc ul li div.bg div ol i.b{ opacity:1; }
.qds_zc ul li div.bg div ol i.y{ opacity:0; }
.qds_zc ul li:hover div.bg div ol i.b{ opacity:0; }
.qds_zc ul li:hover div.bg div ol i.y{ opacity:1; }
.qds_zc ul li div.bg div dd{ color:#ffffff; font-size:1.25rem; }

.qds_zc .m{ margin-top:2rem; overflow:hidden; }
.qds_zc .m a{ display:block; border:1px solid #e8442e; background-color:#e8442e; text-align:center; margin:0px auto; height:3rem; line-height:3rem; width:80%; max-width:16.25rem; color:#ffffff; transition:all 0.5s ease; }
.qds_zc .m a:hover{ background-color:#ffffff; color:#e8442e; transition:all 0.5s ease; }

/*动画效果*/
.i_md .qds_ys ul li div ol img{ opacity:0; transform:scale(0); }
.i_md.on .qds_ys ul li div ol img{ opacity:1; transform:scale(1); transition:all 1s ease; }

.i_md .qds_hzhb ul li{ opacity:0; }
.i_md.on .qds_hzhb ul li{ opacity:1; transition:all 1s ease; }
.i_md .qds_hzhb ul li.l{ margin-left:-30%; }
.i_md .qds_hzhb ul li.r{ margin-right:-30%; }
.i_md.on .qds_hzhb ul li.l{ margin-left:0%; }
.i_md.on .qds_hzhb ul li.r{ margin-right:0%; }

.i_md .qds_zc ul li i.bg_q{ opacity:0; transform:scale(0.5); }
.i_md.on .qds_zc ul li i.bg_q{ opacity:1; transform:scale(1); transition:all 1s ease; }

/*支持与帮助*/
.down_lb{ padding:4rem 0px; }
.down_lb .nav{ text-align:center; margin-bottom:3.5rem; }
.down_lb .nav a{ display:inline-block; font-size:1rem; margin:0px 0.25rem; color:#666666; height:2.25rem; line-height:2.25rem; padding:0px 1rem; min-width:4rem; background-color:#ffffff; }
.down_lb .nav a:hover,.down_lb .nav a.on{ background-color:#e8442e; color:#ffffff; }
.down_lb ul,.down_lb ul li{ overflow:hidden; }
.down_lb ul{ width:104%; min-height:25rem; margin-bottom:3.5rem; }
.down_lb ul li{ float:left; margin-bottom:1.5rem; width:23%; margin-right:1.365%; }
.down_lb ul li a{ display:block; height:9.5rem; padding:1.5rem; background-color:#ffffff; }
.down_lb ul li a ol{ font-size:0.875rem; color:#999999; margin-bottom:0.5rem; }
.down_lb ul li a dd{ font-size:1.25rem; color:#333333; font-weight:bold; height:5rem; overflow:hidden; }
.down_lb ul li a dl{ font-size:1rem; color:#e8442e; overflow:hidden; }
.down_lb ul li a dl span{ display:block; float:left; height:2.5rem; line-height:2.5rem; border:1px solid #e8442e; padding-left:0.75rem; position:relative; padding-right:3rem; transition:all 0.5s ease; }
.down_lb ul li a:hover dl span{ background-color:#e8442e; color:#ffffff; transition:all 0.5s ease; }
.down_lb ul li a dl span i{ position:absolute; width:1.3125rem; height:1rem; top:50%; margin-top:-0.5rem; background:url(../images/xz_j.png) no-repeat scroll center; right:1rem; transition:all 0.5s ease; background-size:cover; }
.down_lb ul li a:hover dl span i{ background-image:url(../images/xz_b.png); transition:all 0.5s ease; }

.down_hy{ height:50vh; display:flex; align-items:center; }
.down_hy div{ width:100%; text-align:center; }
.down_hy div dd{ font-size:2rem; font-weight:bold; }
.down_hy div dl{ margin-top:1rem; }
.down_hy div dl a{ display:inline-block; width:100%; height:2.5rem; line-height:2.5rem; background-color:#e8442e; color:#ffffff; font-size:1rem; max-width:9.5rem; text-align:center;transition:all 0.5s ease; margin:0px 1rem; }
.down_hy div dl a:hover{ background-color:rgb(232,68,46,0.8); transition:all 0.5s ease; }

/*常见问题*/
.banner_qa .width1680{ height:30rem; }
.banner_qa .width1680 dd{ margin-bottom:1.25rem; }
.banner_qa .width1680 dl{ max-width:49rem; width:78%; margin:0px auto; height:3rem; background-color:#ffffff; position:relative; border-radius:2rem; padding:0px 3.5rem 0px 1.5rem; }
.banner_qa .width1680 dl input,.banner_qa .width1680 dl button{ border:0px;outline:none;background:#ffffff;font-size:1rem; color:#333333;line-height:3rem; }
.banner_qa .width1680 dl input{ width:100%; }
.banner_qa .width1680 dl button{ position:absolute; right:1.5rem; top:0px; z-index:8; text-align:right; width:2rem; }
.banner_qa .width1680 dl button:hover{ color:#e8442e; }

.qa_lb{ padding:2rem 0px 5rem; }
.qa_lb .hidden{}
.qa_lb .hidden.l{ float:left; width:15.5%; }
.qa_lb .hidden.l dl{ background-color:#ffffff; padding:2rem; }
.qa_lb .hidden.l dl a{ display:block; border-bottom:1px solid #eeeeee; position:relative; font-size:1rem; color:#999999; line-height:1.5; padding:0.7rem 1.25rem 0.7rem 0px; }
.qa_lb .hidden.l dl a i{ position:absolute; right:0.25rem; font-size:1.5rem; top:50%; margin-top:-0.75rem; }
.qa_lb .hidden.l dl a:hover,.qa_lb .hidden.l dl a.on{ color:#e8442e; }

.qa_lb .hidden.c{ float:left; width:66%; margin-left:1.5%; }
.qa_lb .hidden.c ul,.qa_lb .hidden.c ul li{ overflow:hidden; }
.qa_lb .hidden.c ul{ margin-bottom:5rem; min-height:60vh; }
.qa_lb .hidden.c ul li{ margin-bottom:1rem; cursor:pointer; background-color:#ffffff; padding:1rem 2rem; }
.qa_lb .hidden.c ul li dd{ font-size:1.5rem; color:#333333; font-weight:500; position:relative; padding-right:2.5rem; }
.qa_lb .hidden.c ul li:hover dd{ color:#e8442e; }
.qa_lb .hidden.c ul li dd i{ position:absolute; right:0px; z-index:9; top:50%; }
.qa_lb .hidden.c ul li dd i.d{ opacity:1; color:#999999; font-size:2rem; height:1.25rem; margin-top:-0.625rem; line-height:1rem; }
.qa_lb .hidden.c ul li dd i.s{ opacity:0; width:1.125rem; height:4px; margin-top:-2px; background-color:#e8442e; }
.qa_lb .hidden.c ul li.on dd i.d{ opacity:0; }
.qa_lb .hidden.c ul li.on dd i.s{ opacity:1; }

.qa_lb .hidden.c ul li dl{ font-size:1rem; color:#999999; line-height:2; margin-top:1rem; display:none; position:relative; padding-left:20px; }
.qa_lb .hidden.c ul li.on dl{ display:block; }
.qa_lb .hidden.c ul li dl i.a{ position:absolute; left:0px; }

.qa_lb .hidden.r{ float:right; width:15.5%; }
.qa_lb .hidden.r a{ display:block; background-repeat:no-repeat; background-position:1rem center; background-size:auto 1.5rem; font-size:1rem; color:#333333; line-height:2; background-color:#ffffff; margin-bottom:1px; padding:0.8rem 0px 0.8rem 4rem; }
.qa_lb .hidden.r a:hover{ color:#e8442e; }

/*新闻动态*/
.news_lb{ padding:4rem 0px; }
.news_lb .nav{ text-align:center; margin-bottom:3.5rem; font-size:1rem; }
.news_lb .nav a{ display:inline-block; margin:0px 0.25rem; color:#666666; height:2.25rem; line-height:2.25rem; padding:0px 1rem; min-width:4rem; }
.news_lb .nav a:hover,.news_lb .nav a.on{ background-color:#e8442e; color:#ffffff; }
.news_lb ul,.news_lb ul li{ overflow:hidden; }
.news_lb ul{ width:104%; min-height:40rem; }
.news_lb ul li{ float:left; margin-bottom:2.5rem; width:31.193%; margin-right:1.26%; }
.news_lb ul li a{ display:block; background-color:#ffffff; height:32.5rem; }
.news_lb ul li a div{ overflow:hidden; }
.news_lb ul li a div.t{ height:17.5rem; position:relative; }
.news_lb ul li a div.t i{ transition:all 1s ease; }
.news_lb ul li a:hover div.t i{ transform:scale(1.1); transition:all 1s ease; }
.news_lb ul li a div.f{ padding:2rem 1.5rem; height:11rem; }
.news_lb ul li a div.f ol{ font-size:1.125rem; color:#999999; margin-bottom:0.5rem; }
.news_lb ul li a div.f dd{ font-size:1.5rem; color:#333333; line-height:1.75; height:8rem; overflow:hidden; }
.news_lb ul li a:hover div.f dd { color:#e8442e; }

/*新闻详情*/
.news_show{ max-width:1200px; }
.news_show ul,.news_show ul li{ overflow:hidden; }
.news_show ul{ min-height:60vh; padding:3.5rem 0px 6rem; }
.news_show ul li.t{ font-size:1rem; color:#999999; margin-bottom:1rem; }
.news_show ul li.t a{ color:#999999; }
.news_show ul li.t a:hover{ color:#e8442e; }
.news_show ul li.n{ font-size:2.25rem; font-weight:bold; color:#333333; margin-bottom:1.25rem; }
.news_show ul li.s{ font-size:1rem; color:#999999; margin-bottom:1.5rem; }
.news_show ul li.c{ font-size:1rem; /*color:#999999;*/ line-height:2; margin-bottom:2rem; }
.news_show ul li.c a{ color:#000000; }
.news_show ul li.c a:hover{ color:#e8442e; }
.news_show ul li.f{ border-top:1px solid #cccccc; padding-top:1rem; }
.news_show ul li.f dl{ overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; font-size:1rem; color:#333333; line-height:2.5; }
.news_show ul li.f dl a{ color:#999999; }
.news_show ul li.f dl a:hover,.news_show ul li.f dl i{ color:#e8442e; }

/*公司简介*/
.about_jj{ padding:3.5rem 0px 5rem; }
.about_jj div.l{ float:left; width:30%; font-size:2.25rem; color:#333333; font-weight:bold; }
.about_jj div.l i{ color:#e8442e; }
.about_jj div.r{ float:right; font-size:1.125rem; color:#333333; line-height:2; width:66%; }

.about_cstd{ width:100%; overflow:hidden; background-color:#e9e9e9; }
.about_cstd .width1680{ padding:4.5rem 0px 7rem; }
.about_cstd .width1680 .tit{ font-size:2.25rem; color:#333333; font-weight:bold; }
.about_cstd .width1680 .tit i{ color:#e8442e; }
.about_cstd .width1680 .cstd{ overflow:hidden; margin-top:2.5rem; }
.about_cstd .width1680 .cstd div.l{ float:left; overflow:hidden; width:65%; max-width:1085px; background-color:#ffffff; }
.about_cstd .width1680 .cstd div.l div{ overflow:hidden; }
.about_cstd .width1680 .cstd div.l div.z{ float:left; position:relative; width:49.955%; height:42.5rem; }
.about_cstd .width1680 .cstd div.l div.y{ float:right; width:50.045%; }
.about_cstd .width1680 .cstd div.l div.y div{ width:82%; margin:3.25rem auto 0px; height:39.25rem; }
.about_cstd .width1680 .cstd div.l div.y div dd{ font-size:1.875rem; color:#333333; font-weight:bold; }
.about_cstd .width1680 .cstd div.l div.y div ol{ font-size:1rem; color:#e8442e; margin:1.25rem 0px 2rem; }
.about_cstd .width1680 .cstd div.l div.y div dl{ font-size:1rem; color:#333333; line-height:2; white-space:pre-wrap; }

.about_cstd .width1680 .cstd ul.r,.about_cstd .width1680 .cstd ul.r li{ overflow:hidden; }
.about_cstd .width1680 .cstd ul.r{ float:right; width:33%; max-width:545px; }
.about_cstd .width1680 .cstd ul.r li{ width:47.707%; height:20rem; margin-bottom:2.5rem; }
.about_cstd .width1680 .cstd ul.r li.l{ float:left; }
.about_cstd .width1680 .cstd ul.r li.r{ float:right; }
.about_cstd .width1680 .cstd ul.r li ol{ height:17.5rem; position:relative; }
.about_cstd .width1680 .cstd ul.r li dd{ font-weight:bold; margin-top:1rem; }
.about_cstd .width1680 .cstd ul.r li dd span{ font-size:1.125rem; color:#333333; }
.about_cstd .width1680 .cstd ul.r li dd i{ font-size:0.875rem; color:#e8442e; margin-left:0.5rem; }

.about_lxwm{ position:relative; overflow:hidden; }
.about_lxwm i.bg{ z-index:0; }
.about_lxwm .width1680{ height:50rem; position:relative; z-index:2; display:flex; align-items:center; }
.about_lxwm .width1680 div.bg{ width:100%; overflow:hidden; }
.about_lxwm .width1680 div.bg ul.l,.about_lxwm .width1680 div.bg ul.l li,.about_lxwm .width1680 div.bg form{ overflow:hidden; }
.about_lxwm .width1680 div.bg ul.l{ float:left; width:34%; max-width:570px; }
.about_lxwm .width1680 div.bg ul.l li.t{ font-size:2.25rem; font-weight:bold; color:#ffffff; }
.about_lxwm .width1680 div.bg ul.l li.m{ margin-top:2.5rem; font-size:1.5rem; line-height:1.5; color:#ffffff; }
.about_lxwm .width1680 div.bg ul.l li.a{ margin:1rem 0px; text-align:left; }
.about_lxwm .width1680 div.bg ul.l li.a a{ display:inline-block; width:100%; height:2.5rem; line-height:2.5rem; background-color:#e8442e; color:#ffffff; font-size:1rem; max-width:9.5rem; text-align:center;transition:all 0.5s ease; }
.about_lxwm .width1680 div.bg ul.l li.a a:hover{background-color:rgb(232,68,46,0.8); transition:all 0.5s ease; }
.about_lxwm .width1680 div.bg ul.l li.f{ font-size:1rem; color:#ffffff; position:relative; padding-left:2rem; line-height:1.75; margin-top:1rem; }
.about_lxwm .width1680 div.bg ul.l li.f i{ color:#e8442e; position:absolute; left:0px; width:1rem; text-align:center; top:0.35rem; }

.about_lxwm .width1680 div.bg form{ display:block; float:right; width:60%; max-width:830px; }
.about_lxwm .width1680 div.bg form div{ overflow:hidden; }
.about_lxwm .width1680 div.bg form div.form-group{ float:left; width:100%; margin-bottom:1.25rem; }
.about_lxwm .width1680 div.bg form div#dr_row_title,.about_lxwm .width1680 div.bg form div#dr_row_dianhua,.about_lxwm .width1680 div.bg form div#dr_row_youxiang,.about_lxwm .width1680 div.bg form div#dr_row_zhiwei{ width:48%; }
.about_lxwm .width1680 div.bg form div#dr_row_title,.about_lxwm .width1680 div.bg form div#dr_row_youxiang{ float:left; }
.about_lxwm .width1680 div.bg form div#dr_row_dianhua,.about_lxwm .width1680 div.bg form div#dr_row_zhiwei{ float:right; }
.about_lxwm .width1680 div.bg form div.form-group label{ display:none; }
.about_lxwm .width1680 div.bg form div.form-group div{ padding:0px 1rem; border:1px solid rgb(255,255,255,0.5); background-color:rgb(0,0,0,0.5); }
.about_lxwm .width1680 div.bg form div.form-group div input,.about_lxwm .width1680 div.bg form div.form-group div textarea{ border:0px; background:none; outline:none; font-size:1rem; color:#ffffff; }
.about_lxwm .width1680 div.bg form div.form-group div input::-webkit-input-placeholder,.about_lxwm .width1680 div.bg form div.form-group div textarea::-webkit-input-placeholder{ color:#ffffff; }
.about_lxwm .width1680 div.bg form div.form-group div input{ height:3rem; line-height:3rem; }
.about_lxwm .width1680 div.bg form div.form-group div textarea{ padding:0.75rem 0px; }
.about_lxwm .width1680 div.bg form div.yzm,.about_lxwm .width1680 div.bg form div.button{ float:left; width:100%; }
.about_lxwm .width1680 div.bg form div.yzm{ margin-bottom:1.25rem; }
.about_lxwm .width1680 div.bg form div.yzm div.l{ width:80%; float:left; border:1px solid rgb(255,255,255,0.5); background-color:rgb(0,0,0,0.5); }
.about_lxwm .width1680 div.bg form div.yzm div.l dl{ padding:0px 1rem; }
.about_lxwm .width1680 div.bg form div.yzm div.l dl input{ width:100%; border:0px;background:none;outline:none;font-size:1rem; color:#ffffff; height:3rem; }
.about_lxwm .width1680 div.bg form div.yzm div.l dl input::-webkit-input-placeholder{ color:#ffffff; }
.about_lxwm .width1680 div.bg form div.yzm div.r{ width:16%; background-color:#ffffff; height:3rem; float:right; position:relative; }
.about_lxwm .width1680 div.bg form div.yzm div.r img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

.about_lxwm .width1680 div.bg form div.button{}
.about_lxwm .width1680 div.bg form div.button button{ background-color:#e8442e; color:#ffffff; font-size:1rem; height:3rem; line-height:3rem; border:0px; display:block; width:100%; transition:all 1s ease; }
.about_lxwm .width1680 div.bg form div.button button:hover{ background-color:rgb(232,68,46,0.8); transition:all 1s ease; }

/*动画效果*/
.i_md .about_cstd .width1680 .cstd div.l div.y div{ opacity:0; padding-top:4rem; }
.i_md.on .about_cstd .width1680 .cstd div.l div.y div{ opacity:1; padding-top:0px; transition:all 1s ease;}
.i_md .about_cstd .width1680 .cstd ul.r li ol i{ transform:scale(0); opacity:0; }
.i_md.on .about_cstd .width1680 .cstd ul.r li ol i{ transform:scale(1); opacity:1; transition:all 1s ease; }

.i_md .about_lxwm .width1680 div.bg form{ opacity:0; margin-right:-30%; }
.i_md.on .about_lxwm .width1680 div.bg form{ opacity:1; margin-right:0; transition:all 1s ease; }

/*招聘主页*/
.job_home_bg{ position:relative; width:100%; overflow:hidden; }
.job_home_bg .width1680{ position:relative; z-index:2; height:100vh; }
.job_home_bg .width1680 div{ overflow:hidden; }
.job_home_bg .width1680 div.bg{ width:100%; text-align:center; padding-top:20vh; }
.job_home_bg .width1680 div.bg div.t{ color:#ffffff; font-size:2.25rem; line-height:2; white-space:pre-wrap; }
.job_home_bg .width1680 div.bg div.f{ margin-top:1.5rem; font-size:1rem; }
.job_home_bg .width1680 div.bg div.f a{display:inline-block; height:2.5rem; line-height:2.5rem; padding:0px 1rem; transition:all 0.5s ease; color:#ffffff; margin:0px 0.25rem; border:1px solid #ffffff; }
.job_home_bg .width1680 div.bg div.f a:hover{ border:1px solid #e8442e; background-color:#e8442e; transition:all 0.5s ease; }

/*招聘列表*/
.job_lb{ padding:1.5rem 0px 6rem; max-width:1200px; }
.job_lb .tit{ font-size:2.25rem; color:#333333; font-weight:bold; }
.job_lb .lb_bg{ margin-top:1rem; min-height:50vh; overflow:hidden; padding-top:3px; }
.job_lb .lb_bg .lb_l{ float:left; width:23.5%; box-shadow:3px 0px 6px 0px rgba(0,0,0,0.08); background-color:#ffffff; }
.job_lb .lb_bg .lb_l div{ overflow:hidden; cursor:pointer; }
.job_lb .lb_bg .lb_l div.o{ background-color:#eeeeee; }
.job_lb .lb_bg .lb_l div dd{ height:3rem;line-height:3rem; position:relative;font-size:1rem;color:#333333;border-left:3px solid #ffffff;padding-left:11%; }
.job_lb .lb_bg .lb_l div.o dd{ border-left:3px solid #e8442e; }
.job_lb .lb_bg .lb_l div dd i{ position:absolute; right:5%; font-size:0.875rem; top:50%; margin-top:-0.4375rem; }
.job_lb .lb_bg .lb_l div dd i.fa-angle-right{ color:#cbcbcb; }
.job_lb .lb_bg .lb_l div dd i.fa-angle-down{ color:#e8442e; }
.job_lb .lb_bg .lb_l div dd i.fa-angle-right,.job_lb .lb_bg .lb_l div.o dd i.fa-angle-down{ opacity:1; }
.job_lb .lb_bg .lb_l div dd i.fa-angle-down,.job_lb .lb_bg .lb_l div.o dd i.fa-angle-right{ opacity:0; }
.job_lb .lb_bg .lb_l div dl{ padding-left:11%; height:0px; overflow:hidden; }
.job_lb .lb_bg .lb_l div.o dl{ padding:0.5rem 0px 0.5rem 11%; height:auto; }
.job_lb .lb_bg .lb_l div dl a{ display:block; position:relative; padding-left:2rem; font-size:1rem; color:#333333; margin-bottom:1rem; line-height:1.25; }
.job_lb .lb_bg .lb_l div dl a.on,.job_lb .lb_bg .lb_l div dl a:hover{ color:#e8442e; }
.job_lb .lb_bg .lb_l div dl a i{ position:absolute; width:0.75rem; height:0.75rem; border:1px solid #cbcbcb; left:0px; top:50%; margin-top:-0.4375rem; }
.job_lb .lb_bg .lb_l div dl a.on i{ border:1px solid #e8442e; background-color:#e8442e; }

.job_lb .lb_bg .lb_r{ float:right; width:75%; }
.job_lb .lb_bg .lb_r ul,.job_lb .lb_bg .lb_r ul li{ overflow:hidden; }
.job_lb .lb_bg .lb_r ul{ margin-bottom:1.5rem; min-height:60vh; }
.job_lb .lb_bg .lb_r ul li{ margin:0.4rem 0.4rem 1.25rem 0.4rem; transition:all 1s ease; }
.job_lb .lb_bg .lb_r ul li:hover{ box-shadow:0px 0px 0.6rem 0px rgba(0,0,0,0.08); transition:all 1s ease; }
.job_lb .lb_bg .lb_r ul li a{ display:block; padding:1rem; min-height:4rem; overflow:hidden; background-color:#ffffff; }
.job_lb .lb_bg .lb_r ul li a dd{ font-size:1.125rem; color:#333333; }
.job_lb .lb_bg .lb_r ul li a dl{ margin-top:1.25rem; overflow:hidden; overflow:hidden; }
.job_lb .lb_bg .lb_r ul li a dl span,.job_lb .lb_bg .lb_r ul li a dl i{ display:block; }
.job_lb .lb_bg .lb_r ul li a dl span{ float:left; font-size:1rem; color:#999999; width:86%; }
.job_lb .lb_bg .lb_r ul li a dl i{ float:right; color:#e8442e; }

/*招聘详情*/
.job_show{ float:right; width:75%; overflow:hidden; }
.job_show ul,.job_show ul li{ overflow:hidden; }
.job_show ul{ padding:2rem 1.5rem 3rem; margin:0px 0.4rem 0.4rem; box-shadow:0px 0px 6px 0px rgba(0,0,0,0.05); background-color:#ffffff; }
.job_show ul li.n{ font-size:1.5rem; font-weight:bold; margin-bottom:2rem; }
.job_show ul li.l{ margin-bottom:0.75rem; }
.job_show ul li.l i{ font-size:1rem; color:#e8442e; border:1px solid #e8442e; display:inline-block; padding:0.25rem 0.5rem; }
.job_show ul li.c{ font-size:1rem; color:#333333; line-height:2; margin-bottom:2.5rem; }
.job_show ul li.m{ line-height:2; margin-bottom:2rem; }
.job_show ul li.m dd{ font-size:1.125rem;color:#333333; }
.job_show ul li.m dl{ font-size:1rem; color:#999999; }
.job_show ul li.j{ font-size:1rem; }
.job_show ul li.j a{ display:inline-block; color:#ffffff; border:1px solid #e8442e; background-color:#e8442e; padding:0px 1rem; height:2rem; line-height:2rem; text-align:center; }
.job_show ul li.j a:hover{ background-color:#ffffff; color:#e8442e; }

/*条款/隐私/免责声明*/
.ystg_xx{ padding:3.25rem 0px 4rem; }
.ystg_xx div{ overflow:hidden; }
.ystg_xx div.l{ float:left; width:15.5%; font-size:1rem; }
.ystg_xx div.l a{ display:block; margin-bottom:1px; background-color:#ffffff; color:#999999; line-height:1.75; padding:0.7rem 0px 0.7rem 12%; }
.ystg_xx div.l a:hover,.ystg_xx div.l a.on{ color:#e8442e; }
.ystg_xx div.r{ float:right; width:82.5%; background-color:#ffffff; }
.ystg_xx div.r dl{ font-size:1rem; color:#333333; line-height:2.25; padding:3rem; min-height:80vh; }
.ystg_xx div.r dl a{ color:#333333; }
.ystg_xx div.r dl a:hover{ color:#e8442e; }

/*fenye*/
.fenye{ text-align:center; font-size:1rem; line-height:2rem; }
.fenye i{ display:none; }
.fenye a,.fenye span{ color:#ffffff; background-color:#999999; display:inline-block; min-width:1rem; padding:0px 0.5rem; height:2rem; margin:0px 0.25rem; }
.fenye a:hover,.fenye span{ background-color:#e8442e; }

/*no*/
.no{ background-color:#ffffff; text-align:center; width:100% !important; margin-right:0px !important;padding:2rem 0px; font-size:1.25rem; }
.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; }