@import "../font/iconfont.css";
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;}
:focus {outline:0;}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
a img {border:0;}
img {vertical-align:middle;}
table {empty-cells:show;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
cite,i,em {font-style:normal;}
b {font-weight:normal;}
div,span,i,a,button,input {-webkit-tap-highlight-color:rgba(0,0,0,0);}
::-webkit-scrollbar {display:none;}
.el {white-space:nowrap;text-overflow:ellipsis;}
body {font-family:Helvetica,"microsoft yahei",simsun;font-size:1rem;background:#fff;font-size:1rem;}
.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%;}
.pyc {display:block;visibility:visible;}
.h60 {height:60px;}
.g50 {height:2.2rem;}
.m04 {margin:0 .4rem}
.bgf {background:#fff;}
.x2 {background:#f5f5f5;height:2px;}
.g5 {height:5rem;}
.g3 {height:3rem;}
.g2 {height:2rem;}
.g23 {height:2.3rem;}
.clear {padding:0;margin:0;height:0;width:0;line-height:0;font-size:0;clear:both}
.clearfix:after,.clearfix:before {content:"";display:table}
.clearfix:after {clear:both;overflow:hidden}
.clearfix {zoom:1}
.flex {display:box;display:-webkit-box;display:-ms-flexbox;display:flex}
.flex-vc {-webkit-box-align:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;-ms-flex-align:center;align-items:center}
.flex-hc {-webkit-box-pack:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-pack:center}
.flex1 {-webkit-box-flex:1;-ms-flex:1;flex:1}
.page {padding-bottom:5.2rem}
.list-wrap {height:100%;overflow:hidden}
.pa {position:absolute}
.pr {position:relative}
.fl {float:left}
.fr {float:right}
.g5 {height:5rem;}
.g2 {height:2rem;}
.line {display:block;border-top:1px solid #ebebeb;background:#f8f8f8;height:0.6rem;}
.g08 {height:.8rem;}
.hide {display:none;}
.w640 {width:640px;margin:0 auto;}
.g100{ height:5rem;}
/*弹出必须*/.z1 {z-index:1;}
.z2 {z-index:2;}
.w100 {width:100%;vertical-align:middle;}
.pf {position:fixed; z-index:999}
.leftTop {left:0;top:0;}
.pr {position:relative}
.pa {position:absolute;}
.h100 {height:100%;}
.wh100 {display:block;width:100%;height:100%;}
/*头部*/.tp {background:#fb5b56; z-index:120}
/*需要改的颜色*/.tt {height:3rem;display:flex;flex-wrap:wrap;justify-content:flex-start}
/*头部*/.tl {width:15%;height:3rem;line-height:2.5rem;margin-left:3%;}
.tl i {display:inline-block;width:3rem;height:2.6rem;background:url(skin/logo.png) no-repeat;background-size:1.9rem; position:absolute; top:.3rem;}
.tl  a {color:#fff;}
.tm {width:60%;height:3rem;color:#fff; margin-left:2%;}
.tr {width:12%;height:3rem;margin-right:5px; position:absolute; right:0}
/*搜索*/.is {border-radius:25px;height:1.8rem;line-height:1.9rem;margin-top:0.7rem;background-size:20px;background-image:url(image/s.png);background-repeat:no-repeat;background-position:10px 5px;background-color:#fff;}
a.isx {display:block;color:#999;padding-left:40px;font-size:.9rem}
/*右侧三横线的按钮*/.fixedNavBut {position:absolute;width:35px;height:35px;top:.5rem;right:3px;z-index:80;display:none;opacity:1;z-index:100}
.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;}
.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;}



/*底部浮动*/
.public-nav {position:fixed;bottom:0;left:0;right:0;z-index:1000; background:#fff;border-top:0px solid #d5d5d5;height:3rem;padding-top:.2rem; border-top:1px solid #eee}
/*底部*/
.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; }
.public-nav ul.df li a i{ display:block; width:1.5rem; height:1.5rem; background-repeat:no-repeat;  margin:0 auto; background-size:1.5rem}
.public-nav ul.df li a.sn3 i{  position:absolute; width:2.5rem; height:2.5rem; top:-3rem; left:50%; margin-left:-1.5rem;border-radius:100%; border:3px solid #fff; box-shadow: 1px -3px 8px rgba(0, 0, 0, 0.3);}
.public-nav ul.df li a.sn3 span{ margin-top:1.7rem;}
.public-nav ul.df li a.sn1 i{ background-image:url(skin/d1.jpg)}
.public-nav ul.df li a.sn2 i{ background-image:url(skin/d2.jpg)}
.public-nav ul.df li a.sn3 i{ background:url(skin/d3.jpg) #Ff2535 center no-repeat; background-size:1.5rem;}
.public-nav ul.df li a.sn4 i{ background-image:url(skin/d4.png)}
.public-nav ul.df li a.sn5 i{ background-image:url(skin/d5.jpg)}

.public-nav ul.df li a span{ display:block; font-size:.8rem; text-align:center; margin-top:.2rem;}
/*返回顶部*/
.fhs{ position:fixed;width:2.5rem;   line-height:2.5rem; text-align:center; right:.7rem; bottom:7.5rem; border-radius:50%;  border:.15rem solid #fb5b56;  z-index:10000;}
.fhs a{ display:block;font-size:.6rem; color:#fb5b56}

.mGotop{ display:none; position:fixed; right:.3rem; bottom:4rem;z-index:9999; width:2.75rem; text-align:center; height:2.75rem;border-radius:50%;box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3);   }
.mGotop span{	 font-family: "iconfont" !important;  font-size:1.3rem;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; background:rgba(255,255,255,0.6);padding-top:.5rem;}
  .mGotop i{ font-size:.5rem; color:#999; display:block; padding-top:.3rem;}
  
.mGotop span:before {
  content: "\e716"; color:#999;
}


/*右侧的浮动*/
a.gi{width:3rem; height:3rem;}
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);}

/*底部的链接*/

.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(skin/t1.jpg);}
ul.fta li a.t2 i{ background-image:url(skin/t2.jpg);}
ul.fta li a.t3 i{ background-image:url(skin/t3.jpg);}

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

/*产品页的加载更多*/
.morecase{ width:8rem; text-align:center; padding:.8rem 0; margin:0 auto;border-radius: 10px;  border:1px solid #ddd}

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

/*屏幕大于768，大屏的时候*/
@media only screen and (min-width:768px){.public-nav{width:640px; left:50%; margin-left:-320px;}
}


/*登陆遮罩*/
.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}