.mob-wrap{
  overflow: hidden;
}
.mob-head .logo{
  float: left;
  padding: 0;
  width:40%;
  margin-left: 2%;
}
.head-nav{
  float: left;
  width:45%;
  padding-top: 1%;
  margin-left: 1%;
}

.head-nav ul{
  
}
.head-nav ul li{
  float: left;
  width:25%;
}
.head-nav ul li a{
  display: block;
  font-size: 12px;
  text-align: center;
}

.mob-banner .slick-dots li{
  width:8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}

.mob-banner .slick-dots li.slick-active{
  background: #b20405;
}


.m-wrap{
  width:96%;
  margin: 0 auto;
}
.title1{
  text-align: center;
  color: #b20405;
  padding: 5% 0;
}

.title1 h2{
  font-weight: bold;
  padding-top: 5px;
}

.w1{
  font-size: 16px;
  color: #333333;
  text-align: center;
  line-height: 26px;
  padding-bottom: 4%;
}

.bj1{
  background: url(../images/bj1.jpg) no-repeat top center;
  background-size: 100% 100%;
  padding-bottom: 4%;
}

.p-title{
  text-align: center;
  padding: 5% 0;
}

.p-title p img{
  max-width: 50%;
}

.p-con{
  display: flex;
}

.p-left{
  /*width:47%;*/
  /*margin-right: 4%;*/
  width:98%;
  margin:0 6px;
}

.product-list1 li{
  position: relative;
  margin-bottom: 10px;
}

.product-list1 li img{
  width:100%;
}

.product-list1 li h3{
  background: rgba(0,0,0,.6);
  position: absolute;
  bottom: 3px;
  left: 0;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  width: 100%;
  text-align: center;
}

.p-right{
  width:47%;
}


.product-list2 li{
  position: relative;
  margin-bottom: 10px;
}

.product-list2 li img{
  width:100%;
}

.product-list2 li h3{
  background: rgba(0,0,0,.6);
  position: absolute;
  bottom: 3px;
  left: 0;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  width: 100%;
  text-align: center;
}


.p-more{
  text-align: center;
}

.p-more img{
  max-width: 50%;
}

.p-img1{
  text-align: center;
  line-height: 0;
}
.p-img1 p img{
  max-width:100%;
}

/*横图*/
.ad-bg{
    background: url(../images/mob_htbj.jpg) no-repeat top center;
    background-size: cover;
    padding: 5% 0;
}

.banner_list1{
    
}
.banner_list1 li{
    float: left;
    margin: 0px 6%;
    width: 21%;
}
.banner_list1 li .img-banner{
    padding: 5px;
    border:1px dashed #d89999;
    border-radius: 50%;
}

.banner_list1 li a.img1 img{
    width:100%;
    height: auto;
}


/**/
.bj3{
  background: url(../images/bj3.jpg) no-repeat top center;
  background-size: 100% 100%;
  padding-bottom: 5%;
}

.slick-wrap {margin-top: 5%;}
.slick-contanier { }
.slick-contanier .slick-slide { outline: none; }
.slick-contanier img { display: inline-block; width: 100%; }
.slick-contanier .slick-con { display: block; padding: 0 5%; font-size: 0; }

.tab-li { text-align: center;cursor: pointer;}
.tab-li li {width:33.333%;color: #fff;line-height: 2.6em;font-size: 1em;border-radius: 20px;background:#89021d;display: inline-block;}
.tab-li li:hover, .tab-li li.active { background:#b92221;color: #fff;}

.tab-con { position: relative;width:96%;margin: 2% auto;background: #fff;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease;float: none;position: absolute;}
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }
.tab-con .tab-main p:nth-of-type(1){padding: 0;}
.tab-con .tab-main p img{max-width: 100%;}
.tab-con .tab-main p{padding: 0 5%;color: #777777;font-size: 1.1em;}
.tab-con .tab-main p:nth-of-type(2){font-weight: bold;color: #333333;font-size: 1.4em;padding-top: 2%;padding-bottom: 2%;}
.tab-con .tab-main p:nth-of-type(5){font-weight: bold;color: #3faf41;font-size: 1.2em;padding-top: 2%;}
.tab-list{margin:3% 0;}
.tab-list li{border-bottom: 1px solid #dcdcdc;padding: 2%;margin-bottom: 1%;}
.tab-list li .news-img{width:30%;float: left;}
.tab-list li .news-img img{width:100%;}
.tab-list li .news-wen{width:65%;float: right;}
.tab-list li .news-wen a{display: block;font-size: 16px;color: #333333;line-height: 24px;}
.tab-list li .news-wen h2{font-size: 12px;color: #666666;overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2; }

  .mdao{
      background: #b20405;
      padding: 5%;
  }
  .mdao1{
      color: #d98282;
      text-align: center;
  }
  .mdao1 a{
      color: #fff;
      text-align: center;
      font-size: 13px;
      padding: 0 10px;
  }

  .mdao1 p{
      color: #fff;
      font-size: 13px;
      padding-bottom: 10px;
  }

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #ffffff;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #333333;
  line-height: 30px;
  font-size: 0;
}

.footer ul li.active {
  background: #fff;
}

.footer ul li a {
  display: block;
  padding-top: 33px;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.footer ul li:first-child a{
  background: url(../images/m4.png) no-repeat center 5px;
  background-size: 25px 25px; 
}

.footer ul li:nth-child(2) a{
  background: url(../images/m1.png) no-repeat center 6px;
  background-size: 25px 25px; 
}

.footer ul li:nth-child(3) a{
  background: url(../images/m2.png) no-repeat center 5px;
  background-size: 60px 60px;
}

.footer ul li:nth-child(4) a{
  background: url(../images/m3.png) no-repeat center 5px;
  background-size: 25px 25px; 
}



.footer ul li:nth-child(5) a{
  background: url(../images/m5.png) no-repeat center 5px;
  background-size: 25px 25px; 
}

.footer ul li:nth-of-type(3) a{
  position: absolute;
  top: -33%;
  width: 18%;
  left: 41%;
  right: 0;
  line-height: 74px;
}