@charset "utf-8";
/*
**************************
(C)2015-2017 leiyon.com
update: 2017-12-13
person: feeren
**************************
*/

/*通用样式*/

body {font-family: -apple-system, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-size: 13px; line-height: 1.42857143; color:#333;background: #ededed;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p { margin: 0; padding: 0; }
img { border: 0; }
ul,li { list-style-type: none; }
a,a:hover,a:active,a:focus { color: #171717; outline: none; text-decoration: none; }
.cl { clear: both; }

/*=======================================
   		共用样式
  =======================================*/
#loading{ position: fixed; left:0; top: 0; right: 0; bottom: 0; background:rgba(255,255,255,1) ; margin-left:-2.5rem;  margin-top:-1rem;z-index: 111;}
#loading img{ position:absolute; width:5rem; height: auto; left:50%; top: 50%; margin-left:-2rem; margin-top:-3rem;}


/*多个一行2个*/
.w-2{width:50%; float:left; padding:.6rem .4rem; box-sizing: border-box; position: relative;}
.w-2:nth-child(2n+1){padding-left:0.4rem; padding-right:0.2rem}
.w-2:nth-child(2n){padding-left:0.2rem;padding-right:0.4rem;}




/*首页幻灯样式*/
.swiper-container { width: 100%; }
.banner-pagination-progressbar { width: 100%; height: 2px; left: 0; bottom: 0; }
.banner-pagination-progressbar .banner-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

/*推荐产品*/
.Mobile_hot { margin-bottom: 5px; margin-top: 5px; overflow: hidden; }
.Mobile_hot ul { margin-right: -2px; margin-left: 0px; }
.Mobile_hot ul li { padding-left: 0px; padding-right: 1px; }


/*产品列表*/
.Mobile-list { overflow: hidden; }
.Mobile-list .Mobile-list-ad { margin-top: 5px; margin-bottom: 0px; }
.Mobile-list ul {background-color:#000; margin-top: 5px;}
.Mobile-list ul li{display: block; overflow:hidden; margin-bottom:.5rem; padding:0 0.25rem;}
.Mobile-list ul li .img-thumbnail{border:0; border-radius:0;}
.Mobile-list ul li .title{ font-size:1.2rem; background-color:#FFF; display:block;width:100%; height:50px; overflow:hidden; padding:0.8rem;}
.Mobile-list-more {background-color:#FFF; border:1px 0px; solid #CCC; height:40px; line-height:40px;}
.Mobile-list-more a{color:#C30; font-size:1.8rem;}
/*.Mobile-list .img-thumbnail{ border:0;border-radius:0;}
.Mobile-list-more { margin-top: -5px; border-top: #e3e3e3 solid 1px; padding: 10px 15px; background-color: #fff; }
.Mobile-list {overflow: auto; position: relative; padding: 5px 10px 30px 10px; }
.Mobile-list span .title { font-size: 1.3rem; font-weight: 400; height: 30px; line-height: 1.8rem; }
*/



/*产品列表页*/
.goods-list { padding: 0px; color: #5d5d5d; }
.goods-list .main { background-color: #fff; margin-bottom: 0px; }
.goods-list .main ul { padding: 0 10px; }
.goods-list .main ul li { text-align: center; padding-bottom: 10px; }
.goods-list .info h3 { font-size: 1.6rem; }
.goods-list .info { padding: 0 15px; margin-bottom: 10px; font-size: 1.2rem; }
.goods-list .col-xs-3 { padding-left: 4px; padding-right: 4px; }
.goods-list a { width: 90px; height: 90px; background-color:e5e5e5; display: table-cell; vertical-align: middle; }
.goods-list a img { vertical-align: middle; }

.good-classname {display:block; padding:40px 0; margin:0 60px;}
.good-line{
    height: 1px;
    border-top: 1px solid #ddd;
    text-align: center;
}
.good-classname span{
    position: relative;
    top: -8px;
    background: #fff;
    padding: 0px 20px;
}
.good-classname .h5{font-size: 15px; color: #757575;}

/*产品内页*/
.goods-Back { position: absolute; top: 15px; left: 15px; z-index: 998; background-color: #333; opacity: .5;-moz-opacity:.5; -webki-opacity:.5; width: 24px; height: 24px; border-radius: 12px; }
.goods-Back i { color: #FFF; line-height: 24px; width: 24px; height: 24px; text-align: center; }
.swiper-goods img { max-width: 100%; }
.goods-info .info { padding: 15px 15px; position: relative; background-color: #fff; }
.goods-info .SimDes { color: #ada8a8; }
.goods-main-des .goods-content { padding: 0px; }
.goods-main-content { margin-top: 8px; background-color: #fff; padding-bottom: 30px; }
.goods-tag { padding-top: 5px; padding-bottom: 0px; }
.goods-tag .model-tag {padding-right: 6px; position: relative; }
.goods-tag .mobile-tag {color: #5d5d5d; padding-right: 6px; position: relative; }
.goods-tag .mobile-tag-des:before { content: ''; position: absolute; right: 1px; top: 2px; width: 1px; height: 9px; background-color: #c7c7c7; }
.goods-tag .mobile-tag-des:last-child::before { width: 0; }
.goods-content-des:before { content: ''; position: absolute; right: -1px; top: 12px; width: 1px; height: 15px; background-color: #c7c7c7; }
.goods-content-des:last-child::before { width: 0; }
.goods-tag-active { color: #fb6716; }
.goods-main-content .spec { padding: 15px 15px 20px 15px; }
.goods-main-content .spec  ul ul li{ margin-left:20px;list-style: circle; margin-bottom:5px; margin-top:5px;}
.goods-main-content .spec  ol,.goods-main-content .spec  ul {overflow:hidden; margin-left:10px;}
.goods-main-content .spec  ol li{ line-height:24px;float:left;list-style: decimal; margin-left:20px;white-space:normal;word-break:keep-all; word-wrap: break-word; }
.goods-main-content .cont img { max-width: 100%; text-align: center; }
.goods-topbar { height: 40px; line-height: 40px; text-align: center; color: #5d5d5d; }
.goods-topbar.affix { z-index: 999; width: 100%; top: 0px; bottom: auto; background-color: #FFF; border-bottom: #f5f5f5 1px solid; }
.goods-topbar.affix-top { /*可以自定义产品浮动栏*/}
.goods-topbar.affix-bottom { z-index: 999; width: 100%; top: auto; background-color: #FFF; border-bottom: #f5f5f5 1px solid; position: absolute; }
.goods-hotlist { background-color: #FFF; margin-top: 8px; padding: 10px 15px; }


/*顶部导航*/
#mobile-header .navbar {min-height: 40px;  margin: 0; }
#mobile-header .navbar i { height:40px; line-height:40px;}
#mobile-header .logo  { position: absolute; z-index:20; top: 0px; left: 10px; width: 75px; height: 40px; background: url(../images/logo.png) no-repeat; background-size: 100%; }
#mobile-header.goods-header { background-color: #fff; height: 40px; }
#mobile-header .about-menu { text-align: center; position: absolute; left: 0; right: 0; }
.nav-hd { padding: 0px 15px; padding-top:0px; border: 0; height: 40px; line-height: 40px; }
.nav-hd .nav-title{ font-size:16px; height:40px; line-height:40px; color:#414040;}




/*浮动导航*/
#mobile-footer .navbar { display: block; z-index: 1050; height: 50px; border:0;}
#mobile-footer .navbar-default {/* background-image: url(../images/nav-bg.jpg);*/}
#mobile-footer ul { position: relative; display: block; padding-top: 0px; }
#mobile-footer ul li { text-align: center; padding-top: 10px; height: 49px; border-top:#eee 1px solid; }
#mobile-footer ul li a { font-size: 9px; }
#mobile-footer .iconfont { font-size: 24px; line-height: 15px; margin-top: 3px; font-weight: 400px; display: list-item; }
.mobileh60 { height: 55px; overflow: hidden; }
#mobile-footer .icon-red a,
#mobile-footer .icon-red i { color: #cc1e2e; }
/*产品页底部浮动窗口样式*/
#mobile-footer .icon-product { float: left; width: 22%; }
#mobile-footer .icon-product-email { background-color: #4471c2; width: 56%; height:50px; border-top:#4471c2 1px solid; }
#mobile-footer .icon-product-email a,#mobile-footer .icon-product-email i { color: #fff; }
#mobile-footer .icon-product:before { content: ''; position: absolute; right: -1px; top: 1px; width: 1px; height: 100%; background-color: #eee; }
#mobile-footer .icon-product:last-child::before { width: 0; }


/*新闻列表*/
.news { background-color: #fff; border-bottom: 1px solid #e0e0e0; margin-top: 0; }
.news .media-body { padding: 10px 15px; }
.news .media-body span { text-align: center; color: #fff; font-size: 10px; padding: 5px 4px; vertical-align: middle; background-color: #1f87d7; border: 0px; display: inline-block; overflow: hidden; }
.news .media-body .title { font-size: 14px; padding-left: 50px; }
.news .media-body .title a { height: 40px; }
.infotag { line-height: 40px; width: 40px; height: 40px; margin-right: 10px; float: left; }


/*文章详情*/
.showlist .list {background-color: #fff; margin:20px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.showlist .list h3 { font-size: 16px;color:#171717; line-height:22px; }
.showlist .list .info { padding: 15px; font-size: 12px; color:#5d5d5d; }
.showlist .list .r8{ border-radius: 8px 8px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;}
.showcont { font-size: 16px; padding: 0px; position: relative; }
.nav-title { overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.showimg { margin-bottom: 10px; }
.showcont .content { padding: 20px 0px 40px 0; background-color: #FFF; }
.showcont .content .title { padding-bottom: 20px; margin:0px 15px 30px 15px; font-size: 1.8rem; font-weight: 700; border-bottom:#d5d5d5 1px solid; }
.conttxt p {color:#414040;font-size: 1.6rem; line-height:2.1rem; text-align:left; /* word-break: break-all; */}
.conttxt img { max-width: 100%; }
.conttxt ol li { list-style: decimal; margin-left: 40px; margin-bottom: 5px; }
.conttxt{margin:0 1.5rem;}