@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:"MR","Microsoft YaHei","Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", sans-serif; }

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:"MR";

  src:url("MiSans-Regular.ttf");

}



body{ padding:0; font-family:"MR","Microsoft YaHei","Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", sans-serif; }
html,body{ font-size:32px; }
@media only screen and (max-width:3200px){
    html,body{ font-size:27px; }
}
@media only screen and (max-width:2800px){
    html,body{ font-size:23px; }
}
@media only screen and (max-width:2480px){
    html,body{ font-size:20px; }
}
@media only screen and (max-width:2140px){
    html,body{ font-size:18px; }
}
@media only screen and (max-width:1920px){
    html,body{ font-size:16px; }
}
@media only screen and (max-width:1480px){
    html,body{ font-size:14px; }
}

.margin{ margin:0px auto; }

.hidden{ overflow:hidden; }

.width1680{ width:90%; }

@media only screen and (max-width:1920px){

	.width1680{ max-width:1680px; }

}

.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; z-index:0; }

/* top_bg */

.top_h,.top_bg,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 div.lm,.top_bg .width1680 div.yy{ height:7.5rem; }

.top_bg.now,.top_bg.now .width1680,.top_bg.now .width1680 a.logo,.top_bg.now .width1680 div.lm,.top_bg.now .width1680 div.yy{ height:6rem; }

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

.top_bg{ position:fixed; z-index:999; top:0px; left:0px; width:100%; }

.top_bg .width1680{ position:relative; }

.top_bg .width1680 a.logo,.top_bg .width1680 div.lm,.top_bg .width1680 div.yy{ display:flex; align-items:center; }

.top_bg .width1680 a.logo{ float:left; width:13%; }

.top_bg .width1680 a.logo img{ max-height:5rem; }



.top_bg .width1680 div.lm{ float:left; width:67%; margin-left:3%; }
@media only screen and (max-width:1920px){
   .top_bg .width1680 div.lm{ width:80%; max-width:1121px; }
}

.top_bg .width1680 div.lm ul,.top_bg .width1680 div.lm ul li{ overflow:hidden; }

.top_bg .width1680 div.lm ul{}

.top_bg .width1680 div.lm ul li{ float:left; padding:0px 3rem; }

.top_bg .width1680 div.lm ul li dd{ font-size:1.125rem; line-height:3; color:#ffffff; }

.top_bg .width1680 div.lm ul li.x dd{ padding-right:1.5rem; position:relative; }

.top_bg .width1680 div.lm ul li.x dd i{ position:absolute; right:0px; top:50%; text-align:right; z-index:2; margin-top:-0.5625rem; }

.top_bg .width1680 div.lm ul li dd a{ display:block; color:#ffffff; }

.top_bg .width1680 div.lm ul li dd a:hover{ opacity:0.8; }

.top_bg .width1680 div.lm ul li dl{ position:absolute; background-color:#ffffff; border-radius:0.5rem; opacity:0; overflow:hidden; min-width:8rem; max-height:0px; transition:all 0.25s ease; margin-left:-1rem; }

.top_bg .width1680 div.lm ul li:hover dl{ padding:1rem 0px; opacity:1; max-height:100vh; transition:all 0.5s ease; }

.top_bg .width1680 div.lm ul li dl a{ display:block; color:#000000; padding:0px 1rem; font-size:1rem; line-height:2; }

.top_bg .width1680 div.lm ul li dl a:hover{ background-color:#057aca; color:#ffffff; transition:all 0.25s ease; }

.top_bg .width1680 div.lm ul li.y{ display:none; }



.top_bg .width1680 div.yy{ float:right; color:#ffffff; }

.top_bg .width1680 div.yy a{ display:block; height:3rem; line-height:3rem; font-size:1.125rem; color:#ffffff; }

.top_bg .width1680 div.yy a:hover{ opacity:0.8; }

.top_bg .width1680 div.yy i{ margin-left:0.75rem; }



.top_bg.now,.top_bg.show{ background-color:#ffffff; }

.top_bg.now{ box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }

.top_bg.now .width1680 a.logo img,.top_bg.show .width1680 a.logo img{ max-height:4.5rem; }

.top_bg.now .width1680 div.lm ul li dd,.top_bg.show .width1680 div.lm ul li dd{ color:#000000; }

.top_bg.now .width1680 div.lm ul li dd a,.top_bg.show .width1680 div.lm ul li dd a{ color:#000000; }

.top_bg.now .width1680 div.lm ul li dd a:hover,.top_bg.show .width1680 div.lm ul li dd a:hover{ opacity:1; color:#057aca; }

.top_bg.now .width1680 div.lm ul li dl,.top_bg.show .width1680 div.lm ul li dl{ box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }

.top_bg.now .width1680 div.yy,.top_bg.show .width1680 div.yy{ color:#000000; }

.top_bg.now .width1680 div.yy a,.top_bg.show .width1680 div.yy a{ color:#000000; }

.top_bg.now .width1680 div.yy a:hover,.top_bg.show .width1680 div.yy a:hover{ opacity:1; color:#057aca; }



/* banner */

.banner{ position:relative; width:100%; overflow:hidden; }

.banner i.bg_q{ visibility:visible; animation:bg 20s linear infinite; }

.banner i.bg_q.pc{ opacity:1; }

.banner i.bg_q.sj{ opacity:0; }



@keyframes bg{

    0%,85%,100%{ transform:scale(1); }

    50%{ transform:scale(1.2); }

}



.banner .width1680{ position:relative; z-index:9; height:100vh; display:flex; align-items:center; }

.banner .width1680 div.bg{ width:100%; color:#ffffff; overflow:hidden; }

.banner .width1680 div.bg div.t{ text-transform:uppercase; }

.banner .width1680 div.bg div.t ol{ font-size:2.25rem; margin-bottom:0.875rem; }

.banner .width1680 div.bg div.t dd{ font-size:4.5rem; font-weight:bold; }

.banner .width1680 div.bg div.t dl{ font-size:1.5rem; margin-top:1rem; }



.banner .width1680 div.bg ul.f,.banner .width1680 div.bg ul.f li{ overflow:hidden; }

.banner .width1680 div.bg ul.f{ margin-top:4vh; }

.banner .width1680 div.bg ul.f li{ float:left; text-align:center; margin-right:3rem; }

.banner .width1680 div.bg ul.f li ol{ margin-bottom:0.875rem; }

.banner .width1680 div.bg ul.f li ol img{ max-height:3.75rem; }

.banner .width1680 div.bg ul.f li dd{ font-size:1.125rem; }



.banner .width1680 a.bf{ position:absolute; width:3.75rem; height:3.75rem; background:url(../images/bf.png) no-repeat; background-size:cover; bottom:8vh; left:0px; }

.banner .width1680 a.bf:hover{ background-image:url(../images/bf2.png); }



.sp_bg,.sp_bg div{ top:0px; left:0px; right:0px; bottom:0px; }

.sp_bg{ position:fixed; z-index:-9; background-color:rgb(0,0,0,0.8); opacity:0; display:flex; align-items:center; transition:all 0.25s ease; }

.sp_bg.x{ opacity:1; z-index:9999; transition:all 0.5s ease; }

.sp_bg div{ width:100%; position:relative; text-align:center; }

.sp_bg div a{ position:fixed; z-index:2; right:0px; top:0px; left:0px; bottom:0px; }

.sp_bg div video{ width:90%; max-width:60rem; border-radius:1rem; max-height:80vh; position:relative; z-index:8; }



/*i_about*/

.i_about{ width:100%; position:relative; overflow:hidden; }

.i_about .width1680{ position:relative; z-index:8; min-height:52rem; padding:4rem 0px; display:flex; align-items:center; }

.i_about .width1680 div.bg{ width:100%; overflow:hidden; }

.i_about .width1680 div.bg div.t{ overflow:hidden; }

.i_about .width1680 div.bg div.t img.l{ float:left; width:28%; max-width:417px; }



.i_about .width1680 div.bg div.t div.r{ float:right; width:67%; padding-top:7.5rem; }

.i_about .width1680 div.bg div.t div.r dd{ font-size:3rem; font-weight:bold; margin-bottom:2.5rem; }

.i_about .width1680 div.bg div.t div.r dl{ font-size:1.125rem; /*white-space:pre-wrap;*/ color:#666666; line-height:2.7; text-align:justify; }

.i_about .width1680 div.bg div.t div.r ol{ margin-top:4rem; }

.i_about .width1680 div.bg div.t div.r ol a{ display:inline-block; width:10.5rem; height:2.5rem; line-height:2.5rem; text-align:center; font-size:1rem; color:#ffffff; background-image:linear-gradient(to right, #057aca, #0661a0); }

.i_about .width1680 div.bg div.t div.r ol a:hover{ background-image:linear-gradient(to right, #0661a0, #057aca); transition:all 0.25s ease; }



.i_about .width1680 div.bg ul.f,.i_about .width1680 div.bg ul.f li{ overflow:hidden; }

.i_about .width1680 div.bg ul.f{ margin-top:6rem; }

.i_about .width1680 div.bg ul.f li{ float:left; cursor:pointer; }

.i_about .width1680 div.bg ul.f li.l{ width:33%; }

.i_about .width1680 div.bg ul.f li.r{ width:22%; }

.i_about .width1680 div.bg ul.f li dl{ color:#000000; margin-bottom:1.25rem; padding-left:0.5rem; overflow:hidden; }

.i_about .width1680 div.bg ul.f li dl b{ font-size:3rem; }

.i_about .width1680 div.bg ul.f li dl b.sj{ font-size:3.375rem; transition:all 0.25s ease; }

.i_about .width1680 div.bg ul.f li:hover dl b.sj{ color:#057aca; text-shadow:rgba(5, 122, 202, 0.6) 2px 8px 12px; transition:all 0.5s ease; }

.i_about .width1680 div.bg ul.f li dl b.j{ font-weight:100; }

.i_about .width1680 div.bg ul.f li dl i{ font-size:1.125rem; margin-left:0.875rem; }

.i_about .width1680 div.bg ul.f li dd{ font-size:1.125rem; color:#666666; }



/*i_tit*/

.i_tit{ position:relative; }

.i_tit div{ font-size:3rem; color:#000000; font-weight:bold; }

.i_tit a{ position:absolute; z-index:9; right:0px; font-size:1.125rem; color:#999999; line-height:4rem; top:0px; }

.i_tit a:hover{ color:#057aca; }



/*i_cp*/

.i_cp{ width:100%; overflow:hidden; background-color:#f6f6f6; padding:5rem 0px 2rem; }

.i_cp .gallery{ margin-top:3rem; width:100%; position:relative; outline:none; border:0px; }

.i_cp .gallery .gallery-cell,.i_cp .gallery .gallery-cell a{ height:52rem; }

.i_cp .gallery .gallery-cell{ width:75.933%; }

.i_cp .gallery .gallery-cell a{ display:block; position:relative; width:96.61%; margin:0px auto; overflow:hidden; text-align:center; }

.i_cp .gallery .gallery-cell a ol{ position:relative; overflow:hidden; height:42.5rem; }

.i_cp .gallery .gallery-cell a ol i{transition:all 0.5s ease;}

.i_cp .gallery .gallery-cell a:hover ol i{transform:scale(0.98); transition:all 0.5s ease; }

.i_cp .gallery .gallery-cell a dd{ font-size:1.875rem; color:#000000; font-weight:bold; margin-top:1.7rem; }

.i_cp .gallery .gallery-cell a dl{ font-size:1.125rem; color:#666666; margin-top:1rem; }



.i_cp .gallery ol.flickity-page-dots,.i_cp .gallery button svg{ display:none; }



.i_cp .gallery button{ position:absolute; width:3.75rem; height:3.75rem; border-radius:50%; border:0px; background-repeat:no-repeat; background-position:center; top:20rem; background-size:1rem; background-color:#ffffff; }

.i_cp .gallery button:hover{ background-color:#057aca; }

.i_cp .gallery button.previous{ background-image:url(../images/jt_l.png); left:5%; }

.i_cp .gallery button.next{ background-image:url(../images/jt_r.png); right:5%;}

.i_cp .gallery button.previous:hover{ background-image:url(../images/jt_l2.png); }

.i_cp .gallery button.next:hover{ background-image:url(../images/jt_r2.png);}



/*i_hyyy*/

.i_hyyy{ padding:5.5rem 0px; max-width:1920px; margin:0px auto; }

.i_hyyy ul.lb,.i_hyyy ul.lb li{ overflow:hidden; }

.i_hyyy ul.lb{ margin-top:2.25rem; }

.i_hyyy ul.lb li{ float:left; width:25%; height:52.5rem; position:relative; }

.i_hyyy ul.lb li a{ top:0px; bottom:0px; z-index:8; }

.i_hyyy ul.lb li i,.i_hyyy ul.lb li div,.i_hyyy ul.lb li a{ left:0px; right:0px; position:absolute; }

.i_hyyy ul.lb li i.bg_q.x{ top:6rem; bottom:6.5rem; opacity:1; }

.i_hyyy ul.lb li i.bg_q.d{ top:0px; bottom:0px; opacity:0; }



.i_hyyy ul.lb li i.z_bg{ z-index:2; bottom:0px; height:15.625rem; opacity:0; transition:all 0.25s ease; background:url(../images/i_hyyy_wz.png) repeat-x scroll center bottom; background-size:auto 100%; }

.i_hyyy ul.lb li div{ top:46rem; padding-top:1rem; bottom:0px; text-align:center; z-index:5; transition:all 0.25s ease; }

.i_hyyy ul.lb li div dd{ font-size:1.875rem; color:#000000; font-weight:bold; }

.i_hyyy ul.lb li div dl{ font-size:1.125rem; color:#666666; margin-top:1rem; transition:all 0.25s ease; }



.i_hyyy ul.lb li i.bg_q,.i_hyyy ul.lb li:hover i.bg_q{ transition:all 0.5s ease; }

.i_hyyy ul.lb li.on i.bg_q.x,.i_hyyy ul.lb li:hover i.bg_q.x{ opacity:0; }

.i_hyyy ul.lb li.on i.bg_q.d,.i_hyyy ul.lb li:hover i.bg_q.d{ opacity:1; }

.i_hyyy ul.lb li.on i.z_bg,.i_hyyy ul.lb li:hover i.z_bg{ opacity:1; transition:all 0.25s ease; }

.i_hyyy ul.lb li.on div,.i_hyyy ul.lb li:hover div{ top:auto; bottom:4rem; transition:all 0.25s ease; }

.i_hyyy ul.lb li.on div dd,.i_hyyy ul.lb li:hover div dd{ color:#ffffff; transition:all 0.25s ease; }

.i_hyyy ul.lb li.on div dl,.i_hyyy ul.lb li:hover div dl{ color:#ffffff; transition:all 0.25s ease; }



/*i_news*/

.i_news{ width:100%; overflow:hidden; background-color:#f6f6f6; }

.i_news .width1680{ padding:5rem 0px 7.5rem; }

.i_news .width1680 div.xx{ overflow:hidden; margin-top:2.5rem; }

.i_news .width1680 div.xx div.l{ float:left; width:49.167%; }

.i_news .width1680 div.xx div.l a{ display:block; overflow:hidden; }

.i_news .width1680 div.xx div.l a div{ overflow:hidden; }

.i_news .width1680 div.xx div.l a div.t{ position:relative; height:29.0625rem; }

.i_news .width1680 div.xx div.l a div.t i{ transition:all 0.25s ease; }

.i_news .width1680 div.xx div.l a:hover div.t i{ transform:scale(0.98); transition:all 0.5s ease; }

.i_news .width1680 div.xx div.l a div.f{ margin-top:1.25rem; }

.i_news .width1680 div.xx div.l a div.f ol{ font-size:1rem; color:#057aca;  margin-bottom:0.75rem; }

.i_news .width1680 div.xx div.l a div.f dd{ font-size:1.875rem; color:#000000; font-weight:bold; }

.i_news .width1680 div.xx div.l a:hover div.f dd{ color:#057aca; }

.i_news .width1680 div.xx div.l a div.f dl{ font-size:1.125rem; color:#999999; line-height:2; margin-top:0.75rem; }



.i_news .width1680 div.xx ul.r,.i_news .width1680 div.xx ul.r li{ overflow:hidden; }

.i_news .width1680 div.xx ul.r{ float:right; width:49.286%; }

.i_news .width1680 div.xx ul.r li{ width:48.552%; background-color:#ffffff; margin-bottom:1.5rem; transition:all 0.5s ease; }

.i_news .width1680 div.xx ul.r li:hover{ background-color:#057aca; transition:all 0.5s ease; }

.i_news .width1680 div.xx ul.r li.l{ float:left; }

.i_news .width1680 div.xx ul.r li.r{ float:right; }

.i_news .width1680 div.xx ul.r li a{ display:block; padding:1.25rem; position:relative; height:17.5rem; }

.i_news .width1680 div.xx ul.r li a dd{ font-size:1.875rem; color:#000000; font-weight:bold; max-height:5rem; overflow:hidden; }

.i_news .width1680 div.xx ul.r li a dl{ font-size:1.125rem; color:#999999; line-height:2; overflow:hidden; height:9rem; margin-top:1.25rem; }

.i_news .width1680 div.xx ul.r li a ol{ font-size:1rem; color:#999999; position:absolute; left:1.25rem; bottom:1.25rem; right:1.25rem; }

.i_news .width1680 div.xx ul.r li a:hover dd,.i_news .width1680 div.xx ul.r li a:hover dl,.i_news .width1680 div.xx ul.r li a:hover ol{ color:#ffffff; transition:all 0.25s ease; }



/*foot_bg*/

.foot_bg{ width:100%; overflow:hidden; background-color:#252525; }

.foot_bg .width1680{ padding:3.75rem 0px 1.5rem; }

.foot_bg .width1680 .hidden.t{ margin-bottom:2.5rem; }

.foot_bg .width1680 .hidden.t .logo{ float:left; width:14%; }

.foot_bg .width1680 .hidden.t .logo ol{ height:5rem; }

.foot_bg .width1680 .hidden.t .logo dl{ height: 4rem; margin-top:2.5rem; }

.foot_bg .width1680 .hidden.t .logo dl a{ display:block; float:left; width:2rem; height:2rem; border:1px solid rgba(137,137,137,0.1); border-radius:50%; background-repeat:no-repeat; background-size:cover; margin-right:0.75rem; position: relative; }
.foot_bg .width1680 .hidden.t .logo dl a img{ position: absolute; bottom: 2.5rem; opacity: 0; max-height: 0px; max-width:0px; }
.foot_bg .width1680 .hidden.t .logo dl a:hover img{ opacity: 1;  max-height: 5rem; max-width:5rem; transition: all 0.5s ease; }

.foot_bg .width1680 .hidden.t .logo dl a:hover{ background-color:#057aca; border:1px solid #057aca; }

.foot_bg .width1680 .hidden.t .logo dl a.fx1{ background-image:url(../images/fx1.png); }

.foot_bg .width1680 .hidden.t .logo dl a.fx2{ background-image:url(../images/fx2.png); }

.foot_bg .width1680 .hidden.t .logo dl a.fx3{ background-image:url(../images/fx3.png); }

.foot_bg .width1680 .hidden.t .logo dl a.fx4{ background-image:url(../images/fx4.png); }

.foot_bg .width1680 .hidden.t .logo dl a.fx1:hover{ background-image:url(../images/fx11.png); }

.foot_bg .width1680 .hidden.t .logo dl a.fx2:hover{ background-image:url(../images/fx22.png); }

.foot_bg .width1680 .hidden.t .logo dl a.fx3:hover{ background-image:url(../images/fx33.png); }

.foot_bg .width1680 .hidden.t .logo dl a.fx4:hover{ background-image:url(../images/fx44.png); }



.foot_bg .width1680 .hidden.t ul.lm,.foot_bg .width1680 .hidden.t ul.lm li{ float:left; overflow:hidden; }

.foot_bg .width1680 .hidden.t ul.lm{ margin-left:2.5%; width:52%; }

.foot_bg .width1680 .hidden.t ul.lm li{ width:20%; }

.foot_bg .width1680 .hidden.t ul.lm li dd{ font-size:1.125rem; }

.foot_bg .width1680 .hidden.t ul.lm li dd a{ color:#ffffff; }

.foot_bg .width1680 .hidden.t ul.lm li dl{ font-size:1rem; margin-top:2rem; }

.foot_bg .width1680 .hidden.t ul.lm li dl a{ margin-bottom:1.5rem; display:block; color:rgb(255,255,255,0.5); }

.foot_bg .width1680 .hidden.t ul.lm li dl a:hover{ color:#ffffff; }



.foot_bg .width1680 .hidden.t div.nr{float:right;color:#ffffff;width:27%;padding-left:4%;border-left:1px solid rgba(255,255,255,0.1);padding-bottom:0.5rem; }

.foot_bg .width1680 .hidden.t div.nr div{ overflow:hidden; }

.foot_bg .width1680 .hidden.t div.nr div.t{ font-size:1.125rem; color:#ffffff; margin-bottom:0.75rem; }

.foot_bg .width1680 .hidden.t div.nr div.d{ white-space:pre-wrap; font-size:1.25rem; color:#057aca; font-weight:bold; }

.foot_bg .width1680 .hidden.t div.nr div.y{ font-size:1rem; color:#999999; line-height:2.5; padding:1rem 0px; }

.foot_bg .width1680 .hidden.t div.nr div.y a{ color:#ffffff; }

.foot_bg .width1680 .hidden.t div.nr div.y a:hover{ opacity:0.8; }

.foot_bg .width1680 .hidden.t div.nr div.e ol{ margin-bottom:1rem; }

.foot_bg .width1680 .hidden.t div.nr div.e ol img{ max-height:6.375rem; }

.foot_bg .width1680 .hidden.t div.nr div.e dd{ font-size:1rem; color:#ffffff; }



.foot_bg .width1680 .hidden.f{ font-size:1rem; border-top:1px solid rgba(255,255,255,0.1); padding-top:1.5rem; }

.foot_bg .width1680 .hidden.f div,.foot_bg .width1680 .hidden.f div a{ color:rgb(255,255,255,0.5); }

.foot_bg .width1680 .hidden.f div a:hover{ color:#ffffff; }

.foot_bg .width1680 .hidden.f div.l{ float:left; }

.foot_bg .width1680 .hidden.f div.r{ float:right; }



/*隐私条款*/

.ystk_bg{ position:fixed; display:none; z-index:9999; top:0px; left:0px; right:0px; bottom:0px; background-color:rgb(0,0,0,0.6); align-items:center; }

.ystk_bg.x{ display:flex; }

.ystk_bg div.xx{ width:100%; }

.ystk_bg div.xx div{ width:90%;max-width:1000px;background-color:#ffffff;margin:0px auto;padding:2rem;border-radius:1rem;position:relative;overflow:hidden; }

.ystk_bg div.xx div a.gb{ position:absolute; top:1rem; right:1rem; z-index:9; background:url(../images/gb.png) no-repeat scroll center; background-size:cover; width:1.25rem; height:1.25rem; transition:all 0.5s ease; }

.ystk_bg div.xx div a.gb:hover{ transform:rotate(180deg); background-image:url(../images/gb2.png); transition:all 0.5s ease; }

.ystk_bg div.xx div dd{ text-align:center; font-size:1.5rem; font-weight:bold; }

.ystk_bg div.xx div dl{ margin-top:1rem; padding-right:0.5rem; height:50vh; overflow-x:hidden; overflow-y:auto; line-height:1.75; font-size:1rem; white-space:pre-wrap; }

.ystk_bg div.xx div dl::-webkit-scrollbar{ width:0.5rem; }

.ystk_bg div.xx div dl::-webkit-scrollbar-track{ background-color:#eaeaea; }

.ystk_bg div.xx div dl::-webkit-scrollbar-thumb{ background-color:#0097ff; }

.ystk_bg div.xx div dl::-webkit-scrollbar-thumb:hover{ background-color:#0097ff; }

.ystk_bg div.xx div dl::-webkit-scrollbar-thumb:active{ background-color:#0097ff; }



/*动画效果*/

.i_md .i_about .width1680 div.bg div.t div.r{ opacity:0; margin-top:3rem; }

.i_md.on .i_about .width1680 div.bg div.t div.r{ opacity:1; margin-top:0px; transition:all 0.5s ease; }



.i_md .i_cp .gallery{ opacity:0; padding-top:3rem; }

.i_md.on .i_cp .gallery{ opacity:1; padding-top:0px; transition:all 0.5s ease; }



.i_md .i_hyyy ul.lb{ opacity:0; padding-top:3rem; }

.i_md.on .i_hyyy ul.lb{ opacity:1; padding-top:0px; transition:all 0.5s ease; }



.i_md .i_news .width1680 div.xx ul.r li a{ opacity:0; margin-top:3rem; }

.i_md.on .i_news .width1680 div.xx ul.r li a{ opacity:1; margin-top:0px; transition:all 0.5s ease; }



/*关于我们*/

.banner_banner{ width:100%; position:relative; max-height:60rem; }

.banner_banner img{ opacity:0; }

.banner_banner div.bg{ position: absolute; z-index: 2; top: 0px; left: 0px; right: 0px; bottom: 0px; color: #ffffff; display:flex; align-items:center; }
.banner_banner div.bg dl{ width: 100%; text-align: center; }
.banner_banner div.bg dl a{ color: #ffffff; display:inline-block; }
.banner_banner div.bg dl a p{ margin:0.75rem 0px; font-size:3rem; }
.banner_banner div.bg dl a p i{ display:inline-block; width:3.75rem; height:3.75rem; background:url(../images/bf.png) no-repeat; background-size:cover; }
.banner_banner div.bg dl a:hover p i{ background-image:url(../images/bf2.png); }

.sp_bg{ position:fixed; z-index:9999; top:0px; left: 0px; right: 0px; bottom: 0px; background-color: rgb(0,0,0,0.8); display:none; align-items:center; }
.sp_bg.x{ display:flex; }
.sp_bg div.bg{ width: 100%; }
.sp_bg div.bg div{ width:90%; margin:0px auto; max-width:60rem; position:relative; text-align:center; }
.sp_bg div.bg div a.gb{ position:absolute; top:0px; right:0px; width:1.5rem; height:1.5rem; background:url(../images/gb2.png) no-repeat scroll center;  background-size:cover; margin-right:-3.75rem; z-index:2; left: auto; bottom: auto; transition:all 0.25s ease; }
.sp_bg div.bg div a.gb:hover{ transform:rotate(360deg); transition:all 0.5s ease; }
.sp_bg div.bg div video{ width:100%; max-height:60vh; }


.about_jj .width1680 div.bg div.t div.r{ padding-top:0px; }

.about_jj .width1680 div.bg div.t div.r dd{ margin-bottom:2rem; }

.about_jj .width1680 div.bg div.t div.r dl{ line-height:2; white-space:pre-wrap; }



.about_qywh{ padding:8.25rem 0px; }

.about_qywh .hidden.l{ float:left; width:46%; max-width:47.5rem; }

.about_qywh .hidden.l div.t{ overflow:hidden; }

.about_qywh .hidden.l div.t dd{ font-size:2.25rem; color:#333333; font-weight:bold; margin-bottom:1rem; }

.about_qywh .hidden.l div.t dl{ font-size:1.125rem; color:#999999; line-height:2; text-align:justify; }



.about_qywh .hidden.l ul.f,.about_qywh .hidden.l ul.f li{ overflow:hidden; }

.about_qywh .hidden.l ul.f{ margin-top:2rem; }

.about_qywh .hidden.l ul.f li{ margin-top:2rem; }

.about_qywh .hidden.l ul.f li dd{ font-size:2.25rem; color:#333333; padding-bottom:1rem; position:relative; }

.about_qywh .hidden.l ul.f li dd i{ position:absolute; width:2.25rem; height:0.25rem; left:0px; bottom:0px; background-color:#0097ff; }

.about_qywh .hidden.l ul.f li dl{ font-size:1.125rem; color:#999999; line-height:2; margin-top:1.5rem; }



.about_qywh .hidden.r{ float:right; width:50%; max-width:51.875rem; }



.about_gsry{ position:relative; overflow:hidden; width:100%; background:linear-gradient(to left top,#eaedf6,#ffffff); }

.about_gsry .width1680{ padding:3.75rem 0px; }

.about_gsry .width1680 .tit{ margin-bottom:3.75rem; }

.about_gsry .width1680 .tit dd{ font-weight:bold; font-size:2.25rem; color:#333333; }

.about_gsry .width1680 .tit dl{ font-size:1.125rem; color:#999999; margin-top:1rem; padding-right:11rem; position:relative; }

.about_gsry .width1680 .tit dl a.m{ position:absolute; color:#999999; right:0px; }

.about_gsry .width1680 .tit dl a.m:hover{ color:#0097ff; }

.about_gsry .width1680 ul.xx,.about_gsry .width1680 ul.xx li{ overflow:hidden; }

.about_gsry .width1680 ul.xx{}

.about_gsry .width1680 ul.xx li{ padding:2rem 0px; float:left; margin-bottom:1rem; width:25%; }

.about_gsry .width1680 ul.xx li div{ text-align:center; width:94%; max-width:19.375rem; margin:0px auto; min-height:6.125rem; color:#333333; font-size:1.125rem; position:relative; }

.about_gsry .width1680 ul.xx li div i.bg{ position:absolute; width:4.375rem; height:6.125rem; background-repeat:no-repeat; background-position:center; background-size:cover; top:50%; margin-top:-3.0625rem; }

.about_gsry .width1680 ul.xx li div i.bg.i_l{ left:0px; background-image:url(../images/about_gsry_l.png); }

.about_gsry .width1680 ul.xx li div i.bg.i_r{ right:0px; background-image:url(../images/about_gsry_r.png); }

.about_gsry .width1680 ul.xx li div dd,.about_gsry .width1680 ul.xx li div dl{ max-width:16rem; width:88%; margin:0px auto; }

.about_gsry .width1680 ul.xx li div dd{ font-weight:bold; }

.about_gsry .width1680 ul.xx li div dl{ line-height:1.75; margin-top:0.5rem; }



.about_gsry .width1680 #zsgun{ overflow:hidden; margin-top:5rem; width:100%; padding-bottom:4.25rem; position:relative; }

.about_gsry .width1680 #zsgun a.qh{ position:absolute; z-index:-9; top:50%; margin-top:-1.5rem; opacity:0; background-color:#ffffff; width:3rem; height:3rem; line-height:3rem; text-align:center; border-radius:50%; background-repeat:no-repeat; background-position:center; }

.about_gsry .width1680 #zsgun a.qh:hover{ background-color:#0097ff; }

.about_gsry .width1680 #zsgun a.qh.hScrollPane_leftarrow{ left:0px; background-image:url(../images/jt_l.png); }

.about_gsry .width1680 #zsgun a.qh.hScrollPane_rightarrow{ right:0px; background-image:url(../images/jt_r.png); }

.about_gsry .width1680 #zsgun a.qh.hScrollPane_leftarrow:hover{ background-image:url(../images/jt_l2.png); }

.about_gsry .width1680 #zsgun a.qh.hScrollPane_rightarrow:hover{ background-image:url(../images/jt_r2.png); }

.about_gsry .width1680 #zsgun .hScrollPane_dragbar{ background-color:#ffffff; position:absolute; left:0px; width:100%; bottom:0px; height:0.5rem; }

.about_gsry .width1680 #zsgun .hScrollPane_dragbar .hScrollPane_draghandle{ position:absolute; left:0px; top:0px; height:0.5rem; background-color:#1470b9; width:20%; cursor:pointer; }

.about_gsry .width1680 #zsgun .hScrollPane_dragbar .hScrollPane_draghandle:hover{ background-color:#0097ff; }

.about_gsry .width1680 #zsgun #gundiv{ width:100%; position:relative; float:left; display:inline; overflow:hidden; cursor:grab; }

.about_gsry .width1680 #zsgun #gundiv ul{ position:relative; overflow:hidden; }

.about_gsry .width1680 #zsgun #gundiv ul li{ float:left; margin-right:3rem; }

.about_gsry .width1680 #zsgun #gundiv ul li img{ border:0.5rem solid #434343; max-width:27.25rem; max-height:18.125rem; }

.about_gsry .width1680 #zsgun #gundiv ul li img.bg{ position:absolute; bottom:0px; }

.about_gsry .width1680 #zsgun #gundiv ul li img.tp{ opacity:0; }



.about_fzls{ padding:7.5rem 0px 8.75rem; }

.about_fzls .width1680{ font-size:2.25rem; font-weight:bold; color:#333333; }



.about_fzls .gallery{ margin-top:5rem; width:100%; position:relative; outline:none; cursor:grab; }

.about_fzls .gallery .flickity-viewport{ overflow:hidden; }

.about_fzls .gallery ol.flickity-page-dots{ text-align:center; margin-top:2.5rem; }

.about_fzls .gallery ol.flickity-page-dots li{ display:inline-block; width:2.5rem; background-color:#999999; height:3px; margin:0px 0.5rem; }

.about_fzls .gallery ol.flickity-page-dots li.is-selected,.about_fzls .gallery ol.flickity-page-dots li:hover{ background-color:#0097ff; }



.about_fzls .gallery .gallery-cell{ width:45.718%; overflow:hidden; }

.about_fzls .gallery .gallery-cell div.bg{ border:1px solid #eeeeee; width:95.5%; margin:0px auto; height:23.5rem; background:url(../images/about_fzls.png) no-repeat scroll 80% center; background-size:auto 15.5rem; position:relative; }

.about_fzls .gallery .gallery-cell div.bg:hover{ border:1px solid #0097ff; }

.about_fzls .gallery .gallery-cell div.bg div.t{ font-size:4.5rem; color:#0097ff; font-weight:bold; margin:1rem 2.25rem 0px; }

.about_fzls .gallery .gallery-cell div.bg div.f{ position:absolute; left:2.25rem; right:2.25rem; bottom:2.5rem; color:#333333; }

.about_fzls .gallery .gallery-cell div.bg div.f dd{ font-weight:bold; font-size:2.25rem; letter-spacing:1rem; }

.about_fzls .gallery .gallery-cell div.bg div.f dl{ line-height:2; font-size:1.125rem; margin-top:1rem; }



.about_fzls .gallery button{ position:absolute; width:3rem; height:3rem; border-radius:50%; border:1px solid #eeeeee; background-repeat:no-repeat; background-position:center; top:0px; background-size:1rem; background-color:#ffffff; margin-top:-8rem; }

.about_fzls .gallery button svg{ opacity:0; border:1px solid #0097ff; }

.about_fzls .gallery button:hover{ background-color:#0097ff; }

.about_fzls .gallery button.previous{ background-image:url(../images/jt_l.png); right:10%; }

.about_fzls .gallery button.next{ background-image:url(../images/jt_r.png); right:6%; }

.about_fzls .gallery button.previous:hover{ background-image:url(../images/jt_l2.png); }

.about_fzls .gallery button.next:hover{ background-image:url(../images/jt_r2.png); }



.about_gczs{ position:relative; padding:7.5rem 0px 11.875rem; overflow:hidden; width:100%; background:linear-gradient(to left top,#eaedf6,#ffffff); }

.about_gczs .width1680 dd{ font-weight:bold; font-size:2.25rem; color:#333333; }

.about_gczs .width1680 dl{ font-size:1.125rem; color:#999999; margin-top:1rem; }



.about_gczs .gallery{ margin-top:4rem; width:100%; position:relative; outline:none; cursor:grab; }

.about_gczs .gallery .flickity-viewport{ overflow:hidden; }

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

.about_gczs .gallery .gallery-cell{ width:60%; overflow:hidden; }

.about_gczs .gallery .gallery-cell div{ position:relative; width:97.4%; margin:0px auto; height:37.5rem; }



.about_gczs .gallery button{ position:absolute; width:3rem; height:3rem; border-radius:50%; border:1px solid #eeeeee; background-repeat:no-repeat; background-position:center; top:0px; background-size:1rem; background-color:#ffffff; margin-top:-6.5rem; }

.about_gczs .gallery button svg{ opacity:0; border:1px solid #0097ff; }

.about_gczs .gallery button:hover{ background-color:#0097ff; }

.about_gczs .gallery button.previous{ background-image:url(../images/jt_l.png); right:10%; }

.about_gczs .gallery button.next{ background-image:url(../images/jt_r.png); right:6%; }

.about_gczs .gallery button.previous:hover{ background-image:url(../images/jt_l2.png); }

.about_gczs .gallery button.next:hover{ background-image:url(../images/jt_r2.png); }



/*动画效果*/

.i_md .about_jj .width1680 div.bg div.t div.r{ opacity:0; margin-top:3rem; }

.i_md.on .about_jj .width1680 div.bg div.t div.r{ opacity:1; margin-top:0px; transition:all 0.5s ease; }



.i_md .about_qywh .hidden.l{ opacity:0; margin-top:3rem; }

.i_md.on .about_qywh .hidden.l{ opacity:1; margin-top:0px; transition:all 0.5s ease; }



.i_md .about_gsry .width1680 ul.xx{ opacity:0; margin-top:3rem; }

.i_md.on .about_gsry .width1680 ul.xx{ opacity:1; margin-top:0px; transition:all 0.5s ease; }



.i_md .about_gsry .width1680 #zsgun{ opacity:0; padding-top:3rem; }

.i_md.on .about_gsry .width1680 #zsgun{ opacity:1; padding-top:0px; transition:all 0.5s ease; }



.i_md .about_fzls .gallery{ opacity:0; padding-top:3rem; }

.i_md.on .about_fzls .gallery{ opacity:1; padding-top:0px; transition:all 0.5s ease; }



.i_md .about_gczs .gallery{ opacity:0; padding-top:3rem; }

.i_md.on .about_gczs .gallery{ opacity:1; padding-top:0px; transition:all 0.5s ease; }



/*ny_banner*/

.ny_banner{ position:relative; overflow:hidden; }

.ny_banner .width1680{ height:40rem; position:relative; z-index:2; display:flex; align-items:center; }

.ny_banner .width1680 div{ width:100%; text-align:center; color:#ffffff; }

.ny_banner .width1680 div dd{ font-size:3rem; margin-bottom:0.75rem; }

.ny_banner .width1680 div dl{ font-size:3.75rem; text-transform:uppercase; font-weight:bold; }



/*产品中心*/

.cp_bg{ position:relative; overflow:hidden; padding-bottom:7.5rem; min-height:100vh; }

.cp_bg .cp_l{ position:absolute; top:0px; left:0px; bottom:0px; width:20.5%; border-right:1px solid #eeeeee; z-index:20; padding-top:2rem; }

.cp_bg .cp_l div.t{ font-size:3rem; color:#333333; font-weight:bold; width:71.5%; margin-left:28.5%; }

.cp_bg .cp_l ul,.cp_bg .cp_l ul li{ overflow:hidden; }

.cp_bg .cp_l ul{ margin-top:1.5rem; width:71.5%; margin-left:28.5%; }

.cp_bg .cp_l ul li{ border-bottom:1px solid #eeeeee; padding:1rem 0px; }

.cp_bg .cp_l ul li a{ color:#333333; display:block; position:relative; }

.cp_bg .cp_l ul li dd a{ font-size:1.125rem; line-height:1.5; padding-right:2.5rem; }

.cp_bg .cp_l ul li.on dd a,.cp_bg .cp_l ul li a:hover{ color:#057aca; }

.cp_bg .cp_l ul li a i{ position:absolute; width:1.125rem; height:1.125rem; top:50%; margin-top:-0.5625rem; right:1rem; background-position:center; background-repeat:no-repeat; background-size:cover; }

.cp_bg .cp_l ul li a i{ background-image:url(../images/j_d.png); }

.cp_bg .cp_l ul li.on a i{ background-image:url(../images/j_s.png); }



.cp_bg .cp_l ul li dl{ display:none; padding-left:5%; padding-top:0.5rem; font-size:1rem; line-height:2; }

.cp_bg .cp_l ul li.on dl{ display:block; }

.cp_bg .cp_l ul li dl a.x{ color:#057aca; }



.cp_bg .cp_l div.f{ margin-top:2.5rem; background-color:#057aca; padding-left:28.5%; font-size:1.125rem; }

.cp_bg .cp_l div.f a{ display:block; color:#ffffff; line-height:1.5; padding:1.35rem 0px; }



.cp_sx{ position:relative; }

.cp_sx i.bg{ position:absolute; right:0px; top:0px; bottom:0px; z-index:0; width:79.5%; background-image:linear-gradient(to bottom, #ffffff, #f6f6f6); }

.cp_sx .width1680{ position:relative; z-index:9; }

.cp_sx .width1680 .hidden{ padding:2rem 0px 1rem; float:right; width:75%; }

.cp_sx .width1680 .hidden div{ overflow:hidden; }

.cp_sx .width1680 .hidden div.t{ margin-bottom:2.5rem; }

.cp_sx .width1680 .hidden div.t dd{ font-size:2.25rem; font-weight:bold; color:#333333; }

.cp_sx .width1680 .hidden div.t dl{ font-size:1.125rem; color:#999999; margin-top:0.5rem; }

.cp_sx .width1680 .hidden div.f{ padding-left:6.5rem; position:relative; font-size:1.125rem; line-height:2; }

.cp_sx .width1680 .hidden div.f i,.cp_sx .width1680 .hidden div.f a{ color:#333333; }

.cp_sx .width1680 .hidden div.f i{ position:absolute; left:0px; }

.cp_sx .width1680 .hidden div.f a{ display:block; float:left; margin-right:5px; padding:0px 1rem; border-radius:2rem; margin-bottom:1.5rem; }

.cp_sx .width1680 .hidden div.f a.on,.cp_sx .width1680 .hidden div.f a:hover{ background-color:#057aca; color:#ffffff; }



.cp_lb .hidden{ float:right; width:75%; }

.cp_lb .hidden ul,.cp_lb .hidden ul li{ overflow:hidden; }

.cp_lb .hidden ul{ margin-top:3rem; width:102%; margin-bottom:5.5rem; min-height: 60vh; }

.cp_lb .hidden ul li{ float:left; margin-bottom:2rem; width:31.28%; margin-right:2%; }

.cp_lb .hidden ul li div.bg{ border:1px solid #eeeeee; height:32.75rem; overflow:hidden; }

.cp_lb .hidden ul li div.bg div{ overflow:hidden; }

.cp_lb .hidden ul li div.bg div.t{ position:relative; height:23rem; }

.cp_lb .hidden ul li div.bg div.t a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; }

.cp_lb .hidden ul li div.bg div.t a i{ transition:all 0.5s ease; }

.cp_lb .hidden ul li div.bg div.t a:hover i{ transform:scale(0.98); transition:all 0.5s ease; }

.cp_lb .hidden ul li div.bg div.c{ border-top:1px solid #eeeeee; height:5.375rem; padding:1.5rem 8% 0px; }

.cp_lb .hidden ul li div.bg div.c dd{ font-size:1.5rem; color:#333333; font-weight:bold; }

.cp_lb .hidden ul li div.bg div.c dl{ font-size:1rem; color:#999999; margin-top:0.75rem; }

.cp_lb .hidden ul li div.bg div.f{ border-top:1px solid #eeeeee; height:2.75rem; }

.cp_lb .hidden ul li div.bg div.f a{ display:block; line-height:2.75rem; font-size:1rem; text-align:center; width:50%; }

.cp_lb .hidden ul li div.bg div.f a.y{ float:left; color:#333333; }

.cp_lb .hidden ul li div.bg div.f a.y:hover{ color:#ffffff; background-color:#1673bb; }

.cp_lb .hidden ul li div.bg div.f a.x{ float:right; color:#1673bb; margin-left:-1px; border-left:1px solid #eeeeee; }

.cp_lb .hidden ul li div.bg div.f a.x i{ opacity:0; }

.cp_lb .hidden ul li div.bg div.f a.x:hover{ color:#ffffff; background-color:#1673bb; }

.cp_lb .hidden ul li div.bg div.f a.x:hover i{ opacity:1; }



/*产品中心详情*/

.cp_s_t{ margin:4rem auto; position:relative; }

.cp_s_t ul.xx,.cp_s_t ul.sx{ position:absolute; z-index:9; }

.cp_s_t ul.xx{ left:0px; width:25%; max-width:390px; overflow:hidden; }

.cp_s_t ul.xx li{ overflow:hidden; }

.cp_s_t ul.xx li.t{ font-size:3.75rem; font-weight:bold; color:#333333; margin-bottom:1.5rem; }

.cp_s_t ul.xx li.c{ font-size:1.125rem; color:#999999; line-height:2; }

.cp_s_t ul.xx li.f{ margin-top:1.5rem; }

.cp_s_t ul.xx li.f a{ display:block; border:1px solid #eeeeee; height:3rem; line-height:3rem; font-size:1.5rem; color:#007dcc; padding-left:5.5rem; background:url(../images/zx.png) no-repeat scroll 2.5rem center; max-width:9.5rem; }

.cp_s_t ul.xx li.f a:hover{ background-color:#007dcc; border:1px solid #007dcc; color:#ffffff; background-image:url(../images/zx2.png);  }



.cp_s_t ul.sx{ right:0px; }

.cp_s_t ul.sx li{ float:left; margin-left:3rem; position:relative; cursor:pointer; }

.cp_s_t ul.sx li dd{ font-size:1.5rem; color:#999999; position:relative; padding-bottom:1rem; }

.cp_s_t ul.sx li dd a{ color:#999999; }

.cp_s_t ul.sx li:hover dd{ color:#333333; }

.cp_s_t ul.sx li dd i{ position:absolute; height:2px; background-color:#333333; width:0px; bottom:0px; left:50%; opacity:0; transition:all 0.5s ease; }

.cp_s_t ul.sx li:hover dd i{ opacity:1; width:72%; left:9%; transition:all 0.5s ease; }

.cp_s_t ul.sx li dl{ position:absolute;background-color:#ffffff;padding-top:1rem;width:100%;display:none;height:16rem; overflow-x:hidden; overflow-y:auto; }

.cp_s_t ul.sx li:hover dl{ display:block; }

.cp_s_t ul.sx li dl::-webkit-scrollbar{ width:4px; }

.cp_s_t ul.sx li dl::-webkit-scrollbar-track{ background-color:#999999; }

.cp_s_t ul.sx li dl::-webkit-scrollbar-thumb{ background-color:#0097ff; }

.cp_s_t ul.sx li dl::-webkit-scrollbar-thumb:hover{ background-color:#0097ff; }

.cp_s_t ul.sx li dl::-webkit-scrollbar-thumb:active{ background-color:#0097ff;}



.cp_s_t ul.sx li dl a{ display:block; text-align:center; font-size:1.5rem; text-align:center; color:#999999; line-height:1.5; }

.cp_s_t ul.sx li dl a:hover{ color:#333333; }



.cp_s_t .ck-slide{ position:relative; overflow:hidden; width:100%; height:44.25rem; z-index:0; }

.cp_s_t .ck-slide ul.ck-slide-wrapper,.cp_s_t .ck-slide ul.ck-slide-wrapper li{ position:absolute; top:0px; left:0px; right:0px; }

.cp_s_t .ck-slide ul.ck-slide-wrapper{ bottom:0px; /*padding-bottom:3rem; background:url(../images/yy.png) no-repeat scroll center bottom; background-size:auto 3.375rem;*/ }

.cp_s_t .ck-slide ul.ck-slide-wrapper li{ z-index:0; bottom:0px; /*bottom:3rem;*/ }

.cp_s_t .ck-slide ul.ck-slide-wrapper li.on{ z-index:9; }

.cp_s_t .ck-slide ul.ck-slide-wrapper li img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

.cp_s_t .ck-slide .ck-slidebox{ position:absolute; right:0px; width:6.75rem;  bottom:30%; z-index:99; }

.cp_s_t .ck-slide .ck-slidebox .slideWrap{  }

.cp_s_t .ck-slide .ck-slidebox .slideWrap ul{ text-align:center; }

.cp_s_t .ck-slide .ck-slidebox .slideWrap ul li{ border:1px solid #eeeeee; margin-bottom:1rem; cursor:pointer; padding-bottom:1.5rem; background:url(../images/yy.png) no-repeat scroll center 85%; background-size:auto 0.5rem; }

.cp_s_t .ck-slide .ck-slidebox .slideWrap ul li.o{ border:1px solid #007dcc; }

.cp_s_t .ck-slide .ck-slidebox .slideWrap ul li img{ max-height:5rem; }



.cp_s_t .ck-slide a.ctrl-slide{ position:absolute; bottom:0px; width:3.75rem; height:3.75rem; border-radius:50%; border:1px solid #eeeeee; opacity:1 !important; background-repeat:no-repeat; background-position:center; background-size:auto 1.25rem; z-index:99; transition:all 0.5s ease; }

.cp_s_t .ck-slide a.ctrl-slide.ck-prev{ background-image:url(../images/p_s_l.png); right:5.5rem; }

.cp_s_t .ck-slide a.ctrl-slide.ck-next{ background-image:url(../images/p_s_r.png); right:0px; }

.cp_s_t .ck-slide a.ctrl-slide:hover{ background-color:#007dcc; transition:all 0.5s ease; }

.cp_s_t .ck-slide a.ctrl-slide.ck-prev:hover{ background-image:url(../images/p_s_l2.png); }

.cp_s_t .ck-slide a.ctrl-slide.ck-next:hover{ background-image:url(../images/p_s_r2.png); }



.cs_bg{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:9999; background-color:rgb(0,0,0,0.5); display:none; align-items:center; }

.cs_bg.x{ display:flex; }

.cs_bg div.bg{ width:100%; overflow:hidden; }

.cs_bg div.bg ul{ padding:2.5rem; background-color:#ffffff; width:80%; max-width:25rem; margin:0px auto; position:relative; }

.cs_bg div.bg ul a.gb{ position:absolute; background:url(../images/gb3.png) no-repeat scroll center; background-size:cover; width:2.5rem; height:2.5rem; right:0px; margin-right:-4.5rem; top:0px; transition:all 1s ease; }

.cs_bg div.bg ul a.gb:hover{ background-image:url(../images/gb2.png); transition:all 1s ease; transform:rotate(180deg); }

.cs_bg div.bg ul li.t{ margin-bottom:1rem; color:#0097ff; font-weight:bold; font-size:2.25rem; }

.cs_bg div.bg ul li.f{ border-bottom:1px dashed #cccccc; font-size:1.125rem; line-height:3; color:#999999; }



.xz_bg{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:9999; background-color:rgb(0,0,0,0.5); display:none; align-items:center; }

.xz_bg.x{ display:flex; }

.xz_bg div.bg{ width:100%; overflow:hidden; }

.xz_bg div.bg form{ padding:2.5rem; background-color:#ffffff; width:80%; max-width:46.5rem; margin:0px auto; position:relative; min-height:30rem; }

.xz_bg div.bg form a.gb{ position:absolute; background:url(../images/gb3.png) no-repeat scroll center; background-size:cover; width:2.5rem; height:2.5rem; right:0px; margin-right:-4.5rem; top:0px; transition:all 1s ease; }

.xz_bg div.bg form a.gb:hover{ background-image:url(../images/gb2.png); transition:all 1s ease; transform:rotate(180deg); }



.xz_bg div.bg form div{ overflow:hidden; }

.xz_bg div.bg form div.tit{ font-weight:bold; font-size:1.5rem; color:#333333; margin-bottom:1rem; }

.xz_bg div.bg form div.form-group{ margin-bottom:1rem; width:48%; }

.xz_bg div.bg form div#dr_row_title{ position:absolute; z-index:-9; opacity:0; }

.xz_bg div.bg form div.form-group label{ display:none; }

.xz_bg div.bg form div.form-group div{ padding:0px 1rem; background-color:#f5f5f5; }

.xz_bg div.bg form div.form-group div input,.xz_bg div.bg form div.form-group div textarea{ border:0px; outline:none; background-color:#f5f5f5; font-size:1rem; color:#999999; }

.xz_bg div.bg form div.form-group div input{ height:3rem; line-height:3rem; }

.xz_bg div.bg form div#dr_row_gsmc,.xz_bg div.bg form div#dr_row_yxdz{ float:left; }

.xz_bg div.bg form div#dr_row_lxdh,.xz_bg div.bg form div#dr_row_wjjppjxh{ float:right; }

.xz_bg div.bg form div#dr_row_qtzj,.xz_bg div.bg form div#dr_row_gkms{ float:left; width:100%; }

.xz_bg div.bg form div#dr_row_gkms div{ padding:1rem; }

.xz_bg div.bg form div.form-group div textarea{ height:8rem !important; }

.xz_bg div.bg form div.button{ float:left; width:100%; }

.xz_bg div.bg form div.button input,.xz_bg div.bg form div.button span{ float:left; height:3rem; }

.xz_bg div.bg form div.button input{ line-height:3rem; padding:0px 2.5%; width:42%; background-color:#f5f5f5; border:0px; outline:none; }

.xz_bg div.bg form div.button span{ display:block; margin-left:1.5rem; width:8.75rem; background-color:#ffffff; position:relative; }

.xz_bg div.bg form div.button span img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }



.xz_bg div.bg form div.button button{ float:right; height:3rem; font-size:1.125rem; color:#ffffff; text-align:center; border:0px; width:23%; background-color:#057aca; }

.xz_bg div.bg form div.button button:hover{ background-color:#0097ff; }



.cp_s_t .lm{ margin-top:5rem; overflow:hidden; }

.cp_s_t .lm a{ display:block; font-size:1.5rem; line-height:2; }

.cp_s_t .lm dl{ float:left; overflow:hidden; width:60%; max-width:57.75rem; }

.cp_s_t .lm dl a{ color:#999999; text-decoration:underline; }

.cp_s_t .lm dl a.g{ float:left; }

.cp_s_t .lm dl a.c{ float:right; }

.cp_s_t .lm dl a:hover{ color:#0097ff; }



.cp_s_t .lm a.d{ float:right; color:#ffffff; background:url(../images/xz.png) no-repeat scroll 2.5rem center #007dcc; padding-right:3rem; padding-left:6rem; border:1px solid #007dcc; }

.cp_s_t .lm a.d:hover{ color:#0097ff; background:url(../images/xz2.png) no-repeat scroll 2.5rem center #ffffff; }



.cp_y{ width:100%; background:url(../images/cp_y.jpg) repeat-x; height:0.75rem; }



.cp_s{ padding:2.5rem 0px 6rem; }

.cp_s div.xx{ font-size:3rem; font-weight:bold; color:#333333; border-bottom:1px solid #000000; padding-bottom:2.5rem; }

.cp_s ul.xx_lb,.cp_s ul.xx_lb li{ overflow:hidden; }

.cp_s ul.xx_lb{  }

.cp_s ul.xx_lb li{ border-bottom:1px solid #000000; color:#333333; padding:3rem 0px; position:relative; }

.cp_s ul.xx_lb li div.bg{ position:relative; padding-left:8.5%; }

.cp_s ul.xx_lb li div.bg i.s{ position:absolute; top:0px; left:0px; font-size:2.25rem; font-weight:bold; }

.cp_s ul.xx_lb li div.bg div.t{ font-size:2.25rem; font-weight:bold; position:relative; padding-right:7.5rem; cursor:pointer; }

.cp_s ul.xx_lb li div.bg div.t i{ position:absolute; right:0px; border:1px solid #333333; width:3rem; height:3rem; border-radius:50%; top:0px; background:url(../images/j_d.png) no-repeat scroll center; }

.cp_s ul.xx_lb li.on div.bg div.t i{ background-image:url(../images/j_s2.png); }

.cp_s ul.xx_lb li div.bg div.f{ overflow:hidden; margin-top:2.5rem; font-size:1.5rem; line-height:2; display:none; }

.cp_s ul.xx_lb li.on div.bg div.f{ display:block; }



.cp_s div.ts{ overflow:hidden; padding:2.5rem 0px; font-size:1.5rem; line-height:2; color:#333333; min-height:25rem; white-space:pre-wrap; }

.cp_s div.fy{ display: none; margin-top: 1rem; border-top: 1px solid #000000; padding-top: 1rem; }

.cp_s div.fy dl{ font-size: 0.875rem; line-height: 3; color:#333333; overflow: hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

.cp_s div.fy dl a{ color:#333333; }

.cp_s div.fy dl a:hover{ color:#0097ff; }



.cp_s div.cs{ padding-top:2.5rem; overflow:hidden; border-top:1px solid #000000; }

.cp_s div.cs div.t{ font-size:2.25rem; font-weight:bold; color:#333333; }

.cp_s div.cs div.bg{ width:100%; overflow-x:auto; overflow-y:hidden; }

.cp_s div.cs div.bg::-webkit-scrollbar{ height:0.5rem; }

.cp_s div.cs div.bg::-webkit-scrollbar-track{ background-color:#333333; }

.cp_s div.cs div.bg::-webkit-scrollbar-thumb{ background-color:#0097ff; }

.cp_s div.cs div.bg::-webkit-scrollbar-thumb:hover{ background-color:#0097ff; }

.cp_s div.cs div.bg::-webkit-scrollbar-thumb:active{ background-color:#0097ff;}

.cp_s div.cs div.bg ul,.cp_s div.cs div.bg ul li{ overflow:hidden; }

.cp_s div.cs div.bg ul{ margin-top:3rem; min-width:105rem; }

.cp_s div.cs div.bg ul li.b1{ background-color:#eeeeee; }

.cp_s div.cs div.bg ul li.b2{ background-color:#e1e1e1; }

.cp_s div.cs div.bg ul li dl{ float:left; font-size:1.125rem; width:8.4375rem; color:#333333; line-height:2.8; border-left:1px solid #ffffff; margin-left:-1px; text-align:center; }

.cp_s div.cs div.bg ul li dl.l{ width:10.5rem; text-align:left; padding-left:1.5rem; }



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

.cp_ly .width1680{ padding:6rem 0px 11rem; }

.cp_ly .width1680 .hidden.l{ float:left; width:42%; color:#333333; }

.cp_ly .width1680 .hidden.l dd{ font-size:3.75rem; font-weight:bold; }

.cp_ly .width1680 .hidden.l dl{ font-size:1.5rem; margin-top:2rem; min-height:10rem; }

.cp_ly .width1680 .hidden.l ol{ margin-top:1rem; height:5.5rem;background:url(../images/cp_ly.png) no-repeat scroll left center; background-size:auto 100%; }

.cp_ly .width1680 form{ display:block; float:right; width:50%; }

.cp_ly .width1680 form div{ overflow:hidden; }

.cp_ly .width1680 form div.form-group{ margin-bottom:2.25rem; width:48%; }

.cp_ly .width1680 form div#dr_row_title{ position:absolute; z-index:-9; opacity:0; }

.cp_ly .width1680 form div.form-group label{ display:none; }

.cp_ly .width1680 form div.form-group div{ border:1px solid #cccccc; padding:0px 1rem; }

.cp_ly .width1680 form div.form-group div input,.cp_ly .width1680 form div.form-group div textarea{ border:0px; outline:none; background-color:#f5f5f5; font-size:1rem; color:#999999; }

.cp_ly .width1680 form div.form-group div input{ height:3rem; line-height:3rem; }

.cp_ly .width1680 form div#dr_row_gsmc,.cp_ly .width1680 form div#dr_row_yxdz{ float:left; }

.cp_ly .width1680 form div#dr_row_lxdh,.cp_ly .width1680 form div#dr_row_wjjppjxh{ float:right; }

.cp_ly .width1680 form div#dr_row_qtzj,.cp_ly .width1680 form div#dr_row_gkms{ float:left; width:100%; }

.cp_ly .width1680 form div#dr_row_gkms div{ padding:1rem; }

.cp_ly .width1680 form div.form-group div textarea{ height:18.75rem; }

.cp_ly .width1680 form div.button{ float:left; width:100%; }

.cp_ly .width1680 form div.button input,.cp_ly .width1680 form div.button span{ float:left; height:3rem; }

.cp_ly .width1680 form div.button input{ line-height:3rem; padding:0px 2.5%; width:42%; background-color:#f5f5f5; border:1px solid #cccccc; outline:none; }

.cp_ly .width1680 form div.button span{ display:block; margin-left:1.5rem; width:8.75rem; background-color:#ffffff; position:relative; }

.cp_ly .width1680 form div.button span img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }



.cp_ly .width1680 form div.button button{ float:right; height:3rem; font-size:1.125rem; color:#ffffff; text-align:center; border:0px; width:23%; background-color:#057aca; }

.cp_ly .width1680 form div.button button:hover{ background-color:#0097ff; }



/*行业应用*/

.hyyy_lb{ padding:3.75rem 0px; }

.hyyy_lb .tit{ font-size:3rem; color:#333333; font-weight:bold; }

.hyyy_lb ul,.hyyy_lb ul li{ overflow:hidden; }

.hyyy_lb ul{ min-height:60vh; margin-top:2.5rem; }

.hyyy_lb ul li{ width:49.405%; margin-bottom:2rem; }

.hyyy_lb ul li.l{ float:left; }

.hyyy_lb ul li.r{ float:right; }

.hyyy_lb ul li a{ display:block; color:#333333; position:relative; }

.hyyy_lb ul li a div{ overflow:hidden; }

.hyyy_lb ul li a div.t{ position:relative; height:30rem; }

.hyyy_lb ul li a div.t i{ transition:all 0.5s ease; }

.hyyy_lb ul li a:hover div.t i{ transform:scale(0.98); transition:all 0.5s ease; }

.hyyy_lb ul li a div.f{ text-align:center; margin-top:2rem; }

.hyyy_lb ul li a div.f dd{ font-size:1.875rem; margin-bottom:0.5rem; }

.hyyy_lb ul li a:hover div.f dd{ color:#0097ff; }

.hyyy_lb ul li a div.f dl{ font-size:1.125rem; line-height:1.75; height:4rem; }

.hyyy_lb ul li a i.z_bg{ z-index:2; bottom:0px; height:8rem; position:absolute; left:0px; right:0px; background:url(../images/i_hyyy_wz.png) repeat-x scroll center bottom; background-size:auto 100%; display:none; }



/*应用详情*/

.show_t{ width:100%; height:7.5rem; border-bottom:1px solid #eeeeee; }

.yy_show{ padding:5.5rem 0px 7.5rem; }

.yy_show .s_l{ float:left; overflow:hidden; width:82%; }

.yy_show .s_l ol{ font-size:1.125rem; color:#057aca; margin-bottom:1.25rem; }

.yy_show .s_l dd{ font-size:3rem; font-weight:bold; color:#333333; margin-bottom:2rem; }

.yy_show .s_l dl{ font-size:1.125rem; color:#333333; line-height:2; white-space:pre-wrap; min-height:30vh; }

.yy_show .s_r{ float:right; overflow:hidden; width:16%; max-width:16.5rem; }

.yy_show .s_r a{ display:block; margin-bottom:1rem; height:3.25rem; line-height:3.25rem; text-align:center; font-size:1.125rem; transition:all 0.5s ease; }

.yy_show .s_r a:hover{ transition:all 0.5s ease; }

.yy_show .s_r a.w{ color:#333333; border:1px solid #eeeeee; }

.yy_show .s_r a.w:hover{ color:#ffffff; border:1px solid #057aca; background-color:#057aca; }

.yy_show .s_r a.c{ color:#ffffff; border:1px solid #057aca; background-color:#057aca; }

.yy_show .s_r a.c:hover{ background-color:#0097ff; }



.yy_s_qh{ position:relative; width:100%; margin-bottom:7.5rem; min-height:10rem; overflow:hidden; outline:none; }

.yy_s_qh .gallery-cell{ width:59.906%; overflow:hidden; cursor:grab; }

.yy_s_qh .gallery-cell div{ position:relative; margin:0px auto; height:40rem; width:98.246%; }



.yy_s_qh ol.flickity-page-dots{ text-align:center; margin-top:2.5rem; }

.yy_s_qh ol.flickity-page-dots li{ display:inline-block; cursor:pointer; width:3rem; height:4px; margin:0px 0.5rem; background-color:#7f7f7f; }

.yy_s_qh ol.flickity-page-dots li.is-selected{ background-color:#002582; }



.yy_s_qh button{ position:absolute; width:3rem; height:3rem; border-radius:50%; border:0px; background-repeat:no-repeat; background-position:center; top:50%; margin-top:-1.5rem; background-size:1rem; background-color:#2c2924; }

.yy_s_qh button svg{ opacity:0; }

.yy_s_qh button:hover{ background-color:#0097ff; }

.yy_s_qh button.previous{ background-image:url(../images/jt_l2.png); left:15%; }

.yy_s_qh button.next{ background-image:url(../images/jt_r2.png); right:15%; }



/*新闻中心*/

.news_top{ width:100%; border-bottom:1px solid #eeeeee; }

.news_top .width1680{}

.news_top .width1680 div{ overflow:hidden; line-height:5rem; color:#333333; }

.news_top .width1680 div a{ color:#333333; }

.news_top .width1680 div a:hover{ color:#0097ff; }

.news_top .width1680 div.l{ float:left; font-size:1rem; }

.news_top .width1680 div.r{ float:right; font-size:1.125rem; }

.news_top .width1680 div.r a{ border-bottom:3px solid rgba(5,122,202,0); display:block; float:left; padding:0px 1.5rem; }

.news_top .width1680 div.r a.on{ border-bottom:3px solid rgba(5,122,202,1); }



.news_lb{ padding:2rem 0px 5rem; min-height:70vh; }

.news_lb .tit{ font-weight:bold; font-size:3rem; color:#333333; }

.news_lb ul.xx,.news_lb ul.xx li{ overflow:hidden; }

.news_lb ul.xx{ width:102%; margin-bottom:3.5rem; min-height:60vh; }

.news_lb ul.xx li{ height:20rem; position:relative; float:left; margin-bottom:1.5rem; width:23.5%; margin-right:1.35%; }

.news_lb ul.xx li.nr{ width:100%; margin:2rem 0px; margin-right:0px; height:auto; }

.news_lb ul.xx li.nr a{ display:block; overflow:hidden; }

.news_lb ul.xx li.nr a div.hidden{ height:29.0625rem; background-color:#f1f1f1; }

.news_lb ul.xx li.nr a div.l{ float:left; position:relative; width:49.167%; }

.news_lb ul.xx li.nr a div.l i{ transition:all 0.5s ease; }

.news_lb ul.xx li.nr a:hover div.l i{ transform:scale(0.98); transition:all 0.5s ease; }

.news_lb ul.xx li.nr a div.r{ float:right; width:50.833%; display:flex; align-items:center; }

.news_lb ul.xx li.nr a div.r div{ height:21.25rem; width:94%; position:relative; margin:0px auto; max-width:44.375rem; }

.news_lb ul.xx li.nr a div.r div ol{ font-size:1rem; color:#057aca;  margin-bottom:0.75rem; }

.news_lb ul.xx li.nr a div.r div dd{ font-size:1.875rem; color:#000000; font-weight:bold; }

.news_lb ul.xx li.nr a div.r div dl{ font-size:1.125rem; color:#999999; line-height:2; margin-top:0.75rem; }

.news_lb ul.xx li.nr a div.r div del{ position:absolute; bottom:0px; left:0px; font-size:1.125rem; color:#999999; display:block; }

.news_lb ul.xx li.nr a:hover div.r div del{ color:#0097ff; }



.news_lb ul.xx li.x i.x{ position:absolute; background-color:#0097ff; z-index:9; transition:all 0.25s ease; }

.news_lb ul.xx li.x:hover i.x{ transition:all 0.5s ease; }

.news_lb ul.xx li.x i.x_t,.news_lb ul.xx li.x i.x_l{ left:0px; top:0px; }

.news_lb ul.xx li.x i.x_b,.news_lb ul.xx li.x i.x_r{ right:0px; bottom:0px; }

.news_lb ul.xx li.x i.x_t,.news_lb ul.xx li.x i.x_b{ width:0px; height:1px; }

.news_lb ul.xx li.x i.x_l,.news_lb ul.xx li.x i.x_r{ width:1px; height:0px; }

.news_lb ul.xx li.x:hover i.x_t,.news_lb ul.xx li.x:hover i.x_b{ width:100%; }

.news_lb ul.xx li.x:hover i.x_l,.news_lb ul.xx li.x:hover i.x_r{ height:100%; }



.news_lb ul.xx li.x a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; border:1px solid #eeeeee; padding:1.5rem; transition:all 0.5s ease; }

.news_lb ul.xx li.x a dd{ font-size:1.875rem; color:#333333; margin-bottom:1.25rem; max-height:5rem; overflow:hidden; }

.news_lb ul.xx li.x a:hover dd{ color:#0097ff; }

.news_lb ul.xx li.x a dl{ font-size:1.125rem; color:#999999; line-height:2; height:9rem; overflow:hidden; }

.news_lb ul.xx li.x a ol{ font-size:1rem; color:#999999; position:absolute; bottom:1.5rem; left:1.5rem; right:1.5rem; }



/*新闻详情*/

.news_s_t{ width:100%; overflow:hidden; background-color:#eeeeee; }

.news_s_t .width1680{ padding:1rem 0px; font-size:1rem; color:#333333; position:relative; }

.news_s_t .width1680 a{ color:#333333; }

.news_s_t .width1680 a:hover{ color:#0097ff; }

.news_s_t .width1680 a.fh{ position:absolute; right:0px; padding-left:2.25rem; background:url(../images/fh.png) no-repeat scroll left center; }



.news_show{ padding:3.75rem 0px 5rem; min-height:80vh; position:relative; }

.news_show ul,.news_show ul li{ overflow:hidden; }

.news_show ul.l{ float:left; width:74.524%; min-height:100vh; }

.news_show ul.l li.n{ font-size:1.875rem; color:#333333; font-weight:bold; margin-bottom:1.5rem; }

.news_show ul.l li.x{ font-size:1rem; color:#999999; border-bottom:1px solid #f1f1f1; padding-bottom:1rem; }

.news_show ul.l li.c{ font-size:1.125rem; color:#333333; line-height:2; padding:2rem 0px; }

.news_show ul.l li.f{ overflow: initial; margin:1.5rem 0px; position:relative; font-size:1rem; color:#999999; line-height:2; }

.news_show ul.l li.f a.wx{ color:#00c800; margin-left:1rem; }
.news_show ul.l li.f a.wx i#qrcodeTable{ padding: 0.5rem;background-color: #ffffff; position: absolute; margin-left: -3rem; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14); bottom: 2.5rem; opacity: 0; max-height: 0px; max-width:96px; }
.news_show ul.l li.f a.wx:hover i#qrcodeTable{ opacity: 1;  max-height: 96px; transition: all 0.5s ease; }

/*.news_show ul.l li.f a.wx img{ position: absolute; margin-left: -3rem; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14); bottom: 2.5rem; opacity: 0; max-height: 0px; max-width:0px; }
.news_show ul.l li.f a.wx:hover img{ opacity: 1;  max-height: 5rem; max-width:5rem; transition: all 0.5s ease; }*/

.news_show ul.l li.f a.wb{ color:#e71f19; margin-left:1rem; }

.news_show ul.l li.f a.fh{ color:#999999; position:absolute; right:0px;padding-left:2.25rem; background:url(../images/fh.png) no-repeat scroll left center; }

.news_show ul.l li.f a.fh:hover{ color:#0097ff; }

.news_show ul.l li.d{ border-top:1px solid #eeeeee; padding-top:1.5rem; }

.news_show ul.l li.d dl{ font-size:1.125rem; line-height:2;color:#333333; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

.news_show ul.l li.d dl i{ color:#999999; }

.news_show ul.l li.d dl a{ color:#333333; }

.news_show ul.l li.d dl a:hover{ color:#0097ff; }



.news_show div.r{ position:absolute; right:0px; top:3.75rem; bottom:5rem; width:23%; }

.news_show div.r ul{ padding:1.5rem; border:1px solid #eeeeee; }

.news_show div.r ul li.n{ border-bottom:1px solid #ffffff; margin-bottom:-1px; position:relative; z-index:8; font-size:1.875rem; color:#333333; font-weight:bold; background-color:#ffffff; }

.news_show div.r ul li.c{ border-top:1px solid #eeeeee; padding:1.5rem 0px; }

.news_show div.r ul li.c a{ display:block; }

.news_show div.r ul li.c a ol{ font-size:1rem; color:#999999; }

.news_show div.r ul li.c a dd{ margin-top:0.875rem; font-size:1.5rem; color:#333333; font-weight:bold; }

.news_show div.r ul li.c a:hover dd{ color:#0097ff; }



.news_show div.r #i1{ position:relative; z-index:8; }

.news_show div.r #i1.on ul{ position:fixed; top:6.5rem; width:18.5%; max-width:22rem; background-color:#ffffff; }

.news_show div.r #i2{ height:80vh; bottom:0px; width:100%; position:absolute; z-index:0; }



/*联系我们*/

.contact_xx{ padding:4rem 0px 10rem; }

.contact_xx .tit{ font-weight:bold; font-size:2.25rem; color:#333333; }

.contact_xx ul.xx,.contact_xx ul.xx li{ overflow:hidden; }

.contact_xx ul.xx{ margin-top:3rem; width:102%; margin-bottom:1.5rem; padding:0px 1rem; margin-left:-1rem; }

.contact_xx ul.xx li{ float:left; height:20rem;margin-top:0.5rem;width:31.805%;cursor:pointer;margin-right:1.34%; position:relative; margin-bottom:1.5rem; }

.contact_xx ul.xx li:hover{ box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14); transition:all 0.5s ease; }

.contact_xx ul.xx li div{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; border:1px solid #eeeeee; padding:2rem; color:#333333; }

.contact_xx ul.xx li div dd{ font-size:2.25rem; font-weight:bold; }

.contact_xx ul.xx li div ol{ margin:1rem 0px; }

.contact_xx ul.xx li div ol img{ max-height:1.5rem; }

.contact_xx ul.xx li div dl{ font-size:1.125rem; line-height:2; white-space:pre-wrap; }



.contact_xx .dt{ position:relative; height:40rem; margin-bottom:5rem; }



.contact_xx .lyfk{ overflow:hidden; }

.contact_xx .lyfk .ly_l{ float:left; font-size:2.25rem; font-weight:bold; color:#333333; width:30%; }



.contact_xx .lyfk form{ display:block; float:right; width:68%; max-width:69.5rem; }

.contact_xx .lyfk form div{ overflow:hidden; }

.contact_xx .lyfk form div.form-group{ margin-bottom:1.5rem; }

.contact_xx .lyfk form div#dr_row_title,.contact_xx .lyfk form div#dr_row_dianhua{ float:left; width:49%; }

.contact_xx .lyfk form div#dr_row_gsmc,.contact_xx .lyfk form div#dr_row_youxiang{ float:right; width:49%; }

.contact_xx .lyfk form div#dr_row_wenti,.contact_xx .lyfk form div.yzm,.contact_xx .lyfk form div.button{ width:100%; float:left; }

.contact_xx .lyfk form div.form-group label{ display:none; }

.contact_xx .lyfk form div.form-group div{ height:3rem; background-color:#f5f5f5; padding:0px 1.25rem; }

.contact_xx .lyfk form div.form-group div input,.contact_xx .lyfk form div#dr_row_wenti div textarea,.contact_xx .lyfk form div.yzm input{  outline:none; background-color:#f5f5f5; border:0px; font-size:1rem; color:#999999; }

.contact_xx .lyfk form div.form-group div input{ line-height:3rem; }



.contact_xx .lyfk form div#dr_row_wenti div{ padding:1rem 1.25rem; height:auto; }

.contact_xx .lyfk form div#dr_row_wenti div textarea{ line-height:2; }



.contact_xx .lyfk form div.yzm{ margin-bottom:2rem; }

.contact_xx .lyfk form div.yzm input,.contact_xx .lyfk form div.yzm span{ float:left; height:3rem; }

.contact_xx .lyfk form div.yzm input{ line-height:3rem; padding:0px 1.25rem; width:45.5%; }

.contact_xx .lyfk form div.yzm span{ display:block; margin-left:1.5rem; width:10rem; background-color:#eeeeee; position:relative; }

.contact_xx .lyfk form div.yzm span img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }



.contact_xx .lyfk form div.button{ line-height:3rem; }

.contact_xx .lyfk form div.button button{height:3rem;font-size:1.125rem;color:#ffffff;text-align:center;border:0px;width:16.25rem;background-color:#057aca; }

.contact_xx .lyfk form div.button button:hover{ background-color:#0097ff; }



/*fenye*/

.fenye{ text-align:center; font-size:1.125rem; line-height:2.223; }

.fenye i{ display:none; }

.fenye a{ color:#999999; }

.fenye a i{ display:inline-block; font-size:1.5rem; }

.fenye a,.fenye span{ border:1px solid #eeeeee; display:inline-block; padding:0px 1.023rem; margin:0px 0.25rem; }

.fenye a:hover{ color:#ffffff; background-color:#1673bb; }

.fenye span{ color:#1673bb; }



/*no*/

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

.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:#000000; }

.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; line-height:3; 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; line-height:3; color:#f4313f; }

.msg div.c dl a:hover{ background-color:#f4313f; color:#ffffff; }