.article{
  margin-top: 87px;
}
div.mt54{
  margin-top: 54px;
}
div.mb114{
  padding-bottom: 114px;
}
.m-h2{
  position: relative;
}
div.m-h2-title{
  width: 226px;
  height: 45px;
  background: url(http://static.shibangchina.com/images/productlist/yellow-title-bg.png) no-repeat;
  position: absolute;
  top: -6px;
  line-height: 45px;
  font-size: 18px;
  color: #fff;
  padding-left: 30px;
}
.m-h2 a{
  display: block;
  height: 39px;
  background: #ebebeb;
  text-align: right;
  padding-right: 20px;
  line-height: 39px;
}
.m-case{
  position: relative;
  /*height: 330px;*/
  width: 18.5586%;
  float: left;
}
.m-case img{
  width: 100%;
}
.m-case p{
  position: absolute;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #fff;
  bottom: 0;
  height: 56px;
  width: 100%;
  line-height: 56px;
  font-size: 18px;
  text-align: center;
  left: 0;
}
.m-case:hover p{
  background-color: #f9a10b;
}
.m-product-intro{
  margin-top: 31px;
  overflow: hidden;
}
.m-product{
  float: left;
  width: 81.4414%;
}
.m-product p{
  margin: 0 26px;
  _margin: 0 13px;
  font-size: 14px;
}
.m-product ul{
  margin: 5.7559537% 1.106194% 0;
  _margin: 52px 0.553097% 0;
  overflow: hidden;
}
.m-product li{
  margin: 0 1.106194%;
  _margin: 0 0.553097%;
  width: 22.78761%;
  position: relative;
  float: left;
  /*background: #f6f6f6;*/
}
.m-product li:hover{
  background: #f6f6f6;
}
.m-product li img{
  width: 100%;
}
.m-product li a{
  display: block;
}
.m-product li p{
  position: absolute;
  bottom: 3.22406%;
  text-align: center;
  margin: 0 11%;
  width: 77.1784%;
  left: 0;
}
div.m-product-mine li p{
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  width: 100%;
  margin: 0;
  bottom: 0;
  line-height: 40px;
  color: #fff;
}
a.invisiable-md{
  display: none;
}
div.product-list-banner{
  height: 127px;
}
.m-product-list-title-tab{
  margin: 71px auto 63px;
}
.m-product-list-title-tab ul{
  width: 67.387387%;
  overflow: hidden;
  margin: 0 auto;
}
.m-product-list-title-tab li{
  float: left;
  background: #fff;
  width: 22.52727%;
  height: 43px;
  line-height: 43px;
  text-align: center;
  margin: 0 1.0695187%;
  border: 1px solid #f8a20c;
}
.m-product-list-title-tab li a{
  font-size: 18px;
  color: #f8a20c;
}
.m-product-list-title-tab li:hover,.m-product-list-title-tab li.m-product-li-active{
  background: #f8a20c;
  border: 1px solid #f8a20c;
}
.m-product-list-title-tab li:hover a,.m-product-list-title-tab li.m-product-li-active a{
  color: #fff;
}
.m-product-list-content ul{
  overflow: hidden;
  border-bottom: 1px solid #ececec;
  padding-bottom: 5.8558558%
}
.m-product-list-content li{
  float: left;
  width: 19.9099%;
  border-right: 1px solid #ececec;
  border-top: 1px solid #ececec;
  position: relative;
  top: -1px;
  right: -2px;
}
.m-product-list-content li img{
  width: 100%;
}
.m-product-list-content p{
  position: absolute;
  bottom: 7.9646017%;
  text-align: center;
  display: block;
  width: 82.805429%;
  border: 1px solid #102eb1;
  line-height: 46px;
  color: #102eb1;
  left: 8.6%;
}
.m-product-list-content li.white_p p{
  border: none;
  background: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
li.m-parts-product{
  border-right: none;
}
li.m-parts-product a{
  background-color: #ececf0;
  color: #000;
  font-size: 20px;
  width: 100%;
  display: block;
  text-align: center;
  height: 27.433628%;
  line-height: 1em;
  padding-top: 32.88288%;
}
.m-product-list-content li.pro_video{ margin-left: 5px; }
.m-anli{
  overflow: hidden;
  padding-bottom: 7.152777%;
}
.m-h2-anli{
  font-size: 18px;
  border-left: 8px solid #f8a20c;
  padding-left: 1.6216216%;
  margin: 6.4350064% 0 3.6036036%;
}
.m-anli-1, .m-anli-2, .m-anli-3{
  background: #f6f6f6;
  float: left;
}
.m-anli-1, .m-anli-2{
  margin-right: 1.8018018%;
}
.m-anli-1{
  width: 100%;
  overflow: hidden;
}
.m-anli-1 img{
  width: 42.55319%;
  float: left;
}
.m-anli-2{
  width: 100%;
  /*height: ;*/
}
p.fz16{
  font-size: 16px;
}
.m-anli-1 p{
  margin: 4.598529% 3.0395136% 0 45.592705%;
  line-height: 1.8em;
  color: #464646;
}
.m-anli-2 p, .m-anli-3 p{
  margin: 9.7087378% 9.7087378% 0;
  line-height: 2em;
  color: #464646;
}
.m-anli-2 span{
  color: #999;
}
.m-anli-2 ul, .m-anli-3 ul{
  margin: 5.698529% 5.147058% 0;
}
.m-anli li{
  line-height: 1.8em;
}
.m-anli-1 p.fb{
  font-weight: bold;
  margin-top: 5.698529%;
}
.m-list-active span{
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.76;
  filter: alpha(opacity=76);
}
.m-list-active p{
  bottom: 43.3628318%;
  color: #fff;
  border: 1px solid #fff;
}
.m-product-list-content a{
  display: block;
}
.m-anli-left{
  margin-right: 2%;
}
.m-anli-left, .m-anli-right{
  width: 49%;
  float: left;
}
.bg-white{
  background: #fff;
}
.m-product-list-mine ul{
  overflow: hidden;
  border-bottom: 1px solid #ececec;
}
.m-product-list-mine img{
  width: 100%;
}
.m-product-list-mine li{
  float: left;
  position: relative;
  width: 18.18181818%;
  margin-right: 2.22525252%;
  margin-bottom: 4.797979797%;
}
.m-product-list-mine a{
  display: block;
}
.m-product-list-mine p{
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  background: #000;
  opacity: 0.75;
  filter: alpha(opacity=75);
  width: 100%;
}
.m-product-list-mine li.m-parts-product a{
  padding-top: 22.87064676%;
}

.clearfix:before, .clearfix:after{
    content: "";
    display: table;
    zoom: 1;
}
.m-readpdf{}
.magazine{
  margin-top: 57px;
  padding-bottom: 247px;
}
.magazine p{
  color: #454545;
  font-size: 14px;
  padding-bottom: 2.7927927%;
  border-bottom: 1px solid #ebebeb;
}
.magazine-list h1{
  color: #454545;
  font-size: 24px;
  width: 40%;
  float: left;
  background: #fff;
}
.magazine-list ul{
  float: right;
  width: 40%;
  text-align: right;
}
.magazine-list li{
  display: inline-block;
  text-align: center;
  width: 28.288288%;z
  height: 52px;
  line-height: 52px;
}
.magazine-list>span{
  /*width: 20%;*/
  float: left;
  text-align: center;
  line-height: 52px;
  font-size: 24px;
  display: block;
}
.m-readpdf{
  background: #ececec;
  border-bottom: 2px solid #e3e3e3;
}
.m-readpdf a{
  color: #333;
}
.m-downloadpdf{
  background: #ff9900;
  border-bottom: 2px solid #ffbc59;
}
.m-downloadpdf a{
  color: #fff;
}
.magazine-list{
  margin: 2.7927927% auto 5.2252252%;
}
.m-magazine ul{
  overflow: hidden;
  position: relative;
  margin-left: -6.097297%;;
}
.m-magazine li{
  float: left;
  width: 14.144144%;
  margin-left: 5.827297%;
}
.m-magazine img{
  display: block;
  width: 100%;
}
.m-magazine li.m-magazine-last{
  margin-right: 0;
}
.m-magazine p{
  clear: both;
  height: 1px;
  border-bottom: 1px dotted #ebebeb;
  padding-bottom: 4.3243243%;
  margin: 0 0 3.783783% 5.827297%;
}
.m-magazine span{
    text-align: center;
    display: block;
    line-height: 2.5em;
}
.m-m-nav{
  text-align: center;
  margin: 8.6486486% 0 11.26126%;
}
.m-m-nav span, .m-m-nav li{
  display: inline-block;
  line-height: 38px;
}
.m-m-nav span{
  padding: 0 23px;
  background: #eee;
  border: 1px solid #d3d6da;
}
.m-m-nav li a{
  width: 38px;
  display: block;
  border: 1px solid #fff;
}
.m-m-nav li a:hover{
  border: 1px solid #ff9900;
  background: #ff9900;
  color: #fff;
}
.others-magazine h2{
  font-size: 18px;
  color: #333;
  padding-bottom: 2.7027027%;
  border-bottom: 1px solid #ebebeb;
  margin-top: 126px;
}
.others-magazine ul{
  margin-top: 4.054054%;
}
.magazine-slider{
  position: relative;
  /*overflow: hidden;*/
  /*display: none;*/
  background: #fff;
  padding: 0 0 150px 0;
}
.magazine-slider ul{
  position: relative;
  width: 72.792792%;
  left: 13%;
  overflow: hidden;
  height: 1029px;
  margin-bottom: 5.4054054%;
}
.magazine-slider li{
  display: inline-block; 
}
.m-m-pre, .m-m-next{
  position: absolute;
  width: 6.036036%;
  top: 41.17117%;
  cursor: pointer;
  height: 116px;
}
.m-m-pre{
  background: url(http://static.shibangchina.com/images/qikan/m-m-pre.png);
}
.m-m-next{
  right: 0;
  background: url(http://static.shibangchina.com/images/qikan/m-m-next.png);
}
.m-m-slider-pre, .m-m-slider-next{
  width: 4.8648648%;
  float: left;
  cursor: pointer;
  height: 187px;
}
.m-m-slider-next{
  background: url(http://static.shibangchina.com/images/qikan/m-slider-next.gif);
}
.m-m-slider-pre{
  background: url(http://static.shibangchina.com/images/qikan/m-slider-pre.gif);
}
.magazine-slider ol{
  width: 90.09009%;
  float: left;
  height: 189px;
  overflow: hidden;
}
.magazine-slider ol>li{
  margin: 0 2.4522522%;
  width: 14.7%;
}
.magazine-slider ol>li img{
  width: 100%;
}
.m-m-active{
  border: 1px solid #ff9900;
}
.magazine-slider li.m-m-none{
  display: none;
}
.m-m-slider li.m-m-none{
  display: none;
}
.m-magazine-index{
  position: relative;
  margin-left: -14px;
  margin-top: 40px;
}
.m-magazine-list{
  border: 1px solid #ebebeb;
  width: 358px;
  float: left;
  margin-left: 14px;
  margin-bottom: 37px;
}
.m-magazine-list a{
  float: left;
  margin: 24px 34px 26px 18px;
}
.m-m-l-intro{
  float: left;
  width: 135px;
}
div.m-m-l-intro p{
  border-bottom: 0;
}
.m-m-l-intro p.m-m-l-title{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 13px;
}
.m-m-l-intro p.m-m-l-no{
  color: #999;
  margin-top: 40px;
}
.m-m-l-intro a{
  color: #f90;
  margin: 33px 0 0 0;
}
.magazine-slider-bg{
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity: 30);
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 2000px;
  z-index: 10;
  display: none;
}
.magazine-slider-show{
  position: absolute;
  left: 156px;
  top: 370px;
  z-index: 100;
  background: #fff;
  width: 1200px;
  display: none;
}
.m-close{
  position: absolute;
  left: 1170px;
  top: -24px;
  cursor: pointer;
}
@media (min-width: 768px) and (max-width: 991px){
  .m-product-list-title-tab ul{
    width: 98%;
  }
  .m-product-list-content li{
    width: 33.1334332%;
  }
  .m-product-list-content ul{
    width: 86.8489583%;
    margin: 0 auto;
  }
  .m-product-list-content li.m-parts-product{
    width: 100%;
  }
  li.m-parts-product a{
    width: 49.4752623%;
    float: left;
    padding: 73px 0;
  }
  .invisible-sm{
    display: none;
  }
  .m-anli{
    width: 86.8489583%;
    margin: 0 auto 7.152777%;
  }
  .m-anli-1{
    width: 100%;
    float: none;
  }
  .article{
    width: 96%;
    margin: 0 2% 8.7239583%;
  }
  .m-product ul{
    margin: 8.14482758% 3.8314176% 0;
  }
  .m-case{
    width: 29.597701%;
  }
  .m-product{
    width: 70.402299%;
  }
  .m-product li{
    width: 43.92324%;
  }
  .m-anli-left{
    width: 100%;
  }
}
.lvse li{
  position: relative;
  width: 265px;
  /*display: inline-block;*/
  float: left;
  margin-right: 1.45153%;
  overflow: hidden;
}
.lvse a{
  display: block;
  bottom: 0;
  left: 0;
}
.lvse img{
  width: 100%;
  display: block;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; 
  transform: scale(1,1); 
  -webkit-transform: scale(1,1); 
}
.lvse li.active img{
  transform: scale(1.25,1.25); 
  -webkit-transform: scale(1.25,1.25);
}
.lvse span{
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  text-align: center;
  color: #fff;
  width: 100%;
  line-height: 34px;
}
.lvse li.active span{
  line-height: 151px;
}
.lvse li.last{
  margin-right: 0;
}
.lvse .m-h2-anli{
  margin: 3.2350064% 0 1.8036036%;
}
@media (max-width: 1110px){
  .pro_video{ display: none; }
}
@media (min-width: 992px) and (max-width: 1110px){
  .m-product-list-content li{
    width: 24.582232%;
  }
  div.m-product-list-title-tab{
    width: 96%;
  }
  .m-product-list-title-tab ul{
    width: 100%;
  }
  .m-product-list-title-tab li{
    width: 22.52727%
  }
}
@media (max-width: 767px){
  .m-product-list-title-tab ul{
    width: 96%;
  }
  .m-product-list-title-tab li{
    width: 47.0443708%;
    margin-bottom: 2.74217687%;
  }
  .m-product-list-content li{
    width: 49.533887%;
    right: -0.9375%;
  }
  div.m-product-list-content{
    width: 96%;
    margin: 0 2%;
  }
  .m-product-list-content ul{
  }
  div.m-product-list-title-tab{
    width: 96%;
  }
  .m-product-list-title-tab ul{
    width: 100%;
  }
  .invisible-sm{
    display: none;
  }
  .m-anli-1{
    width: 100%;
  }
  .m-anli-1 img{
    width: 100%;
    float: none;
  }
  .m-anli{
    width: 96%;
    margin: 0 2% 7.152777%;
  }
  .m-anli-1 p{
    width: 94%;
    margin: 0 3%;
    padding: 2% 0;
  }
  .invisible-xs{
    display: none;
  }
  .m-h2 a.invisible-xs{
    display: none;
  }
  .m-h2 a{
    display: block;
    font-size: 22px;
    color: #cacaca;
  }
  div.m-h2-title{
    color: #f8a20c;
    background: none;
    height: 39px;
    line-height: 39px;
    top: 0;
    padding-left: 22px;
  }
  .article{
    width: 96%;
    margin: 0 2%;
  }
  .m-product li{
    width: 45.847176%;
    margin: 0;
  }
  .m-product{
    width: 100%;
  }
  .m-product ul{
    margin: 0 0 9.393939%;
  }
  .m-product-intro{
    margin-top: 5.454545%;
  }
  div.mb114{
    margin-bottom: 14.242424%;
  }
  div.mt54{
    margin-top: 6.969696%;
  }
  .m-product-list-content p{
    font-size: 12px;
  }
  .m-anli-left{
    width: 100%;
  }
}