
/* reset */
body,html{width: 100%; height: 100%;  -webkit-tap-highlight-color:transparent;}
abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%;}
body{ height: 100%; overflow-x: hidden; overflow-y: auto;  color:#333;font-size:14px; 
 font-family: '思源黑体',Arial,sans-serif;position: relative; }
h1{font-size: 18px; }
h2{font-size: 24px;}
h3{font-size: 20px;}
h4{font-size: 18px; }
h5{font-size: 16px;}
h6{font-size: 14px;}
p{ line-height: 1.8;}
a,a:active,a:hover,a:visited{outline:0;text-decoration:none;}
a{color:#333;}
a:focus,a:hover{outline:0;outline-offset:initial;color:#d61d16;text-decoration:none;}
a{text-decoration:none;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}
li{list-style:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.clearfix {zoom: 1;}
.clearfix:after{content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}
input,textarea {-webkit-appearance:none; border-radius: 0; -webkit-border-radius:0;outline:none; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important;}
input:focus, textarea:focus {outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}
button{outline:none;}
textarea { resize: none;}
input::-webkit-input-placeholder { color:#ccc;}
input::-moz-placeholder { color:#ccc;}
input:-ms-input-placeholder { color:#ccc;}
/* ::-webkit-scrollbar { width: 0;} */
img { max-width: 100%; height: auto; display: block; margin: 0 auto;}
hr { display: block; width: 100%;  height: 3px; background: #eee; border: 0; margin: 0 0 40px; }

.row { margin-left: -15px; margin-right: -15px; }
.row:after{clear:both;display:block;visibility:hidden;height:0;content:""; font-size: 0;}
.row:before { display: none;}
.col-sm-1,.col-sm-2,.col-sm-4,.col-sm-6,.col-sm-7,.col-sm-8,.col-md-2,.col-md-5,.col-md-10,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left;position:relative;min-height:1px; padding-left: 15px; padding-right: 15px; }
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}
.gray-bg {background: #f8f8f8; }
.white-bg { background: #fff;}
.white { color: #fff; }
.gray-c { color: #ccc; }
.gray-3 { color: #333; }
.gray-6 { color: #666; }
.gray-9 { color: #999; }
.crimson { color: #BB3638; padding: 0 10px;}
.red { color: #D61D16;}
.blue { color: #1171CF; }
.fz-12 { font-size: 12px; }
.fz-13 { font-size: 13px; }
.fz-16 { font-size: 16px; }
.fz-18 { font-size: 18px; }
.fz-20 { font-size: 20px; }
.fz-22 { font-size: 22px; }
.fz-24 { font-size: 24px; }
.fz-26 { font-size: 26px;}
.ml-5 { margin-left: 5px;}
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px;}
.ml-20 { margin-left: 20px; }
.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.pt-10 { padding-top: 10px; }
.mt-5 { margin-top: 5px;}
.mb-5 { margin-bottom: 5px;}
.mb-10 { margin-bottom: 10px;}
.mb-15 { margin-bottom: 15px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px;}
.mb-40 { margin-bottom: 40px;}
.pd-10 { padding: 10px;}
.pd-20 { padding: 20px;}
.pt-20 { padding-top: 20px;}
.pt-30 { padding-top: 30px;}
.ptb-20 { padding-top: 20px;padding-bottom: 20px;}
.plr-10 { padding-left: 10px;padding-right: 10px;}
.plr-20 { padding-left: 20px;padding-right: 20px;}
.pr-10 { padding-right: 10px;}
.pt-40 { padding-top: 40px;}
.fw { font-weight: bold;}
.fwn { font-weight: normal;}
.flex{flex:1; overflow: hidden;}
.flex-left{display:flex;}
.flex-left-center{display:flex;align-items:center;}
.flex-right-center{display:flex;align-items:center;justify-content:flex-end;}
.flex-center{display:flex;align-items:center;justify-content:center;}
.flex-between{display:flex;align-items:center;justify-content:space-between;}
.flex-column-between{display:flex;justify-content:space-between;}
.flex-column{display:flex; flex-flow: column; height: 100%; justify-content:space-between;}
.flex-wrap{display:flex;flex-wrap: wrap;}
.flex-wrap-center{display:flex;flex-wrap: wrap; align-items: center;}
.line { width: 100%; height: 1px; background: #eee; line-height: 0;font-size: 0;margin: 20px 0;}
.gray-line { height: 3px; background: #eee; line-height: 0;font-size: 0; }
.desktop-hide { display: none;}
.text-center { text-align: center;}

/* btn */
.btn { cursor: pointer; position: relative; line-height: 36px; padding: 6px 20px; text-align: center; font-size: 18px; border: 0; border-radius: 0; color: #fff; background: rgba(214, 29, 22, 1); }
.btn:hover { background: rgba(214, 29, 22, 0.8);}
.btn:hover,.btn:focus { color: #fff;}
.btn.active, .btn:active{box-shadow:none;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none;outline-offset:initial;}
.btn.small {  font-size: 14px; line-height: 24px; width: 120px; }
.width168 { width: 168px;}
.btn-line { font-size: 18px; color: #D61D16; text-align: center; border: #D61D16 solid  1px; padding: 6px 12px; line-height: 36px;}
.btn-line.small { font-size: 14px; color: #D61D16; line-height: 20px; border-radius: 6px;padding: 6px 20px; }
.icon { background-image: url("../images/sprite.png"); background-repeat: no-repeat;}
.hover-img{overflow:hidden;display: flex; align-items: center;}
.hover-img img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-ms-transition:all .5s ease;}
.hover-img:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-ms-transform:scale(1.2);}

/* .swiper-slide { width: auto; margin-right: 10px;}
.swiper-button-prev,
.swiper-button-next { display: none;}
.swiper-container-horizontal .swiper-button-prev,
.swiper-container-horizontal .swiper-button-next { display: block;} */
.swiper-pagination{display: flex;align-items: center;justify-content: center;}
.banner-swiper:hover .swiper-button-prev,
.banner-swiper:hover .swiper-button-next,
.product-swiper:hover .swiper-button-prev, 
.product-swiper:hover .swiper-button-next,
.hot-product-swiper:hover .swiper-button-prev, 
.hot-product-swiper:hover .swiper-button-next,
.news-swiper:hover .swiper-button-prev, 
.news-swiper:hover .swiper-button-next{ opacity: 1;}
.swiper-pagination-bullet-active { background: #D61D16;}
.banner-swiper.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.banner-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 30px;height: 8px;
background: rgba(255,255,255,0.4);border-radius: 0; margin: 0 15px; opacity: 1; }
.banner-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(255,255,255,1);opacity: 1;border-radius: 0;width: 30px;height: 8px;}
.banner-swiper .swiper-button-prev,
.banner-swiper .swiper-button-next,
.hot-product-swiper .swiper-button-prev,
.hot-product-swiper .swiper-button-next,
.product-swiper .swiper-button-prev,
.product-swiper .swiper-button-next{opacity: 0; -webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;width: 60px; height: 60px; margin-top: -30px; border-radius: 60px; background-color: rgba(0,0,0,0.3); background-repeat: no-repeat; background-size: 12px auto;}
.banner-swiper .swiper-button-prev,
.hot-product-swiper .swiper-button-prev,
.product-swiper .swiper-button-prev { left: -30px; background-image: url("../images/arrow-left.png");  background-position: 36px 50%;}
.product-swiper .swiper-button-next,
.hot-product-swiper .swiper-button-next,
.banner-swiper .swiper-button-next { right: -30px; background-image: url("../images/arrow-right.png"); background-position: 13px 50%; }
.banner-swiper .swiper-button-prev.swiper-button-disabled,
.banner-swiper .swiper-button-next.swiper-button-disabled,
.hot-product-swiper .swiper-button-prev.swiper-button-disabled,
.hot-product-swiper .swiper-button-next.swiper-button-disabled,
.product-swiper .swiper-button-prev.swiper-button-disabled,
.product-swiper .swiper-button-next.swiper-button-disabled {background-color: rgba(0,0,0,0.3); }

.brand-swiper .swiper-pagination { padding-top: 28px;}
.brand-swiper.swiper-container-horizontal>.swiper-pagination-bullets{position: static;}
.brand-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px; border-radius: 8px;
    background: rgba(216,216,216,1); margin: 0 5px; opacity: 1; }
.brand-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(219,23,29,1);opacity: 1;}

.news-swiper.swiper-container-horizontal>.swiper-pagination-bullets{position: static; margin: 20px 0;}
.news-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 30px;height: 5px;
    background: rgba(214, 29, 22,0.4);border-radius: 0; margin: 0 6px; opacity: 1; }
.news-swiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(214, 29, 22,1);opacity: 1;border-radius: 0;width: 30px;height: 5px;}
.news-swiper .swiper-button-prev,
.news-swiper .swiper-button-next{ opacity: 0; -webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;width: 60px; height: 60px; margin-top: -30px; border-radius: 60px; background-color: rgba(255,255,255,0.7); background-repeat: no-repeat; background-position: 50% 50%; background-size: 12px auto;}
.news-swiper .swiper-button-prev { left: -30px; background-image: url("../images/prev.png"); background-position: 36px 50%;}
.news-swiper .swiper-button-next { right: -30px; background-image: url("../images/next.png"); background-position: 13px 50%;}
.news-swiper .swiper-button-prev.swiper-button-disabled,
.news-swiper .swiper-button-next.swiper-button-disabled {background-color: rgba(0,0,0,0.3);}

.box-swiper { padding-bottom: 25px;}
.box-swiper .swiper-pagination-bullet-active{ background: #D61D16;}
.box-swiper.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 15px;}

.ad { display: block;}
.ad img { width: 100%;}

/* container */
.container { width: 1200px; position: relative; margin: 0 auto; padding: 0; }
.container:after,
.container:before { display: none;}
.clamp-one { white-space: nowrap; text-overflow: ellipsis;overflow: hidden; line-height: 1.2; min-height: 16px;}
.clamp-two {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2; height: 45px;}
.clamp-three {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.clamp-four {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.clamp-five {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.home { padding-bottom: 20px;}
.home-headline  { display: flex; align-items: center; margin-bottom: 20px;}
.home-headline h2 { font-size: 28px; line-height: 1;}
.home-headline p{ color: #999; margin-left: 20px;}

/* header */
.header-top{background: #222;font-size: 13px; color: #ccc; min-height: 40px; line-height: 40px;}
.header-top .container{min-height: 40px;}
.header-top p { line-height: 40px;}
.header-con { background: #fff;}
.header-con .flex-between { padding: 40px 0;}
.logo { width: 138px; display: flex;}
.logo img { width: 100%; height: auto;}
.header-search {width: 540px; position: relative;}
.header-con .telephone p { line-height: 1.2;}
.search-box { border: 1px solid #AF0000;height: 40px;margin-bottom: 6px; position: relative; display: flex;}
.icon-search { position: absolute;left: 10px; top:50%; margin-top: -7px; width: 14px; height: 14px; background-position: 0 0;}
.search-box .search-input { padding: 0 30px; border:0; line-height: 38px; font-size: 14px; flex: 1;}
.search-box input::-webkit-input-placeholder { color:#909090;}
.search-box input::-moz-placeholder { color:#909090;}
.search-box input:-ms-input-placeholder { color:#909090;}
.search-box .search-btn { width: 100px; border:0; text-align: center; cursor: pointer; color: #fff; font-size: 16px; line-height: 38px; height: 38px; background: #D61D16;}
.news-home .search-box { width: 80px; height: 30px; overflow: hidden; border: 1px solid #eee;}
.hot-label { display: flex; flex-wrap: wrap; color: #A8A8A8;}
.hot-label span { margin-left: 5px;}
.hot-label a { margin-left: 5px;color: #A8A8A8;}
.hot-label a:hover { color: #D61D16;}
.fake-5px {
    position: absolute;
    top: -6px;
    width: 100%;
    height: 5px;
    /*background: #ff0;*/
  }
.index-sel-box {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 10;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  }
  
  .index-sel-box .suggest-num {
    float: right;
    font-size: 12px;
    color: #c0c0c0;
  }
  
  .index-sel-box a {
    display: block;
    padding: 0 10px;
    width: 100%;
    line-height: 30px;
    color: #222;
    float: left;
  }
  .index-sel-box a.hide {
    display: none;
  }
  .index-sel-box a:hover {
    text-decoration: none;
    color: #000;
    background: #f4f4f4;
  }
.icon-telephone { width: 38px; height: 38px; background-position: -362px 0; margin-right: 10px;}
.icon-rank{ width: 16px; height: 14px; background-position: -17px -38px; margin-right: 10px;}
.nav-wrap { position: relative}
.nav {  padding-left: 240px; }
.nav ul {display:flex;align-items:center;position:relative; font-size: 16px;}
.nav li a { display: flex; line-height: 44px; padding: 0 30px; color: #666;}
.nav li a i { width: 21px;}
.nav li a:hover,
.nav li.active a { color: #BB3638; }
.main { padding-bottom: 30px;}

/* home */
.home-banner { display: flex; justify-content: space-between; padding-left: 220px;}
.page-section { padding: 20px 0;}
.banner-swiper { margin-bottom: 10px;}
.category { width: 210px;  position: absolute; left: 0; top:44px;z-index: 100; }
.category .category-title { font-size: 15px; color: #fff; padding: 0 20px; position: absolute;top:-44px;left: 0; cursor: pointer; width: 100%; height: 44px; background: #D61D16; display: flex; align-items: center; }
.category .icon-category { width: 15px; height: 12px; margin-right: 12px; background-position: -16px 0;}
.category .category-list { background: #fff;}
.category .category-list dd { display: flex; position: relative; align-items: center; flex-wrap: wrap; line-height: 33px; padding: 0 15px;}
.category .category-list dd.active { background: #D61D16; }
.category .category-list dd.active a { color: #fff;}
.category .category-list dd:after { content: ''; position: absolute; right: 0; top:50%; margin-top: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
}
.category .category-list dd a{ display: inline-block;  padding: 0 5px;
    -webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none; }
.category .category-list dd:hover a {color: #fff;}
.category .category-box { position: relative; display: none; min-height: 518px; background: #fff;}
.category .category-box.show { display: block!important;}
.category .category-box.lock-show { display: block!important;}
.category .category-model { display: none; position: absolute; left: 210px; top:0; z-index: 100; width: 784px; padding: 30px; height: auto; min-height: 518px; background: #fff; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);}
.category .category-model h5 { border-bottom: #eee solid 1px; font-weight: normal; padding-bottom: 15px; margin-bottom: 15px;}
.product-category-list { margin-bottom: 20px; }
.category .group  { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.product-category-list a { /*width: calc(100% /7);*/ padding-left: 15px; padding-right: 15px; margin-bottom: 10px; white-space: nowrap; /*text-overflow: ellipsis;overflow: hidden;*/ }
.product-recom-list a { /*width: calc(100% /4);*/ padding-left: 15px; padding-right: 15px; margin-bottom: 10px;white-space: nowrap; /*text-overflow: ellipsis;overflow: hidden;*/}
.brand-hot { margin-bottom: 30px;}
.brand-hot .item { display: block; text-align: center;}
.brand-hot .item .pic { width: 100px; height: 40px; margin-bottom: 10px;}
.brand-hot .item .pic img { width: 100%;}
.category-box:hover .category-model{ display: block;}
.banner { width: 760px;}
.banner .img { width: 100%;}
.home-banner .banner .flex-between  { margin-left: -5px; margin-right: -5px;}
.home-banner .banner .flex-between a { padding: 0 5px;}
.home-banner .banner .flex-between img{ width: 100%;}
.home-recom { width: 210px;}

.list-round {  background: #fff;}
.list-round h4 { margin-bottom: 10px; padding-top: 13px; }
.list-round li a { display: block; padding: 9px 0 9px 10px; color: #666; font-size: 14px; position: relative; line-height: 1; font-weight: normal; text-overflow:ellipsis;white-space:nowrap; overflow: hidden; }
.list-round li:last-child a { padding-bottom: 0;}
.list-round li a:hover { color: #D61D16;}
.list-round li a:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 4px;
    background: #D61D16; position: absolute; left: 0; top: 50%; margin-top: -2px; }
.list-round li:last-child a:before { margin-top: 1px; }
.list-round.no-round li a:before { display: none;}
.list-round.no-round li a { padding-left: 0;}
.home-recom .list-round { padding: 7px 10px 15px;}
.home-recom .list-round li a { padding: 8px 0 8px 10px; }
.brand-swiper .item{ position: relative; display: block; background: #fff;}
.brand-swiper .item img { position: relative; z-index: 1;}
.brand-swiper .item .tran-text { display: none; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top:0; z-index: 2; width: 100%; height: 100%; color: #fff; font-size: 18px;}
.brand-swiper .item .tran-text p {color: #fff; font-size: 18px;    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    text-align: center;
    width: 80%;
    z-index: 3; 
    min-height: 10px;
 }
.brand-swiper .item:hover .tran-text { display: block;}
.guarantee { display: flex; flex-wrap: wrap; background: #fff; padding: 10px 0 4px;}
.guarantee .item { width:calc(100%/3); text-align: center; margin-bottom: 5px;}
.guarantee .item span{ display: block; margin: 0 auto 5px; width: 38px; height: 38px; border-radius: 38px; color: #af0000; font-size: 20px; font-weight: bold; border:#dbdbdb solid 2px; text-align: center; line-height: 36px;}
.guarantee .item p { font-size: 12px; line-height: 1.2;}
/*.swiper-wrapper { transform: translate3d(0, 0px, 0px)!important;}*/

.hot-product-swiper .swiper-slide { width: 216px;}
.brand-swiper .swiper-slide { width: 192px;}
/* .img-list .row { margin-left: -5px; margin-right: -5px; } */
.img-list.around { margin-left: -20px; margin-right: -20px;}
.img-list .col-xs-2 { 
    /* padding-left: 5px; padding-right: 5px;  */
    width: 20%;}
/* .img-list .col-xs-3 { padding-left: 5px; padding-right: 5px;} */
.img-list .item { padding: 15px 18px; display: block; background: #fff;}
.home-right .img-list  { padding: 0 15px;}
.home-right .img-list .item { padding: 15px;}
.brand-detail-right .box-img-list { padding: 20px 44px 0;}
.img-list .item .tran { width: 100%; height: auto; position: relative; z-index: 1;}
.img-list .item .tran img { width: 100%; height: auto;}
.img-list .item .pic  { margin-bottom: 10px; position: relative; }
.img-list .item .pic > img { position: absolute; left: 50%; top: 50%;   
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); z-index: 2;}
.news-detail .img-list { padding: 0 2px;}
.news-detail .img-list .col-xs-3 .item { padding: 10px; }
.img-list .item .pic-60 {height: 100px;margin-bottom: 10px; }
.img-list .item .pic-60 img { width: 100%; height: auto;}
/* .border-line.img-list .row { margin-left: -10px; margin-right: -10px; }
.border-line.img-list .col-xs-2 { padding-left: 10px; padding-right: 10px;} 
.border-line.img-list .col-xs-3 { padding-left: 10px; padding-right: 10px;} */
.border-line.img-list .item { border: #eee solid 1px; margin-bottom: 30px;
    padding: 15px 17px;
}
.border-line.img-list .col-xs-3 .item {  padding: 15px;}

.home-left { width: 20%;}
.home-right { width: 80%; background: #fff;}
.section-plan .home-right { padding-left: 10px; background: transparent;}
.section-plan .item { position: relative; display: block;}
.section-plan .pic { position: relative; z-index: 1; }
.section-plan .pic img { width: 100%; }
.section-plan .text { position: absolute;left: 0;bottom: 0; z-index: 2; width: 100%; padding: 0 10px; background: rgba(0,0,0,0.4); text-align: center; }
.section-plan .text h4 { color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 50px;height: 50px;}
.section-plan .text:after { content: ''; position: absolute; left: 50%; top:-10px; margin-left: -7px; width:0;height:0;border-right:8px solid transparent; border-left:8px solid transparent;
    border-bottom:10px solid rgba(0,0,0,0.4);}
.section-plan .home-right .row { margin-left: -4px; margin-right: -4px;}
.section-plan .home-right .col-xs-4 { padding-left: 4px; padding-right: 4px; margin-bottom: 7px;}
.section-plan .home-right .col-xs-4 .pic {height: 210px;}

.section-breathe,
.section-safety,
.section-hearing{ display: flex; justify-content: space-between;}
.section-breathe .item { position: relative; display: block;}
/* .section-breathe .item img { width: 100%; height: auto;} */
.gallery { position: relative;}
.tab-slider { padding: 0 0 13px; width: 100%; background: #f8f8f8; 
    /* overflow-x: auto; white-space: nowrap;  */
    overflow: hidden; }
.tab-slider .swiper-container{ padding: 0 0 7px;display: block;  }
.tab-slider .swiper-wrapper { margin: 0;}
.tab-slider .swiper-slide { width: auto; padding: 0 20px; text-align: center; overflow: hidden; cursor: pointer; position: relative; font-size: 16px;min-height: 36px;}
.tab-slider .swiper-container-horizontal .swiper-slide { flex: none;}
.tab-slider .swiper-slide .row { opacity: 0; position: absolute; left: 0; top:100px;}
.tab-slider .swiper-slide:after {  content: ''; width: 2px; height: 15px; background: #ccc; position: absolute; left: 0;top:2px; }
.tab-slider .swiper-slide:first-child:after { display: none;}
.tab-slider .swiper-slide .slide-info { display: block; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; cursor: pointer; min-height: 34px;}
.tab-slider .swiper-slide.checked .slide-info{ border-bottom: #AF0000 solid 2px;}


.tab-slider .nav-content { width: 100%;  white-space: nowrap; overflow-y: hidden; overflow-x: scroll;
    scrollbar-width: none;  -ms-overflow-style: none;
}
.tab-slider .nav-content::-webkit-scrollbar{display:none;} 
.tab-slider .nav-item { padding: 0 15px; font-size: 16px; display: inline-block; position: relative; padding-bottom: 13px; cursor: pointer; }
.tab-slider .checked {color: #AF0000;}
.tab-slider .checked::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 2px;
    background: #AF0000;
    transform: translateX(-50%);
    transition: all .2s linear;
}
.tab-slider .nav-item .row { opacity: 0; position: fixed; left: 0; z-index: -11111; top:100px;}

/* .tab-slider .amount {display: inline-block; padding: 0 20px; text-align: center; overflow: hidden; cursor: pointer; position: relative; font-size: 16px;min-height: 36px;border-bottom: #f8f8f8 solid 2px;}
.tab-slider .amount.active { border-bottom: #AF0000 solid 2px;} */

.tab-pane{ display: none;}
.tab-pane.active{ display: block;}
.tab-pane-content { background: #fff;}


.swiper-wrapper .img-list > .item { padding: 0 0 10px;}
.hot-product-swiper .swiper-wrapper .img-list > .item { padding: 15px 18px;}
.swiper-wrapper .img-list .col-xs-3 .item { margin-top: 10px; margin-bottom: 0;}
.tab-slider-ul { display: block; overflow-x: auto; white-space: nowrap; padding: 0 30px;}
.tab-slider-ul .swiper-pagination-bullet { display: inline-block; width: auto; height: auto; margin: 0 30px; padding-bottom: 9px; border-radius: 0; cursor: pointer;position: relative;
    font-size: 16px; background: transparent; opacity: 1;}
.tab-slider-ul .swiper-pagination-bullet:after { content: ''; width: 100%; height: 2px;  position: absolute; left: 0;bottom:0;}
.tab-slider-ul .swiper-pagination-bullet:first-child:after { display: none;}
.tab-slider-ul .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-bottom: #AF0000 solid 2px;}
/* .page-section .swiper-button-prev,
.page-section .swiper-button-next {  width: 16px; height: 36px; top:22px; 
    background-color: rgba(0,0,0,0.4); 
    background-position: 50% 50%; background-size: 8px auto;}
.page-section .swiper-button-prev{  background-image: url("../images/arrow-left.png"); left: 0;  }
.page-section .swiper-button-next { background-image: url("../images/arrow-right.png"); right: 0; } */
/* .page-section .swiper-button-prev { left: 0; width: 14px; height: 25px; background: #f8f8f8;}
.page-section .swiper-button-next { right: 0; width: 14px; height: 25px; background: #f8f8f8;}
.page-section .swiper-button-prev:after,
.page-section .swiper-button-next:after{position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:2px solid #999;border-right:2px solid #999;box-shadow:0 0 0 #d3d3d3;content:'';-webkit-transition:all .2s ease;transition:all .2s ease;}
.page-section .swiper-button-prev:after {  -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg); margin-left:-5px; transform: translate3d(0, -50%, 0) rotate(-135deg);}
.page-section .swiper-button-next:after { -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); margin-left:-10px; transform: translate3d(0, -50%, 0) rotate(45deg);}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled { opacity: 0;} */
/* .page-section .swiper-button-prev.swiper-button-disabled,
.page-section .swiper-button-next.swiper-button-disabled {background-color: rgba(0,0,0,0.3);} */

/* .section-breathe .swiper-wrapper { background: #fff;} */
.skill-title { display: flex; align-items: center; margin-bottom: 20px; font-weight: normal; color: #666;}
.icon-left-line { width: 4px; height: 20px; margin-right: 10px; background: #BB3638;}
.white-left-line { width: 4px; height: 20px; margin-right: 10px; background: #fff;}
.pic-168 { width: 168px; margin-right: 10px;}
.pic-168 img { width: 100%; height: auto;}
.pic-158 {width: 160px;  height: 160px; }
.pic-158 img { width: 100%; height: auto;}
.topic-right .pic-158 { width: 200px; height: 200px;}

.pic-160 { width: 160px; margin-right: 10px; height: 160px;}
.pic-160 img { width: 100%; height: auto;}
.pic-200 { width: 200px; margin-right: 10px; height: 200px;}
.pic-200 img { width: 100%; height: auto;}
.col-xs-4 .pic-200 { width: 160px; height: 160px;}
.topic { color: #666; margin-bottom: 20px; max-height: 300px; overflow: hidden;}
.topic a { margin-right: 10px; display: inline-block; margin-bottom: 10px;}
.blue-bg {background: #5b8acb;}
.red-bg {background: #cf0a08;}
.left-list-ad { height: 140px; position: relative; }
.left-list-ad a { display: block; padding: 6px 0; color:#fff;}
.left-list-ad .row { position: absolute; -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); margin-left: 0; margin-right: 0;
    top: 50%; left: 50%; text-align: center; width: 100%;
    }
.left-list-ad .col-xs-6 { padding-left: 10px; padding-right: 10px;}
.sample-book .row { margin-left: -5px; margin-right: -5px;}
.sample-book .col-xs-3 { padding-left: 5px; padding-right: 5px;}
.sample-book .item { display: block; border: 1px solid #eee;}
.sample-book .pic { padding: 5px; width: 82px; height: 82px;}
.sample-book .pic img { width: 100%; height: auto;}
.sample-book p { background: #666; line-height: 20px; font-size: 12px; color: #fff; text-align: center; height: 40px;}

.tab { background: #fff; width: 100%; overflow: hidden; position: relative; }
.tab-nav { font-size: 16px; position: relative; z-index: 1; margin-bottom: -1px; display: block; overflow-x: auto; white-space: nowrap; padding: 0 20px;  scrollbar-width: none;  -ms-overflow-style: none;}
.tab-nav::-webkit-scrollbar{display:none;} 
.tab .download-btn {display: flex; align-items: center; background: #D61D16; color: #fff; line-height: 30px; border-radius: 5px; padding: 0 10px; position: absolute; right: 10px; top: 7px; z-index: 2; }
.tab .download-btn .icon-download { width: 14px; height: 14px; background-position: 0 -38px; margin-right: 5px;}
/* .tab-nav:after { content: ''; width: 100%; position: absolute; left: 0; bottom: 0;  height: 1px; border-bottom: #eee solid 1px; z-index: 2; } */
.tab-nav li { position: relative; display: inline-block; padding: 0 30px; line-height: 1;}
.tab-nav li a { display: block; padding: 20px 0; color: #666; position: relative; }
.tab-nav li:first-child { padding-left: 0;}
.tab-nav li.active a { color: #BB3638;}
.tab-nav li a:after { content: ''; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 3; border-radius: 2px; height: 2px;}
.tab-nav li.active a:after{background: #BB3638; }
/* .product-left .tab-nav { display: flex;}
.product-left .tab-nav li { width: 50%;}
.product-left .tab-nav li a {white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} */
.tab-list { display: none; }
.tab-list.show { display: block; }
.tab-content { padding: 20px;border-top: #eee solid 1px;}
.tab.no-line .tab-nav { padding: 0;}
.tab.no-line .tab-nav:after {  height: 3px; border-bottom: #eee solid 3px;}
.tab.no-line .tab-nav li a{ color: #999; font-size: 20px;}
.tab.no-line .tab-nav li.active a{ color: #333;}
.tab.no-line .tab-nav li.active a:after{ background: #eee;}
.topic-right .tab-nav { padding: 0 10px;}
.topic-right .tab-nav li { padding: 0 10px;}
.topic-right .tab-nav li:first-child { padding-left: 0;}
.topic-right .tab-nav li.active a { color: #666;}
.section-product h1 { font-size: 18px;}
.section-skill .tab-nav { font-size: 18px; margin-bottom: 0;}
.section-skill .tab-nav li.active a:after { display: none;}
.section-skill .tab-content {border:0}
.section-skill .tab-nav li { padding: 0;}
.section-skill .tab-nav li a { padding: 0; min-height: 20px; line-height: 1.4;}

.footer { text-align: center; background: #2A2A32;  }
.footer .footer-top { display: flex; justify-content: space-between; padding: 40px 0; }
.footer .footer-top span { display: block; margin-right: 15px; width: 46px; height: 46px; border-radius: 46px;
    color: #ccc; font-size: 20px; font-weight: bold;border: #ccc solid 2px; text-align: center; line-height: 44px;}
.footer .footer-top h4 { color: #fff; margin-bottom: 10px; line-height: 1;}
.footer .footer-top .flex { text-align: left;}
.footer .footer-link { padding: 40px 0; margin-top: 40px; border-top: rgba(238, 238, 238, 0.1) solid 1px; }
.footer .footer-link .col-xs-2 { width: 20%; padding: 0 30px;text-align: left;}
.footer .footer-link .col-xs-2:last-child { padding-right: 0;}
.footer .footer-link ul li a { display: block; line-height: 30px; color: #888; }
.footer .telephone { margin-bottom: 15px;}
.footer .telephone-round { width: 44px; height: 44px; margin-right: 12px; border-radius: 50%;background-color: rgba(248, 248, 248, 0.1); }
.footer .icon-telephone {display: block; margin: 10px auto 0; width: 24px; height: 24px; background-position: -337px 0;}
.footer .two-card .pic { width: 90px; height: 90px; overflow: hidden;}
.footer .two-card img { width: 100%; height: auto; }
.footer .two-card p { line-height: 1; padding-top: 10px; }
.footer .copyright{  padding: 40px 0; background: #222;}
.footer .copyright p { line-height: 1.2; margin-bottom: 16px; color: #666;}
.footer .copyright img{  margin: 0 6px;}
.footer .copyright a { color: #666; margin: 0 3px; }
.footer .copyright a:hover { color: #D61D16;}
/* .footer .links-scroll { flex:1; overflow-x: auto;scrollbar-width: none;  -ms-overflow-style: none; text-align: left; padding-left: 10px;white-space: nowrap;}
.footer .links-scroll a { display: inline-block;}
.footer .links-scroll::-webkit-scrollbar{display:none;}  */
.footer .swiper-slide { width: auto; padding: 0 3px;}
.footer .flex-wrap-center{ justify-content: center;}
.sticky-bar { position: fixed; top: 50%; right: 30px;  margin-top: -158px; z-index: 9999;}
.sticky-bar ul li { list-style: none; width: 60px;position: relative; margin-bottom: -1px; }
.sticky-bar ul li.wechat-box { height: 60px; }
.sticky-bar ul li a { width: 60px; height: 60px; border:#eee solid 1px; background: #fff;
    color: #666; display: block; padding-top: 10px;   text-decoration: none !important; position: relative; z-index: 2; }
.sticky-bar ul li.wechat-box .dropdown-card{  width: 100px; height: 100px; position: absolute; left:-110px;top:-20px;
    display:block;visibility:hidden;margin:0;min-width:100px;
    border-radius:3px;background:#fff; padding: 5px; line-height: 30px; box-shadow:0 1px 5px 0 rgba(0,0,0,.3);opacity:0;
    transition:opacity .1s .2s,visibility .1s .3s,-webkit-transform .3s;
    transition:transform .3s,opacity .1s .2s,visibility .1s .3s;
    transition:transform .3s,opacity .1s .2s,visibility .1s .3s,-webkit-transform .3s;-webkit-transform:rotateX(-90deg);
    transform:rotateX(-90deg);-webkit-transform-origin:0 0;transform-origin:0 0;
    -webkit-backface-visibility:hidden;backface-visibility:hidden;}
.sticky-bar ul li.wechat-box .dropdown-card:after{position:absolute;top:43px;right:-7px;  width:0;height:0;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    content:"";line-height:0;opacity:0;transition:opacity .2s 0s;}
.sticky-bar ul li.wechat-box:hover .dropdown-card{visibility:visible;opacity:1;transition:opacity .1s,-webkit-transform .3s;transition:transform .3s,opacity .1s;transition:transform .3s,opacity .1s,-webkit-transform .3s;-webkit-transform:rotateX(0);transform:rotateX(0);}
.sticky-bar ul li.wechat-box:hover .dropdown-card:after{opacity:1;  transition:opacity .1s .2s;}
.sticky-bar ul li a:hover { background: #eee;  text-decoration: none;}
.sticky-bar ul li p { position: absolute; top: 0; right: 0; width: 0; opacity: 0; height: 60px; margin: 0;
    padding: 0 45px 0 15px; font-size: 16px; line-height: 60px; color: #666;
    white-space: nowrap; transition:width 200ms;
    z-index: 1; background: #eee;
    border: #eee solid 1px;}
.sticky-bar ul li:hover p { width: auto;right: 25px; transition:width 800ms; opacity: 1; }
.sticky-bar ul li a i { display: block; width: 60px; height: 60px; }
.sticky-bar .icon-service {width: 24px; height: 24px; display: block; margin: 0 auto; background-position: -35px 0;}
.sticky-bar .icon-qq {width: 24px; height: 24px; display: block; margin: 0 auto; background-position: -63px 0;}
.sticky-bar .icon-telephone {width: 24px; height: 24px; display: block; margin: 0 auto; background-position: -87px 0; }
.sticky-bar .icon-wechat {width: 24px; height: 24px; display: block; margin: 0 auto; background-position: -113px 0; }
.sticky-bar .icon-back-top {width: 14px; height: 8px; display: block; margin: 0 auto; background-position: -142px 0; }
.sticky-bar ul li a.back-top { margin-top: 21px; padding-top: 16px; }
.sticky-bar span { font-size: 12px; text-align: center; display: block; color: #666;}
.sticky-bar span.red { color: #AF0000; font-size: 16px;}

.floor-nav { position: fixed; left: 10%;top:50%; margin-top: -235px; width: 100px; z-index: 100; }
.floor-nav li {cursor: pointer; display: flex; border: #eee solid 1px;padding: 0 8px;  margin-bottom: -1px; background: #fff;}
.floor-nav li span {flex: 1; text-align: center; color: #666; padding: 8px 0;}
.floor-nav li.active { background: #D61D16;border: #D61D16 solid 1px; }
.floor-nav li.active span { color: #fff;}
.floor-nav .back-top { cursor: pointer; border: #eee solid 1px;  background: #fff;
    margin-top: 21px; padding: 10px 0; display: block; text-align: center; }
.floor-nav .icon-back-top { display: block; width: 14px; height: 8px;  margin: 0 auto; background-position: -142px 0; }

/* productList */
.bread-crumbs { font-size: 14px; line-height: 1.6; padding: 14px 0; margin-bottom: 20px; background: #f8f8f8;}
.bread-crumbs .container ul { display: flex; align-items: center; flex-wrap: wrap;  }
.bread-crumbs a {  padding: 0 10px; }
.bread-crumbs span {  padding: 0 10px; color: #999; }

.product { overflow: hidden;}
.product-left { float: left; width: 17.5%;}
.product-right { float: right; width: 80.8333333333333%;}
.accordion { background: #f8f8f8; color: #666; padding: 0 20px; margin-bottom: 20px;}
.accordion .accordion-head { display: flex; cursor: pointer; align-items: center; padding: 10px 0; border-bottom: #eee solid 1px; justify-content: space-between;}
.accordion .accordion-item:last-child .accordion-head { border-bottom: none;}
.accordion-con { display: none; border-bottom: #eee solid 1px;}
.accordion .accordion-item:last-child .accordion-con { border-top: #eee solid 1px; border-bottom: none;}
.accordion-con li a { display: block; line-height: 40px;}
.accordion-con li.active a { color: #D61D16;}
.open .accordion-con { display: block;}
.level-button{position:relative;width:20px;height:20px;}
.level-button::before{position:absolute;top:50%;right:0;margin-top:0;margin-left:-12px;width:12px;border-top:2px solid #999;content:'';}
.level-button::after{position:absolute;top:50%;right:5px;margin-top:-5px;margin-left:-7px;height:12px;border-left:2px solid #999;content:'';}
.open .level-button::after{display:none;}
.box { border: 1px solid #eee; margin-bottom: 20px; background: #fff;}
.box h4 { line-height: 36px; background: #eee; padding: 0 20px; color: #333; font-weight: normal;}
.box-img-list { padding: 20px 24px 0;}
.box-img-list .item { display: block; margin: 0 0 15px; }
.box-img-list .item .pic {  margin-bottom: 10px; position: relative;}
.box-img-list .item .tran { width: 100%; height: auto; position: relative; z-index: 1;}
.box-img-list .item .tran img { width: 100%; height: auto;}
.box-img-list .item .pic > img { position: absolute; left: 50%; top: 50%;   
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); z-index: 2;
}
.news-left .box-img-list { padding: 20px 35px 0;}
.topic-right .box-img-list { padding: 20px 30px 0;}
.topic-right .box .box-img-list { padding: 10px 34px 0;}
.box .box-list { padding: 10px 0;}
.box-list .item { display: block; border-bottom: #eee solid 1px; padding: 8px 0;}
.box .box-list .item {  padding: 8px 20px;}
.box-list li:last-child .item { border-bottom: none;}
.hot-list  { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px;}
.hot-list a { width: calc(100% / 8); padding: 0 5px 10px; color: #666;}
.big-tab .tab-nav { color: #333; padding: 0;}
.big-tab .tab-nav:after { height: 3px; border-bottom: #eee solid 3px; }
.big-tab .tab-nav li a { color: #333; font-size: 18px;}
.big-tab .tab-nav li.active a { color: #D61D16;}
.big-tab .tab-nav li a:after {  border-radius: 3px; height: 3px;}
.big-tab .tab-nav li a:after{ width: 60px; left: 50%; margin-left: -30px; }
.big-tab .tab-nav li.active a:after{background: #D61D16; }
.big-tab .tab-content { padding: 20px 0;}
.brand-category { border:#f8f8f8 solid 1px; padding: 20px; margin-bottom: 20px;}
.brand-category h4 { cursor: pointer; display: flex; align-items: center; margin-bottom: 15px;}
.brand-category .brand-category-arrow { width: 0; height: 0; margin-left: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #999; }
.brand-category.show .brand-category-arrow {-webkit-transform: rotate(180deg);    transform: rotate(180deg);}
.brand-category-model {  margin-left: -20px; margin-right: -20px; font-size: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; height: 30px; text-align: left; overflow: hidden;}
.show .brand-category-model { height: auto; }
.brand-category-model a { font-size: 14px;
    /* max-width: 105px;  */
    padding: 0 20px; line-height: 30px; }
.footer .brand-category{ border: 0; border-top: rgba(238, 238, 238, 0.1) solid 1px; margin-top: 40px; padding: 20px 30px 0; margin-bottom: 0;}
.footer .brand-category h4 { color: #f8f8f8; }
.footer .brand-category-model { margin-bottom: -10px; }
.footer .brand-category-model a { color: #999;}
.footer .brand-category-model div { color: #999; float: left; padding: 0 10px;}
.filter { margin-bottom: 20px; border-top: #eee solid 3px; }
.filter .filter-item { display: flex; align-items: center; background: #F8F8F8; border-bottom: #f8f8f8 solid 1px; color: #666; }
.filter .filter-title { width: 100px; line-height: 30px; color: #999; padding: 10px 15px;  }
.filter .filter-flex {flex: 1; overflow: hidden;background: #fff; min-height: 50px; padding: 0 20px; position: relative;}
.filter .filter-info {  position: relative;  padding: 10px 0; overflow: hidden;  }
.filter .filter-info.letter-list { padding-right: 45px;}
.filter .filter-info.letter-list-item {display: flex; flex-wrap: wrap;  max-height: 96px;}
.filter .show .filter-info.letter-list-item { max-height: 100%;}
.filter .filter-info a { float: left;
    /*min-width: 48px;  */
    line-height: 28px; text-align: center; padding: 0 10px; color: #666; margin: 5px 0;
}
.filter .filter-info.letter-list-item a { width: calc(100% / 6); text-align: left;  white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.filter .filter-info a.active ,.filter .filter-info a:hover { background: #D61D16; color: #fff; }
.filter .filter-chosen { cursor: pointer; border: #D61D16 dashed 1px; padding: 5px 10px; display: inline-block; margin: 5px; }
.icon-filter-close { display: inline-block; background-position: -160px 0; width: 10px; height: 9px; margin-left: 10px;}
.brand .filter { margin-bottom: 0; border:0;}
.filter-more { cursor: pointer; position: absolute; right: 0; top:18px; background: url(../images/ic_down.png) no-repeat right 6px / 14px auto; padding-right: 20px;}
.show .filter-more {  background-position: right -38px;}


.caption { display: flex; align-items: center; justify-content: space-between; position: relative;  padding-left: 20px; }
.caption:after { content: ''; display: block; width: 100%; position: absolute; left: 0;bottom: 0; z-index: 1; border-bottom: #eee solid 3px;}
.caption h3 { line-height: 1; padding-bottom: 20px; position: relative; color: #D61D16;}
.caption h3:after { content: ''; display: block; width: 60px; position: absolute; left: 50%;bottom: 0; z-index: 3; height: 3px; margin-left: -30px; background: #D61D16; border-radius: 3px;}
.caption h4 { line-height: 1; padding-bottom: 20px; position: relative; color: #D61D16;}
.caption h4:after { content: ''; display: block; width: 60px; position: absolute; left: 50%;bottom: 0; z-index: 3; height: 3px; margin-left: -30px; background: #D61D16; border-radius: 3px;}
.caption .prev-page,
.caption .next-page { display: inline-block; width: 24px; height: 24px; position: relative; border: #999 solid 1px; margin-left: 10px;}
.caption .next-page:after,
.caption .prev-page:after{position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:2px solid #999;border-right:2px solid #999;box-shadow:0 0 0 #d3d3d3;content:'';-webkit-transition:all .2s ease;transition:all .2s ease;}
.caption .prev-page:after { -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg); margin-left:-3px; transform: translate3d(0, -50%, 0) rotate(-135deg);}
.caption .next-page:after { -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); margin-left:-8px; transform: translate3d(0, -50%, 0) rotate(45deg);}
.product-list { overflow: hidden;}
.product-list .row { display: flex; flex-wrap: wrap;}
.product-list li { border-bottom: #eee solid 1px; padding-top: 20px; padding-bottom: 20px;}
.product-list .item { padding: 10px; cursor: pointer; display: block;border: #fff solid 1px; position: relative; }
.product-list .item > flex-left-center { position: relative; z-index: 1;}
.product-list .item:hover {border: #eee solid 1px; }
.product-list h5 { font-weight: normal; margin-bottom: 5px; min-height: 50px; padding-right: 54px; position: relative; z-index: 1;}
.product-list .info { flex: 1; overflow: hidden;}
.product-list .icon-mark { position: absolute; right: 0; top:0;z-index: 2; width: 54px; display: block;}
.product-list .icon-mark img { width: 100%;}
.product-list .icon-delist {position: absolute; left: 35px; top:50%; z-index: 2; margin-top: -30px; width: 112px; display: block;}
.product-list .icon-delist img { width: 100%;}

/* productDetail */
.product-detail-head{overflow: hidden; margin-bottom: 30px;}
.product-detail-left{width: 440px; padding-right: 40px; height:auto;float: left; position: relative;}
.product-detail-right{float: left;}
.product-detail-show{width: 400px;height: 400px;overflow: hidden; margin-bottom: 30px;position: relative;border:1px solid #f8f8f8;cursor:move}
.product-detail-show img{width: 100%;}
.product-detail-head .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.product-detail-head .big-show{width: 400px;height: 400px;overflow: hidden;margin-left: 10px;display: none; position: absolute; left: 400px;top:0; z-index: 100; border:1px solid #E8E8E8;}
.product-detail-head .big-show img{width: 860px;height: 860px;margin-right: 10px;}
.magnifier-swiper { display: none;}
.product-detail-meta { background: #fafafa; padding: 15px 20px; margin-bottom: 20px;}
.product-detail-meta .two-card { width: 60px; height: 60px;  overflow: hidden;}
.product-detail-meta .two-card img { width: 100%;}
.product-detail-meta p { line-height: 1.2;}
.product-detail-meta .fz-26 { color: #C42308;}
.product-detail-right { width: 63.3333333333333%;}
.product-detail-right h4 { margin-bottom: 10px;}
.product-type { line-height: 40px; margin-right: 20px; max-width: 100%;}
.product-type .pic { width: 30px; height: 30px; margin-right: 10px;}
.product-type .pic img { width: 100%;}
.product-type .flex-left-center {border: 1px solid #eee; padding: 2px 10px; margin-bottom: 10px;}
.product-type .flex-left-center span { flex: 1;}
.product-swiper.swiper-container{ padding: 0 48px;}
.product-swiper .pic { width: 180px; height: 180px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center;}


.small-show{width: 100%;height: 66px;position: relative; padding: 0 50px; }
.small-show img{width:100%;border:2px solid #f8f8f8;transition: all 0.5s}
.small-show .middle-box{width:300px;overflow: hidden;}
.small-show .look-allmiddle{overflow: hidden;transition: all 0.5s;height: 66px;}
.small-show .middle li{width: 76px;height: 66px;float: left;cursor:pointer;padding:0 5px;}
.small-show .middle li img {width: 100%;}
.small-show .prev,
.small-show .next {position: absolute;top:50%; width: 36px; height: 66px; margin-top: -33px; }
.small-show .prev{left: 0;}
.small-show .next{right: 0;}
.small-show .next:after,
.small-show .prev:after{position:absolute;top:50%;left:50%;width:20px;height:20px;border-top:2px solid #999;border-right:2px solid #999;box-shadow:0 0 0 #d3d3d3;content:'';-webkit-transition:all .2s ease;transition:all .2s ease;}
.small-show .prev:after { -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg); margin-left:-5px; transform: translate3d(0, -50%, 0) rotate(-135deg);}
.small-show .next:after { -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); margin-left:-15px; transform: translate3d(0, -50%, 0) rotate(45deg);}
.small-show .prev.prev-none{ opacity: 0.6; cursor: not-allowed;}
.small-show .next.next-none{opacity: 0.6;cursor: not-allowed;}
.tab-bg { border: #eee solid 1px;}
.tab-bg .tab-nav { color: #333; padding: 0; display: flex; background: #eee; }
.tab-bg .tab-nav:after { display: none; }
.tab-bg .tab-nav li { padding: 0;}
.tab-bg .tab-nav li a { color: #333; font-size: 16px; padding: 15px;}
.tab-bg .tab-nav li.active a { color: #333; background: #fff;}
.tab-bg .tab-nav li a:after { top:0; bottom: initial;  border-radius: 0; height: 2px;}
.tab-bg .tab-nav li.active a:after{background: #EA4041; }
.tab-bg .tab-content { padding: 20px 0;}
.params { position: relative; padding: 0 0 20px;  margin: 0 50px 40px;}
.params-info .row{ display: flex; flex-wrap: wrap; height: 78px; overflow: hidden; }
.params-info .col-xs-4 { padding-bottom: 10px;}
.params-info .flex-left { width: 33.33333%; padding: 0 10px 10px; }
.params.open .row{ height: auto;}
.params-bottom {
    border-bottom: 1px solid #eee;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 18px;
    left: 0;
}
.params-bottom .open_a {
    display: flex;
    align-items: center;
   padding-left: 25px;
    width: 81px;
    height: 18px;
    position: absolute;
    right: 0;
    bottom: -1px;
    line-height: 19px;
    text-align: center;
    color: #666;
    font-size: 12px;
    background: url('../images/open_a.png') no-repeat;
    cursor: pointer;
}
.params-bottom .open_a i {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #999;
    margin-left: 5px;
}
.params.open .params-bottom .open_a i {   
    border-top: 0;
    border-bottom: 6px solid #999;
}
.download-list .item { display: block; text-align: center;}
.download-list .item .pic { width: 60px; margin: 0 auto;}
.btn-group { display: flex;  }
.btn-group .btn {   margin: 0 20px 0 0; float: none!important;; }
.btn-group .btn:last-child { margin: 0; }
.m-list { overflow: hidden;}
.m-list .row { margin-left: -5px; margin-right: -5px; overflow: hidden; }
.m-list .col-xs-6 { padding: 0 5px; border-bottom: #eee solid 1px;}
.m-list .item { display: block; padding: 10px;}
.m-list li:last-child{ border-bottom: #fff solid 1px;}
.m-list .col-xs-6:nth-child(odd):nth-last-child(2),
.m-list .col-xs-6:last-child { border-bottom: #fff solid 1px;}
/* .m-list .col-xs-6:nth-last-child(2) { border-bottom: #eee solid 1px;} */
.m-list.show .row { max-height: inherit;}

.m-list li.col-xs-2 .item { padding: 20px 0;}
.m-list li.col-xs-2:last-child {border-bottom: #eee solid 1px;}
.m-list.big .row { max-height: 100%;}
a.item:hover .gray-6 { color: #D61D16;}
.look-all { line-height: 30px; margin:0 10px 20px; display: flex; align-items: center; justify-content: center; background: #F8F8F8;}
.look-all i { margin-left: 10px;width:8px;height:8px; position: relative; top:1px; border-top:2px solid #999;border-right:2px solid #999;box-shadow:0 0 0 #d3d3d3;content:'';
    -webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transform: translate3d(0, -50%, 0) rotate(-135deg);  transform: translate3d(0, -50%, 0) rotate(135deg);}

.subject { margin-bottom: 20px; padding-top: 10px;}
.subject .subject-icon { background-position: -175px 0; width: 53px; height: 12px; margin-right: 5px;}
.subject .flex-between { margin-bottom: 10px;}
.star { display: flex; align-items: center;}
.star-score{position:relative;width:100px;height:20px;background:url('../images/starky.png');}
.star-score .star-icon {position:absolute;left:0;display:block; width: 20px; height:20px;text-indent:-999em;}
.star-score .star-icon:hover{left:0;background:url('../images/starsy.png');}
.star-score .star-icon.star-active{left:0;background:url('../images/starsy.png');}
.item .star-score {display: flex;}
.item .star-score .star-icon { position: static;}
.subject-list  { margin-bottom: 20px;}
.subject-list li { padding: 0 30px;}
.subject-list .item { padding-bottom: 30px; border-bottom: #eee solid 1px; margin-bottom: 30px;}
.subject-list li:last-child .item {  border-bottom: 0; margin-bottom: 0;}
.subject-list .item .text-info { background: #F8F9FB; padding: 20px 25px;}
.icon-f { width: 22px; height: 20px; margin-right: 10px; background-position: -230px 0;}
.icon-q { width: 22px; height: 20px; margin-right: 10px; background-position: -254px 0;}
.release-form { padding: 20px; margin: 0 30px 30px; background: #F8F9FB; display: none;}
.release-form .star { margin-top: 5px;}
.release-form .form-item { display: flex; margin-bottom: 15px;}
.release-form .form-item.mb-20 { margin-bottom: 20px;}
.release-form .form-item.mb-0 { margin-bottom: 0;}
.release-form .layui-input-title { width: 100px; color: #666; padding-right: 15px; line-height: 30px; text-align: right; font-weight: normal}
.release-form .form-item .layui-input-inline { flex: 1; overflow: hidden;}
.release-form .form-item .layui-input {width: 240px; height: 30px; line-height: 30px; background: #fff; border: 1px solid #eee;}
.release-form .form-item .layui-input.width120 {width: 120px; }
.release-form .form-item .layui-textarea{width: 100%; height: 64px; line-height: 30px; background: #fff; border: 1px solid #eee;}

.layer-popup {min-width: 400px; min-height: 340px;}
.popup { display: none;}
.popup .release-form { display: block; background: #fff; margin: 0; padding: 40px 0;}
.popup .btn { width: 240px;}
.layer-popup .layui-layer-setwin .layui-layer-close2 { right: 0; top:0;}
.layer-popup .layui-layer-setwin .layui-layer-close2:hover { background-position: -149px -31px;}
.layer-popup .layui-input-block { min-height: 10px; margin-left: 0;}
.layer-popup .release-form .form-item .layui-input-inline { width: 240px; flex: none;}
.layer-popup .layui-form-checked[lay-skin=primary] i {
    border-color: #D61D16!important;
    background-color: #D61D16;
  
}

/* list */
.list .item { display: block; margin-bottom: 10px;}

/* brand */
.brand { display: flex; justify-content: space-between; margin-bottom: 10px;}
.brand-left { width: 360px; min-height: 600px;  position: relative;
    background: #D61D16; padding: 40px;
    /* background: url("../images/brand-bg.png") no-repeat 0 0; */
}
.brand-left .brand-left-text { color: #fff; 
    position: relative; top: 50%; left: 50%; width: 100%; z-index: 20;-webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
   
}
.box-label-list.max-height { height: 312px;}
.show .box-label-list.max-height { height: auto;}
.brand-left .brand-left-text .look-all { display: none; margin: 0;}
.brand-left .brand-left-text .look-all.open { display: flex;}
.brand-left .show .brand-left-text { height: auto;}
.brand-left h1 { font-size: 24px; margin-bottom: 40px;}
.brand-left p { font-size: 18px; color: #fff; margin-bottom: 40px; line-height: 2;}
.brand-right { width: 66.6666666666667%;}
.brand .filter .filter-item { border-bottom: 0;}
.brand-list .row { margin-left: -10px; margin-right: -10px;}
.brand-list .col-xs-3 {  padding-left: 10px; padding-right: 10px; margin-bottom: 20px; overflow: hidden;}
.brand-list .brand-box {border: #eee solid 1px; display: block; cursor: pointer;}
.brand-list .brand-box p { line-height: 24px; text-align: center; color: #666; background: #f8f8f8;}
.brand-list .brand-box:hover { border: rgba(214, 29, 22, 0.2) solid 1px; }
.brand-list .brand-box:hover p { background: rgba(214, 29, 22, 0.2);}
.brand-list .brand-box .pic {  height: 90px; overflow: hidden; display: flex; align-items: center;justify-content: center;}
/* .brand-list .brand-box .pic img { width: 100%;} */
.brand-list .hover-text { opacity: 0; position: absolute; left: 0; top: 200px;}

.brand-category-list h3 { border-bottom: #eee solid 3px; line-height: 1; padding-bottom: 15px; margin-bottom: 20px;}
.brand-category-list .row { margin-left: -10px; margin-right: -10px;}
.brand-category-list li { width: 11.111111111111111%; float: left; padding: 0 10px 10px; }
.brand-category-list li a { display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.related-list .row { margin-left: -10px; margin-right: -10px;}
.related-list li { width: 14.285714285714286%; padding: 0 10px 10px; float: left;}
.related-list li a { display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.brand-head-line { border-bottom: #eee solid 1px; padding-bottom: 10px; margin-bottom: 10px;}
.brand-head {display: flex; justify-content: space-between; margin-bottom: 20px;}
.brand-head-pic { width: 380px; margin-right: 35px;}
.brand-head-text {  flex: 1; overflow: hidden; text-align: left; }
.brand-head-text h2 { text-align: left;}
.brand-head-text img { width: 70px; margin: 0 10px 0 0; }
.brand-head-text p { line-height: 1.8; margin-bottom: 15px;}
.brand-detail { display: flex; justify-content: space-between;}
.brand-detail-left { width: 75.8333333333333%; }
.brand-detail-right { width: 22.5%; }
.brand-column { border:#f8f8f8 solid 1px; padding: 0 20px;}
.brand-column .item { display: flex; border-bottom: #f8f8f8 solid 1px; padding: 20px 0;}
.brand-column li:last-child .item { border-bottom: #fff solid 1px;}
.brand-column li .number {display: block; width: 36px; height: 36px; border-radius: 100%;color: #fff; text-align: center;line-height: 35px;margin-right: 20px; background: #D61D16;}
.brand-column .text-info .number { display: none;}
.brand-column li.first-place .number{background: url(../images/jin.png) no-repeat 0 0; height: 50px; border-radius: 0;}
.brand-column li.second-place .number{background: url(../images/yin.png) no-repeat 0 0; height: 50px; border-radius: 0;}
.brand-column li.three-place .number{background: url(../images/tong.png) no-repeat 0 0; height: 50px; border-radius: 0;}
.brand-column .pic { width: 150px; height: 100px; margin-right: 30px; overflow: hidden;}
.brand-column .pic-150 { width: 150px; height: 150px; margin-right: 30px; overflow: hidden;}
.brand-column .pic img { width: 100%;}
.brand-column .text-info {flex: 1; overflow: hidden; color: #666;}
.brand-column .text-info h4 { color: #333; margin-bottom: 10px; line-height: 1.2;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.brand-column .text-info h5 { color: #333; margin-bottom: 10px; line-height: 1.2;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.brand-column .text-info .column-text a{ display: inline-block; margin-left: 10px; margin-bottom: 10px;}
/* .brand-column .flex-between { max-width: 600px;}
.brand-column .text-cate { flex: 1; overflow: hidden;} */

.pagination { display: block;}
.pagination ul{display:flex; color:#666;justify-content:center;padding-top: 20px;flex-wrap: wrap;}
.pagination .nav-item{display:block; color: #666; background: #fff; margin:0 5px; padding: 0 10px; min-width:40px;height:40px;
border-radius:5px;text-align:center;line-height:38px;}
.pagination li {  margin:0 5px;}
.pagination li a {color:#666;display: block; text-align: center; border-radius:5px; border:1px solid #eee;padding: 0 10px;min-width:30px;height:30px; line-height: 30px;}
.pagination li .active {display: block; text-align: center; border-radius:5px;background:#D61D16;border:1px solid #D61D16;color:#fff;padding: 0 10px;min-width:30px;height:30px; line-height: 30px; }
.pagination .page-left { line-height: 30px; padding: 0 10px;}

.headline { margin-bottom: 20px; border-bottom: #eee solid 1px; }
.headline h2 { position: relative; display: inline-block; padding-bottom: 15px; }
.headline h2:after {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #D61D16;}
.headline p {  font-size: 20px}
.main-page { overflow: hidden;}
.sub-nav { width: 180px; float: left; font-size: 16px; background: #f8f8f8; padding: 5px 0;}
.sub-nav dt  { border-bottom: #eee solid 1px; padding: 10px 20px; margin-bottom: 5px; line-height: 1;}
.sub-nav dd a { color: #666; display: block; padding: 7px 30px;}
.main-page .content { float: right; width: 85%; overflow: hidden; padding: 0 0 0 40px;}
.content .article-body { padding: 0;}


/*------------- news ---------------*/

.news-nav { margin: 0 15px 5px; padding: 0 20px; overflow: hidden;  position: relative;scrollbar-width: none;  -ms-overflow-style: none;}
.news-nav::-webkit-scrollbar{display:none;}
/* .news-nav ul { overflow: hidden; position: absolute; left: 0; top:3px;} */
.news-nav ul li { 
    /* float: left; */ width: auto;
     padding: 0 20px; position: relative; overflow: hidden;}
.news-nav ul li::after { content: '';border-left:#eee solid 2px; position: absolute; left: 0; top:0; width: 2px; height: 16px;}
.news-nav ul li a { display: block; text-align: center; padding-bottom: 6px; line-height: 18px; font-size: 16px; color:#666;}
.news-nav ul li a:hover { color: #D61D16;}
.news-nav ul li:first-child::after{ border: 0;}
.news-nav ul li.active a{border-bottom: #D61D16 solid 2px;}
.news-nav .news-prev,
.news-nav .news-next { width: 10px; height: 22px; background: #eee; margin-top: -11px; position: absolute; top: 50%; cursor: pointer; }
.news-nav .news-prev { left: 0;}
.news-nav .news-next { right: 0;}
.news-nav .news-prev:after { content: ''; position: absolute; left: 3px; top:8px;border: solid #fff;
    border-width: 0 1px 1px 0; display: block; padding: 2px;transform: rotate(135deg);    -webkit-transform: rotate(135deg);
}
.news-nav .news-next:after { content: ''; position: absolute; left: 1px; top:8px;border: solid #fff;
    border-width: 0 1px 1px 0; display: block; padding: 2px;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.news-nav .news-value { position: relative; z-index: 2;}
.nav-swiper .swiper-button-prev { left: 0; width: 14px; height: 25px; background: #fff; margin-top: -16px; }
.nav-swiper .swiper-button-next { right: 0; width: 14px; height: 25px; background: #fff;margin-top: -16px;}
.nav-swiper .swiper-button-prev:after,
.nav-swiper .swiper-button-next:after{position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:2px solid #999;border-right:2px solid #999;box-shadow:0 0 0 #d3d3d3;content:'';-webkit-transition:all .2s ease;transition:all .2s ease;}
.nav-swiper .swiper-button-prev:after {  -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg); margin-left:-5px; transform: translate3d(0, -50%, 0) rotate(-135deg);}
.nav-swiper .swiper-button-next:after { -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); margin-left:-10px; transform: translate3d(0, -50%, 0) rotate(45deg);}

.news-hot-box { opacity: 0; position: absolute; left: 0; top: 100px; z-index: 1;}
.news-hot { padding-left: 18px; margin-right: -13px; overflow: hidden;}
.news-hot a { float: left; padding: 5px 13px; color:#999;}
.news-hot a.active { color:#D61D16;}

.bar { background: #fff; padding: 20px 10px; margin-bottom: 20px;}
.bar h3 { border-left:#D61D16 solid 4px; padding-left: 10px; line-height: 1.2; margin-bottom: 10px;}
.bar h1 { border-left:#D61D16 solid 4px; padding-left: 10px; line-height: 1.2; margin-bottom: 10px;}
.bar .look-all { margin: 0;}
.bar > .flex-between > h3 { margin-bottom: 0;}
.bar-img-list .item { margin-bottom: 20px; display: block; }
.bar-img-list .item.flex-between { display: flex; }
.bar-img-list li:last-child .item { margin-bottom: 0;}
.bar-img-list .item .pic { width: 100%; margin-bottom: 10px; height: 140px; }
.bar-img-list .item .pic-100  { width: 100px; height: 64px;  margin-right: 10px; }
.bar-img-list .item .pic img { width: 100%; }
.bar-img-list .item .text-info  {  overflow: hidden; }
.bar-img-list .row  { margin-left: 5px; margin-right: 5px;}
.bar-img-list .col-xs-6  { padding-left: 5px; padding-right: 5px;}
.more { position: relative; padding-right: 15px; color: #999;}
.more:after { content: ''; position: absolute; right: 5px; top:5px; border: solid #999;
    border-width: 0 1px 1px 0; display: block; padding: 3px;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);}
.news {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -20px;}
.news-wrap { margin-top: -20px; overflow: hidden;}
.news-left { width: 22.5%; float: left; }
/* .news-center{ width: 51.6666666666667%; float: left;} */
.news-right{ width: 22.5%; float: right;}
.news-column { width: 75.8333333333333%; overflow: hidden; float: right;}
.news-center{ width: 68.1318681318681%; float: left;}
.news-column-right { width: 29.6703296703297%; float: right;}
.news-hot-search {float: right; width: 75.8333333333333%; }
.news-detail {width: 75.8333333333333%; float: left;}

.content {  background: #fff; padding: 30px; margin-bottom: 20px;}
.content h1 {  text-align: center; line-height: 1.5; margin-bottom: 20px;font-size: 24px; }
.content .bar { padding: 20px 0;}

.product .article-body  { 
    /* padding:0 60px;  */
    max-width: 790px; margin: 0 auto; }
/* .article-body p {  font-size: 14px; color: #666; line-height: 1.8; margin-bottom: 30px;  } */
.article-body p.mb-0 { margin-bottom:0; }
.article-body p {  font-size: 16px; color: #242629; line-height: 1.8; margin-bottom: 10px;  }
.article-body h1 {margin-bottom: 30px; font-size: 18px; }
.article-body h2 {margin-bottom: 30px; }
.article-body h3 {margin-bottom: 30px; }
.article-body h4 {margin-bottom: 30px; }
.article-body h5 {margin-bottom: 30px; }
.article-body h6 {margin-bottom: 30px; }
/* .article-body img { margin-bottom: 20px; } */
.article p.mb-0 { margin-bottom:0; }
.article p {  font-size: 16px; color: #242629; line-height: 1.8; margin-bottom: 30px;  }
.article img { margin-bottom: 30px; }
.content .tag {  color: #999; position: relative; text-align: center; margin-bottom: 30px; border-bottom:#eee solid 1px;padding-bottom: 25px;}
.letter-tab .tab-content { padding: 20px 10px;}

.tab-category {position: relative; overflow: hidden; background: #f8f8f8;} 
.tab-category .tab-nav:after { display: none;}
.tab-category .tab-nav { padding: 0 26px; }
.tab-category .tab-nav li { padding: 0 15px; }
.tab-category .tab-nav li a { padding: 15px 0; }
.tab-category .tab-nav li:first-child { padding-left: 0;}
.tab-category .tab-prev,
.tab-category .tab-next{ display: block; position: absolute; top:50%; width: 16px; height: 36px; background: #f8f8f8; margin-top: -25px; z-index: 10; }
.tab-category .tab-prev i,
.tab-category .tab-next i{ display: block; width: 100%; height: 100%;  background: rgba(0,0,0,0.4); position: relative;  }
.tab-category .tab-prev { left: 0; display: none;}
.tab-category .tab-next { right: 0;}
.tab-category .tab-prev i:after { content: ''; position: absolute; left: 5px; top:14px;border: solid #fff;
    border-width: 0 2px 2px 0; display: block; padding: 3px;transform: rotate(135deg);    -webkit-transform: rotate(135deg);}
.tab-category .tab-next i:after { content: ''; position: absolute; left: 2px; top:14px;border: solid #fff;
    border-width: 0 2px 2px 0; display: block; padding: 3px;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.lore .tab-slider { margin: 0 0 10px; }
.lore .tab-slider .swiper-slide:first-child { padding-left: 0;}
.lore .tab-slider .swiper-slide:last-child { padding-right: 0;}
.lore .tab-slider .swiper-slide { padding: 0 15px;}
.lore .tab-slider .swiper-slide:after {display: none;}
.lore .swiper-button-prev { left: 0; width: 14px; height: 25px; background: #f8f8f8;}
.lore .swiper-button-next { right: 0; width: 14px; height: 25px; background: #f8f8f8;}
.lore .swiper-button-prev:after,
.lore .swiper-button-next:after{position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:2px solid #999;border-right:2px solid #999;box-shadow:0 0 0 #d3d3d3;content:'';-webkit-transition:all .2s ease;transition:all .2s ease;}
.lore .swiper-button-prev:after {  -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg); margin-left:-5px; transform: translate3d(0, -50%, 0) rotate(-135deg);}
.lore .swiper-button-next:after { -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); margin-left:-10px; transform: translate3d(0, -50%, 0) rotate(45deg);}

.red-box-line {min-width: 40px; height: 24px;  padding: 0 10px; line-height: 24px; color: #D61D16;  border: 1px solid #D61D16;
    opacity: 0.6;}
.gray-box-line {min-width: 40px; height: 24px;  padding: 0 10px; line-height: 24px; color: #999;  border: 1px solid #eee;
        opacity: 0.6;}
.img-left-list .item { display: flex;  }
.img-left-list li { padding: 20px 10px; border-bottom: #eee solid 1px;}
.img-left-list li:last-child { border-bottom: 0;}
.img-left-list .item .pic { width: 140px; height: 88px; margin-right: 12px;}
.img-left-list .item h4 { font-weight: normal; color: #666;}
.img-left-list .item .text-info { height: 88px;  flex: 1; overflow: hidden; }
.box-label-list { margin-left: -10px; overflow: hidden; }
.box-label-list .box-label { margin-left: 10px; padding: 0 9px; margin-bottom: 10px; display: block; float: left; line-height: 30px; background: #F8F8F8;}
.letter-tab .tab-nav{ padding: 0; }
.letter-tab .tab-nav li { padding: 0;}
.letter-tab .tab-nav li a{ padding: 20px 4px;}
.letter-list li { padding: 20px 0; border-bottom: #eee solid 1px;}
.letter-list li:first-child { padding-top: 0; border-bottom: #eee solid 1px;}
.letter-list li:last-child { padding-bottom: 0; border-bottom: 0;}
.date-tab .tab-nav li  { padding: 0 20px;}
.date-tab .tab-nav li a { padding: 20px 10px;}
.date-box { position: relative; display: flex; align-items: center;}
.icon-calendar { width: 30px; height: 18px; background-position: -300px 0; margin-right: 10px;}
.date-box input { margin-right: 20px;  border:0; box-shadow: none; line-height: 22px; border:#eee solid 1px; border-radius: 6px; padding: 0 10px;}
.date-box .form-control:focus {  border:0; box-shadow: none;}

/*------------- topic ---------------*/

.topic-wrap { display: flex;justify-content: space-between; margin-top: -20px; }
.topic-wrap .filter { border: 0;}
.topic-wrap .filter .filter-title {border-bottom: #eee solid 1px; width: 100%; color: #333; padding: 10px 0;}
.topic-wrap .filter .filter-item { display: block;background: transparent; border-bottom: #eee solid 1px;}
.topic-wrap .filter .filter-flex { padding: 0;}
.topic-wrap .filter .filter-info a { padding: 0 14px;}
.topic-left { 
    /* width: 80.8333333333333%;   */
    width: 75.8333333333333%; }
.topic-right{ width: 22.5%; }
.topic-wrap.col { display: block; overflow: hidden;}
.lf {float: left;}
.rf {float: right;}
.topic-list { background: #fff; padding: 30px 20px;}
.topic-list li .item { display: block;border: #fff solid 1px; border-bottom: #eee solid 1px; padding: 30px 20px;}
.topic-list li .item:hover {border: #eee solid 1px;}
.white-box { background: #fff; margin-bottom: 20px; padding: 15px;}
.white-box h5 { line-height: 36px; border-bottom: #F8F8F8 solid 1px; color: #333; font-weight: normal; margin-bottom: 10px;}
.white-box h4 { line-height: 36px; border-bottom: #F8F8F8 solid 1px; color: #333; font-weight: normal; margin-bottom: 10px;}
.white-box h1 { line-height: 36px; border-bottom: #F8F8F8 solid 1px; color: #333; font-weight: normal; margin-bottom: 10px;}
.white-box h1.fz-22 { font-size: 22px;}
.white-box h5 span { display: inline-block;border-bottom: #D61D16 solid 2px; margin-bottom: -1px;}
.white-box h4 span { display: inline-block;border-bottom: #D61D16 solid 2px; margin-bottom: -1px;}
.white-box h1 span { display: inline-block;border-bottom: #D61D16 solid 2px; margin-bottom: -1px;}
.topic-brand-list .pic { height: 80px; overflow: hidden; display: block;}

.alphabet { margin-top: -20px;}
.alphabet-list { background: #fff; padding: 20px;}
.alphabet-list li { border-bottom: #eee solid 1px; padding: 20px 0;}
.alphabet-list li .item { display: flex; position: relative; padding-right: 80px;}
.alphabet-list .alphabet-round { width: 30px; height: 30px; margin-right: 18px; text-transform: uppercase; text-align: center; line-height: 30px; color: #fff; background: #D61D16;}
.alphabet-list .red-more { position: absolute; bottom: 0; right: 0; width: 80px; text-align: right; color: #D61D16;}
.alphabet-list .box-label-list { flex: 1; overflow: hidden;}

.alphabet-e .white-box { padding: 20px;}
.img-up-list .row { margin-left: -6px; margin-right: -6px;}
.img-up-list .row li {padding-left: 6px; padding-right: 6px;}
.img-up-list .item { padding: 10px 0; display: block;}
.img-up-list .pic { height: 174px; margin-bottom: 15px;}
.topic-left .white-box { padding: 20px;}
.alphabet-e-swiper,
.alphabet-at-swiper,
.alphabet-ai-swiper,
.alphabet-bi-swiper,
.alphabet-bp-swiper {  padding: 0 20px 40px;}
.alphabet-bt-swiper { padding-bottom: 30px;}
.white-pic { margin-bottom: 20px;}
.white-pic img { width: 100%;}
.alphabet-up-swiper { padding-bottom: 40px;}

.rank-topic { padding: 20px; margin-left: -24px; margin-right: -24px;}
.rank-topic .col-xs-6 { padding-left: 24px; padding-right: 24px;}
.rank-topic-title { width: 289px; height: 65px; text-align: center; line-height: 54px; color: #745D18; background: url(../images/piaodai.png) no-repeat 50% 0; font-size: 20px; margin: 0 auto 26px;}
.rank-topic-list { background: rgba(214, 29, 22, 0.05); border-radius: 10px; padding: 50px 30px 20px;}
.rank-topic-list li { margin-bottom: 30px;}
.rank-topic-list li .number { width: 36px; height: 36px; border-radius: 100%;color: #fff; text-align: center;line-height: 35px;margin-right: 20px; background: #D61D16;}
.rank-topic-list li:nth-child(1) .number{background: url(../images/jin.png) no-repeat 0 0; height: 50px; border-radius: 0;}
.rank-topic-list li:nth-child(2) .number{background: url(../images/yin.png) no-repeat 0 0; height: 50px; border-radius: 0;}
.rank-topic-list li:nth-child(3) .number{background: url(../images/tong.png) no-repeat 0 0; height: 50px; border-radius: 0;}
.rank-topic-list .pic-150 { width: 150px; height: 100px; margin-right: 20px;}
.rank-topic-list .pic-150 img { width: 100%; height: auto;}
.rank-topic-list .pic-100 { width: 100px; height: 100px; margin-right: 20px;}
.rank-topic-list .pic-100 img { width: 100%; height: auto;}
.rank-topic-list li p { flex: 1;}

.rank-wrap { overflow: hidden;}
.rank-left { width: 75.8333333333333%; float: right; }
.rank-box { border: #F8F8F8 solid 1px; padding: 20px; margin-bottom: 40px;}
.rank-box li { border-bottom: #F8F8F8 solid 1px; padding-bottom: 10px; margin-bottom: 20px;}
.rank-box li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.rank-left h3 { font-weight: bold; margin-bottom: 20px;}
.rank-left h1 { font-weight: bold; margin-bottom: 20px;}
.rank-box h5 { font-weight: bold; margin-bottom: 10px;}
.rank-box .column-text {margin-left: -10px; }
.rank-box .column-text a{ display: inline-block; margin-left: 10px; margin-bottom: 10px;}

.mistake{position: relative; margin: 60px 0;}
.mistake .mistake-bg {position: relative; z-index: 1; width: 100%;}
.mistake .mistake-text { 
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    position: absolute;
    top: 50%;
    right: 0;    
    width: 50%;
    z-index: 20;
}
.link-qq { display: flex; align-items: center; padding: 20px 0 0;}
.link-qq .icon-qq {
    width: 24px;
    height: 24px;
    display: block;  
    margin-right: 10px;
    background-position: -63px 0;
}
.hot-topic.box-label-list { margin-left: -15px;}
.hot-topic.box-label-list .box-label{ margin-bottom: 20px; margin-left: 15px;}
.brand-left-text .box-label-list .box-label { background: transparent; border:#fff solid 1px; border-radius: 4px; margin-bottom: 20px; color: #fff;} 
    /*------------- mobile nav ---------------*/
.header .right{display:none; width: 40px; height: 40px; position: fixed; top:10px; right: 10px;}
.header .right .hamburger{display:flex;padding-top:0;width:40px;height:40px;cursor:pointer;transition:all .2s ease-out .2s;transition:all .2s ease-out .2s;align-items:center;justify-content:center;flex-direction:column;}
.header .right .hamburger .icon-bar{display:block;margin:3px auto;width:24px;height:2px;border-radius:2px;background:#666;transition:all .2s ease-out .2s;}
.navbar-show .header .right .hamburger{position:absolute;top:50px;right:95px;z-index:12;}
.navbar-show .header .right .hamburger .icon-bar{position:absolute;background:#666;}
.navbar-show .header .right .hamburger .icon-bar:nth-child(1){margin:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.navbar-show .header .right .hamburger .icon-bar:nth-child(3){margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.navbar-show .header .right .hamburger .icon-bar:nth-child(2){opacity:0;}
.navbar-show{position:fixed;top:0;right:0;bottom:0;left:0;overflow:visible;transition:all .3s ease-out 0s;-webkit-transform:translateX(80%);transform:translateX(80%);}
.navbar-show .navbar-show-shadow{position:fixed;top:0;left:0;z-index:10000000000;display:block;width:100%;height:100%;background:rgba(0,0,0,.3);content:"";}

.news-home { padding-top: 20px;}
.news-home .container { padding: 20px 10px 20px 20px; background: #fff;}
.icon-news-home { width: 20px; height: 24px; margin-right: 10px; background-position: -278px 0;}




@media (max-width: 1600px){   
    .floor-nav { left:3%;}   
}
@media (max-width: 1440px){   
    .floor-nav { left:0;}   
}
@media (max-width: 1199px){
    .container { width: 100%; padding-left: 15px;  padding-right: 15px; }
    .nav li a { padding: 0 15px;}  
    .header-search { width: 380px;}
    .footer .two-card .pic { width: 80px; height: 80px;}
    .floor-nav { display: none;}
    .product-detail-right { width: 55%;}
    .brand-right { width: 62%;}
    .brand-list .col-xs-3 { width: 25%;}
    .brand-category-list li { width: 20%;  }
    .related-list li { width: 20%; }    
    .product-swiper .pic  {  width: auto; height: auto;}
    .main-page .content { padding-left: 20px; width: 80%;}
}
@media (max-width: 1024px){
    .banner {width: 555px;}    
    .product-list .col-xs-4 { width: 50%;}
    .topic-list li .item:hover { border: #fff solid 1px;}
}
@media (max-width: 1023px){
  /* ipad vertical */
    body { transition: all .3s ease-out 0s; }
    .row { margin-right: -5px; margin-left: -5px; }
    .col-sm-1,.col-sm-2,.col-sm-4,.col-sm-6,.col-sm-7,.col-sm-8,.col-md-2,.col-md-5,.col-md-10,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{width: 100%; padding-left: 5px; padding-right: 5px;}
    .header { position: fixed; left: 0; top:0; z-index: 100; width: 100%; height: 60px; background: #fff;}
    .header-top{display:none;}
    .header .telephone{display:none;}
    .header-search{width:100%; padding: 0 20px;}
    .search-box { border-color: #fff;}
    .search-box .search-input { padding: 0 10px 0 30px;}
    .hot-label { color: #fff;}
    .header-con .flex-between{position:relative;display:block;padding:10px 0 0;}
    .logo {width: auto;  }
    .logo img { height: 40px; width: auto; margin: 0;}
    .logo-text img { height: 40px; width: auto; margin: 0;}
    .header .right{display:block;}
    .nav-wrap {position:fixed;top:0;right:100%;bottom:0;z-index:998;display:none;overflow:auto;margin:0;padding:50px 0;width:80%;height:100%;background:rgba(214, 29, 22, 1);transition:all .3s ease-out 0s;}
    .navbar-show .nav-wrap{display:block;}
    .nav { padding-left: 0; }
    .nav ul{display: block; padding-top: 10px; border-top: #fff solid 1px;}
    .nav ul li a{display:flex;padding:5px 20px;color:#fff;font-size:15px;align-items:center; line-height: 30px;}
    .nav li a:hover, .nav li.active a  { color: #fff; font-weight: bold;}
    .nav ul li a i{display:block;}
    .nav ul li.active a{color:#fff;font-weight:700;opacity:1;}
    .navbar-show .header .right{position:fixed;top:0;right:100%;z-index:1000;margin-right:0;width:50px;height:50px;border:0;transition:all .3s ease-out 0s;}
    .navbar-show .header .right .hamburger{top:5px;right:5px;}
    .navbar-show .header .right .hamburger .icon-bar{background:#fff;}
    .navbar-show .header .right .hamburger:hover .icon-bar{background:#fff;}
    .hot-label a{ color: #fff;}

    .home,.main { margin-top: 60px;}
    .back-top-nav { width: 40px; height: 40px; }
    .back-top { background-size: 20px auto; }
    .floor-nav,
    .sticky-bar { display: none;}
    .home-banner { display: block; padding-left: 0;}
    .category { width: 100%; position: relative; top: 0;  }    
    .category .category-box { padding: 0 10px;min-height: auto;}
    .category .category-model { min-height: auto; display: none!important;}
    .category .category-title { position: static;}
    .category dd {  width: 30%; display: inline-block; }
    .category .category-list dd a { padding: 0 10px;}
    .category-box:hover .category-model{ display: none!important;}
    .banner { width: 100%;}
    .home-recom { width: 100%;}
    .home-headline h2 { font-size: 20px;}
    .img-list .col-xs-3 { width: 25%;}
    .list-round .col-xs-12,
    .list-round .col-xs-4 { width: 50%;}
    .sample-book .col-xs-3 { width: 25%;}
    .sample-book .pic { width: 100%;}
    .section-plan .home-right .col-xs-4 { width: 50%;}
    .section-plan .home-right .col-xs-4 .pic { height: 190px;}

    .footer .footer-top { padding: 20px 0;}
    .footer .footer-top span { width: 38px; height: 38px; border-radius: 38px; line-height: 36px; margin-right: 10px; font-size: 16px;}
    .footer-top .flex-center { display: block; margin-left: -5px; margin-right: -5px; overflow: hidden;}
    .footer-top .col-xs-3 { width: 50%;}
    .footer-top .col-xs-3:nth-child(1),
    .footer-top .col-xs-3:nth-child(2) { margin-bottom: 10px;}
    .footer .footer-link { padding: 20px 0; margin-top: 20px;}
    .footer .footer-link .col-xs-2 { padding: 0; width: 25%;}
    .footer .footer-link .col-xs-2:last-child { width: 100%;}
    .footer .footer-link ul li a { padding: 0; font-size: 11px; line-height: 20px;}
    .footer .footer-link .flex-left-center { padding-top: 15px; justify-content: center;}
    .footer .footer-link .flex-left-center .mb-5{ margin-bottom: 0;}
    .footer .footer-link .flex-column-between { justify-content: center;}
    .footer .footer-link .two-card { padding: 0 15px;}
    .footer .copyright { padding: 20px 15px;}
    .footer .copyright p { line-height: 1.6; margin-bottom: 10px;}
    .footer .brand-category { padding: 10px 0 0;}
    .footer .brand-category h4 { font-size: 14px;}
    /* product */
    .product-left,
    .product-right { width: 100%; float: none;}
    .product-list h5 { min-height: 10px;}
    .product-list .icon-delist { width: 82px; left: 10px;}
    .brand-detail-right .box-img-list,
    .news-left .box-img-list,
    .topic-right .box-img-list,    
    .box-img-list {  padding: 10px 0;}  
    .tab-bg .box-img-list {  padding: 0 10px;} 
    .topic-right .box .box-img-list { padding: 10px 0;} 
    .box .box-img-list ul { padding: 0 10px;}
    .news-left .box-img-list .col-xs-12 { width: 50%;}         
   
    .product-list .item,
    .product-list .item:hover { border: 0; padding: 0;}
    .m-list .col-xs-6 { width: 50%;}
    .product-detail-head { margin-bottom: 20px;}
    .product-detail-left{ width: 100%; padding-right: 0; margin-bottom: 20px;}
    .product-detail-right { width: 100%;}    
    .product .article-body { padding: 0 20px;}
    .small-show .middle-box { width: 100%;}
    .small-show,.big-show {  display: none;}
    .product-detail-show { display: none; width: 100%; height: auto;}
    .magnifier-swiper { display: block;}
    .download-list .col-xs-3 { width: 33.33333%;}

    .brand-right { width: 50%;}
    .brand-list .col-xs-3 { width: 33.33333%;}
    .brand-detail { display: block;}
    .rank-left,
    .brand-detail-left,
    .brand-detail-right { width: 100%; float: none;}
    .header-search.mobile-hide { display: none;}
    .header-search.desktop-hide { display: block;}
    .rank-box { margin-bottom: 20px;}
    .topic-brand-list .col-xs-2 { width: 33.333333%;}
    .topic-wrap .filter .filter-info a { padding: 0 8px;}
    .news-nav .news-prev, .news-nav .news-next { display: none;}
    .brand-category-model { margin-left: -5px; margin-right: -5px;}
    .brand-category-model a { padding: 0 5px; font-size: 12px;}
    .params { margin: 0 20px 20px;}
    .params-info .col-xs-4 { width: 50%;}
    .bar-img-list .item .pic { height: auto;}

    .news-detail,
    .news-hot-search,
    .news-left,
    .news-center,
    .news-column,
    .news-column-right,
    .news-right { width: 100%;}
    .product-swiper.swiper-container { padding: 0 20px;}
    .main-page .content { width: 100%;}
    .sub-nav { width: 100%;}
   

}
@media (min-width: 992px) {
    .container { width: 100%; max-width: 1200px;}
}
@media (max-width: 767px){
    body { font-size: 14px; }
    h1{font-size: 22px; }
    h2{font-size: 20px; }
    h3{font-size: 18px; }
    h4{font-size: 16px; }
    h5{font-size: 15px;}
    h6{font-size: 14px;}
    .mb-30 { margin-bottom: 15px;}
    .mb-40 { margin-bottom: 20px;}
    .page-section { padding: 10px 0; display: block;}
    .pt-40 { padding-top: 20px;}
    
    .section-plan .flex-column-between { display: block;}
    .section-plan .home-right .col-xs-4 { width: 50%;}       
    .home-left { width: 100%;}
    .page-section .home-left .item { display: none;}
    .home-right{ width: 100%;}
    .section-plan .home-right { padding-left: 0;}
    .home { padding-bottom: 0;}
    .category .category-list { display: flex; flex-wrap: wrap;}
    .category dd {  width: 50%; font-size: 14px; padding: 0;}
    .mobile-hide { display: none;}
    .desktop-hide { display: block;}

    .list-round .col-xs-12,
    .list-round .col-xs-4 { width: 100%;}  
    .alphabet-at-swiper .fz-16 { font-size: 14px;}
    .img-list .col-xs-3 { width: 50%;}
    /* .border-line.img-list li:nth-last-child(2) .item,
    .border-line.img-list li:last-child .item { margin-bottom: 0;} */
    .line { margin: 15px 0;}
    .topic { margin-bottom: 10px;}
    .section-skill .list-round { margin-bottom: 20px;}
    .section-skill .col-xs-4:nth-child(1) { margin-bottom: 15px;}
    .section-skill .tab-nav { padding: 0; margin-bottom: 10px; font-size: 16px;}
    .section-skill .tab-content { padding: 0;}
    .skill-title { margin-bottom: 15px;}
    .section-plan .home-right .col-xs-4 .pic { height: 110px;}
    .pic-168 { width: 100px;}
    /* .tab-nav { font-size: 14px; } */
    .tab-nav li { padding: 0 10px;}
    .tab-nav li a { padding: 15px 0;}
    .tab-nav li:first-child { padding-left: 0; }
    
    .bread-crumbs { padding: 7px 0;}
    .bread-crumbs a { padding: 0 5px; font-size: 12px; }
    .bread-crumbs span { font-size: 12px; }
    .icon { display: inline-block;}
    /* .page-section .swiper-button-prev, 
    .page-section .swiper-button-next { display: none;} */

    /* product */
    .filter .filter-title { width: 90px; padding: 10px;}
    .filter .filter-flex { padding: 0 5px;}
    .filter .filter-info.letter-list-item { height: 172px;}
    .filter .show .filter-info.letter-list-item { height: auto;}
    .pic-160,
    .pic-200 { width: 100px;}
    .brand-category h3 { font-size: 18px;}
    .news-detail .img-list .col-xs-3 .item,
    .img-list .col-xs-3 .item { padding: 5px 0;}
    .img-list .col-xs-2 {  width: 50%; margin-bottom: 10px;}   
    .img-list .item { padding: 10px;}
    .border-line.img-list .row { margin-left: -5px; margin-right: -5px;}
    .border-line.img-list .col-xs-2,
    .border-line.img-list .col-xs-3 { padding-left: 5px; padding-right: 5px;}
    .border-line.img-list .col-xs-3 .item { padding: 10px; }
    .border-line.img-list .item { margin-bottom: 10px;}
    .product-list .col-xs-4 { width: 100%;}   
    .box-img-list .item { width: 100%;}  
    .box-img-list .col-xs-12 { width: 50%;}    
    .big-tab .tab-nav li a { font-size: 16px;}
    .big-tab.tab.mb-10 { margin-bottom: -10px;}
    .hot-list a { width: calc(100% / 4);}
    .pagination{ padding: 0 0 10px; margin: 0; font-size: 12px;}
    .pagination ul { font-size: 12px; }
    .pagination li  {margin-bottom: 5px; }
    .pagination li a { min-width: 30px;  height: 30px; line-height: 30px; }
    .pagination li .active { min-width: 30px; width: 30px; height: 30px; line-height: 30px;}
    .pagination .page-left { line-height: 30px; display: none;}
    .subject-list li { padding: 0;}
    .release-form .layui-input-title { width: 80px;}
    .release-form { margin: 0 0 20px;}
    .subject-list .item { padding-bottom: 20px; margin-bottom: 20px;}
    .subject-list li:last-child .item { border-bottom: 0; margin-bottom: 0; }    
    .params .col-xs-4 {width: 100%;}
    .tab-bg .tab-nav li a { font-size: 14px; padding: 14px 10px; }
    .content { padding: 20px;}
    .content h1 { font-size: 20px;}
    .content .tag { margin-bottom: 20px; padding-bottom: 15px;}    
    .article-body p { font-size: 14px; }
    .btn { font-size: 16px; line-height: 28px;}
    .btn-line { font-size: 16px; line-height: 28px;}
    .caption { padding-left: 0;}
    .filter .filter-info.letter-list-item a { width: calc(100% / 3); }

    /* brand */
    .brand { display: block;}
    .brand-left { width: 100%; height: auto; background-size: cover; padding: 0; min-height: 100px;}
    .brand-right { width: 100%; height: auto; background-size: cover;}
    .brand-left .brand-left-text { position: static;transform:none; width: 100%;  padding: 20px;}
    .brand-left h1 { margin-bottom: 20px; font-size: 22px;}
    .brand-left p { font-size: 14px; margin-bottom: 20px;}
    .brand-head { display: block;}
    .brand-category-list li { width: 33.333333%;  }
    .related-list li { width: 33.333333%; }
    .brand-head-pic { width: 100%;}
    .brand-column .item { display: block; position: relative;}
    .brand-column .pic { width: 100%; height: auto; margin-bottom: 10px;}
    .brand-column .pic-150 { width: 100%; height: auto; margin-bottom: 10px;}
    /* .brand-column .pic img { width: auto;} */
    .brand-column li .item >.number { display: none;}
    .rank-left .brand-column .text-info { padding-left: 50px; position: relative;}
    .rank-left .brand-column .text-info .number { display: block;position: absolute; left: 0; top:0;}
    
    .brand-column .flex-between { display: block;}
    .brand-column .flex-between > div:first-child {margin-bottom: 10px;}
    .subject-list li .flex-left-center { flex-wrap: wrap;}
    .subject-list li .flex-left-center h5 { flex: 1;}
    .subject-list li .flex-left-center .gray-9 { width: 100%;}
    

    /* news */
    .news-home { padding-top: 10px;}
    .news-home .container { padding: 10px 15px;}
    .news-home .flex-left{ display: block;}
    .news-home h4 { margin-bottom: 10px;}
    .news-home .search-box { width: 100%;}
    .news-nav {  overflow-x: auto; overflow-y: hidden; }
    .img-left-list .flex-left-center{ display: block;}
    .news-swiper .swiper-button-prev,
    .news-swiper .swiper-button-next{width: 31px; height: 40px; margin-top: -40px;  background-size: 31px auto;}
    .news-detail { width: 100%;}

      /* topic */
      .icon-news-home { position: relative; top: 8px;}
      .news-nav { margin: 0 0 5px; }
    .topic-left,
    .topic-right{ width: 100%;}
    .topic-list li .item { padding: 15px 0;}
    .topic-left { margin-bottom: 20px;}
    .topic-wrap.col .topic-left { margin-bottom: 0;}
    
    
    .topic-list { padding: 15px;}
    .content .bar { padding: 10px 0;}
    .alphabet-list li .item { display: block;  padding-right: 0;}
    .alphabet-list .alphabet-round { margin-bottom: 20px;}
    .alphabet-list .red-more { top:0; bottom: inherit;}
    
    .alphabet-e .img-list.around { margin:0; overflow-x: auto; scrollbar-width: none;  -ms-overflow-style: none;}
    .alphabet-e .img-list.around::-webkit-scrollbar { display:none;} 
    .alphabet-e .img-list.around .row { margin-left:-10px; margin-right:-10px;white-space: nowrap; overflow: hidden;}
    .alphabet-e .img-list.around .col-xs-2 { display: inline-block; width: 160px;}
    .alphabet-e .img-list.around .col-xs-2 .item { padding: 5px;}
   
    .topic-wrap { display: block;}
    .topic-wrap.mb-20 { margin-bottom: 0;}
    .img-up-list .col-xs-3 { width: 50%;}
    .rank-topic { padding: 0;}
    .rank-topic .row { margin: 0;}
    .rank-topic .col-xs-6 { padding: 0; margin-bottom: 20px;}
    .rank-topic-list .pic-150 { width: 70px; height: auto;}
    .rank-topic-list .pic-100 { width: 70px; height: auto;}
    .rank-topic-list { padding: 25px 15px 10px;}
    .rank-topic-title { background-size: 200px auto; height: 46px; font-size: 16px; line-height: 36px;}
    .rank-topic-list li .number {  width: 18px; height: 18px; line-height: 18px;}
    .rank-topic-list li:nth-child(1) .number { background-size: 18px auto; height: 25px; }
    .rank-topic-list li:nth-child(2) .number { background-size: 18px auto; height: 25px;}
    .rank-topic-list li:nth-child(3) .number { background-size: 18px auto; height: 25px;}

    .mistake { margin: 0; padding: 20px 0;}   
    .mistake .mistake-text { position: static;transform:none; width: 100%;}
    .mistake .fz-24 { font-size: 18px;}
    .mistake .fz-16 { font-size: 14px;}
    .topic-left .white-box { padding: 10px;}
    .m-list li.col-xs-2 { width: 50%;}
    .m-list li.col-xs-2 .item { padding: 10px 0;}
    .ptb-20 { padding-top: 10px; padding-bottom: 10px;}
    .link-qq { padding-top: 10px;}
    .tab-nav:after { display: none;} 
    .alphabet-e-swiper, .alphabet-at-swiper, .alphabet-ai-swiper, .alphabet-bi-swiper, .alphabet-bp-swiper { padding: 0 0 30px;}
    .swiper-slide .img-up-list .pic { height: 80px;}
    .news-left .bar-img-list .col-xs-6 { width: 50%;}    
    /* .article-body table tr { display: block; height: auto!important;}
    .article-body table td{ display: block;} */
    .table-scroll { overflow-x: auto; scrollbar-width: none;  -ms-overflow-style: none;}
    .table-scroll table { min-width: 100%;}  
    .table-scroll::-webkit-scrollbar{display:none;} 
    .tab-pane .img-list { padding: 0 10px;}
    .topic-right .pic-158 {
        width: 160px; 
        height: 160px;
    }
    

}
@media (max-width: 480px){
    .tab .download-btn { right: inherit; left: 0; top:40px; margin: 10px 20px 0; width: 100px;}
    .product-right .tab-bg .tab-content { padding-top: 50px;}
    .layer-popup { min-width: 350px;}
   
}
@media (max-width: 414px){
  /* iphone plus */

}
@media (max-width: 375px){
  /* iphone */

}
@media (max-width: 360px){
  /*  */

}
@media (max-width: 320px) {
    /* iphone 5 */
    .layer-popup { min-width: 300px;}

}