@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,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;padding: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:"ClearSans"; }
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:"ClearSans";
    src:url("ClearSans-Regular.ttf");
}

body{ padding:0; font-family:"ClearSans"; }
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%; }
.bg_q{ position:absolute; top:0px;left:0px;right:0px;bottom:0px; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
img{ max-width:100%; max-height:100%; vertical-align:middle; }
video{ vertical-align:middle; }
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 .yy,.top_bg .width1680 .so_bg{ height:4.5rem; }
.top_h{ width:100%; overflow:hidden; }
.cp_dh_bg,.top_bg{ position:fixed; left:0px; width:100%; background-color:#ffffff; }
.top_bg{ top:0px; z-index:999999; }
.top_bg.now{ border-bottom:1px solid #eeeeee; }
.top_bg .width1680{ position:relative; }
.top_bg .width1680 a.logo,.top_bg .width1680 .yy,.top_bg .width1680 .so_bg{ display:flex; align-items:center; position:relative; z-index:9; }
.top_bg .width1680 a.logo{ float:left; }
.top_bg .width1680 a.logo img{ max-height:2rem; }

.top_bg .width1680 .yy,.top_bg .width1680 .so_bg{ float:right; }

.top_bg .width1680 .dh_bg{ position:absolute; z-index:0; left:0px; top:0px; bottom:0px; right:0px; text-align:center; }
.top_bg .width1680 .dh_bg div.dh{ display:inline-block; line-height:4.5rem; font-weight:bold; }
.top_bg .width1680 .dh_bg div.dh a{ font-size:1rem; display:inline-block; line-height:2; color:#333333; margin:0px 2rem; }
.top_bg .width1680 .dh_bg div.dh a.c{ padding-right:1.5rem; background:url(../images/yy.png) no-repeat scroll right center; background-size:auto 0.375rem; }
.top_bg .width1680 .dh_bg div.dh a.on,.top_bg .width1680 .dh_bg div.dh a:hover{ color:#1425c3; }
.top_bg .width1680 .dh_bg div.sj_yy{ display:none; }

.top_bg .width1680 .so_bg{ width:2.5rem; position:relative; overflow:hidden; transition:all 0.25s ease; }
.top_bg .width1680 .so_bg:hover{ width:80%; transition:all 0.5s ease; }
.top_bg .width1680 .so_bg div{ border:1px solid rgb(238,238,238,0); height:2.5rem; border-radius:2rem; width:100%; overflow:hidden; padding:0px 3.5rem 0px 0px; position:relative; background-color:#ffffff; }
.top_bg .width1680 .so_bg div:hover{ padding:0px 3.5rem 0px 1rem; border:1px solid rgb(238,238,238,1); }
.top_bg .width1680 .so_bg div input,.top_bg .width1680 .so_bg div button{ border:0px; outline:none; line-height:2.5rem; height:2.5rem; }
.top_bg .width1680 .so_bg div input{ width:0px; font-size:1rem; opacity:0; color:#333333; transition:all 0.25s ease; }
.top_bg .width1680 .so_bg div:hover input{ width:100%; opacity:1; transition:all 0.5s ease; }
.top_bg .width1680 .so_bg div button{ right:1rem; position:absolute; width:2.5rem; background:url(../images/so.png) no-repeat scroll center; background-size:auto 1rem; }
.top_bg .width1680 .so_bg div button:hover{ background-image:url(../images/so2.png); }
.top_bg .width1680 .so_bg a.s{ height:2.5rem; }

.top_bg .width1680 .yy{ margin-left:1rem; position:relative; cursor:pointer; }
.top_bg .width1680 .yy div{ height:4rem; }
.top_bg .width1680 .yy div dd{ border:1px solid #eeeeee; border-radius:2rem; margin:0.625rem 0px; padding:0px 0.5rem; font-size:1rem; line-height:2.5; }
.top_bg .width1680 .yy div dd span{ display:block; padding:0px 2rem; color:#333333; background:url(../images/yy_en.png) no-repeat scroll left center; background-size:1.5rem; position:relative; }
.top_bg .width1680 .yy div dd span i{ position:absolute; top:0px; bottom:0px; right:0.2rem; width:0.75rem;  background:url(../images/yy.png) no-repeat scroll right center; background-size:auto 0.375rem; }

.top_bg .width1680 .yy div dl{ border-radius:0.5rem; width:6.5rem; right:0px; position:absolute; background-color:#ffffff; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.35); padding:0.5rem 0px; display:none; }
.top_bg .width1680 .yy div:hover dl{ display:block; }
.top_bg .width1680 .yy div dl a{ display:block; padding-left:3rem; font-size:1rem; line-height:2.25; color:#333333; background-repeat:no-repeat; background-size:1.625rem; background-position:0.75rem center }
.top_bg .width1680 .yy div dl a:hover{ background-color:#ebecef; }

.top_bg .width1680 .yy div dd span.yy_en{ background-image:url(../images/yy_en.png) !important; }
.top_bg .width1680 .yy div dd span.yy_cn{ background-image:url(../images/yy_cn.png) !important; }
.top_bg .width1680 .yy div dd span.yy_th{ background-image:url(../images/yy_th.png) !important; }
.top_bg .width1680 .yy div dd span.yy_es{ background-image:url(../images/yy_es.png) !important; }
.top_bg .width1680 .yy div dd span.yy_pt{ background-image:url(../images/yy_pt.png) !important; }

.top_bg .width1680 .yy div dl a.yy_en{ background-image:url(../images/yy_en.png); }
.top_bg .width1680 .yy div dl a.yy_cn{ background-image:url(../images/yy_cn.png); }
.top_bg .width1680 .yy div dl a.yy_th{ background-image:url(../images/yy_th.png); }
.top_bg .width1680 .yy div dl a.yy_es{ background-image:url(../images/yy_es.png); }
.top_bg .width1680 .yy div dl a.yy_pt{ background-image:url(../images/yy_pt.png); }

/*cp_dh_bg*/
.cp_dh_bg{ top:4.5rem; height:0px; opacity:0; z-index:99999; overflow:hidden; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.35); transition:all 0.25s ease; }
.cp_dh_bg.on,.cp_dh_bg:hover{ opacity:1; height:auto; border-top:1px solid #eeeeee; transition:all 0.5s ease; }
.cp_dh_bg .width1680{ padding:3.5rem 0px; }
.cp_dh_bg .width1680 div.bg{ overflow:hidden; display:none; position:relative; text-align:center; }
.cp_dh_bg .width1680 div.bg.o{ display:block; }
.cp_dh_bg .width1680 div.bg a{ display:inline-block; padding:0px 1.35%; width:14%; min-height:15rem; }
.cp_dh_bg .width1680 div.bg a ol{ height:10rem; margin:0.5rem 0px 1.5rem; }
.cp_dh_bg .width1680 div.bg a ol img{ transition:all 0.25s ease; }
.cp_dh_bg .width1680 div.bg a:hover ol img{ transform:scale(1.06); transition:all 0.5s ease; }
.cp_dh_bg .width1680 div.bg a dd{ font-size:1.125rem; color:#475173; }
.cp_dh_bg .width1680 div.bg a:hover dd{ color:#1425c3; }
.cp_dh_bg .width1680 div.bg i{ position:absolute; top:0px; bottom:0px; width:1px; background-color:#eeeeee; margin-left:-0.5px; }

/* banner */
.banner,.banner .main_image,.banner .main_image ul,.banner .main_image ul li,.banner .main_image ul li div.width1680{ height:63.125rem; }
.banner{ position:relative; overflow:hidden; }
.banner a.qh{ position:absolute; z-index:-9; }
.banner .main_image{ overflow:hidden; width:100%; position:relative; z-index:0; }
.banner .main_image ul{overflow:hidden; position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
.banner .main_image ul li{ cursor:grab; overflow:hidden; }
.banner .main_image ul li i.bg_q{ z-index:2; }
.banner .main_image ul li .width1680{ position:relative; z-index:9; display:flex; align-items:center; }
.banner .main_image ul li .width1680 div{ width:100%; text-align:center; color:#ffffff; font-weight:bold; font-size:3rem; line-height:1.25; }
.banner .main_image ul li video{ width:100%; position:relative; z-index:0; }
.banner .main_image ul li video::-webkit-media-controls-enclosure{ display:none !important; }

.banner .flicking_con{ position:absolute; left:0px; width:100%; bottom:3.5rem; z-index:9; text-align:center; }
.banner .flicking_con a{ display:inline-block; margin:0px 0.5rem; width:2.5rem; height:3px; background-color:rgb(255,255,255,0.5); }
.banner .flicking_con a.on,.banner .flicking_con a:hover{ background-color:#ffffff; }

/*i_xx*/
.i_xx{ padding:1.25rem 0px; }
.i_xx ul{ width:102%; min-height:5rem; }
.i_xx ul li{ float:left; width:23.5%; margin-right:1.3%; position:relative; }
.i_xx ul li img.l{ position:absolute; left:0px; width:20.75%; transition:all 0.25s ease; }
.i_xx ul li:hover img.l{ transform:scale(1.05); transition:all 0.5s ease; }
.i_xx ul li div.r{ float:right; font-size:1.125rem; min-height:5rem; display:flex; align-items:center; color:#999999; line-height:1.5; width:74%; }

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

/*i_cp*/
.i_cp{ padding:3rem 0px 5rem; }
.i_cp .tit{ text-align:center; font-size:3rem; color:#364166; font-weight:bold; }
.i_cp #i_cp_bg{ margin-top:2.5rem; padding-top:3.75rem; position:relative; }
.i_cp #i_cp_bg a.qh{ display:none; }
.i_cp #i_cp_bg .hScrollPane_dragbar{ position:absolute; top:0px; max-width:16.25rem; width:90%; left:50%; margin-left:-8.125rem; background-color:#cccccc; height:3px; z-index:9; }
.i_cp #i_cp_bg .hScrollPane_dragbar .hScrollPane_draghandle{ position:absolute; left:0px; top:0px; bottom:0px; width:4rem; cursor:pointer; background-color:#1425c3; }
.i_cp #i_cp_bg #i_cp_div{ position:relative; height:37.5rem; }
.i_cp #i_cp_bg #i_cp_div ul,.i_cp #i_cp_bg #i_cp_div ul li{ overflow:hidden; }
.i_cp #i_cp_bg #i_cp_div ul{ position:absolute; }
.i_cp #i_cp_bg #i_cp_div ul li{ float:left; width:850px; cursor:grab; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg{ background-color:#e4e4e4; width:97.648%; position:relative; overflow:hidden; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.a{ position:absolute; z-index:9; top:0px; left:0px; right:0px; bottom:0px; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.a a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; width:7.5rem; height:7.5rem; border-radius:50%; background:url(../images/jt.png) no-repeat scroll center #1425c3; opacity:0; transform:scale(0.5); transition:all 0.25s ease; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.a:hover a{ opacity:1; transform:scale(1); transition:all 0.5s ease; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.a a:hover{ background-color:#364166; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.t{ overflow:hidden; height:11.75rem; padding-top:2rem; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.t div{ margin:0px auto; width:90%; max-width:30rem; text-align:center; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.t div ol{ font-size:1rem; margin-bottom:0.5rem; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.t div ol i{ color:#ffffff; background-color:#1425c3; display:inline-block; padding:0px 0.875rem; line-height:1.75rem; border-radius:2rem; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.t div dd{ font-size:3rem; font-weight:bold; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.t div dl{ font-size:1rem; color:#999999; line-height:2; }
.i_cp #i_cp_bg #i_cp_div ul li div.bg div.f{ overflow:hidden; height:23.75rem; text-align:center; }

/*i_cp_lb*/
.i_cp_lb{ overflow:hidden; }
.i_cp_lb li{ overflow:hidden; position:relative; }
.i_cp_lb li .width1680{ position:relative; z-index:9; height:50rem; display:flex; align-items:center; }
.i_cp_lb li .width1680 dl{ width:100%; color:#ffffff; font-size:6.625rem; font-weight:bold; }
.i_cp_lb li.r .width1680 dl{ text-align:right; }

/*i_zs*/
.i_zs_gd{ padding:7.5rem 0px 5.5rem; }
.i_zs_gd .tit{ text-align:center; font-size:4.5rem; font-weight:bold; color:#364166; padding-top:8rem; background:url(../images/tb.png) no-repeat scroll center top; background-size:auto 5.625rem; }
.i_zs_gd #i_zs_gd_bg{ margin-top:2.5rem; padding-top:3.75rem; position:relative; }
.i_zs_gd #i_zs_gd_bg a.qh{ display:none; }
.i_zs_gd #i_zs_gd_bg .hScrollPane_dragbar{ position:absolute; top:0px; max-width:16.25rem; width:90%; left:50%; margin-left:-8.125rem; background-color:#cccccc; height:3px; z-index:9; }
.i_zs_gd #i_zs_gd_bg .hScrollPane_dragbar .hScrollPane_draghandle{ position:absolute; left:0px; top:0px; bottom:0px; width:4rem; cursor:pointer; background-color:#1425c3; }
.i_zs_gd #i_zs_gd_bg #i_zs_gd_div,.i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul li div{ height:30rem; }
.i_zs_gd #i_zs_gd_bg #i_zs_gd_div{ position:relative;  }
.i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul,.i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul li{ overflow:hidden; }
.i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul{ position:absolute; }
.i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul li{ float:left; width:710px; cursor:grab; }
.i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul li div{ width:96.48%; position:relative; }

/*i_lm*/
.i_lm{ padding-bottom:5.5rem; }
.i_lm ul,.i_lm ul li{ overflow:hidden; }
.i_lm ul{ width:102%; }
.i_lm ul li{ float:left; height:42.5rem; position:relative; width:31.805%; margin-right:1.284%; }
.i_lm ul li i{ transition:all 0.25s ease; }
.i_lm ul li:hover i{ transform:scale(1.1); transition:all 0.5s ease; }
.i_lm ul li a{ position:absolute; z-index:9; top:0px; left:0px; right:0px; bottom:0px; background-color:rgb(0,0,0,0.2); display:flex; align-items:center; }
.i_lm ul li a div{ width:100%; text-align:center; color:#ffffff; font-size:2.25rem; font-weight:bold; padding-bottom:1.5rem; position:relative; }
.i_lm ul li a div i{ position:absolute; bottom:0px; height:3px; background-color:#ffffff; width:4.375rem; left:50%; margin-left:-2.1875rem; opacity:0;  transition:all 0.25s ease; }
.i_lm ul li a:hover div i{ opacity:1; transition:all 0.5s ease; }

/*foot_bg*/
.foot_bg{ padding:3rem 0px 1rem; }
.foot_bg .hidden.t{ margin-bottom:5rem; }
.foot_bg .hidden.t ul.l,.foot_bg .hidden.t ul.l li{ overflow:hidden; }
.foot_bg .hidden.t ul.l{ float:left; width:31%; }
.foot_bg .hidden.t ul.l li.n{ font-size:3rem; color:#364166; font-weight:bold; line-height:1.25; }
.foot_bg .hidden.t ul.l li.c{ font-size:1rem; color:#333333; line-height:2; margin-top:1rem; }
.foot_bg .hidden.t ul.l li.x{ margin-top:2rem; }
.foot_bg .hidden.t ul.l li.x ol{ margin-bottom:1rem; color:#ffffff; }
.foot_bg .hidden.t ul.l li.x ol img{ width:2.5rem; margin-right:1rem; }
.foot_bg .hidden.t ul.l li.x ol i{ display:inline-block; padding:0px 1rem; margin-top:0.125rem; height:2.25rem; line-height:2.25rem; background-color:#364166; border-radius:2rem; }

.foot_bg .hidden.t form{ display:block; overflow:hidden; float:right; width:66%; }
.foot_bg .hidden.t form div{ overflow:hidden; }
.foot_bg .hidden.t form div.form-group{ width:49%; margin-bottom:1rem; }
.foot_bg .hidden.t form div.form-group div{ border:1px solid #eeeeee; border-radius:0.5rem; padding:0px 1rem; }
.foot_bg .hidden.t form div.form-group div input{ border:0px; outline:none; height:3.5rem; line-height:3.5rem; font-size:1.125rem; color:#999999; }
.foot_bg .hidden.t form div#Name,.foot_bg .hidden.t form div#Series{ float:left; }
.foot_bg .hidden.t form div#Email,.foot_bg .hidden.t form div#Product{ float:right; }
.foot_bg .hidden.t form div#Message{ width:100%; }
.foot_bg .hidden.t form div#Message div{ padding:1rem; }
.foot_bg .hidden.t form div#Message div textarea{ border:0px; outline:none; font-size:1.125rem; color:#999999; }
.foot_bg .hidden.t form div.button{ font-size:1.125rem; }
.foot_bg .hidden.t form div.button button{ border:1px solid #1425c3; color:#1425c3; height:3rem; line-height:3rem; padding-left:1.25rem; padding-right:4.5rem; border-radius:2rem; background:url(../images/tj.png) no-repeat scroll 96% center; }
.foot_bg .hidden.t form div.button button:hover{ background:url(../images/tj_n.png) no-repeat scroll 96% center #1425c3; color:#ffffff; }

.foot_bg .hidden.c{ border-top:1px solid #eeeeee; padding-top:2rem; overflow:initial; min-height:2.5rem; }
.foot_bg .hidden.c div{ overflow:hidden; }
.foot_bg .hidden.c div.l{ float:left; }
.foot_bg .hidden.c div.l img{ min-height:2rem; }

.foot_bg .hidden.c div.m{ float:right; font-size:1.125rem; line-height:2.5rem; }
.foot_bg .hidden.c div.m a{ color:#364166; margin:0px 2rem; }
.foot_bg .hidden.c div.m a:hover{ color:#1425c3; }

.foot_bg .hidden.c div.r{ float:right; margin-left:9%; overflow:initial; height:2.5rem; }
.foot_bg .hidden.c div.r a{ display:block; float:left; height:2.5rem; width:2.5rem; border:1px solid #c5c5c5; margin-left:0.5rem; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; }
.foot_bg .hidden.c div.r a:hover{ border:1px solid #1425c3; }
.foot_bg .hidden.c div.r a.fx1{ background-image:url(../images/fx1.png); }
.foot_bg .hidden.c div.r a.fx2{ background-image:url(../images/fx2.png); }
.foot_bg .hidden.c div.r a.fx3{ background-image:url(../images/fx3.png); }
.foot_bg .hidden.c div.r a.fx4{ background-image:url(../images/fx4.png); }
.foot_bg .hidden.c div.r a.fx5{ background-image:url(../images/fx5.png); }
.foot_bg .hidden.c div.r a.fx6{ background-image:url(../images/fx6.png); }
.foot_bg .hidden.c div.r a.fx6 img{ position:absolute; max-width:0px; max-height:0px; right:0.5rem; bottom:3rem; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3); opacity:0; transition:all 0.25s ease; border:0.5rem solid #ffffff; border-radius:0.5rem; }
.foot_bg .hidden.c div.r a.fx6:hover img{ opacity:1; max-width:6rem; max-height:6rem; transition:all 0.5s ease; }

.foot_bg .hidden.f{ margin-top:3rem; }
.foot_bg .hidden.f dl{ line-height:2; font-size:1rem; color:#999999; }
.foot_bg .hidden.f dl.l{ float:left; }
.foot_bg .hidden.f dl.r{ float:right; }
.foot_bg .hidden.f dl.r a{ color:#999999; }
.foot_bg .hidden.f dl.r a:hover{ color:#1425c3; }

/*表单提示*/
.ts_bg{ position: fixed; height: 8.75rem; width: 26.25rem; border-radius:1.25rem; background-color: #ffffff; z-index: 999999; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14); top: 50%; left: 50%; margin-left: -13.125rem; margin-top:-4.375rem; align-items:center; display: none; }
.ts_bg.x{ display: flex; }
.ts_bg dl{ font-size: 1.5rem; color: #1a1a1a; margin-left: 3rem; line-height: 3rem; padding-left: 3.75rem; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; }
.ts_bg.cg dl{ background-image: url(../images/cg.png); }
.ts_bg.cw dl{ background-image: url(../images/cw.png); }

/*动画效果*/
.i_md .i_xx ul li img.l{ opacity:0; margin-top:3rem; }
.i_md.on .i_xx ul li img.l{ opacity:1; margin-top:0px; transition:all 0.5s ease; }

.i_md .i_cp #i_cp_bg #i_cp_div ul li{ opacity:0; margin-top:3rem; }
.i_md.on .i_cp #i_cp_bg #i_cp_div ul li{ opacity:1; margin-top:0px; transition:all 0.5s ease; }

.i_cp_lb .i_md li .width1680 dl{ opacity:0; margin-top:3rem; }
.i_cp_lb .i_md.on li .width1680 dl{ opacity:1; margin-top:0px; transition:all 0.5s ease; }

.i_md .i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul li{ opacity:0; margin-top:3rem; }
.i_md.on .i_zs_gd #i_zs_gd_bg #i_zs_gd_div ul li{ opacity:1; margin-top:0px; transition:all 0.5s ease; }

.i_md .i_lm ul li a div{ opacity:0; margin-top:3rem; }
.i_md.on .i_lm ul li a div{ opacity:1; margin-top:0px; transition:all 0.5s ease; }

/*ny_banner*/
.ny_banner{ height:50rem; position:relative; width:100%; }

/*cp_banner*/
.cp_banner{ border-top:1px solid #eeeeee; width:100%; overflow:hidden; }
.cp_banner .width1680{ padding:4.5rem 0px; }
.cp_banner .width1680 div{ max-width:1030px; margin:0px auto; text-align:center; }
.cp_banner .width1680 div dd{ font-size:4.5rem; color:#364166; font-weight:bold; }
.cp_banner .width1680 div dl{ font-size:1.125rem; color:#333333; line-height:2; margin-top:1.5rem; }

/*cp_lb*/
ul.cp_lb,ul.cp_lb li{ overflow:hidden; }
ul.cp_lb li.s{ background-color:#eceeeb; }
ul.cp_lb li.d{ background-color:#f6f6f6; }
ul.cp_lb li a{ text-align:center; display:block; padding:4rem 0px 7.5rem; }
ul.cp_lb li a dd{ font-size:7.5rem; color:#475173; font-weight:bold; }
ul.cp_lb li a dl{ margin-top:3rem; }
ul.cp_lb li a dl img{ transition:all 0.25s ease; }
ul.cp_lb li a:hover dl img{ transform:scale(1.1); transition:all 0.5s ease; }

/*动画效果*/
ul.cp_lb .i_md li a dl{ opacity:0; padding-top:3rem; }
ul.cp_lb .i_md.on li a dl{ opacity:1; padding-top:0px; transition:all 0.5s ease; }

/*cp_show*/
.cp_show_xx{ background-image:url(../images/cp_show_xx_bg.jpg); }
.cp_show_xx .width1680{ padding:3.5rem 0px 5rem; }
.cp_show_xx .width1680 .hidden.t{ margin-bottom:4rem; text-align:center; color:#333333; }
.cp_show_xx .width1680 .hidden.t dd{ margin-bottom:1rem; font-weight:bold; font-size:3rem; }
.cp_show_xx .width1680 .hidden.t dl{ font-size:1.125rem; line-height:1.5; }
.cp_show_xx .width1680 .hidden.t ol{ margin-top:1.5rem; }
.cp_show_xx .width1680 .hidden.t ol img{ mix-blend-mode:multiply; }

.cp_show_xx .width1680 .hidden.c{ text-align:center; overflow:initial; }
.cp_show_xx .width1680 .hidden.c img{ transition:all 0.25s ease; }
.cp_show_xx .width1680 .hidden.c:hover img{ transform:scale(1.1); transition:all 0.5s ease; }

.cp_show_xx .width1680 .hidden.f{ margin-top:3rem; }
.cp_show_xx .width1680 .hidden.f div.x{ width:33.3333333%; float:left; }
.cp_show_xx .width1680 .hidden.f div.x div{ width:90%; margin:1rem auto 0px; text-align:center; }
.cp_show_xx .width1680 .hidden.f div.x div ol{ height:2.5rem; margin-bottom:1.25rem; }
.cp_show_xx .width1680 .hidden.f div.x div ol img{ transition:all 0.25s ease; }
.cp_show_xx .width1680 .hidden.f div.x div:hover ol img{ transform:scale(1.05); transition:all 0.5s ease; }
.cp_show_xx .width1680 .hidden.f div.x div dd{ font-size:1.125rem; color:#333333; }

ul.cp_show_lb,ul.cp_show_lb li{ overflow:hidden; }
ul.cp_show_lb li{ position:relative; }
ul.cp_show_lb li .width1680{ height:50rem; position:relative; z-index:9; }
ul.cp_show_lb li .width1680 div{ text-align:center; max-width:1090px; margin:5rem auto 0px; }
ul.cp_show_lb li .width1680 div.b{ color:#ffffff; }
ul.cp_show_lb li .width1680 div.h{ color:#333333; }
ul.cp_show_lb li .width1680 div dd{ font-size:3rem; font-weight:bold; margin-bottom:1rem; }
ul.cp_show_lb li .width1680 div dl{ font-size:1.125rem; line-height:1.5; }

.cp_show_jsgg{ width:100%; overflow:hidden; background-color:#ecedef; }
.cp_show_jsgg .width1680{ padding:7rem 0px 10.5rem; }
.cp_show_jsgg .width1680 .tit{ font-size:3rem; font-weight:bold; color:#3e496c; }
.cp_show_jsgg .width1680 .hidden{ margin-top:5rem; }
.cp_show_jsgg .width1680 .hidden div.l{ float:left; width:48.5%; text-align:center; }
.cp_show_jsgg .width1680 .hidden div.l img{ max-width:90%; }
.cp_show_jsgg .width1680 .hidden ul.r,.cp_show_jsgg .width1680 .hidden ul.r li{ overflow:hidden; }
.cp_show_jsgg .width1680 .hidden ul.r{ float:right; width:49.5%; }
.cp_show_jsgg .width1680 .hidden ul.r li{ border-top:1px solid #cccccc; margin-top:-1px; font-size:1rem; }
.cp_show_jsgg .width1680 .hidden ul.r li dl{ line-height:2.5; }
.cp_show_jsgg .width1680 .hidden ul.r li dl.l{ float:left; color:#999999; }
.cp_show_jsgg .width1680 .hidden ul.r li dl.r{ float:right; color:#333333; text-align:right; }

.cp_show_ggy{ position:relative; height:22.5rem; display:flex; align-items:center; }
.cp_show_ggy div{ width:100%; text-align:center; position:relative; z-index:9; color:#ffffff; }
.cp_show_ggy div dd{ font-size:2.25rem; font-weight:bold; }
.cp_show_ggy div dl{ margin-top:2rem; font-size:1.125rem; }
.cp_show_ggy div dl a{ display:inline-block; height:3rem; line-height:3rem; width:10.625rem; border-radius:2rem; background-color:#eeeeee; color:#3e496c; }
.cp_show_ggy div dl a:hover{ background-color:#1425c3; color:#ffffff; }

.cp_show_xx_k{ background:url(../images/cp_show_xx_k_bg.jpg) no-repeat scroll center top #fbfbfb; }
.cp_show_xx_k .width1680 .hidden.t{ color:#ffffff; }

.cp_show_xx_b{ background:url(../images/cp_show_xx_b_bg.jpg) no-repeat scroll center top #cccccc; }
.cp_show_xx_b .tabBar{ position:relative; height:32rem; }
.cp_show_xx_b .tabBar .bd{ height:28rem; max-width:44rem; margin:0px auto; }
.cp_show_xx_b .tabBar .bd .conWrap{ overflow:hidden; }
.cp_show_xx_b .tabBar .bd .conWrap .con{ overflow:hidden; position:relative; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.i{ width:90%; text-align:center; height:25.5rem; position:relative; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.i dl{ position:absolute; top:0px;left:0px;right:0px;bottom:0px; opacity:0;z-index:0; transition:all 0.25s ease; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.i dl.o{ opacity:1; z-index:9; transition:all 0.5s ease; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.i dl img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.x{ position:absolute; width:10%; top:0px; bottom:0px; right:0px; display:flex; align-items:center; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.x div.bg{ width:100%; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.x div.bg div.t{ font-size:1.125rem; color:#333333; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.x div.bg div.f{ margin-top:1rem; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.x div.bg div.f dl{ margin-bottom:0.5rem; width:1.5rem; height:1.5rem; cursor:pointer; position:relative; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.x div.bg div.f dl span,.cp_show_xx_b .tabBar .bd .conWrap .con div.x div.bg div.f dl i{ position:absolute; top:0px; left:0px; bottom:0px; right:0px; border-radius:50%; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.x div.bg div.f dl span{ width:0.5rem; height:0.5rem; margin:auto; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.x div.bg div.f dl i{ opacity:0; }
.cp_show_xx_b .tabBar .bd .conWrap .con div.x div.bg div.f dl:hover i,.cp_show_xx_b .tabBar .bd .conWrap .con div.x div.bg div.f dl.on i{ opacity:1; }

.cp_show_xx_b .tabBar .hd{ margin-top:3rem; }
.cp_show_xx_b .tabBar .hd ul{ width:100%; text-align:center; overflow:hidden; }
.cp_show_xx_b .tabBar .hd ul li{ display:inline-block; font-size:1rem; margin:0px 1.5rem; cursor:pointer; color:#999999; font-weight:bold; border-bottom:4px solid rgb(54,65,102,0); padding-bottom:0.75rem; }
.cp_show_xx_b .tabBar .hd ul li.on,.cp_show_xx_b .tabBar .hd ul li:hover{ color:#333333; }
.cp_show_xx_b .tabBar .hd ul li.on{ border-bottom:4px solid rgb(54,65,102,1); }

.cp_show_xx_b .tabBar .qh{ position:absolute; width:3rem; height:3rem; background-repeat:no-repeat; background-position:center; background-color:#989ba0; background-size:auto 1.125rem; border-radius:50%; top:50%; margin-top:-1.5rem; }
.cp_show_xx_b .tabBar .qh:hover{ background-color:#1425c3; }
.cp_show_xx_b .tabBar .qh.prev{ left:0px; background-image:url(../images/jt_l.png); }
.cp_show_xx_b .tabBar .qh.next{ right:0px; background-image:url(../images/jt_r.png); }

.cp_show_xx_bg{ background:url(../images/cp_show_xx_t_bg.jpg) no-repeat scroll center top #ebe6ec; }

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

.i_md .cp_show_jsgg .width1680 .hidden ul.r{ opacity:0; padding-top:3rem; }
.i_md.on .cp_show_jsgg .width1680 .hidden ul.r{ opacity:1; padding-top:0px; transition:all 0.5s ease; }

/*ZeedaHome*/
.home_sp{ width:100%; overflow:hidden; }
.home_sp video{ width:100%; }
.home_sp video::-webkit-media-controls-enclosure{ display:none !important; }

.home_xx{ padding:4rem 0px; }
.home_xx .tit{ text-align:center; margin-bottom:2.5rem; color:#364166; }
.home_xx .tit dd{ font-size:4.5rem; font-weight:bold; }
.home_xx .tit dl{ font-size:1.125rem; margin-top:0.75rem; }
.home_xx ul,.home_xx ul li{ overflow:hidden; }
.home_xx ul{ margin:0px auto; max-width:50rem; }
.home_xx ul li{ float:left; margin-bottom:1rem; padding:1rem 0px; }
.home_xx ul li.e{ width:50%; }
.home_xx ul li.s{ width:33.3333333%; }
.home_xx ul li div{ width:90%; margin:0px auto; text-align:center; }
.home_xx ul li div ol{ margin-bottom:1.5rem; height:10rem; }
.home_xx ul li div ol img{ transition:all 0.25s ease; }
.home_xx ul li div:hover ol img{ transform:scale(1.1); transition:all 0.5s ease; }
.home_xx ul li div dd{ font-size:1.125rem; color:#333333; }

.home_dt{ width:100%; position:relative; height:50rem; }

.home_pros,.home_service{ position:relative; overflow:hidden; width:100%; }
.home_pros .width1680,.home_service .width1680{ position:relative; z-index:9; height:50rem; color:#ffffff; }
.home_pros .width1680 ul,.home_pros .width1680 ul li,.home_service .width1680 ul,.home_service .width1680 ul li{ overflow:hidden; }
.home_pros .width1680 .tit,.home_service .width1680 .tit{ text-align:center; }

.home_pros .width1680 .tit{ font-size:3rem; font-weight:bold; padding-top:8.75rem; }
.home_pros .width1680 ul,.home_pros .width1680 ul li{ overflow:hidden; }
.home_pros .width1680 ul{ margin-top:10rem; width:100%; }
.home_pros .width1680 ul li{ float:left; padding:0.5rem 0px; width:25%; text-align:center; }
.home_pros .width1680 ul li div{ width:90%; margin:0px auto; }
.home_pros .width1680 ul li div ol{ height:3rem; }
.home_pros .width1680 ul li div ol img{ transition:all 0.25s ease; }
.home_pros .width1680 ul li div:hover ol img{ transform:scale(1.1); transition:all 0.5s ease; }
.home_pros .width1680 ul li div dd{ margin-top:1rem; font-size:1.125rem; line-height:1.5; }

.home_service .width1680 .tit{ padding-top:5rem; height:10rem; }
.home_service .width1680 .tit dd{ font-size:3rem; font-weight:bold; }
.home_service .width1680 .tit dl{ font-size:1.125rem; margin-top:0.75rem; }
.home_service .width1680 ul{ width:102%; }
.home_service .width1680 ul li{ float:left; }

.home_service .width1680 ul.t{ margin-top:2rem; text-align:center; }
.home_service .width1680 ul.t li{ width:31.805%; font-size:1.125rem; height:12rem; line-height:1.5; margin-right:1.3%; }

.home_service .width1680 ul.f{ margin-top:4rem; }
.home_service .width1680 ul.f li{ width:18.675%; margin-right:1.16%; }
.home_service .width1680 ul.f li div.bg{ border:1px solid rgb(255,255,255,0.5); height:10.75rem; display:flex; align-items:center; }
.home_service .width1680 ul.f li div.bg div{ width:90%; padding:0px 5%; text-align:center; transition:all 0.25s ease; }
.home_service .width1680 ul.f li div.bg:hover div{ margin-top:-0.5rem; transition:all 0.5s ease; }
.home_service .width1680 ul.f li div.bg div dd{ font-size:2.25rem; font-weight:bold; }
.home_service .width1680 ul.f li div.bg div dl{ font-size:1.125rem; line-height:1.5; }

.home_case{ padding:3.5rem 0px 7rem; }
.home_case .tit{ text-align:center; font-size:2.25rem; color:#333333; font-weight:bold; }
.home_case ul,.home_case ul li{ overflow:hidden; }
.home_case ul{ margin-top:1.5rem; }
.home_case ul li{ margin-bottom:1.5rem; background-color:#364166; width:49.405%; height:31.5rem; position:relative; display:flex; align-items:center; }
.home_case ul li.l{ float:left; }
.home_case ul li.r{ float:right; }
.home_case ul li div{ text-align:center; color:#ffffff; font-size:1.125rem; width:90%; max-width:34.0625rem; margin:0px auto; }
.home_case ul li div ol{ height:20rem; overflow:hidden; }
.home_case ul li div ol img{ transition:all 0.25s ease; }
.home_case ul li div:hover ol img{ transform:scale(1.1); transition:all 0.5s ease; }
.home_case ul li div dd{ margin-top:1.5rem; font-weight:bold; }

.home_xtpz{ background-color:#d7d9e0; width:100%; overflow:hidden; }
.home_xtpz .width1680{ padding:3.5rem 0px 3rem; }
.home_xtpz .width1680 .tit{ text-align:center; font-size:2.25rem; font-weight:bold; color:#333333; line-height:1.35; margin-bottom:1.5rem; }
.home_xtpz .width1680 .hidden{ width:100%; overflow-x:auto; overflow-y:hidden; margin-bottom:2.5rem; }
.home_xtpz .width1680 .hidden::-webkit-scrollbar{ height:1rem; }
.home_xtpz .width1680 .hidden::-webkit-scrollbar-track{ background-color:#cccccc; }
.home_xtpz .width1680 .hidden::-webkit-scrollbar-thumb{ background-color:#1425c3; }
.home_xtpz .width1680 .hidden::-webkit-scrollbar-thumb:hover{ background-color:#1425c3; }
.home_xtpz .width1680 .hidden::-webkit-scrollbar-thumb:active{ background-color:#1425c3; }

.home_xtpz .width1680 ul,.home_xtpz .width1680 ul li{ overflow:hidden; }
.home_xtpz .width1680 ul{ background-image:url(../images/home_xtpz_bg.jpg); background-repeat:repeat-y; background-size:100% auto; padding:2rem 0px 6rem; width:100%; min-width:1000px; }
.home_xtpz .width1680 ul li div.l{ float:left; width:25.5%; }
.home_xtpz .width1680 ul li div.r{ float:right; width:74.5%; }
.home_xtpz .width1680 ul li div.r div{ width:33.3333333%; float:left; }

.home_xtpz .width1680 ul li.t{ margin-bottom:1rem; }
.home_xtpz .width1680 ul li.t div.l{ font-size:1.5rem; font-weight:bold; }
.home_xtpz .width1680 ul li.t div.r{ text-align:center; font-weight:bold; font-size:1.125rem; }
.home_xtpz .width1680 ul li.t div.r dd{ color:#364166; line-height:1.5; }
.home_xtpz .width1680 ul li.t div.r dl{ margin-top:1rem; color:#ffffff; }
.home_xtpz .width1680 ul li.t div.r dl i{ background-color:#364166; padding:0.65rem 1rem; border-radius:0.5rem; display:inline-block; width:70%; max-width:18rem; }
.home_xtpz .width1680 ul li.c{ border-bottom:1px solid #cccccc; }
.home_xtpz .width1680 ul li.c div.l,.home_xtpz .width1680 ul li.c div.r{ padding:1rem 0px; }
.home_xtpz .width1680 ul li.c div{ font-size:1.125rem; color:#333333; }
.home_xtpz .width1680 ul li.c div.r div{ text-align:center; }

/*动画效果*/
.i_md .home_xx ul{ opacity:0; padding-top:3rem; }
.i_md.on .home_xx ul{ opacity:1; padding-top:0px; transition:all 0.5s ease; }

.i_md .home_dt i{ opacity:0; top:3rem; }
.i_md.on .home_dt i{ opacity:1; top:0px; transition:all 0.5s ease; }

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

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

.i_md .home_case ul li div{ opacity:0; padding-top:3rem; }
.i_md.on .home_case ul li div{ opacity:1; padding-top:0px; transition:all 0.5s ease; }

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

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

/* about */
.about_t{ padding:6rem 0px 8rem; }
.about_t div{ text-align:center; }
.about_t div dd{ font-size:3rem; color:#364166; font-weight:bold; margin-bottom:1.5rem; }
.about_t div dl{ font-size:1.125rem; color:#666666; line-height:1.5; min-height:6.75rem; }
.about_t div ol{ margin-top:2rem; font-size:1rem; }
.about_t div ol a{ display:inline-block; border:1px solid #1368aa; height:3rem; line-height:3rem; color:#364166; padding-left:2rem; padding-right:5.5rem; background:url(../images/jt_n.png) no-repeat scroll 92% center; border-radius:2rem; transition:all 0.25s ease; }
.about_t div ol a:hover{ background-color:#1368aa; color:#ffffff; background-image:url(../images/jt.png); transition:all 0.5s ease; }

.about_sj{ width:100%; position:relative; overflow:hidden; }
.about_sj .width1680{ position:relative; z-index:9; height:50rem; }
.about_sj .width1680 ul{ position:absolute; left:0px; width:100%; bottom:2.5rem; }
.about_sj .width1680 ul li{ float:left; width:25%; }
.about_sj .width1680 ul li div{ width:90%; margin:0px auto; color:#ffffff; text-align:center; }
.about_sj .width1680 ul li div dd{ font-size:3.75rem; font-weight:bold; }
.about_sj .width1680 ul li div dl{ font-size:1rem; line-height:2; margin-top:0.75rem; }

.about_xx{ padding:5rem 0px; }
.about_xx div{ text-align:center; margin:0px auto; }
.about_xx div.yfsc{ max-width:1020px; }
.about_xx div.fwnl{ max-width:1270px; }
.about_xx div dd{ font-size:3rem; color:#364166; font-weight:bold; margin-bottom:1.5rem; }
.about_xx div dl{ font-size:1.125rem; color:#666666; line-height:2; }

.about_yfsc,.about_yfsc div.dt div.x_bg .width1680{ height:50rem; }
.about_yfsc{ width:100%; position:relative; overflow:hidden; }
.about_yfsc i.bg{ height:15rem; background-image:linear-gradient(to bottom, rgba(23,23,23,0), rgba(23,23,23,1)); z-index:2; }
.about_yfsc div.dt,.about_yfsc i.bg,.about_yfsc div.dt div.x_bg{ position:absolute; left:0px; bottom:0px; right:0px; }
.about_yfsc div.dt,.about_yfsc div.dt div{ z-index:0; top:0px; }
.about_yfsc div.dt div.x_bg{ opacity:0; transition:all 0.25s ease; }
.about_yfsc div.dt div.x_bg.o{ opacity:1; z-index:2; transition:all 0.5s ease; }
.about_yfsc div.dt div.x_bg .width1680{ position:relative; }
.about_yfsc div.dt div.x_bg .width1680 div{ position:absolute; padding-left:4.5rem; top:14.375rem; right:13%; }
.about_yfsc div.dt div.x_bg .width1680 div span,.about_yfsc div.dt div.x_bg .width1680 div span i{ position:absolute; border-radius:50%; }
.about_yfsc div.dt div.x_bg .width1680 div span{ width:2.875rem; height:2.875rem; background-color:rgb(255,255,255,0.5); left:0px; top:0.75rem; }
.about_yfsc div.dt div.x_bg .width1680 div span i{ width:1.125rem; height:1.125rem; top:0px; bottom:0px; left:0px; right:0px; margin:auto; background-color:#ffffff; animation:arrow 1.5s linear infinite; -webkit-animation:arrow 1.5s linear infinite; }

@keyframes arrow{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(0.85); } }
@-webkit-keyframes arrow{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(0.85); } }

.about_yfsc div.dt div.x_bg .width1680 div dl,.about_yfsc div.dt div.x_bg .width1680 div dl i{ border-radius:0.5rem; overflow:hidden; }
.about_yfsc div.dt div.x_bg .width1680 div dl{ position:relative; border:0.5rem solid #ffffff; width:17.3125rem; height:10.375rem; }
.about_yfsc div.dt div.x_bg .width1680 div dl i{ opacity: 0; z-index: 0; transition: opacity 1s; }
.about_yfsc div.dt div.x_bg .width1680 div dl i.o{ opacity: 1; z-index: 2; }

.about_yfsc .bt{ position:absolute; width:100%; left:0px; bottom:1.5rem; z-index:9; text-align:center; }
.about_yfsc .bt dl{ display:inline-block; font-size:1.125rem; color:#ffffff; opacity:0.5; cursor:pointer; margin:0px 0.4rem; border-bottom:3px solid #ffffff; padding-bottom:1rem; width:20%; max-width:23.75rem; }
.about_yfsc .bt dl.o,.about_yfsc .bt dl:hover{ opacity:1; transition:all 0.5s ease; }

.about_fwnl{ width:100%; position:relative; overflow:hidden; height:50rem; }

/*动画效果*/
.i_md .about_t div{ opacity:0; padding-top:3rem; }
.i_md.on .about_t div{ opacity:1; padding-top:0px; transition:all 0.5s ease; }

.i_md .about_sj .width1680 ul{ opacity:0; padding-bottom:3rem; }
.i_md.on .about_sj .width1680 ul{ opacity:1; padding-bottom:0px; transition:all 0.5s ease; }

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

.i_md .about_yfsc div.dt div.x_bg .width1680 div{ opacity:0; margin-top:-3rem; }
.i_md.on .about_yfsc div.dt div.x_bg .width1680 div{ opacity:1; margin-top:0px; transition:all 0.5s ease; }

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

.i_md .about_fwnl{ opacity:0; top:3rem; }
.i_md.on .about_fwnl{ opacity:1; top:0px; transition:all 0.5s ease; }