@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:"Microsoft YaHei",Arial; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
/* CSS Document */

/*@font-face{
  font-family:"MiSans_r";
  src:url("Mi-R.ttf");
}*/

body{ padding:0; font-family:"Microsoft YaHei",Arial; }
html,body{ font-size:16px; }
@media only screen and (max-width:1680px){
	html,body{ font-size:14px; }
}
@media only screen and (max-width:1480px){
	html,body{ font-size:12px; }
}
.margin{ margin:0px auto; }
.hidden{ overflow:hidden; }
.width1680{ max-width:1680px; width:90%; }
.bg_q{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; 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 a.so,.top_bg .width1680 .yy,.top_bg .width1680 ul.lm,.top_bg .width1680 ul.lm li,.top_bg .width1680 ul.lm li dd,.top_bg .width1680 .so_bg,.top_bg .width1680 div.hy{ height:5.625rem; }
.top_h{ width:100%; overflow:hidden; }
.top_bg{ position:fixed; z-index:999999; top:0px; left:0px; width:100%; background-color:#ffffff; border-bottom:1px solid #eeeeee; }
.top_bg.now{ box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }
.top_bg .width1680{}
.top_bg .width1680 a.logo,.top_bg .width1680 .yy,.top_bg .width1680 ul.lm li dd,.top_bg .width1680 .so_bg,.top_bg .width1680 div.hy{ display:flex; align-items:center; }
.top_bg .width1680 a.logo{ float:left; }
.top_bg .width1680 a.logo img{ max-height: 75%; }

.top_bg .width1680 a.so,.top_bg .width1680 .yy,.top_bg .width1680 .lm{ float:right; }

.top_bg .width1680 a.so{ display:block; width:1.25rem; margin-right:1rem; background:url(../images/so_h.png) no-repeat scroll center; background-size:1.125rem; transition:all 0.25s ease; }
.top_bg .width1680 a.so:hover{ opacity:0.8; transition:all 0.5s ease; }

.top_bg .width1680 .so_bg{ float: right;position: relative; width:0px; overflow: hidden; margin-right:1.5rem; }
.top_bg .width1680 .so_bg.x{ overflow: initial; }
.top_bg .width1680 .so_bg dl{ overflow: hidden; border:1px solid #333333; border-radius: 2rem; height: 2rem; position: absolute; width: 10rem; right: 0; padding: 0px 1rem; }
.top_bg .width1680 .so_bg dl input,.top_bg .width1680 .so_bg dl button{ outline:none; border:0px; }
.top_bg .width1680 .so_bg dl input{ float: left; height: 2rem; line-height: 2rem; margin-right: 1.5rem; font-size: 0.75rem; }
.top_bg .width1680 .so_bg dl button{ position: absolute; right: 1rem; bottom: 0px; top: 0px; width: 2rem; background:url(../images/so_h.png) no-repeat scroll right center; background-size:1.125rem; }

.top_bg .width1680 .yy{ font-size:1.125rem; margin-left:1rem; }
.top_bg .width1680 .yy a{ color:#000000; display:block; padding-left:2rem; background-repeat:no-repeat; background-position:left center; background-size:1.5rem 1rem; }
.top_bg .width1680 .yy a:hover{ color:#cf000e; }
.top_bg .width1680 .yy_z{  display:none; }
.top_bg .width1680 .yy_z a{  background-image:url(../images/zg.jpg); }
.top_bg .width1680 .yy_e a{ background-image:url(../images/en.png); }

.top_bg .width1680 ul.lm{ float:left; margin-left:18%; }
.top_bg .width1680 ul.lm.x{ margin-left:8%; }
.top_bg .width1680 ul.lm li.so{ display: none; height: 2.25rem; margin-bottom:0.5rem; }
.top_bg .width1680 ul.lm li.so dl{ overflow: hidden; border:1px solid #333333; border-radius: 2rem; height: 2rem; width: 92%; margin:0px auto; padding: 0px 0.5rem; }
.top_bg .width1680 ul.lm li.so dl input,.top_bg .width1680 ul.lm li.so dl button{ outline:none; border:0px; }
.top_bg .width1680 ul.lm li.so dl input{ float: left; height: 2rem; line-height: 2rem; margin-right: 1.5rem; font-size: 0.75rem; }
.top_bg .width1680 ul.lm li.so dl button{ position: absolute; right: 0.5rem; bottom: 0px; top: 0px; width: 2rem; background:url(../images/so_h.png) no-repeat scroll right center; background-size:1.125rem; }

.top_bg .width1680 ul.lm li.hy{ display: none; text-align: center; }
.top_bg .width1680 ul.lm li.hy a{ display:inline-block; padding: 0.5rem 1rem; font-size: 1rem; color: #999999; }
.top_bg .width1680 ul.lm li.hy a:hover{ color:#cf000e; }

.top_bg .width1680 ul.lm li{ float:left; }
.top_bg .width1680 ul.lm li dd{ font-size:1.25rem; padding:0px 1.5rem; }
.top_bg .width1680 ul.lm li dd a{ display:block; height:2rem; line-height:2rem; color:#000000; }
.top_bg .width1680 ul.lm li dd a:hover{ color:#cf000e; }
.top_bg .width1680 ul.lm li dd i{ color:#c1c1c1; margin-left:0.5rem; }
.top_bg .width1680 ul.lm li dl{ text-align:center; position:fixed; background-color:rgb(207,0,14,0.6); left:0px; width:100%; opacity:0; overflow:hidden; max-height:0px; transition:all 0.25s ease; }
.top_bg .width1680 ul.lm li:hover dl{ padding:2rem 0px; opacity:1; max-height:100vh; transition:all 0.5s ease; }
.top_bg .width1680 ul.lm li dl a{ font-size:1rem; color:#ffffff; margin:0px 1.5rem; }
.top_bg .width1680 ul.lm li dl a:hover{ border-bottom:1px solid #ffffff; }

/*注册/登录*/
.top_bg .width1680 div.hy{ float: right; }
.top_bg .width1680 div.hy dl{ overflow: hidden; font-size: 1.125rem; }
.top_bg .width1680 div.hy dl i,.top_bg .width1680 div.hy dl a{ display: block; float: left; }
.top_bg .width1680 div.hy dl i{ width: 1px; height: 1.5rem; margin-top:0.25rem; background-color: #dddddd; margin-left: 1rem; }
.top_bg .width1680 div.hy dl a{ padding: 0px 1.25rem; margin-left:0.5rem; border-radius: 0.5rem; height: 2rem; line-height: 2rem; }
.top_bg .width1680 div.hy dl a.zc{ color: #333333; }
.top_bg .width1680 div.hy dl a.zc:hover{ color: #d10b18; }
.top_bg .width1680 div.hy dl a.dr{ color: #ffffff; background-color: #d10b18; }
.top_bg .width1680 div.hy dl a.dr:hover{ opacity: 0.6; }

.hy_bg{ position:fixed; z-index:999999; background-color:rgb(0,0,0,0.6); top:0px; left:0px; right:0px; bottom:0px; display:none; align-items:center; }
.hy_bg.x{ display: flex; }
.hy_bg a.gb{ position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 0; }
.hy_bg div.bg{ width: 100%; }
.hy_bg div.bg ul,.hy_bg div.bg ul li{ overflow: hidden; }
.hy_bg div.bg ul{ width: 90%; max-width: 365px; margin:0px auto; z-index: 0; padding: 1.5rem; position: relative; z-index: 9; display: none; background-color: #ffffff; }
.hy_bg div.bg ul.on{ z-index: 9; display: block; }
.hy_bg div.bg ul li.i{ text-align: center; }
.hy_bg div.bg ul li.i img{ max-height: 3.875rem; }
.hy_bg div.bg ul li.x{ margin-top: 1.25rem; font-size: 1rem; }
.hy_bg div.bg ul li.x input{ background-color: #eeeeee; height: 3rem; line-height: 3rem; border:0px; outline:none; padding: 0px 5%; width: 90%; }
.hy_bg div.bg ul li.x input::-webkit-input-placeholder{ color: #999999; }
.hy_bg div.bg ul li.y{ margin-top: 1.25rem; }
.hy_bg div.bg ul li.y input,.hy_bg div.bg ul li.y i{ height:3rem; line-height:3rem; }
.hy_bg div.bg ul li.y input{ background-color: #eeeeee; border:0px; outline:none; padding:0px 5%; width: 50%; float:left; }
.hy_bg div.bg ul li.y input::-webkit-input-placeholder{ color: #999999; }
.hy_bg div.bg ul li.y i{ display: block; float: right; width: 30%; background-color: #858e95; text-align: center;color: #ffffff;font-size: 1rem;}

.hy_bg div.bg ul li.d{ margin-top: 1.5rem; font-size: 0.875rem; color: #999999; }
.hy_bg div.bg ul li.d input{ margin-right:0.5rem; }
.hy_bg div.bg ul li.d a{ color: #999999; }
.hy_bg div.bg ul li.d a:hover{ color: #d10b18; }
.hy_bg div.bg ul li.b{ margin-top: 1.5rem; }
.hy_bg div.bg ul li.b button{ border:0px; background-color: #d10b18; color: #ffffff; font-size: 1rem; display: block; height: 3rem; line-height: 3rem; width: 100%; }
.hy_bg div.bg ul li.b button:hover{ opacity: 0.6; }
.hy_bg div.bg ul li.b a{ display: block; background-color: #d10b18; text-align: center; color: #ffffff; font-size: 1rem; display: block; height: 3rem; line-height: 3rem; width: 100%; }
.hy_bg div.bg ul li.b a:hover{ opacity: 0.6; }
.hy_bg div.bg ul li.q{ text-align: right; font-size: 1rem; margin-top: 1.5rem; color: #999999; }
.hy_bg div.bg ul li.q a{ color: #999999; }
.hy_bg div.bg ul li.q a:hover{ color: #d10b18; }
.hy_bg div.bg ul li.t{ font-size: 1.5rem; color: #333333; margin-bottom: 0.5rem; }
.hy_bg div.bg ul li.c{ font-size: 1rem; color: #999999; }

/* banner */
.banner,.banner .swiper-wrapper,.banner .swiper-wrapper .swiper-slide{ height:50rem; }
.banner{ width: 100%; overflow: hidden; position: relative; }
.banner .swiper-wrapper{  }
.banner .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.banner .swiper-wrapper .swiper-slide .width1680{ text-align:center; color:#ffffff; position:relative; z-index:5; padding-top:5rem; }
.banner .swiper-wrapper .swiper-slide .width1680 dd{ font-size:3rem; font-weight:bold; }
.banner .swiper-wrapper .swiper-slide .width1680 dl{ font-size:1.5rem; line-height:1.5;  margin-top:1.5rem; }

.banner div.qh{ position:absolute; width:2.25rem; height:3.75rem; line-height:3.75rem; text-align:center; color:#ffffff; font-size:1.25rem; background-color:rgb(0,0,0,0.1); border-radius:0.75rem; z-index:9; top:50%; margin-top:-1.875rem; }
.banner div.qh:hover{ background-color:#000000; }
.banner div.qh.qh_l{ left:2.5rem; }
.banner div.qh.qh_r{ right:2.5rem; }

.banner .page{ position:absolute; left:0px; width:100%;  bottom:1.875rem; z-index:9; text-align:center; line-height:0.25rem; }
.banner .page span{ display:inline-block; width:2.5rem; height:0.25rem; border-radius:2px; margin:0px 0.5rem; background-color:#000000; opacity:0.5; }
.banner .page span.on{  background-color:#cf000e; }

/*i_cpzx*/
.cpzx.i_cpzx{ padding:3rem 0px 2rem; }
.cpzx.i_cpzx .tit{ overflow:hidden; height:auto; margin-bottom:1.5rem; }
.i_cpzx .tit dl{ overflow:hidden; color:#333333; }
.i_cpzx .tit dl.l{ float:left; font-size:2.25rem; font-weight:bold; }
.i_cpzx .tit dl.r{ float:right; font-size:1.125rem; }
.cpzx.i_cpzx ul.lb li a dl{ height:2rem; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

/*i_about*/
.i_about{ width:100%; overflow:hidden; background-color:#f4f4f4; }
.i_about .width1680{ padding:4.75rem 0px; }
.i_about .width1680 .hidden.l{ float:left; width:50%; color:#212121; }
.i_about .width1680 .hidden.l div{ overflow:hidden; }
.i_about .width1680 .hidden.l div.t{ }
.i_about .width1680 .hidden.l div.t dd{ font-size:2.25rem; font-weight:bold; }
.i_about .width1680 .hidden.l div.t dl{ font-size:1rem; line-height:2; margin-top:1rem; }

.i_about .width1680 .hidden.l ul,.i_about .width1680 .hidden.l ul li{ overflow:hidden; }
.i_about .width1680 .hidden.l ul{ margin:2.5rem 0px 3.75rem; }
.i_about .width1680 .hidden.l ul li{ float:left; position:relative; }
.i_about .width1680 .hidden.l ul li.r{ margin-left:5.5rem; }
.i_about .width1680 .hidden.l ul li dl{ border-left:3px solid #cf000e; height:2.5rem; line-height:2.5rem; padding-left:1.5rem; position:relative; }
.i_about .width1680 .hidden.l ul li dl b{ font-size:3rem; }
.i_about .width1680 .hidden.l ul li dl i{ position:absolute; right:0px; line-height:0.5; }
.i_about .width1680 .hidden.l ul li.l dl b{ padding-right:1.5rem; }
.i_about .width1680 .hidden.l ul li.r dl b{ padding-right:2rem; }
.i_about .width1680 .hidden.l ul li.l dl i{ font-size:1rem; bottom:0px; }
.i_about .width1680 .hidden.l ul li.r dl i{ font-size:2.25rem; top:0px; }
.i_about .width1680 .hidden.l ul li dd{ font-size:1rem; margin-top:1rem; padding-left:2.5rem; }

.i_about .width1680 .hidden.l div.m{}
.i_about .width1680 .hidden.l div.m a{ font-size:1rem; color:#ffffff; display:inline-block; height:2.5rem; line-height:2.5rem; width:10rem; text-align:center; border:1px solid #cf000e; background-color:#cf000e; border-radius:0.5rem; }
.i_about .width1680 .hidden.l div.m a:hover{ background-color:#ffffff; color:#cf000e; }

.i_about .width1680 .hidden.r{ float:right; width:45%; max-width:750px; }

/*i_hyyy*/
.i_hyyy{ width:100%; overflow:hidden; position:relative; }
.i_hyyy .tit{ position:absolute; z-index:9; width:100%; top:7rem; }
.i_hyyy .tit dd{ color:#ffffff; font-weight:bold; font-size:2.25rem; }
.i_hyyy div{ overflow:hidden; }
.i_hyyy .bd .conWrap{ }
.i_hyyy .bd .conWrap .con{ position:relative; }
.i_hyyy .bd .conWrap .con i.bg_q{ z-index:0; }
.i_hyyy .bd .conWrap .con .width1680{ position:relative; z-index:9; height:50rem; display:flex; align-items:center; }
.i_hyyy .bd .conWrap .con .width1680 .bg{ color:#ffffff; max-width:780px; }
.i_hyyy .bd .conWrap .con .width1680 .bg dd{ font-size:2.25rem; font-weight:bold; margin-bottom:0.875rem; }
.i_hyyy .bd .conWrap .con .width1680 .bg dl{ font-size:1.125rem; line-height:1.75; }

.i_hyyy .hd{ position:absolute; bottom:2.5rem; width:100%; left:0px; z-index:9; }
.i_hyyy .hd .width1680{ position:relative; text-align:center; }
.i_hyyy .hd .width1680 a.qh{ position:absolute; height:2.5rem; top:50%; margin-top:-1.25rem; width:3rem; background-repeat:no-repeat; background-size:auto 100%; opacity:0.5; }
.i_hyyy .hd .width1680 a.qh:hover{ opacity:1; }
.i_hyyy .hd .width1680 a.qh.prev{ left:0px; background-position:left center; background-image:url(../images/qh_l_b.png); }
.i_hyyy .hd .width1680 a.qh.next{ right:0px; background-position:right center; background-image:url(../images/qh_r_b.png); }
.i_hyyy .hd .width1680 ul{ display:inline-block; overflow:hidden; font-size:1rem; }
.i_hyyy .hd .width1680 ul li{ float:left; color:#ffffff; cursor:pointer; position:relative; }
.i_hyyy .hd .width1680 ul li i.x{ position:absolute; top:0px; left:0px; bottom:0px; width:1px; background-color:rgb(255,255,255,0.5); }
.i_hyyy .hd .width1680 ul li div{ opacity:0.5; padding:3.5rem 2.5rem 0px; position:relative; min-width:5rem; }
.i_hyyy .hd .width1680 ul li:hover div,.i_hyyy .hd .width1680 ul li.on div{ opacity:1; }
.i_hyyy .hd .width1680 ul li div i{ position:absolute; width:100%; height:2.25rem; background-repeat:no-repeat; background-position:center; background-size:auto 100%; top:0px; left:0px; }
.i_hyyy .hd .width1680 ul li div i.b,.i_hyyy .hd .width1680 ul li.on div i.h{ opacity:1; }
.i_hyyy .hd .width1680 ul li div i.h,.i_hyyy .hd .width1680 ul li.on div i.b{ opacity:0; }

/*i_news*/
.i_news{ padding:5rem 0px; }
.news_lb.i_news .tit{ border-bottom:0px; }
.i_news .tit b{ float:left; font-size:2.25rem; color:#333333; }
.i_news .tit a{ float:right; margin-top:1rem; font-size:1rem; color:#333333; }
.i_news .tit a:hover{ color:#cf000e; }
.news_lb.i_news ul{ margin-bottom:0px; }
.news_lb.i_news ul li{ margin-bottom:0px; }

/*foot_bg*/
.foot_bg{ width:100%; background-color:#000000; }
.foot_bg .width1680{ padding:3rem 0px 1rem; }
.foot_bg .width1680 .hidden.t{ min-height:20rem; margin-bottom:2rem; }
.foot_bg .width1680 .hidden.t ul.l,.foot_bg .width1680 .hidden.t ul.l li{ overflow:hidden; }
.foot_bg .width1680 .hidden.t ul.l{ float:left; width:50%; max-width:700px; }
.foot_bg .width1680 .hidden.t ul.l li{ float:left; width:16.66666666667%; font-size:1rem; }
.foot_bg .width1680 .hidden.t ul.l li dd{ margin-bottom:1rem; }
.foot_bg .width1680 .hidden.t ul.l li dd a{ color:#ffffff; }
.foot_bg .width1680 .hidden.t ul.l li dl{ line-height:2; }
.foot_bg .width1680 .hidden.t ul.l li dl a{ display:block; color:rgba(255,255,255,0.5); }
.foot_bg .width1680 .hidden.t ul.l li dl a:hover{ color:#ffffff; }
.foot_bg .width1680 .hidden.t div.r{ float:right; max-width:545px; width:40%; overflow:hidden; }
.foot_bg .width1680 .hidden.t div.r div{ overflow:hidden; color:#ffffff; }
.foot_bg .width1680 .hidden.t div.r div.x{ float:left; width:70%; color:#ffffff; }
.foot_bg .width1680 .hidden.t div.r div.x dd{ font-size:1rem; margin-bottom:1rem; }
.foot_bg .width1680 .hidden.t div.r div.x ol{ font-size:2.25rem; font-weight:bold; margin-bottom:0.5rem; }
.foot_bg .width1680 .hidden.t div.r div.x dl{ font-size:0.875rem; line-height:2.5; }
.foot_bg .width1680 .hidden.t div.r div.e{ float:right; width:25%; max-width:100px; text-align:center; }
.foot_bg .width1680 .hidden.t div.r div.e ol{ margin-bottom:1rem; }
.foot_bg .width1680 .hidden.t div.r div.e dd{ font-size:0.875rem; }

.foot_bg .width1680 .hidden.f{ border-top:1px solid rgba(255,255,255,0.2); padding-top:0.75rem; }
.foot_bg .width1680 .hidden.f dl{ overflow:hidden; font-size:0.875rem; }
.foot_bg .width1680 .hidden.f dl.l{ float:left; color:#999999; }
.foot_bg .width1680 .hidden.f dl.l a{ color:#999999; }
.foot_bg .width1680 .hidden.f dl.l a:hover{ color:#ffffff; }
.foot_bg .width1680 .hidden.f dl.r{ float:right; color:#999999; }
.foot_bg .width1680 .hidden.f dl.r i{ margin:0px 1rem; }
.foot_bg .width1680 .hidden.f dl.r a{ color:#999999; }
.foot_bg .width1680 .hidden.f dl.r a:hover{ color:#ffffff; }

/*底部弹框*/
.tk_xx_bg{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:-9; opacity:0; transition:all 0.25s ease; background-color:rgb(0,0,0,0.5); }
.tk_xx_bg.x{ opacity:1; z-index:9999999; transition:all 0.5s ease; }
.tk_xx_bg div.bg{ max-width:32.5rem; width:80%; height:80vh; color:#333333; padding:1.5rem; max-height:24rem; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; background:url(../images/bd_bg.jpg) no-repeat scroll center; background-size:cover; border-radius:0.5rem; overflow:hidden; }
.tk_xx_bg div.bg a.gb{ position:absolute; width:1.5rem; height:1.5rem; background:url(../images/gb.png) no-repeat scroll center; background-size:cover; top:1.5rem; right:1.25rem; }
.tk_xx_bg div.bg a.gb:hover{ background-image:url(../images/gb2.png); }
.tk_xx_bg div.bg div.t{ text-align:center; font-size:2rem; font-weight:bold; }
.tk_xx_bg div.bg div.f,.tk_xx_bg div.bg div.f dl{ height:60vh; max-height:18rem; }
.tk_xx_bg div.bg div.f{ margin-top:1rem; background-color:#ffffff; padding:1rem; border-radius:1rem; }
.tk_xx_bg div.bg div.f dl{ font-size:1rem; line-height:1.75; overflow-x:hidden; overflow-y:auto; }
.tk_xx_bg div.bg div.f dl::-webkit-scrollbar{ width:0.5rem; }
.tk_xx_bg div.bg div.f dl::-webkit-scrollbar-track{ background-color:#cccccc; }
.tk_xx_bg div.bg div.f dl::-webkit-scrollbar-thumb{ background-color:#cf000e; }
.tk_xx_bg div.bg div.f dl::-webkit-scrollbar-thumb:hover{ background-color:#cf000e; }
.tk_xx_bg div.bg div.f dl::-webkit-scrollbar-thumb:active{ background-color:#cf000e; }

/*动画效果*/
.i_md .cpzx ul.lb li{ opacity:0; margin-top:3rem; }
.i_md.on .cpzx ul.lb li{ opacity:1; margin-top:0px; }
.i_md.on .cpzx ul.lb li.l1{ transition:all 0.5s ease; }
.i_md.on .cpzx ul.lb li.l2{ transition:all 0.75s ease; }
.i_md.on .cpzx ul.lb li.l3{ transition:all 1s ease; }
.i_md.on .cpzx ul.lb li.l4{ transition:all 1.25s ease; }
.i_md.on .cpzx ul.lb li.l5{ transition:all 1.5s ease; }
.i_md.on .cpzx ul.lb li.l6{ transition:all 1.75s ease; }
.i_md.on .cpzx ul.lb li.l7{ transition:all 2s ease; }
.i_md.on .cpzx ul.lb li.l8{ transition:all 2.25s ease; }

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

.i_md .i_hyyy .bd .conWrap .con .width1680 .bg{ opacity:0; margin-top:3rem; }
.i_md.on .i_hyyy .bd .conWrap .con .width1680 .bg{ opacity:1; margin-top:0px; transition:all 0.5s ease; }

.i_md .news_lb.i_news ul li{ opacity:0; margin-top:3rem; }
.i_md.on .news_lb.i_news ul li{ opacity:1; margin-top:0px; }
.i_md.on .news_lb.i_news ul li.l1{ transition:all 0.5s ease; }
.i_md.on .news_lb.i_news ul li.l2{ transition:all 0.75s ease; }
.i_md.on .news_lb.i_news ul li.l3{ transition:all 1s ease; }
.i_md.on .news_lb.i_news ul li.l4{ transition:all 1.25s ease; }

/*ny_bg*/
.ny_bg{ width:100%; overflow:hidden; background-color:#f5f5f5; }
.ny_banner{ width:100%; position:relative; overflow:hidden; }
.ny_banner .width1680{ position:relative; z-index:9; display:flex; align-items:center; }
.ny_banner .width1680 div{ width:100%; color:#ffffff; font-size:2.25rem; font-weight:bold; }

/*产品中心*/
.cp_so{ padding:1rem 0px; }
.cp_so div{ background-color:#ffffff; border-radius:0.5rem; height:3rem; padding-right:0.75rem; padding-left:3rem; position:relative; }
.cp_so div input,.cp_so div button{ border:0px; height:3rem; line-height:3rem; outline:none; background:none; font-size:1rem; color:#333333; }
.cp_so div input::-webkit-input-placeholder,.cp_so div button::-webkit-input-placeholder{ color:#999999; }
.cp_so div input{ width:100%; }
.cp_so div button{ position:absolute; left:0.75rem; top:0px; bottom:0px; background:url(../images/so_y.png) no-repeat scroll left center; width:1.5rem; }
.cp_so div button:hover{ background-image:url(../images/so_h.png); }

.banner_cpzx i.bg_q{ background-position:right center; }
.banner_cpzx .width1680{ height:20rem; }
.banner_cpzx .width1680 div{ position:relative; padding-bottom:1.5rem; }
.banner_cpzx .width1680 div i{ position:absolute; left:0px; bottom:0px; width:5rem; height:6px; background-color:#ec2128; }

.cpzx{ padding:3rem 0px 7.5rem; }
.cpzx .tit{ margin-bottom:2rem; height:3rem; position:relative; z-index:9; }
.cpzx .tit div.l{ float:left; font-size:2.25rem; font-weight:bold; color:#333333; }
.cpzx .tit div.r{ float:right; border:1px solid #eeeeee; position:relative; height:3rem; border-radius:0.5rem; width:18rem; position:relative; }
.cpzx .tit div.r dd{ position:relative; height:3rem; line-height:3rem; font-size:1rem; color:#999999; cursor:pointer; background:url(../images/cp_s.png) no-repeat scroll right center; background-size:auto 1.125rem; margin:0px 1rem; }
.cpzx .tit div.r dd:hover{ background-image:url(../images/cp_s_n.png); }
.cpzx .tit div.r dl{ position:absolute; background-color:#ffffff; border:1px solid #eeeeee; left:0px; right:0px; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); opacity:0; height:0px; overflow:hidden; transition:all 0.25s ease; }
.cpzx .tit div.r:hover dl{ opacity:1; height:auto; padding:1rem 0px; transition:all 0.5s ease; }
.cpzx .tit div.r dl a{ display:block; font-size:1rem; line-height:2rem; padding:0px 1rem; color:#333333; }
.cpzx .tit div.r dl a:hover{ background-color:#cf000e; color:#ffffff; }

.cpzx .cp_fl{ background-color:#eeeeee; border-radius:0.5rem; padding:0px 0.5rem; }
.cpzx .cp_fl div.bg,.cpzx .cp_fl div.bg i.l,.cpzx .cp_fl div.bg a.r,.cpzx .cp_fl div.bg #zsgun,.cpzx .cp_fl div.bg #zsgun #gundiv,.cpzx .cp_fl div.bg #zsgun #gundiv ul{ height:3rem; }
.cpzx .cp_fl div.bg{ padding:0.5rem 3.5rem; position:relative; overflow:hidden; text-align:center; }
.cpzx .cp_fl div.bg i.l,.cpzx .cp_fl div.bg a.r{ position:absolute; width:3rem; background-repeat:no-repeat; background-position:center; background-size:1.125rem; border-radius:0.5rem; top:0.5rem; }
.cpzx .cp_fl div.bg i.l{ left:0px; background-image:url(../images/cpzx_s1.png); background-color:#ffffff; }
.cpzx .cp_fl div.bg a.r{ right:0px; background-image:url(../images/cpzx_s2.png); background-color:#cf000e; padding:0px; margin:0px; min-width:0px; }
.cpzx .cp_fl div.bg a.r:hover{ background-color:#ec2128; }

.cpzx .cp_fl div.bg #zsgun{ overflow:hidden; width:100%; }
.cpzx .cp_fl div.bg #zsgun a.prenext{ position:absolute; z-index:-9; opacity:0; }
.cpzx .cp_fl div.bg #zsgun .hScrollPane_dragbar{ display:none; }
.cpzx .cp_fl div.bg #zsgun .hScrollPane_draghandle{ }
.cpzx .cp_fl div.bg #zsgun #gundiv{ width:100%; position:relative; float:left; display:inline; overflow:hidden; }
.cpzx .cp_fl div.bg #zsgun #gundiv ul{ position:absolute; width:999999999%; }
.cpzx .cp_fl div.bg #zsgun #gundiv ul li{ height:3rem; line-height:3rem; text-align:center; width:auto; margin:0px 0.5rem; overflow:hidden; float:left; }
.cpzx .cp_fl div.bg #zsgun #gundiv ul li a{ display:block; font-size:1.125rem; color:#333333; min-width:8rem; padding: 0px 1rem; margin:0px auto; background-color:#ffffff; border-radius:0.5rem; }
.cpzx .cp_fl div.bg #zsgun #gundiv ul li a:hover{ background-color:#333333; color:#ffffff; }

.cpzx ul.lb,.cpzx ul.lb li{ overflow:hidden; }
.cpzx ul.lb{ width:102%; margin-top:3.25rem; }
.cpzx ul.lb li{ float:left; margin-bottom:1rem; width:23.5%; margin-right:1.34%; }
.cpzx ul.lb li a{ display:block; overflow:hidden; }
.cpzx ul.lb li a ol{ background-color:#f4f4f4; height:23.75rem; position:relative; border-radius:0.5rem; }
.cpzx ul.lb li a ol img{ position:absolute; top:0px;left:0px;right:0px;bottom:0px; margin:auto; max-width:90%; max-height:90%; transition:all 0.25s ease; }
.cpzx ul.lb li a:hover ol img{ transform:scale(1.1); transition:all 0.5s ease; }
.cpzx ul.lb li a dd{ font-size:1.5rem; color:#333333; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; margin-top:0.75rem; }
.cpzx ul.lb li a:hover dd{ color:#ec2128; }
.cpzx ul.lb li a dl{ font-size:1rem; color:#999999; line-height:2; height:4rem; overflow:hidden; margin-top:0.5rem; }

/*产品分类*/
.cl_fl_t{ padding:1rem 0px; }
.cl_fl_t .tit{ font-size:1rem; color:#333333; }
.cl_fl_t .tit a{ color:#333333; }
.cl_fl_t .tit a:hover{ color:#ec2128; }
.cl_fl_t .xx{ overflow:hidden; padding:2rem 0px; }
.cl_fl_t .xx div{ overflow:hidden; }
.cl_fl_t .xx div.l{ float:left; width:45%; max-width:595px; color:#333333; }
.cl_fl_t .xx div.l dd{ font-size:3rem; font-weight:bold; }
.cl_fl_t .xx div.l dl{ padding:1.5rem 0px; font-size:1.125rem; line-height:2; min-height:8rem; }
.cl_fl_t .xx div.l ol{ overflow:hidden; }
.cl_fl_t .xx div.l ol a{ display:inline-block; font-size:1.125rem; color:#ffffff; height:3rem; line-height:3rem; border-radius:0.5rem; background:url(../images/so.png) no-repeat scroll 1.25rem center #ec2128; background-size:1rem; padding-left:3.75rem; padding-right:2rem; transition:all 0.25s ease; }
.cl_fl_t .xx div.l ol a:hover{ background-position:1rem center; transition:all 0.5s ease; }
.cl_fl_t .xx div.r{ float:right; max-width:45%; border-radius:0.5rem; }
.cl_fl_t .n{ border-top:2px solid #eeeeee; padding-top:1.25rem; overflow:hidden; }
.cl_fl_t .n a{ display:block; float:left; font-size:1.125rem; color:#333333; margin-right:4rem; }
.cl_fl_t .n a:hover,.cl_fl_t .n a.on{ color:#ec2128; }

.cl_fl_xx{ padding:2.5rem 0px 4.5rem; }
.cl_fl_xx .nr_bg{ overflow:hidden; background-color:#ffffff; margin-bottom:1.5rem; border:1px solid #eeeeee; padding:2rem 3%; }
.cl_fl_xx .nr_bg .tit{ font-size:2.25rem; font-weight:bold; color:#333333; margin-bottom:2rem; }
.cl_fl_xx .nr_bg.fl ul,.cl_fl_xx .nr_bg.fl ul li{ overflow:hidden; }
.cl_fl_xx .nr_bg.fl ul{ width:102%; }
.cl_fl_xx .nr_bg.fl ul li{ float:left; margin-bottom:1.25rem; width:31.391%; margin-right:1.86%; }
.cl_fl_xx .nr_bg.fl ul li a{ display:block; border:1px solid #eeeeee; border-radius:0.5rem; padding:1rem 1.25rem; height:8rem; transition:all 0.25s ease; }
.cl_fl_xx .nr_bg.fl ul li a:hover{ border:1px solid #cf000e; transition:all 0.5s ease; }
.cl_fl_xx .nr_bg.fl ul li a dd{ font-size:1.5rem; color:#ec2128; margin-bottom:0.75rem; }
.cl_fl_xx .nr_bg.fl ul li a dl{ font-size:1rem; color:#333333; line-height:2; }
.cl_fl_xx .nr_bg.wd .wd_bg{ overflow:hidden; }
.cl_fl_xx .nr_bg.wd .hidden.t{ background-color:#3c4856; border-top-right-radius:0.5rem; height:7.375rem; overflow:initial; border-top-left-radius:0.5rem; padding:1.25rem; }

.cl_fl_xx .nr_bg.wd .hidden.t .n{ position:relative; z-index:9; margin-bottom:2rem; height:3rem; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div{ float:left;margin-right:1.25rem;background-color:#ffffff;position:relative;border-radius:0.5rem;padding:0px 0.875rem; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div.l{ width:16rem; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div.r{ width:32rem; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div dd{ line-height:3rem; height:3rem; font-size:1.125rem; color:#999999; cursor:pointer; background:url(../images/so_y.png) no-repeat scroll right center; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div:hover dd{ background-image:url(../images/so_h.png); }
.cl_fl_xx .nr_bg.wd .hidden.t .n div dl{ position:absolute; left:0px; right:0px; background-color:#ffffff; height:0px; opacity:0; overflow:hidden; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div:hover dl{ padding:1rem 0px; height:10rem; opacity:1; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div dl ol{ height:10rem; overflow-x:hidden; overflow-y:auto; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div dl ol::-webkit-scrollbar{ width:0.5rem; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div dl ol::-webkit-scrollbar-track{ background-color:#cccccc; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div dl ol::-webkit-scrollbar-thumb{ background-color:#cf000e; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div dl ol::-webkit-scrollbar-thumb:hover{ background-color:#cf000e; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div dl ol::-webkit-scrollbar-thumb:active{ background-color:#cf000e; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div dl ol a{ display:block; padding:0px 1rem; color:#333333; font-size:1rem; line-height:2rem; transition:all 0.25s ease; }
.cl_fl_xx .nr_bg.wd .hidden.t .n div dl ol a:hover{ background-color:#ec2128; color:#ffffff; transition:all 0.5s ease; }

.cl_fl_xx .nr_bg.wd .hidden.t .bt{ overflow:hidden; }
.cl_fl_xx .nr_bg.wd .hidden.t .bt div{ float:left; color:#ffffff; font-size:1.125rem; line-height:1.75; margin-right:2%; }
.cl_fl_xx .nr_bg.wd .hidden.t .bt div.d1{ padding-left:2%; width:28%; }
.cl_fl_xx .nr_bg.wd .hidden.t .bt div.d2{ width:25%; }
.cl_fl_xx .nr_bg.wd .hidden.t .bt div.d3{ width:22%; }

.cl_fl_xx .nr_bg.wd .hidden.c{ background-color:#f5f5f5; padding:1.25rem; }
.cl_fl_xx .nr_bg.wd .hidden.c ul,.cl_fl_xx .nr_bg.wd .hidden.c ul li{ overflow:hidden; }
.cl_fl_xx .nr_bg.wd .hidden.c ul{ height:50.5rem; padding-right:1rem; overflow-x:hidden; overflow-y:auto; }
.cl_fl_xx .nr_bg.wd .hidden.c ul::-webkit-scrollbar{ width:0.5rem; }
.cl_fl_xx .nr_bg.wd .hidden.c ul::-webkit-scrollbar-track{ background-color:#999999; }
.cl_fl_xx .nr_bg.wd .hidden.c ul::-webkit-scrollbar-thumb{ background-color:#cf000e; }
.cl_fl_xx .nr_bg.wd .hidden.c ul::-webkit-scrollbar-thumb:hover{ background-color:#cf000e; }
.cl_fl_xx .nr_bg.wd .hidden.c ul::-webkit-scrollbar-thumb:active{ background-color:#cf000e; }

.cl_fl_xx .nr_bg.wd .hidden.c ul li{ border-bottom:1px solid #cccccc; background-color:#ffffff; padding:0.75rem 0px; }
.cl_fl_xx .nr_bg.wd .hidden.c ul li div{ float:left; color:#333333; line-height:1.75; margin-right:2%; }
.cl_fl_xx .nr_bg.wd .hidden.c ul li div.d1,.cl_fl_xx .nr_bg.wd .hidden.c ul li div.d3{ padding-top:1rem; }
.cl_fl_xx .nr_bg.wd .hidden.c ul li div.d1{ padding-left:2%; font-size:1.125rem; width:28%; }
.cl_fl_xx .nr_bg.wd .hidden.c ul li div.d2{ width:25%; }
.cl_fl_xx .nr_bg.wd .hidden.c ul li div.d2 dd{ font-size:1.125rem; }
.cl_fl_xx .nr_bg.wd .hidden.c ul li div.d2 dl{ font-size:0.875rem; }
.cl_fl_xx .nr_bg.wd .hidden.c ul li div.d3{ font-size:0.875rem; width:22%; }

.cl_fl_xx .nr_bg.wd .hidden.f{ background-color:#3c4856; font-size:1.125rem; color:#ffffff; text-align:right; height:3rem; line-height:3rem;border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem; padding:0px 1.25rem; }

/*产品详情*/
.cp_show_t{ padding:1.25rem 0px; }
.cp_show_t .tit{ font-size:1rem; color:#333333; }
.cp_show_t .tit a{ color:#333333; }
.cp_show_t .tit a:hover{ color:#ec2128; }
.cp_show_t .n{ font-size:1.5rem; font-weight:bold; color:#333333; border-top:1px solid #eeeeee; padding-top:1.5rem; }

.cp_show_t .xx{ overflow:hidden; padding:2rem 0px 4rem; }
.cp_show_t .xx div{ overflow:hidden; }
.cp_show_t .xx #wrapper{ float:left; width:32.5%; }
.cp_show_t .xx #wrapper #picSlideWrap{}
.cp_show_t .xx #wrapper #picSlideWrap #imgnav{}
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #img{ position:relative; border:1px solid #eeeeee; height:20.625rem; }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #img img{ position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto; max-width:94%; max-height:94%; }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn{ margin-top:1.5rem; position:relative; }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn i.qh{ position:absolute; top:0px; bottom:0px; background-repeat:no-repeat; background-position:center; background-size:auto 24px; width:16px; cursor:pointer; z-index:9; }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn i.qh.picSildeLeft{ left:24%; background-image:url(../images/qh_l_h.png); }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn i.qh.picSildeRight{ right:24%; background-image:url(../images/qh_r_h.png); }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn #cSlideUl{ width:210px; margin:0px auto; }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn #cSlideUl ul{ position:relative; width:9999999%; height:60px; }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn #cSlideUl ul li{ float:left; width:60px;height:60px; position:relative; cursor:pointer; margin:0px 5px; }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn #cSlideUl ul li i,.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn #cSlideUl ul li img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn #cSlideUl ul li i{ border:1px solid #eeeeee; z-index:2; }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn #cSlideUl ul li.hov i,.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn #cSlideUl ul li:hover i{ border:1px solid #ea0007; }
.cp_show_t .xx #wrapper #picSlideWrap #imgnav #cbtn #cSlideUl ul li img{ margin:auto; max-height:90%; max-width:90%; }

.cp_show_t .xx .nr{ float:right; width:66%; overflow:hidden; }
.cp_show_t .xx .nr div.l{ float:left; width:60%; color:#333333; }
.cp_show_t .xx .nr div.l dd{ font-size:2.25rem; font-weight:bold; margin-bottom:1.5rem; }
.cp_show_t .xx .nr div.l dl{ font-size:1.125rem; line-height:1.75; }
.cp_show_t .xx .nr div.r{ float:right; width:35%; max-width:260px; }
.cp_show_t .xx .nr div.r div{ border:1px solid #eeeeee; padding:1.25rem 0.75rem; }
.cp_show_t .xx .nr div.r div dd{ margin-bottom:1.25rem; background-color:#ea0007; }
.cp_show_t .xx .nr div.r div dd a{ text-align:center; display:block; height:3rem; line-height:3rem; color:#ffffff; transition:all 0.25s ease; }
.cp_show_t .xx .nr div.r div dd a:hover{ background-color:rgb(0,0,0,0.1); transition:all 0.5s ease; }
.cp_show_t .xx .nr div.r div dd a i{ padding-left:1.875rem; background:url(../images/cp_s_tb1.png) no-repeat scroll left center; background-size:auto 1rem; }
.cp_show_t .xx .nr div.r div dl{ border-top:1px solid #eeeeee; padding-top:1.5rem; overflow:hidden; }
.cp_show_t .xx .nr div.r div dl a{ display:block; margin-bottom:0.5rem; font-size:1.125rem; color:#333333; line-height:2; padding-left:2.25rem; background-position:left center; background-size:1rem auto; background-repeat:no-repeat; }
.cp_show_t .xx .nr div.r div dl a:hover{ color:#ec2128; }
.cp_show_t .xx .nr div.r div dl a.x{ background-image:url(../images/cp_s_tb2.png); }
.cp_show_t .xx .nr div.r div dl a.x.e{display: none; }
.cp_show_t .xx .nr div.r div dl a.b{ background-image:url(../images/cp_s_tb3.png); }

.cp_show_t .cpts{ overflow:hidden; font-size:1.125rem; color:#333333; line-height:2; padding:1rem 0px 2rem; }

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

.cp_show_t ul.yyly{ margin-top:1.5rem; margin-bottom:2rem; width:102%; }
.cp_show_t ul.yyly li{ position:relative; margin-bottom:1.5rem; height:12.8125rem; width:23.343%; margin-right:1.54%; float:left; }
.cp_show_t ul.yyly li i{ z-index:0; }
.cp_show_t ul.yyly li div{ position:absolute; top:0px;left:0px;right:0px;bottom:0px; background-color:rgb(0,0,0,0.5); z-index:8; border:1px solid #eeeeee; }
.cp_show_t ul.yyly li div dd{ color:#ffffff; font-size:1.5rem; position:absolute; bottom:1.5rem; left:5%; width:90%; }

.cp_show_t ul.cpcs{ margin-top:2rem; margin-bottom:4.5rem; border:1px solid #cccccc; }
.cp_show_t ul.cpcs li{ border-top:1px solid #cccccc; margin-top:-1px; position:relative; }
.cp_show_t ul.cpcs li dl{ font-size:1.125rem; color:#333333; line-height:1.5; }
.cp_show_t ul.cpcs li dl.l{ position:absolute; background-color:#f3f3f3; top:0px; left:0px; bottom:0px; width:13.75rem; display:flex; align-items:center; }
.cp_show_t ul.cpcs li dl.l p{ width:100%; text-align:center; }
.cp_show_t ul.cpcs li dl.r{ padding:1rem 0px; margin-left:13.75rem; border-left:1px solid #cccccc; padding-left:2.5rem; }

.cp_show_f{ padding:3rem 0px 5.5rem; }
.cp_show_f .tit{ text-align:center; font-size:1.5rem; font-weight:bold; color:#333333; }
.cp_show_f .so{ margin-top:1.5rem; background-color:#ffffff; padding:0px 1.5rem; }
.cp_show_f .so div{ height:3.75rem; padding-right:3rem; position:relative; }
.cp_show_f .so div input,.cp_show_f .so div button{ border:0px; height:3.75rem; line-height:3.75rem; outline:none; background:none; }
.cp_show_f .so div input::-webkit-input-placeholder,.cp_show_f .so div button::-webkit-input-placeholder{ color:#333333; }
.cp_show_f .so div input{ width:100%; font-size:1.125rem; }
.cp_show_f .so div button{ position:absolute; right:0px; top:0px; bottom:0px; background:url(../images/so_y.png) no-repeat scroll right center; width:3rem; }
.cp_show_f .so div button:hover{ background-image:url(../images/so_h.png); }
.cp_show_f ul.lb,.cp_show_f ul.lb li{ overflow:hidden; }
.cp_show_f ul.lb{ margin-top:3rem; }
.cp_show_f ul.lb li div{ float:left; margin-right:2%; }
.cp_show_f ul.lb li div.d1{ width:25%; margin-left:3%; }
.cp_show_f ul.lb li div.d2{ width:12%; }
.cp_show_f ul.lb li div.d3{ width:12%; }

.cp_show_f ul.lb li.t{ background-color:#3c4856; color:#ffffff; }
.cp_show_f ul.lb li.t div{ height:3rem; line-height:3rem; font-size:1rem; }

.cp_show_f ul.lb li.f{ background-color:#ffffff; color:#333333; margin-bottom:1px; padding:1rem 0px; }
.cp_show_f ul.lb li.f div.d1{ font-size:1.125rem; line-height:1.75; }
.cp_show_f ul.lb li.f div.d2{ font-size:1rem; line-height:2; }
.cp_show_f ul.lb li.f div.d3{ font-size:1rem; line-height:4; }

/*获取报价*/
.bd_bg{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:-9; opacity:0; transition:all 0.25s ease; background-color:rgb(0,0,0,0.5); }
.bd_bg.x{ opacity:1; z-index:9999999; transition:all 0.5s ease; }
.bd_bg .bg{ max-width:32.5rem; width:90%; height:90vh; max-height:43.125rem; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; background:url(../images/bd_bg.jpg) no-repeat scroll center; background-size:cover; border-radius:0.5rem; overflow:hidden; }
.bd_bg .bg a.gb{ position:absolute; width:1.5rem; height:1.5rem; background:url(../images/gb.png) no-repeat scroll center; background-size:cover; top:1.5rem; right:1.25rem; }
.bd_bg .bg a.gb:hover{ background-image:url(../images/gb2.png); }

.bd_bg .bg .tit{ text-align:center; color:#333333; width:90%; margin:3rem auto 0px; }
.bd_bg .bg .tit dd{ font-size:1.5rem; font-weight:bold; padding-top:2.25rem; background:url(../images/bj.png) no-repeat scroll center top; background-size:auto 1.5rem; }
.bd_bg .bg .tit.mf dd{ background-image:url(../images/mf.png); }
.bd_bg .bg .tit.bj dd{ background-image:url(../images/bj.png); }
.bd_bg .bg .tit dl{ font-size:1rem; margin-top:0.5vh; }
.bd_bg .bg form{ display:block; width:90%; margin:1rem auto 0px; overflow:hidden; height:60vh; max-height:30rem; overflow-x:hidden; overflow-y:auto; }
.bd_bg .bg form::-webkit-scrollbar{ width:0.5rem; }
.bd_bg .bg form::-webkit-scrollbar-track{ background-color:#cccccc; }
.bd_bg .bg form::-webkit-scrollbar-thumb{ background-color:#cf000e; }
.bd_bg .bg form::-webkit-scrollbar-thumb:hover{ background-color:#cf000e; }
.bd_bg .bg form::-webkit-scrollbar-thumb:active{ background-color:#cf000e; }

.bd_bg .bg form div{ overflow:hidden; }
.bd_bg .bg form div.form-group{ margin-bottom:1rem; }
.bd_bg .bg form div.form-group label.control-label{ display:none; }
.bd_bg .bg form div.form-group div{ border:1px solid #eeeeee; background-color:#ffffff; padding:0px 4%; font-size:1rem; }
.bd_bg .bg form div.form-group div input,.bd_bg .bg form div.form-group div select,.bd_bg .bg form div.form-group div textarea{ outline:none; border:0px; color:#333333; }
.bd_bg .bg form div.form-group div input,.bd_bg .bg form div.form-group div select{ height:2.75rem; line-height:2.75rem; }
.bd_bg .bg form div.form-group div input::-webkit-input-placeholder,.bd_bg .bg form div.form-group div textarea::-webkit-input-placeholder{ color:#999999; }
.bd_bg .bg form div.form-group div select{ display:block; width:100%; padding:0px 4%; color:#999999; }
.bd_bg .bg form div.form-group div select option{ line-height:3; }
.bd_bg .bg form div#dr_row_qxzndywfw div{ padding:0px; }
.bd_bg .bg form div#dr_row_neirong div{ padding:1rem 4%; }
.bd_bg .bg form div.button{ font-size:1rem; }
.bd_bg .bg form div.button button{ display:inline-block; color:#ffffff; width:10rem; height:2.5rem; border:1px solid #ec2128; text-align:center; background-color:#ec2128; }
.bd_bg .bg form div.button button:hover{ background-color:#ffffff; color:#ec2128; }

/*产品选型*/
.cpxx_lb{ padding:2.5rem 0px 4rem; }
.cpxx_lb .tit{ font-size:1rem; color:#333333; }
.cpxx_lb .tit a{ color:#333333; }
.cpxx_lb .tit a:hover{ color:#ec2128; }
.cpxx_lb ul,.cpxx_lb ul li{ overflow:hidden; }
.cpxx_lb ul{ min-height:50vh; width:102%; margin-top:2rem; }
.cpxx_lb ul li{ float:left; width:31.805%; margin-right:1.285%; max-height:27.5rem; margin-bottom:2rem; }
.cpxx_lb ul li a{ display:block; color:#333333; }
.cpxx_lb ul li a ol{ height:17.8125rem; position:relative; margin-bottom:1rem; overflow:hidden; }
.cpxx_lb ul li a ol i{ transition:all 0.25s ease; }
.cpxx_lb ul li a:hover ol i{ transform:scale(1.1); transition:all 0.5s ease; }
.cpxx_lb ul li a dd{ font-size:1.5rem; font-weight:bold; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.cpxx_lb ul li a:hover dd{ color:#ec2128; }
.cpxx_lb ul li a dl{ margin-top:0.5rem; font-size:1rem; line-height:2; }

/* 产品选型 详情 */
.banner_cpxx i.bg_q{ background-image:url(../images/banner_cpxx.jpg); }
.banner_cpxx .width1680{ height:22.5rem; }
.banner_cpxx .width1680 .bg{ width:100%; }
.banner_cpxx .width1680 .bg div{ width:auto; }
.banner_cpxx .width1680 .bg .l{ float:left; max-width:540px; }
.banner_cpxx .width1680 .bg .l dd{ font-size:2.25rem; margin-bottom:1.5rem; }
.banner_cpxx .width1680 .bg .l dl{ font-size:1.125rem; font-weight:300; line-height:2; }
.banner_cpxx .width1680 .bg .r{ position:absolute; top:0px; right:0px; bottom:0px; display:flex; align-items:center; max-width:50%; }
.banner_cpxx .width1680 .bg .r img{ max-height:90%; }

.cpxx_show{ padding:5.5rem 0px 7.5rem; min-height:50vh; }
.cpxx_show ul,.cpxx_show ul li{ overflow:hidden; }
.cpxx_show div.n{ overflow:hidden; margin-bottom:1.5rem; }
.cpxx_show div.n a{ display:block; font-size:1.125em; height:2.5rem; line-height:2.5rem; }
.cpxx_show div.n a.l{ float:left; width:10rem; height:2.5rem; line-height:2.5rem; text-align:center; color:#ffffff; border:1px solid #cf000e; background-color:#cf000e; }
.cpxx_show div.n a.l:hover{ background-color:#ffffff; color:#cf000e; }
.cpxx_show div.n a.l.y,.cpxx_show div.n a.l.z.on{ display:block; }
.cpxx_show div.n a.l.z,.cpxx_show div.n a.l.y.on{ display:none; }
.cpxx_show div.n a.r{ float:right; color:#333333; background-position:left center; background-size:auto 1.75rem; background-repeat:no-repeat; }
.cpxx_show div.n a.r.d{ margin-left:1.5rem; padding-left:2.25rem; background-image:url(../images/cp_tb2.png); }
.cpxx_show div.n a.r.c{ padding-left:2.5rem; background-image:url(../images/cp_tb1.png); }
.cpxx_show div.n a.r:hover{ color:#cf000e; }

.cpxx_show ul.sxq,.cpxx_show ul.sxq li{ overflow:initial; }
.cpxx_show ul.sxq{ background-color:#f4f4f4; padding:2rem; height:12rem; display:block; position:relative; z-index:9; }
.cpxx_show ul.sxq.on{ display:none; }
.cpxx_show ul.sxq li{ float:left; margin-bottom:1.25rem; width:23.55%; z-index:0; margin-right:1.4%; position:relative; }
.cpxx_show ul.sxq li:hover{ z-index:9; }
.cpxx_show ul.sxq li div.t{ font-size:1.125rem; color:#333333; margin-bottom:0.75rem; }
.cpxx_show ul.sxq li div.f{ border:1px solid #cccccc; position:relative; background-color:#ffffff; height:2.5rem; }
.cpxx_show ul.sxq li div.f dd{ height:2.5rem; line-height:2.5rem; position:relative; margin:0px 0.5rem; }
.cpxx_show ul.sxq li div.f dd i{ position:absolute; right:0px; color:#ec1216; font-size:1rem; top:50%; margin-top:-0.5rem; }
.cpxx_show ul.sxq li div.f dl{ position:absolute; background-color:#ffffff; border:1px solid #cccccc; z-index:9; left:0px; right:0px;height:0px; opacity:0; overflow:hidden; transition:all 0.25s ease; }
.cpxx_show ul.sxq li div.f:hover dl{ opacity:1; padding:1rem 0px; transition:all 0.5s ease; height:10rem; overflow-x:hidden; overflow-y:auto; }
.cpxx_show ul.sxq li div.f dl a{ display:block; padding:0px 1rem; color:#333333; font-size:1rem; line-height:2; }
.cpxx_show ul.sxq li div.f dl a:hover{ background-color:#cf000e; color:#ffffff; }

.cpxx_show .lb_bg{ overflow:hidden; }
.cpxx_show .lb_t{ background-color:#3c4856; color:#ffffff; overflow:hidden; }
.cpxx_show .lb_t dl{ float:left; font-size:1.125rem; height:4rem; line-height:4rem; margin-right:1.25%; }
.cpxx_show .lb_t dl.d1{ width:16%; margin-left:2%; }
.cpxx_show .lb_t dl.d2{ width:16%; }
.cpxx_show .lb_t dl.d3{ width:8.5%; }
.cpxx_show .lb_t dl.d4{ width:8.5%; }
.cpxx_show .lb_t dl.d5{ width:8.5%; }
.cpxx_show .lb_t dl.d6{ width:16%; }
.cpxx_show .lb_t dl.d7{ width:16%; margin-right:0px; }

.cpxx_show ul.lb{ height:34rem; overflow-x:hidden; overflow-y:auto; }
.cpxx_show ul.lb::-webkit-scrollbar{ width:0.5rem; }
.cpxx_show ul.lb::-webkit-scrollbar-track{ background-color:#cccccc; }
.cpxx_show ul.lb::-webkit-scrollbar-thumb{ background-color:#cf000e; }
.cpxx_show ul.lb::-webkit-scrollbar-thumb:hover{ background-color:#cf000e; }
.cpxx_show ul.lb::-webkit-scrollbar-thumb:active{ background-color:#cf000e; }
.cpxx_show ul.lb li{ border-bottom:1px solid #eeeeee; padding:0.75rem 0px; }
.cpxx_show ul.lb li:hover{ background-color:#e3eaee; }
.cpxx_show ul.lb li dl{ float:left; font-size:1.125rem; color:#2d2f32; margin-right:1.25%; }
.cpxx_show ul.lb li dl.d1{ width:16%; margin-left:2%; }
.cpxx_show ul.lb li dl.d2{ width:16%; }
.cpxx_show ul.lb li dl.d3{ width:8.5%; }
.cpxx_show ul.lb li dl.d4{ width:8.5%; }
.cpxx_show ul.lb li dl.d5{ width:8.5%; }
.cpxx_show ul.lb li dl.d6{ width:16%; }
.cpxx_show ul.lb li dl.d7{ width:16%; margin-right:0px; }

/*应用*/
.banner_yy .width1680{ height:38.75rem; }
.banner_yy .width1680 div{ max-width:770px; }
.banner_yy .width1680 div dd{ margin-bottom:1rem; }
.banner_yy .width1680 div dl{ font-size:1.125rem; font-weight:300; line-height:2; }

.yy_xx{ padding:5rem 0px 7rem; }
.yy_xx .tit{ font-size:2.25rem; font-weight:bold; color:#333333; border-bottom:1px solid #cccccc; padding-bottom:1.5rem; }
.yy_xx .xx{ margin-top:2.5rem; overflow:hidden; min-height:60vh; }
.yy_xx .xx .hidden.l{ float:left; width:20%; max-width:260px; }
.yy_xx .xx .hidden.l div.so{ border:1px solid #cccccc; height:2.5rem; }
.yy_xx .xx .hidden.l div.so div{ margin:0px 1rem; padding-right:1.5rem; position:relative; }
.yy_xx .xx .hidden.l div.so div input,.yy_xx .xx .hidden.l div.so div button{ border:0px; height:2.5rem; line-height:2.5rem; outline:none; background:none; font-size:1rem; color:#333333; }
.yy_xx .xx .hidden.l div.so div input::-webkit-input-placeholder,.cxwt .so_bd div button::-webkit-input-placeholder{ color:#999999; }
.yy_xx .xx .hidden.l div.so div input{ width:100%; }
.yy_xx .xx .hidden.l div.so div button{ position:absolute; right:0px; top:0px; bottom:0px; background:url(../images/so_y.png) no-repeat scroll right center; width:1.5rem; }
.yy_xx .xx .hidden.l div.so div button:hover{ background-image:url(../images/so_h.png); }

.yy_xx .xx .hidden.l .lm{ overflow:hidden; margin-top:2rem; font-size:1rem; font-weight:bold; }
.yy_xx .xx .hidden.l .lm a{ display:block; border-left:3px solid #eeeeee; padding:1rem 0px 1rem 1.5rem; color:#999999; }
.yy_xx .xx .hidden.l .lm a:hover,.yy_xx .xx .hidden.l .lm a.on{ color:#333333; border-left:3px solid #ec2128; }

.yy_xx .xx ul.r{ float:right; width:75%; }
.yy_xx .xx ul.r li{ overflow:hidden; border-bottom:1px solid #eeeeee; padding-bottom:3rem; margin-bottom:3rem; }
.yy_xx .xx ul.r li div{ overflow:hidden; }
.yy_xx .xx ul.r li div.c{ float:left; width:42%; max-width:455px; color:#333333; }
.yy_xx .xx ul.r li div.c dd{ font-weight:bold; font-size:1.5rem; margin-bottom:0.5rem; }
.yy_xx .xx ul.r li div.c dl{ font-size:1rem; line-height:2rem; min-height:6rem; }
.yy_xx .xx ul.r li div.c ol{ margin-top:1rem; }
.yy_xx .xx ul.r li div.c ol a{ font-size:1rem; color:#ec2128; background:url(../images/m.png) no-repeat scroll right center; padding-right:2rem; transition:all 0.25s ease; }
.yy_xx .xx ul.r li div.c ol a:hover{ padding-right:2.5rem; transition:all 0.5s ease; }
.yy_xx .xx ul.r li div.i{ float:right; width:55%; max-width:690px; text-align:right; }

.yy_xx .xx div.r{ float:right; width:75%; }
.yy_xx .xx div.r dd{ border-bottom:1px solid #eeeeee; font-weight:bold; font-size:2.25rem; color:#333333; padding-bottom:0.75rem; }
.yy_xx .xx div.r dl{ margin-top:2rem; font-size:1.125rem; color:#333333; line-height:2; }
.yy_xx .xx div.r dl b,.yy_xx .xx div.r dl strong{ font-size:1.5rem; }

/*服务*/
.banner_fwzx .width1680{ height:38.75rem; }
.banner_fwzx .width1680 div{ text-align:center; }

.fw_xx{ padding:3rem 0px 5rem; }
.fw_xx .tit{ text-align:center; color:#333333; margin-bottom:2rem; }
.fw_xx .tit dd{ font-size:2.25rem; font-weight:bold; }
.fw_xx .tit dl{ font-size:1.125rem; margin-top:0.75rem; }

.fw_xx ul.pcfw,.fw_xx ul.pcfw li{ overflow:hidden; }
.fw_xx ul.pcfw{ width:102%; margin-bottom:3.5rem; }
.fw_xx ul.pcfw li{ margin-bottom:1.5rem; float:left; background-color:#ffffff; width:31.805%; margin-right:1.3%; height:10rem; position:relative; }
.fw_xx ul.pcfw li a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:flex; align-items:center; }
.fw_xx ul.pcfw li a div.bg{ width:92%; padding:0px 4%; }
.fw_xx ul.pcfw li a div.bg img{ float:left; width:12%; max-width:60px; }
.fw_xx ul.pcfw li a div.bg div{ float:right; width:80%; }
.fw_xx ul.pcfw li a div.bg div dd{ font-size:1.5rem; font-weight:bold; color:#333333; }
.fw_xx ul.pcfw li a:hover div.bg div dd{ color:#ec2128; }
.fw_xx ul.pcfw li a div.bg div dl{ font-size:1rem; color:#999999; margin-top:0.75rem; }

.fw_xx .jszy{ margin-bottom:4.5rem; overflow:hidden; }
.fw_xx .jszy div{ overflow:hidden; }
.fw_xx .jszy div.bg{ width:49.5%; background-color:#ffffff; }
.fw_xx .jszy div.l{ float:left; }
.fw_xx .jszy div.r{ float:right; }
.fw_xx .jszy div.bg div.n{ height:4.25rem; line-height:4.25rem; font-size:1.5rem; font-weight:bold; color:#ffffff; background:url(../images/jszy.jpg) no-repeat scroll right center #ff2000; padding-left:1.875rem; }
.fw_xx .jszy div.bg ul,.fw_xx .jszy div.bg ul li{ overflow:hidden; }
.fw_xx .jszy div.bg ul{ border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; height:15rem; padding:1.5rem 2rem; }
.fw_xx .jszy div.bg ul li{ font-size:1rem; }
.fw_xx .jszy div.bg ul li a{ display:block; color:#333333; line-height:3; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; position:relative; padding-left:0.75rem; }
.fw_xx .jszy div.bg ul li a i{ position:absolute; width:4px; height:4px; background-color:#333333; left:0px; top:50%; margin-top:-1px; }
.fw_xx .jszy div.bg ul li a:hover{ color:#ec2128; }
.fw_xx .jszy div.bg ul li a:hover i{ background-color:#ec2128; }

.fw_xx .jszy div.bg div.m{ text-align:center; border:1px solid #eeeeee; }
.fw_xx .jszy div.bg div.m a{ display:block; font-size:1rem; color:#ec2128; height:3.5rem; line-height:3.5rem; }
.fw_xx .jszy div.bg div.m a:hover{ color:#cf000e; }

.fw_xx ul.kh,.fw_xx ul.kh li{ overflow:hidden; }
.fw_xx ul.kh{ width:104%; }
.fw_xx ul.kh li{ float:left; background-color:#ffffff; height:6.25rem; position:relative; margin-bottom:1rem; width:15%; margin-right:1.22%; }
.fw_xx ul.kh li img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; max-width:90%; max-height:90%; }

/*文档中心*/
.wdxz{ padding:2.5rem 0px 3rem; }
.wdxz .tit{ font-size:2.25rem; font-weight:bold; color:#333333; border-bottom:1px solid #cccccc; padding-bottom:1rem; }
.wdxz .so{ margin-top:1.5rem; height:4rem; position:relative; z-index:9; }
.wdxz .so div.l,.wdxz .so div.r{ border:1px solid #f5f5f5; background-color:#f5f5f5; height:3rem; width:24%; }
.wdxz .so div.l{ float:left; margin-right:1.5%; position:relative; }
.wdxz .so div.l dd{ font-size:1.125rem; line-height:3rem; height:3rem; cursor:pointer; margin:0px 1.25rem; }
.wdxz .so div.l dl{ position:absolute; width:100%; padding:1rem 0px; background-color:#f5f5f5; display:none; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }
.wdxz .so div.l:hover dl{ display:block; }
.wdxz .so div.l dl a{ display:block; font-size:1rem; color:#333333; padding:0.5rem 1.25rem; }
.wdxz .so div.l dl a:hover{ background-color:#cf000e; color:#ffffff; }

.wdxz .so div.r{ float:right; }
.wdxz .so div.r div{ margin:0px 1.25rem; padding-right:1.5rem; overflow:hidden; position:relative; }
.wdxz .so div.r div input,.wdxz .so div.r div button{ border:0px;height:3rem;line-height:3rem;outline:none; background:none; font-size:1rem; color:#333333; }
.wdxz .so div.r div input::-webkit-input-placeholder,.wdxz .so div.r div button::-webkit-input-placeholder{ color:#333333; }
.wdxz .so div.r div input{ width:100%; }
.wdxz .so div.r div button{ position:absolute;right:0px;top:0px;bottom:0px; background:url(../images/so_y.png) no-repeat scroll right center; width:1.5rem; }
.wdxz .so div.r div button:hover{ background-image:url(../images/so_h.png); }

.wdxz ul,.wdxz ul li{ overflow:hidden; }
.wdxz ul{ margin:2.5rem 0px; min-height:50vh; font-size:1.125em; }
.wdxz ul li.t{ background-color:#3c4856; color:#ffffff; padding:0.875rem 0px; }
.wdxz ul li.f{ background-color:#f5f5f5; color:#333333; }
.wdxz ul li.f a{ display:block; overflow:hidden; padding:0.875rem 0px; color:#333333; transition:all 0.25s ease; }
.wdxz ul li.f a:hover{ background-color:#e0e0e0; transition:all 0.5s ease; }
.wdxz ul li{ margin-bottom:1px; }
.wdxz ul li dl{ float:left; position:relative; }
.wdxz ul li dl.d1{ width:15%; padding-left:1.7%; }
.wdxz ul li dl.d2{ width:16.7%; }
.wdxz ul li dl.d3{ width:16.5%; }
.wdxz ul li dl.d4{ width:17%; }
.wdxz ul li dl.d5{ width:17.1%; }
.wdxz ul li dl.d6{ width:16%; }
.wdxz ul li.f a dl.d6 i{ position:absolute; width:2rem; height:1.5rem; background:url(../images/xz.png) no-repeat scroll right center; background-size:auto 100%; right:15%; top:50%; margin-top:-0.75rem; opacity:0; transition:all 0.25s ease; }
.wdxz ul li.f a:hover dl.d6 i{ opacity:1; transition:all 0.5s ease; }

/*软件下载*/
.rjxz{ padding:2.5rem 0px 4.5rem; }
.rjxz .tit{ font-size:2.25rem; font-weight:bold; color:#333333; border-bottom:1px solid #cccccc; padding-bottom:1rem; }
.rjxz .so{ margin-top:1.5rem; height:4rem; position:relative; z-index:9; }
.rjxz .so div.l{ float:left; border:1px solid #f5f5f5; background-color:#f5f5f5; height:3rem; width:24%; margin-right:1.5%; position:relative; }
.rjxz .so div.l dd{ font-size:1.125rem; line-height:3rem; height:3rem; cursor:pointer; margin:0px 1.25rem; position:relative; }
.rjxz .so div.l dd i{ position:absolute; right:0px; color:#cf000e; top:50%; margin-top:-0.875rem; line-height:1.125rem; font-size:1.5rem; }
.rjxz .so div.l dl{ position:absolute; width:100%; padding:1rem 0px; background-color:#f5f5f5; display:none; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }
.rjxz .so div.l:hover dl{ display:block; }
.rjxz .so div.l dl a{ display:block; font-size:1rem; color:#333333; padding:0.5rem 1.25rem; }
.rjxz .so div.l dl a:hover{ background-color:#cf000e; color:#ffffff; }
.rjxz ul,.rjxz ul li{ overflow:hidden; }
.rjxz ul{ margin:2.5rem 0px; min-height:50vh; }
.rjxz ul li{ margin-bottom:1.5rem; background-color:#f5f5f5; height:20rem; width:49.5%; }
.rjxz ul li.l{ float:left; }
.rjxz ul li.r{ float:right; }
.rjxz ul li .bg{ padding:1.5rem; overflow:hidden; }
.rjxz ul li .bg div{ overflow:hidden; }
.rjxz ul li .bg div.l{ float:left; width:31%; }
.rjxz ul li .bg div.r{ float:right; width:66%; color:#333333; }
.rjxz ul li .bg div.r dd{ font-size:1.5rem; font-weight:bold; line-height:1.5; }
.rjxz ul li .bg div.r dl{ font-size:1rem; line-height:2; margin-top:0.5rem; height:8rem; overflow:hidden; }
.rjxz ul li .bg div.r ol{ margin-top:0.5rem; overflow:hidden; font-size:1rem; }
.rjxz ul li .bg div.r ol a{ display:inline-block;height:2.5rem;line-height:2.5rem;text-align:center;width:11.25rem;background-color:#000000; color:#ffffff; }
.rjxz ul li .bg div.r ol a:hover{ background-color:#ec2128; }

/*常见问题*/
.cxwt{ padding:1rem 0px 7.5rem; }
.cxwt .tit{ font-size:1rem; color:#333333; }
.cxwt .tit a{ color:#333333; }
.cxwt .tit a:hover{ color:#cf000e; }
.cxwt .so{ background-color:#f4f4f4; margin:1.5rem 0px; padding:2rem; height:5.5rem; z-index:9; position:relative; }
.cxwt .so div.l{ float:left; border:1px solid #f5f5f5; background-color:#f5f5f5; height:5.5rem; width:24%; margin-right:1.5%; position:relative; }
.cxwt .so div.l div{ overflow:hidden; }
.cxwt .so div.l div.t{ font-size:1.125rem; color:#333333; }
.cxwt .so div.l div.f{ margin-top:0.75rem; font-size:1rem; border:1px solid #cccccc; background-color:#ffffff; }
.cxwt .so div.l div.f dd{ line-height:3rem; height:3rem; cursor:pointer; margin:0px 0.75rem; position:relative; }
.cxwt .so div.l div.f dd i{ position:absolute; right:0px; color:#cf000e; top:50%; margin-top:-0.875rem; line-height:1.125rem; font-size:1.5rem; }
.cxwt .so div.l div.f dl{ position:absolute;width:100%;padding:1rem 0px;background-color:#f5f5f5;display:none;box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }
.cxwt .so div.l:hover div.f dl{ display:block; }
.cxwt .so div.l div.f dl a{ display:block; font-size:1rem; color:#333333; padding:0.5rem 0.75rem; }
.cxwt .so div.l div.f dl a:hover{ background-color:#cf000e; color:#ffffff; }
.cxwt .so div.r{ float:left; padding-top:2.25rem; font-size:1rem; }
.cxwt .so div.r a{display:block;width:10rem;height:3rem;line-height:3rem;border:1px solid #cccccc;background-color:#161616;color:#ffffff;text-align:center; }
.cxwt .so div.r a:hover{ background-color:#cf000e; }

.cxwt .so_bd{ border:1px solid #cccccc; height:3rem; }
.cxwt .so_bd div{ margin:0px 1rem; padding-right:1.5rem; position:relative; }
.cxwt .so_bd div input,.cxwt .so_bd div button{ border:0px; height:3rem; line-height:3rem; outline:none; background:none; font-size:1rem; color:#333333; }
.cxwt .so_bd div input::-webkit-input-placeholder,.cxwt .so_bd div button::-webkit-input-placeholder{ color:#999999; }
.cxwt .so_bd div input{ width:100%; }
.cxwt .so_bd div button{ position:absolute; right:0px; top:0px; bottom:0px; background:url(../images/so_y.png) no-repeat scroll right center; width:1.5rem; }
.cxwt .so_bd div button:hover{ background-image:url(../images/so_h.png); }

.cxwt ul,.cxwt ul li{ overflow:hidden; }
.cxwt ul{ margin-top:1.5rem; position:relative; padding-top:3.75rem; }
.cxwt ul li.x{ border-top:1px solid #cccccc; font-size:1rem; position:relative; }
.cxwt ul li.x a,.cxwt ul li.x span{ display:block; }
.cxwt ul li.x a{ color:#333333; padding:1rem 7rem 1rem 1rem; overflow:hidden; }
.cxwt ul li.x a:hover{ color:#ec2128; }
.cxwt ul li.x a i{ position:absolute; width:4px; height:4px; left:0px; top:50%; margin-top:-2px; background-color:#333333; }
.cxwt ul li.x span{ color:#999999; position:absolute; right:0px; top:50%; margin-top:-0.625rem; }
.cxwt ul li.sj{ position:absolute; top:0px; width:100%; font-size:1rem; color:#999999; }

/*常见问题详情*/
.cxwt_show{ padding:1rem 0px 3rem; }
.cxwt_show .tit{ font-size:1rem; color:#333333; }
.cxwt_show .tit a{ color:#333333; }
.cxwt_show .tit a:hover{ color:#cf000e; }
.cxwt_show ul,.cxwt_show ul li{ overflow:hidden; }
.cxwt_show ul{ max-width:830px; margin:3rem auto 0px; }
.cxwt_show ul li.n{ text-align:center; font-size:1.5rem; font-weight:bold; color:#333333; margin-bottom:1.5rem; }
.cxwt_show ul li.x{ border-bottom:1px solid #eeeeee; font-size:0.875rem; color:#999999; text-align:center; padding-bottom:0.5rem; }
.cxwt_show ul li.c{ font-size:1rem; color:#333333; line-height:2; padding:1.25rem 0px 3rem; }
.cxwt_show ul li.f{ border-top:1px solid #eeeeee; font-size:1rem; color:#999999; padding-top:1rem; }
.cxwt_show ul li.f dl{ overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; line-height:2; }
.cxwt_show ul li.f dl a{ color:#999999; }
.cxwt_show ul li.f dl a:hover{ color:#cf000e; }

/*新闻中心*/
.banner_news .width1680{ height:38.75rem; }
.news_lb{ padding:2rem 0px 5rem; }
.news_lb .tit{ border-bottom:1px solid #cccccc; margin-bottom:1.5rem; overflow:hidden; }
.news_lb .tit dl{ overflow:hidden; }
.news_lb .tit dl.l{ float:left; font-size:2.25rem; font-weight:bold; color:#000033; }
.news_lb .tit dl.r{ float:right; font-size:1rem; }
.news_lb .tit dl.r a{ color:#333333; font-size:1rem; border-bottom:3px solid #ffffff; padding:1.25rem 2rem; display:block; float:left; }
.news_lb .tit dl.r a:hover,.news_lb .tit dl.r a.on{ color:#ff0000; border-bottom:3px solid #ff0000; }

.news_lb ul,.news_lb ul li{ overflow:hidden; }
.news_lb ul{ width:102%; margin-bottom:5.5rem; }
.news_lb ul li{ float:left; margin-bottom:1.25rem; width:23.635%; margin-right:1.148%; }
.news_lb ul li a{ display:block; }
.news_lb ul li a div{ overflow:hidden; }
.news_lb ul li a div.t{ height:15.3125rem; position:relative; }
.news_lb ul li a div.t i{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-repeat:no-repeat; background-position:center; background-size:cover; transition:all 0.25s ease; }
.news_lb ul li a:hover div.t i{ transform:scale(1.1); transition:all 0.5s ease; }
.news_lb ul li a div.f{ border:1px solid #eeeeee; border-top:0px; height:12.6875rem; margin-top:-1px; padding:1rem; }
.news_lb ul li a div.f dl,.news_lb ul li a div.f ol{ font-size:1rem; color:#999999; overflow:hidden; }
.news_lb ul li a div.f dd{ font-size:1.25rem; font-weight:bold; color:#333333; overflow:hidden; line-height:1.75; height:4.5rem; }
.news_lb ul li a:hover div.f dd{ color:#cf000e; }
.news_lb ul li a div.f dl{ line-height:2; height:6rem; margin-top:0.25rem; }
.news_lb ul li a div.f ol{ margin-top:0.5rem; }

.news_show{ padding:2rem 0px 5rem; }
.news_show .tit{ font-size:1rem; color:#333333; }
.news_show .tit a{ color:#333333; }
.news_show .tit a:hover{ color:#cf000e; }
.news_show .con{ overflow:hidden; margin-top:2rem; min-height:60vh; }
.news_show .con .s_l,.news_show .con .s_r{ background-color:#ffffff; }
.news_show .con .s_l{ float:left; width:74%; }
.news_show .con .s_l ul,.news_show .con .s_l ul li{ overflow:hidden; }
.news_show .con .s_l ul{ padding:2rem; }
.news_show .con .s_l ul li.n{ font-size:2.25rem; color:#333333; font-weight:bold; border-bottom:1px solid #eeeeee; padding-bottom:3rem; }
.news_show .con .s_l ul li.c{ font-size:1rem; color:#999999; line-height:2; padding:1rem 0px; }
.news_show .con .s_l ul li.g{ border-top:1px solid #eeeeee; font-size:1rem; color:#999999; padding-top:1rem; }
.news_show .con .s_l ul li.g dl{ overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; line-height:2; }
.news_show .con .s_l ul li.g dl a{ color:#999999; }
.news_show .con .s_l ul li.g dl a:hover{ color:#cf000e; }

.news_show .con .s_r{ float:right; width:24%; padding:1.5rem 0px; }
.news_show .con .s_r div.t,.news_show .con .s_r div.f{ padding:0px 1.5rem; overflow:hidden; }
.news_show .con .s_r div.t{ font-size:1.5rem; font-weight:bold; color:#333333; }
.news_show .con .s_r div.f{ margin-top:1.5rem; }
.news_show .con .s_r div.f div{ margin-bottom:0.75rem; }
.news_show .con .s_r div.f div a{ display:block; font-size:1.125rem; color:#333333; line-height:1.75; }
.news_show .con .s_r div.f div a:hover{ color:#cf000e; }
.news_show .con .s_r div.f div ol{ text-align:right; font-size:0.875rem; color:#999999; margin-top:1.25rem; }

/*关于我们*/
.banner_about .width1680{ height:37.5rem; }

.about_jj{ padding:4rem 0px; }
.about_jj .tit{ font-size:2.25rem; color:#333333; font-weight:bold; }
.about_jj .xx{ overflow:hidden; margin-top:1.5rem; font-size:1rem; color:#333333; line-height:2; }
.about_jj .xx .l{ float:left; width:42%; }
.about_jj .xx .r{ float:right; width:50%; }

.about_sj{ width:100%; overflow:hidden; position:relative; }
.about_sj .width1680{ height:42.5rem; position:relative; z-index:9; }
.about_sj .width1680 ul,.about_sj .width1680 ul li{ overflow:hidden; }
.about_sj .width1680 ul{ color:#ffffff; position:absolute; bottom:4rem; right:0px; }
.about_sj .width1680 ul li{ float:left; position:relative; }
.about_sj .width1680 ul li.r{ margin-left:5.5rem; }
.about_sj .width1680 ul li dl{ border-left:3px solid #cf000e; height:2.5rem; line-height:2.5rem; padding-left:1.5rem; position:relative; }
.about_sj .width1680 ul li dl b{ font-size:3rem; }
.about_sj .width1680 ul li dl i{ position:absolute; right:0px; line-height:0.5; }
.about_sj .width1680 ul li.l dl b{ padding-right:1.5rem; }
.about_sj .width1680 ul li.r dl b{ padding-right:2rem; }
.about_sj .width1680 ul li.l dl i{ font-size:1rem; bottom:0px; }
.about_sj .width1680 ul li.r dl i{ font-size:2.25rem; top:0px; }
.about_sj .width1680 ul li dd{ font-size:1rem; margin-top:1.5rem; padding-left:2.5rem; }

.about_qywh{ padding:7.5rem 0px; }
.about_qywh .hidden.l{ float:left; width:23%; }
.about_qywh .hidden.l .tit{ font-size:2.25rem; font-weight:bold; color:#333333; }
.about_qywh .hidden.l .x{ overflow:hidden; margin-top:3rem; }
.about_qywh .hidden.l .x dl{ cursor:pointer; margin-bottom:1.5rem; padding-left:3rem; position:relative; font-size:1.5rem; color:#333333; }
.about_qywh .hidden.l .x dl.o{ color:#cf000e; }
.about_qywh .hidden.l .x dl i{ position:absolute; height:3px; background-color:#cf000e; width:2rem; left:0px; top:50%; margin-top:-1.5px; opacity:0; }
.about_qywh .hidden.l .x dl.o i{ opacity:1; }

.about_qywh .hidden.r{ float:right; width:75%; max-width:1255px; height:38.75rem; position:relative; }
.about_qywh .hidden.r .x{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; opacity:0; z-index:0; transition:all 0.25s ease; }
.about_qywh .hidden.r .x.o{ opacity:1; z-index:9; transition:all 0.5s ease; }
.about_qywh .hidden.r .x i.bg_q{ z-index:0; }
.about_qywh .hidden.r .x div{ position:absolute; z-index:9; color:#ffffff; bottom:2rem; width:94%; padding:0px 3%; }
.about_qywh .hidden.r .x div dd{ font-size:2.25rem; font-weight:bold; }
.about_qywh .hidden.r .x div dl{ font-size:1.5rem; margin-top:1rem; }

.about_ryzz{ padding:2rem 0px 7.5rem; position:relative; }
.about_ryzz .tit{ font-size:2.25rem; font-weight:bold; color:#333333; }

.about_ryzz .hero-gallery{ margin-top:3rem; width:25.28%; outline:0px; }
.about_ryzz .hero-gallery .flickity-viewport{ position:relative; }
.about_ryzz .hero-gallery div{ height:28rem; }
.about_ryzz .hero-gallery .hero-gallery__cell{ width:100%; }
.about_ryzz .hero-gallery .hero-gallery__cell div{ width:95%; overflow:hidden; cursor:grab; }
.about_ryzz .hero-gallery .hero-gallery__cell div ol{ background-color:#eeeeee; height:23rem; position:relative; }
.about_ryzz .hero-gallery .hero-gallery__cell div ol img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; max-height:90%; max-width:90%; transition:all 0.5s ease; }
.about_ryzz .hero-gallery .hero-gallery__cell:hover div ol img{ transform:scale(1.1); transition:all 0.5s ease; }
.about_ryzz .hero-gallery .hero-gallery__cell div dd{ font-size:1.5rem; color:#333333; text-align:center; margin-top:1rem; }
.about_ryzz .hero-gallery .hero-gallery__cell:hover div dd{ color:#cf000e; }

.about_ryzz .hero-gallery button{ position:absolute; position:absolute; width:3rem; height:3rem; top:0px; border:1px solid #eeeeee; background-color:#ffffff; background-position:center; background-size:auto 1rem; background-repeat:no-repeat; z-index:88; }
.about_ryzz .hero-gallery button:hover{ border:1px solid #e8442e; }
.about_ryzz .hero-gallery button.previous{ right:4rem; background-image:url(../images/qh_l.png); }
.about_ryzz .hero-gallery button.next{ right:0px; background-image:url(../images/qh_r.png); }
.about_ryzz .hero-gallery button svg{ display:none; }
.about_ryzz .hero-gallery button.previous:hover{ background-image:url(../images/qh_l_h.png); }
.about_ryzz .hero-gallery button.next:hover{ background-image:url(../images/qh_r_h.png); }

.about_bg{ background:url(../images/about_bg.jpg) no-repeat scroll center; background-size:cover; }
.about_bg .width1680{ min-height:61.125rem; padding:3rem 0px 5rem; }
.about_bg .width1680 .tit{ font-size:2.25rem; font-weight:bold; color:#333333; }
.about_bg .width1680 .about_lxwm{ overflow:hidden; padding:3rem 0px 5rem; }
.about_bg .width1680 .about_lxwm .hidden.l{ float:left; width:70%; }
.about_bg .width1680 .about_lxwm .hidden.l div.bg{ float:left; background-color:#ffffff; width:46.5%; margin-right:3%; }
.about_bg .width1680 .about_lxwm .hidden.l div.bg div{ padding:1.25rem; height:20rem; color:#333333; }
.about_bg .width1680 .about_lxwm .hidden.l div.bg div dd{ font-weight:bold; font-size:1.5rem; }
.about_bg .width1680 .about_lxwm .hidden.l div.bg div dl{ font-size:1rem; line-height:2; margin-top:2rem; }

.about_bg .width1680 .about_lxwm .hidden.r{ float:right; width:25%; max-width:405px; }
.about_bg .width1680 .about_lxwm .hidden.r .t{ margin-bottom:3rem; color:#333333; }
.about_bg .width1680 .about_lxwm .hidden.r .t dd{ font-size:2.25rem; font-weight:bold; }
.about_bg .width1680 .about_lxwm .hidden.r .t dl{ font-size:0.875rem; line-height:2.5; }

.about_bg .width1680 .about_lxwm .hidden.r .f{ text-align:center; max-width:6.25rem; }
.about_bg .width1680 .about_lxwm .hidden.r .f ol{}
.about_bg .width1680 .about_lxwm .hidden.r .f dd{ margin-top:0.875rem; }

.about_bg .width1680 form{ display:block; overflow:hidden; margin-top:1.5rem; }
.about_bg .width1680 form div{ overflow:hidden; }
.about_bg .width1680 form div.form-group{ margin-bottom:2rem; }
.about_bg .width1680 form div#dr_row_title,.about_bg .width1680 form div#dr_row_dianhua,.about_bg .width1680 form div#dr_row_youxiang{ width:32.5%; }
.about_bg .width1680 form div#dr_row_title{ float:left; }
.about_bg .width1680 form div#dr_row_dianhua{ float:left; margin-left:1.25%; }
.about_bg .width1680 form div#dr_row_youxiang{ float:right; }
.about_bg .width1680 form div#dr_row_neirong{ width:100%; float:left; }
.about_bg .width1680 form div.form-group label{ display:none; }
.about_bg .width1680 form div.form-group div{ background-color:#ffffff; border-radius:0.5rem; padding:0px 1.5rem; }
.about_bg .width1680 form div#dr_row_neirong div{ padding:1.5rem; }
.about_bg .width1680 form div.form-group div input{ border:0px; height:3.75rem; line-height:3.75rem; outline:none; font-size:1.125rem; color:#333333; }
.about_bg .width1680 form div.form-group div input::-webkit-input-placeholder{ color:#999999; }
.about_bg .width1680 form div.form-group div textarea{ border:0px; outline:none; font-size:1.125rem; color:#333333; }
.about_bg .width1680 form div.form-group div textarea::-webkit-input-placeholder{ color:#999999; }
.about_bg .width1680 form div.button{ float:left; width:100%; text-align:center; }
.about_bg .width1680 form div.button button{ width:16.25rem; height:3rem; line-height:3rem; background-color:#ec2128; border:1px solid #ec2128; color:#ffffff; border-radius:0.5rem; font-size:1.125rem; transition:all 0.5s ease; }
.about_bg .width1680 form div.button button:hover{ background-color:#ffffff; color:#ec2128; transition:all 0.5s ease; }

/*动画效果*/
.i_md .about_jj .xx .r{ opacity:0; margin-top:3rem; }
.i_md.on .about_jj .xx .r{ opacity:1; margin-top:0px; transition:all 0.5s ease; }

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

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

.i_md .about_bg .width1680 .about_lxwm .hidden.l div.bg{ opacity:0; padding-top:3rem; }
.i_md.on .about_bg .width1680 .about_lxwm .hidden.l div.bg{ opacity:1; padding-top:0px; margin-bottom: 1rem; }
.i_md.on .about_bg .width1680 .about_lxwm .hidden.l div.bg.x1{ transition:all 0.5s ease; }
.i_md.on .about_bg .width1680 .about_lxwm .hidden.l div.bg.x2{ transition:all 0.75s ease; }

/*人才招聘*/
.job_banner .width1680{ height:35.5rem; }

.job_lb{ padding:3rem 0px; min-height:60vh; }
.job_lb .tit{ font-weight:bold; font-size:2.25rem; color:#333333; }
.job_lb .lanren,.job_lb .lanren div,.job_lb .lanren ul,.job_lb .lanren ul li{ overflow:hidden; }
.job_lb .lanren ul{ width:102%; margin-top:2rem; }
.job_lb .lanren ul li{ float:left; height:24.5rem; width:24.782%; margin-bottom:2rem; position:relative; }
.job_lb .lanren ul li div.bg{ background-color:#ffffff; width:84.07%; height:20rem; padding:1.5rem 5.652%; }
.job_lb .lanren ul li div.bg dd{ font-size:1.5rem; color:#333333; font-weight:bold; padding-right:2.5rem; position:relative; }
.job_lb .lanren ul li div.bg dd i{ font-size:1rem; color:#ec2128; position:absolute; right:0px; }
.job_lb .lanren ul li div.bg ol{ font-size:1rem; color:#888888; margin:0.75rem 0px; }
.job_lb .lanren ul li div.bg dl{ font-size:1rem; color:#333333; line-height:2; height:14rem; overflow-x:hidden; overflow-y:auto; }
.job_lb .lanren ul li div.bg dl::-webkit-scrollbar{ width:0.5rem; }
.job_lb .lanren ul li div.bg dl::-webkit-scrollbar-track{ background-color:#cccccc; }
.job_lb .lanren ul li div.bg dl::-webkit-scrollbar-thumb{ background-color:#cf000e; }
.job_lb .lanren ul li div.bg dl::-webkit-scrollbar-thumb:hover{ background-color:#cf000e; }
.job_lb .lanren ul li div.bg dl::-webkit-scrollbar-thumb:active{ background-color:#cf000e; }
.job_lb .lanren ul li a{ position:absolute; z-index:2; height:2.5rem; line-height:2.5rem; background-color:#cf000e; border:1px solid #cf000e; width:90%; max-width:10rem; left:50%; margin-left:-5rem; margin-top:-1.25rem; text-align:center; font-size:1rem; color:#ffffff; opacity:0; }
.job_lb .lanren ul li:hover a{ opacity:1; }
.job_lb .lanren ul li a:hover{ background-color:#ffffff; color:#cf000e; }
.job_lb .more{ text-align:center; font-size:1rem; color:#888888; }
.job_lb .more a{ color:#888888; }
.job_lb .more a:hover{ color:#cf000e; }

/*fenye*/
.fenye{ text-align:center; font-size:1rem; line-height:2; margin-top: 1rem; }
.fenye i{ display:none; }
.fenye a{ color:#999999; }
.fenye a,.fenye span{ border:1px solid #eeeeee; display:inline-block; padding:0px 0.71rem; margin:0px 0.25rem; }
.fenye a:hover,.fenye span{ color:#ffffff; background-color:#ff0000; }

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

/*w404*/
.w404{ min-height:100vh; display:flex; align-items:center; }
.w404 .c{ width:100%; text-align:center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom:2rem; }
.w404 .c ol img{ max-width:35%; }
.w404 .c dd{ font-size:1.5rem; color:#333333; }
.w404 .c a,.w404 .c a:hover{ transition:all .5s ease; display:block; }
.w404 .c a{ width:80%; max-width:180px; margin:2rem auto 0px; 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; }