/*初始化样式*/
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}


/* 头部 */
.mob-head {
  padding: 8px 0;
  position: relative;
}

.mob-head .logo {
    width: 61%;
    margin: 0 111px 0 20px;
}

.mob-head .logo img {
  width: 100%;margin:0 auto;
}

.mob-head .head-btn {
  position: absolute;
  right: 15px;
  height: 30px;
  top: calc(50% - 15px);
  font-size: 0;
}

.mob-head .head-btn a {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  line-height:30px;
  text-align: center;
}


.mob-head .head-btn .nav-btn{background: url(../images/mu.png) no-repeat;background-size:100% 100%;width:30px;height:30px;}


.mob-head .head-btn a .iconfont {
  font-size: 20px;
  vertical-align: middle;
}

.mob-head .head-btn a .icon-sousuo {
  font-size: 25px;
}

.mob-head .head-btn .search-btn {
  border-right: 1px solid #aaaaaa;
  margin-right: 10px;
  width: 40px;
}



/* 搜索框样式 */
.search {margin:15px 15px;border:1px solid #737373;border-radius:10px;padding:3px 0;}

.search form {
  width: 100%;
 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          
}


.search input[type="text"] {
  width: 44%;
  padding-left: 15px;
  font-size: 15px;
  color: #7b7b7b;
  line-height: 32px;background:none;border:none;outline:none;

}

.search input[type='submit'] {
  width: 10%;margin-left:22%;
  border: none;
  background:url(../images/ss.png) no-repeat top center;
  background-size: 100% 100%;
  text-align: center;
  height:32px;
  outline: none;
  border-radius: 0;
}







.box1{margin-top:8%;}
.ads{text-align:center;}
.ads li{display:inline-block;width:19%;margin:0 2%;}
.ads li .img{width:100%;margin:0 auto;}
.ads li .img img{width:100%;margin:0 auto;}
.ads li h3{color:#323232;font-size:15px;margin-top:8px;}



.box2{margin-top:8%;}
.abpic{width:92%;margin:0 auto;margin-bottom:3%;}
.abpic img{width:100%;margin:0 auto;}
.bt{width:85%;margin:0 auto;color:#323232;font-size:25px;font-weight:bold;text-align:center;line-height:2;border-bottom:1px solid #3d3d3d;}
.about{width:85%;margin:0 auto;color:#5b5b5b;font-size:14px;text-align:center;line-height:25px;margin-top:4%;}
a.am{margin:0 auto;text-align:center;border:1px solid #3d3d3d;display:block;width:40%;color:#323232;font-size:14px;line-height:35px;margin-top:4%;}





.box3{width:92%;margin:0 auto;margin-top:8%;}
.ads2 li{width:49%;float:left;position:relative;text-align:center;}
.ads2 li:nth-child(2){float:right;}
.ads2 li .img img{width:100%;margin:0 auto;}
.ads2 li .det{position: absolute;width: 100%;height: 100%;top: 0;left: 0; display:flex;align-items: center;justify-content: center;flex-direction:column;}
.ads2 li h3 {font-size:16px;color:#fff;margin-bottom:5px;}
.ads2 li span{font-size:14px;color:#fff;}





.box4{margin-top:6%;}
.product_list1{width:92%;margin:0 auto;margin-top:6%;}
.product_list1 li{width:47%;float:left;position:relative;text-align:center;margin-bottom:2%;}
.product_list1 li:nth-child(2n){float:right;}
.product_list1 li .img img{width:100%;margin:0 auto;}
.product_list1 li h3{font-size:14px;color:#323232;line-height:32px;}




.box5{margin-top:8%;}
.xlist1{width:92%;margin:0 auto;margin-top:8%;margin-bottom:7%;}
.xlist1 li{border-bottom:1px solid #c1c1c1;margin-bottom:4%;padding-bottom:4%;}
.xlist1 li .img{width:30%;float:left;}
.xlist1 li .img img{width:100%;}
.xlist1 li .det{width:65%;float:right;}
.xlist1 li h3 a{font-weight:bold;color:#323232;font-size:16px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.xlist1 li span{display:block;color:#5a5a5a;font-size:14px;line-height:22px;margin:8px 0;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.xlist1 li h4{color:#6d6d6d;font-size:12px;}









.box7{background:url(../images/bg.png) no-repeat;background-size:100% 100%;width:100%;margin:0 auto;margin-top:8%;padding:8% 0 5%;}
.mdtt{color:#fff;font-size:25px;text-align:center;font-weight:bold;}
.md{background:url(../images/md.png) no-repeat;background-size:100% 100%;width:72%;margin:15px auto;line-height:46px;font-size:18px;text-indent:5%;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.hot{color:#fff;font-size:16px;text-align:center;}




.foot{height:30px;}

/* 页脚 */
.footers {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #e1e1e1;padding:1.5% 0;
}

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

.footers ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  line-height: 50px;
  font-size: 0;
}




.footers ul li{line-height: 20px;height:60px;font-size: 14px;}
.footers ul li span{display: block;padding-top: 34px;font-size: 14px;color:#323232;}
.footers ul li .span1{background:url(../images/f1.png) no-repeat center 5px;background-size: 26%;}
.footers ul li .span2{background:url(../images/f2.png) no-repeat center 6px;background-size: 18%;}
.footers ul li .span3{background:url(../images/f3.png) no-repeat center 8px;background-size: 26%;}
.footers ul li .span4{background:url(../images/f4.png) no-repeat center 5px;background-size: 25%;}

.footers ul li:hover .span1{background:url(../images/f11.png) no-repeat center 5px;background-size: 26%;}
.footers ul li:hover .span2{background:url(../images/f22.png) no-repeat center 6px;background-size: 18%;}
.footers ul li:hover .span3{background:url(../images/f33.png) no-repeat center 8px;background-size: 26%;}
.footers ul li:hover .span4{background:url(../images/f44.png) no-repeat center 5px;background-size: 25%;}
.footers ul li:hover span{color:#0c6ae9;}