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 #f7f7f7;background:#f8f8f8;height:0.8rem;}
.w640 {width:640px;margin:0 auto;}
.g5{ height:5rem}
.hide{ display:none;}
/*左右距离*/
.ma108 {margin:1rem .8rem;}
.g60{ height:10rem;}

.ds{ padding:.8rem 0;background-color:#f00582; height:3.5rem;}
/*LOGO*/
.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;}
/*头部搜索*/
.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;}
.txl li a{border:1px solid #ca006b; display:block;  float:left;width:80px;font-size:12px;margin-right:10px;border-radius:10px;padding:5px 0;margin-bottom:10px;text-align:center; cursor:pointer;}
.kd {padding:15px;}
.kd ul {}
.kd ul li {border-bottom:1px solid #fff;padding:8px 0;}
.txta {float:left;border:1px solid #ca006b;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:#ca006b;}
.mMenu-con .close {width:80px;right:5px;top:8px;background:#ca006b;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:.1rem 0; border-top:1px solid #eee; background:#fff;}
.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.3rem; height:2.3rem; background-repeat:no-repeat; background-position:center;  margin:0 auto; background-size:2.3rem; margin-top:.2rem;  }
/*凸出*/
.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.png)}
.public-nav ul.df li a.sn2 i{ background-image:url(../image/d2.png)}
.public-nav ul.df li a.sn3 i{ background:url(../image/d3.png) #f00582 center no-repeat; background-size:70%;}
.public-nav ul.df li a.sn4 i{ background-image:url(../image/d4.png)}
.public-nav ul.df li a.sn5 i{ background-image:url(../image/d5.png)}
.public-nav ul.df li a span{ display:block; font-size:1rem; text-align:center; bottom:0; margin-top:0rem; position:absolute;   width:100%; color:#999;}

/*小屏的时候*/
@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) ;}
.rigf a:nth-child(3) i{background-image:url(../image/r3.png) ;}
.rigf a:nth-child(4) i{background-image:url(../image/r4.png) ;}
.rigf a:nth-child(5) 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;}

 .ru{height:6rem;  }
 .ru a{ display:block; }
 .ru a.rua{ float:left; width:55%; text-align: center;  height:2.5rem; line-height:2.5rem;  background-color: #f00582; color: #fff;  box-shadow: 1px 2px 3px rgba(250,122,32,.5); font-size:.8rem; border-radius:.3rem;
 
 }
 .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: #f00582; box-shadow: 1px 2px 3px rgba(250,122,32,.5);}
 .cps{width:90%; margin:0 auto;}
.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;}

.ijg{ overflow:hidden; height:3rem;}
.ijg i.xsj {display:block; float:left;color:#f00582;font-size:1.5rem;padding:5px 0 10px 0;}
.ijg i.xsj:before {content:"";display:inline-block;vertical-align:middle;font-size:14px;}

.ijg i.scj {display:block; float:right; margin-right:1rem;color:#999;font-size:1rem;padding:8px 0 10px 0; margin-left:1rem; position: relative}
.ijg i.scj:before {content:"";display:inline-block;vertical-align:top; font-size:1rem; margin-right:.5rem; }
.ijg i.scj:after{content:"";display:inline-block; width:100%; padding:0 .4rem; height:1px; background:#999; position:absolute; top:45%; left:-0.2rem;}