html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,textarea,legend {margin:0;padding:0;list-style:none; font-style:normal;}
:focus {outline:0;}
/*字体大小*/
html { font-size: 62.5%;}/*1rem=12px*/
body {font-family:Helvetica,"microsoft yahei",simsun;  font-size: 1.4rem;}
/*清除*/
.cl:after {content:"\0020";line-height:0;font-size:0;display:block;clear:both;visibility:hidden;overflow:hidden;}
.cl {*zoom:1;}
.c {height:0;clear:both;line-height:0;font-size:0;overflow:hidden;}
a {text-decoration:none;color:#333;}
.wi {width:100%;}
.pa {position:absolute}
.pr {position:relative}
.fl {float:left}
.fr {float:right}
.line {display:block;border-top:1px solid #ebebeb;background:#f8f8f8;height:0.6rem;}
.w640 {width:640px;margin:0 auto;}
.g5{ height:6rem}
.hide{display:none;}
/*左右距离*/
.ma108 {margin:1rem .8rem;}


.logo{height:4rem;width:9rem; position:absolute; left:2rem; top:.5rem;}
.logo a{  display:block;  background: url(../image/logo.png) no-repeat; background-size:100%; height:4rem;}


.ds{ padding:.8rem 0; height:4rem; background:#e74737}
/*头部搜索*/
.so {background:#f7f7f7;border-radius:2rem;height:3rem;line-height:3rem;width: 50%;
    position: absolute;
    top: .8rem;
    margin-left: -23%;
    left: 56%;}
.so a {display:block;text-align:center;color:#999}
.so a span {display:inline-block;position:relative;}
.so a span:before {position:absolute;top:.6rem;left:-2rem;content:"";width:1.5rem;height:1.5rem;background:url(../image/sa.png) no-repeat;background-size:90%;margin-top:.2rem}

.tan{ right:.5rem; top:1rem; width:2.8rem; height:2.8rem; background:url(../image/tan.png) no-repeat center; background-size:85%;}

/* ---------------------------------顶部右侧弹出导航*/
.z1 {z-index:1;}
.z2 {z-index:2;}
.w100 {width:100%;vertical-align:middle;}
.pf {position:fixed}
.leftTop {left:0;top:0;}
.h100 {height:100%;}
.wh100 {display:block;width:100%;height:100%;}

/* ---------------------------------右侧三横线的按钮*/
.fixedNavBut {position:absolute;width:35px;height:35px;top:0px;right:3px;z-index:80;display:none;opacity:1;}
.fixedNavBut .navMoreBut {position:static;}
.navMoreBut {display:block;position:absolute;right:10px;top:3px;width:40px;height:35px;border-radius:5px;z-index:5;}
.navMoreBut i,.navMoreBut b {display:block;overflow:hidden;position:absolute;height:4px;line-height:0px;}
.navMoreBut i {width:4px;left:5px;}
.navMoreBut b {left:13px;width:22px;height:4px;}
.navMoreBut i.i-1,.navMoreBut b.b-1 {top:7px;}
.navMoreBut i.i-2,.navMoreBut b.b-2 {top:16px;}
.navMoreBut i.i-3,.navMoreBut b.b-3 {top:25px;}
.navMoreBut {}
.navMoreBut i {background-color:#fff;}
.navMoreBut b {background-color:#fff;}

/* ---------------------------------弹出导航*/
.mMenu {display:none;z-index:999;}
.mMenu-shadow {background:rgba(0,0,0,.5);}
.mMenu-con {width:100%;overflow:hidden;overflow-y:auto;right:-320px;top:0;transition:right .5s ease 0s;background:rgba(255,255,255,0.85);}
.mMenu-con-show {right:0;}
.mMenu-con .bt {border-bottom:1px solid #D9D9D9;font-weight:600;height:2.3rem;line-height:2.5rem; padding-bottom:1rem;}
.mMenu-con .bt strong {padding-left:10px;}
/*弹出筛选--txm*/.txm {margin:0 10px;}
.txx {border-bottom:1px solid #ddd;font-size:36rpx;padding-bottom:10px;margin-bottom:14rpx;}
.txt a {color:#fff;}
.txl {padding:10px 0;}
.kd {padding:15px;}
.kd ul {}
.kd ul li {border-bottom:1px solid #fff;padding:8px 0;}
.txta {float:left;border:1px solid #e43130;width:100px;font-size:12px;margin-right:10px;border-radius:10px;padding:5px 0;margin-bottom:10px;text-align:center; cursor:pointer;}
.sxon{ color:#FFF; background-color:#e43130;}
.mMenu-con .close {width:80px;right:5px;top:8px;background:#e43130;color:#fff;text-align:center;position:absolute;padding:3px 0;border-radius:10px;font-size:12px;}
/*右侧的关闭按钮*//*导航*/.nv {height:2.5rem;line-height:2.5rem;padding:0 .3rem;}
#topNav {width:100%;overflow:hidden;}
#topNav .swiper-slide {padding:0 5px;width:4.5rem;text-align:center;}
#topNav .swiper-slide span {display:block;}
#topNav .swiper-slide span a {color:#fff;font-size:1rem;}
#topNav .active span {position:relative;color:#fff;}
#topNav .active span:after {position:absolute;bottom:6px;left:0px;right:0px;height:1px;content:'';-webkit-transform:scaleY(.7);transform:scaleY(.7);background-color:#fff;}




/*底部的链接*/

.fot{ width:95%; margin:0 auto; }
ul.fex{display:-webkit-box;display:-moz-box;display:-ms-flexbox; margin-bottom:1.5rem;}
ul.fex li{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;width:0; text-align:center;}
ul.fta{ margin-top:1.5rem;}
ul.fta li{ position:relative;}
ul.fta li a{ padding-left:1.5rem;}
ul.fta li a i{ display:block; position:absolute; width:1.5rem; height:1.5rem; background-size:cover; left:.8rem;}
ul.fta li a.t1 i{ background-image:url(../image/t1.jpg);}
ul.fta li a.t2 i{ background-image:url(../image/t2.jpg);}
ul.fta li a.t3 i{ background-image:url(../image/t3.jpg);}

ul.ftb{}
ul.ftb a{ font-size:.7rem;}




/*底部浮动*/
.public-nav {position:fixed;bottom:0;left:0;right:0;z-index:1000; border-top:0px solid #d5d5d5;height:4rem;padding-top:0rem; border-top:1px solid #eee; background:#e74737;}
.public-nav ul.df{  display:-webkit-box;display:-moz-box;display:-ms-flexbox;  }
.public-nav ul.df li{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;width:0;}
.public-nav ul.df li a{ width:100%; display:block; position:relative; height:4rem; text-align:center; }
.public-nav ul.df li a i{ display:block; width:2.8rem; height:2.8rem; background-repeat:no-repeat; background-position:center;  margin:0 auto; background-size:2.4rem}
/*凸出*/
.public-nav ul.df li a.sn3 i{position:absolute; width:3.4rem; height:3.4rem; top:-1.8rem; left:50%; margin-left:-1.86rem;border-radius:100%; border:.26rem solid #fff; box-shadow: 1px -3px 8px rgba(0, 0, 0, 0.3);}

/*end凸出*/
.public-nav ul.df li a.sn1 i{ background-image:url(../image/d1.jpg)}
.public-nav ul.df li a.sn2 i{ background-image:url(../image/d2.jpg)}
.public-nav ul.df li a.sn3 i{ background:url(../image/d3.png) #e74737 center no-repeat; background-size:2.5rem;}
.public-nav ul.df li a.sn4 i{ background-image:url(../image/d3.jpg)}
.public-nav ul.df li a.sn5 i{ background-image:url(../image/d5.jpg)}
.public-nav ul.df li a span{ display:block; font-size:1.2rem; text-align:center; margin-top:.8rem; position:absolute; bottom:0rem;  width:100%; color:#fff;}

/*小屏的时候*/
@media only screen and (min-width:320px)and (max-width:768px) {.w640 {width:100%}
}

/*屏幕大于768，大屏的时候*/
@media only screen and (min-width:768px){}

/*右侧的浮动*/
a.gi{width:3.5rem; height:3.5rem;}
a.gi img{ width:100%;}
.ixg{ position:fixed; right:.3rem; bottom:7.5rem;z-index:9999;}
.ixg a{ display:block;  width:3rem; height:3rem;background-size:3rem; background-repeat:no-repeat; background-position:center; margin-bottom:.5rem; }
.ixg a.x01{ background-image: url(skin/01.png);}
.ixg a.x02{ background-image: url(skin/02.png);}
.ixg a.x03{ background-image: url(skin/03.png);}
.ixg a.x04{ background-image: url(skin/04.png);}


/*小屏的时候*/
@media only screen and (min-width:320px)and (max-width:768px) {.w640 {width:100%}
}

/*屏幕大于768，大屏的时候*/
@media only screen and (min-width:768px){}



/*登陆遮罩*/
.m_log_bg{position:fixed; bottom:0;width:100%;height:100%;background-color:#fff;opacity:0.8;z-index:100;}
.m_log_box{position:fixed; top:30%; z-index:101; left:50%; width:70%; margin-left:-40%; background:#fff;border-radius: 10px;  border:1px solid #999; padding:15px;}
.m_log_c{ position:absolute; right:15px; font-size:12px; color:#999}
.m_log_t{ font-size:16px; padding-bottom:10px; border-bottom:0px solid #eee;}
.m_log_u{ padding:5px 0;}
.m_log_u input{ width:98%;border-radius: 10px;  border:1px solid #eee; padding:15px 1%;}
.m_log_p input{ width:98%;border-radius: 10px;  border:1px solid #eee; padding:15px 1%;}

.m_log_b{ padding:10px 0;}
.m_log_b button{ width:100%; text-align:center; background:#fb5b56; color:#fff; border:0; padding:5px 0;border-radius: 10px;}

.m_log_r{ padding:10px 0; text-align:center;}
.m_log_r a{ font-size:14px; margin-left:20px; color:#999}

/*侧面浮动*/
.rigf{position:fixed; right:.5rem; bottom:20%; width:3.5rem; height:auto;  z-index:80;
background-color:rgba(245,245,245,0.7);
 border: 1px solid #e4e4e4; border-radius:5px; padding:rem;}
.rigf a{ display:block; text-align:center;}
.rigf a i{ display:block; width:3.5rem; height:3.5rem;background-size:50%;
background-repeat:no-repeat; 
background-position:center;}
.rigf a span{ display:block; font-size:.8rem; margin-bottom:.6rem}
.rigf a:nth-child(1) i{background-image:url(../image/r2.png) ;}
.rigf a:nth-child(2) i{background-image:url(../image/r5.png) ;}

/*产品样式.cpz a i:before {content:"";display:inline-block;vertical-align:middle;width:15px;height:20px;font-size:1rem;}*/
.cpz a {display:block; position:relative; }
.cpz a span.pic{ display:block; height:10rem; overflow:hidden;}
.cpz a span img {width:100%; height:100%;border-radius:.3rem;}
.cpz a strong {display:block;font-size:1.2rem;height:30px;line-height:30px;overflow:hidden;color:#666;font-weight:500;padding:0 5px;text-align:center;}
.cpz a i {display:block;text-align:center;padding:5px 0 0px 0; }

.cpz a span.gjg{ display: block;height:2.5rem; overflow:hidden; padding-bottom:1rem; width:90%; margin:0 auto;}
.cpz a span.gjg i{}
.cpz a span.gjg i:nth-child(1){float:left;font-size:1rem;color:#fa7a20;}
.cpz a span.gjg i:nth-child(2){ float:right; font-size:.6rem;color:#999; text-decoration:line-through; margin-top:.2rem;}

.cpz .ru{height:6rem;}
.cpz .ru a{ display:block; }
.cpz .ru a.rua{ float:left; width:60%; text-align: center;  height:2.5rem; line-height:2.5rem;  background-color: #fa7a20; color: #fff;  box-shadow: 1px 2px 3px rgba(250,122,32,.5); font-size:.8rem;}
.cpz .ru a.rub{ float:right;width:2.5rem; height:2.5rem;background-image:url(../image/dgw.png);background-position: center; background-repeat: no-repeat; border-radius: 50%; overflow: hidden; background-size:50%; background-color: #fa7a20; box-shadow: 1px 2px 3px rgba(250,122,32,.5);}
.cpz .cps{width:90%; margin:0 auto;}
.cpz .ru{ width:90%; margin:0 auto;}
/*end产品样式*/

.morecase{ text-align:center; font-size:.8rem;border-radius: 10px;  border:1px solid #eee; width:50%; margin:0 auto; padding:.6rem 0;}


/*加入PPT的样式*/
.jpt{ padding-top:1rem}
.jpt a{ display:block ; text-align: center; font-size:.6rem; border:0px solid #eee; border-radius:10px; }
.jpt a.jpa{ float:left;width:45%;margin-left:10%; padding:.4rem 0; color:#fff;background:linear-gradient( #f00,#e74737);}
.jpt a.jpb{ float:left; margin-left:10%; background-image:url(../image/gc.png); background-color:#e74737;background-size:80%; background-position:center; background-repeat:no-repeat; width:2.5rem; height:2.5rem;  border-radius:50%;  line-height:100rem; overflow:hidden;}