.m-wrap{
    width: 100%;
    float: left;
    overflow-x: hidden;
}

.m-n-banner{
    width: 100%;
    float: left;
    margin-top: .6rem;
}

.banner-about{
    background: url(../images/topright.jpg) no-repeat center center / cover;
}

.m-n-banner .tit{
    width: 100%;
    float: left;
    padding: .35rem 0;
    text-align: center;
    background: rgba(0,0,0,.5)
}

.m-n-banner .tit h2{
    width: 100%;
    float: left;
    font-size: .24rem;
    font-family: 'Elizabeth Semi-Script';
    color: #bf8c3b;
}
.m-n-banner .tit h3{
    width: 100%;
    float: left;
    font-size: .36rem;
    font-family: 'zhanghaishan';
    color: #fff;
    letter-spacing: 2px;
}
/* .m-n-banner .tit h3 i{
    color: #bf8c3b;
} */

.m-n-banner .tit .location{
    width: 100%;
    float: left;
    font-size: .16rem;
    display: none;
}

.m-n-banner .tit .location{
    font-size: .14rem;
    color: #fff;
}
.m-n-banner .tit .location a{
    color: #fff;
}



.m-C-nav{
    width: 100%;
    float: left;
}
.m-C-nav .list{
    width: 100%;
    float: left;
}
.m-C-nav .list li{
    width: 50%;
    float: left;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
}
.m-C-nav .list li a{
    font-size: .14rem;
    padding: .1rem 0;
    width: 100%;
    float: left;
    text-align: center;
    color: #000;
    background: #eee;
}
.m-C-nav .list li .cur{
    color: #fff;
    background: #bf8c3b;
}
/* about us */
.introduce{
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 .2rem;
}
.introduce .title{
    width: 100%;
    float: left;
    font-size: .24rem;
    font-family: 'zhanghaishan';
    margin: .4rem 0 .1rem ;
    text-align: right;

}
.introduce .title i{
    color: #bf8c3b;
}

.introduce p{
    font-size: .15rem;
    text-indent: .32rem;
    letter-spacing: 2px;
    line-height: 1.7;
}

.introduce-pic{
    margin: .5rem 0 0;
    width: 100%;
    float: left;
    overflow: hidden;
    background: url(../images/middle.jpg) no-repeat center center / cover;
    height: 1.6rem;
}

.quality{
    margin: 0;
    padding-top: .3rem;
    box-sizing: border-box;
    padding: .3rem 5vw;
}
.quality h2{
    font-size: .24rem;
    line-height: .36rem;
}
.quality h3{
    font-size: .36rem;
    margin: 0;
    line-height: .48rem;
    position: relative;
    padding-bottom: .2rem;
}
.quality h3::after{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: .73rem;
    margin: 0;
}
.quality > span{
    margin: 0;
    font-size: .16rem;
    box-sizing: border-box;
    padding: .2rem;
    line-height: 1.25
}
.quality .bd{
    overflow: hidden;
    width: 100%;
    float: left;
    position: relative;
}
.quality .bd ul{
    width: 100%;
    padding: 0;
    height: auto;
    margin-top: 0;
}

.quality ul li{
   position: relative;
   margin: 0;
   border: none;
   background: #eee;
   border-radius: 0;
}
.quality ul li:first-child,.quality ul li:nth-child(2),.quality ul li:nth-child(3){
    margin: 0;
}
.quality ul li .tit{
    font-size: .24rem;
    margin-top: .6rem;
}
.quality ul li .cont{
    font-size: .16rem;
    line-height: .3rem;
    margin-top: .27rem;
}
.quality .swiper-pagination{
    bottom: .2rem;
}
.quality .swiper-pagination-bullet-active{
    background: #bf8c3b
}

.quality .more{
    font-size: .14rem;
    margin-top: .2rem;
    height: .48rem;
    margin-bottom: 0;
}
.quality .more a{
    display: inline-block;
    padding: 0;
    width: 1.5rem;
    line-height: .48rem;
    height: .48rem;
    background: #000;
}


.history{
    width: 100%;
    float: left;
    background: #bf8c3b;
    position: relative;
}
.history h2{
    font-size: .24rem;
    line-height: .36rem;
    width: 100%;
    float: left;
    font-family: "Elizabeth Semi-Script";
    text-align: center;
    color: #fff;
    margin-top: 0.2rem;
}
.history h3{
    font-size: .36rem;
    margin: 0;
    line-height: .48rem;
    position: relative;
    padding-bottom: .2rem;
    width: 100%;
    float: left;
    font-family: "zhanghaishan";
    text-align: center;
    color: #fff;

}
.history h3::after{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: .73rem;
    margin: 0;
    content: "";
    height: 2px;
    background: #fff;
    transform: translateX(-50%);
    float: left;
    margin-top: 40px;
}

.history .bd{
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
}
.history .bd .left{
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 0.2rem;
}
.history .bd .left img{
    width: 100%;
    float: left;
    padding: 0.1rem;
    box-sizing: border-box;
    height: 2.6rem;

}
.history .bd .right{
    width: 100%;
    float: left;
    margin-bottom: 0.2rem;
}
.history .bd .right span{
    box-sizing: border-box;
    padding: 0.1rem;
    float: left;
}
.history .bd .right span i{
    font-size: 0.52rem;
    font-family: "zhanghaishan";
    color: #fff;
}
.history .bd .right span p{
    font-size: 0.16rem;
    float: left;
    color: #fff;
    text-indent: 0.28rem;
}
.history .text{
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: .2rem .6rem;
}

.history .text h2{
    font-size: .24rem;
    line-height: .36rem;
    font-family: "Elizabeth Semi-Script";
    width: 100%;
    float: left;
    text-align: left;
    color: #fff;
}
.history .text h3{
    font-size: .36rem;
    margin: 0;
    line-height: .48rem;
    position: relative;
    padding-bottom: .2rem;
    font-family: "zhanghaishan";
    width: 100%;
    float: left;
    text-align: left;
    color: #fff;
}
.history .text h3::after{
    position: absolute;
    left: 0%;
    bottom: 0;
    width: .73rem;
    margin: 0;
    content: "";
    height: 2px;
    background:  #fff;
    float: left;
}
.history .text p{
    font-size: .14rem;
    line-height: 1.5;
    color: #fff;
    margin: .3rem 0;
    width: 100%;
    float: left;
}

.history .swiper-pagination{
    bottom: .2rem;
}
.history .swiper-pagination-bullet-active{
    background: #fff
}

.cultrue{
    margin: 0;
    padding-top: .3rem;
    box-sizing: border-box;
    padding: .3rem .2rem;
}
.cultrue h2{
    font-size: .24rem;
    line-height: .36rem;
}
.cultrue h3{
    font-size: .36rem;
    margin: 0;
    line-height: .48rem;
    position: relative;
    padding-bottom: .1rem;
    margin-bottom: .2rem;
}
.cultrue h3::after{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: .73rem;
    margin: 0;
    content: "";
    height: 2px;
    background:  #000;
    float: left;
    transform: translateX(-50%)
}

.cultrue ul{
  margin: 0 0 .3rem;
}
.cultrue ul li{
  width: 100%;
  float: left;
  margin-top: .1rem;
  box-sizing: border-box;
  padding: 0 ;
  font-size: .14rem
}
.cultrue ul li i{
  width: .37rem;
  height: .37rem;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  line-height: .35rem;
  transform: rotate(-45deg);
  position: relative;
  margin-right: .2rem;
}
.cultrue ul li i a{
  transform: rotate(45deg);
  width: .16rem;
  height: .16rem;
  position: absolute;
  top: .05rem;
  left: .18rem;
}
.cultrue ul li:first-child i{
  border-right: #000 2px solid;
}
.cultrue ul li:nth-child(2) i{
  border-right: #000 2px solid;
  border-bottom: #000 2px solid;
}
.cultrue ul li:nth-child(3) i{
  border-right: #000 2px solid;
  border-bottom: #000 2px solid;
  border-left: #000 2px solid;
}
.cultrue ul li:nth-child(4) i{
  border: #000 2px solid;
}

.brand{
    width: 100%;
    float: left;
    background: url("../images/bg.png") no-repeat center / cover;
    padding-bottom: 119px;
    border-bottom: #bf8c3b 7px solid;
    box-sizing: border-box;
    padding: .2rem;
}
.brand .img{
    width: 100%;
    float: left;
    margin-top: unset;
    margin-left: unset;
}
.brand .img img{
    width: 100%;
    float: left;
    padding: 0.1rem 2%;
    box-sizing: border-box;
}
.brand h2{
    font-size: .24rem;
    margin-top: .3rem;
    text-align: center;
}
.brand h3{
    font-size: .36rem;
    margin: 0;
    line-height: .48rem;
    position: relative;
    padding-bottom: .2rem;
    text-align: center;

}
.brand h3::after{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: .73rem;
    margin: 0;
    content: "";
    height: 2px;
    background:  #000;
    float: left;
    transform: translateX(-50%)
}

.brand span{
  font-size: 24px;
    color: #606060;
    font-family: "zhanghaishan";
    margin-top: 51px;
    width: 100%;
    float: left;
}
.brand .content p{
  text-indent: .28rem;
  font-size: .14rem;
  color: #606060;
  line-height: 1.5;
}
.brand .content{
  width: 100%;
  float: left;
  margin-top: .1rem;
}



.anlilist li{
    width: 100%;
    margin-bottom: 0.2rem;
}
.anlilist li .pic img{
    filter: grayscale(0);
}







/* products */
.productslist{
    width: 100%;
    float: left;
}
.productslist li{
    width: 50%;
    float: left;
    box-sizing: border-box;
    font-size: .16rem;
}





/* service */
/* .fw img{
  transition: all 0.5s ease-in-out;
}
.fw img:hover{
  opacity: 0.8;
}
.fw{
  width: 100%;
  float: left;
} */
.download{
    float: left;
    width: 100%;
    margin-top: .3rem;
    position: relative;
    background: #eee;
    padding: .3rem 0;
}
.download .right{
    width: 100%;
    float: right;
    box-sizing: border-box;
    padding: 0 .2rem;
}
.download .right h2{
    font-size: .36rem;
    font-family: "zhanghaishan";
    float: left;
    width: 100%;
    text-align: center;
}
.download .right h2 i{
    color: #bf8c3b;
}
.download .right h3{
    float: left;
    font-size: .18rem;
    font-family: "Elizabeth Semi-Script";
    margin: .05rem 0 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.download .right .img{
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 3px;
    border: 1px solid #ddd;
    margin: .1rem 0;
    margin-bottom: 0.3rem;
}
.download .right .img img{
    max-width: 100%;
}
.download .right .text{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.download .right span{
    width: 60%;
    float: left;
    font-size: .12rem;
    color: #666;
    line-height: .2rem;    
}

.download .right a{
    float: left;
    padding: .1rem .2rem;
    background: #000;
    color: #fff;
    box-sizing: border-box;
    font-size: .14rem;
    margin: 0;
}



.knowledge{
    float: left;
    width: 100%;
    margin-top: .2rem;
    position: relative;
}
.m-content{
    width: 100%;
    float: left;
}
.m-content .knowledge{
    width: 100%;
}
.m-content .knowledge h2{
    font-size: .36rem;
    font-family: "zhanghaishan";
    float: left;
    width: 100%;
    text-align: left;
    padding: 0 .2rem;
    box-sizing: border-box;
}
.m-content .knowledge h2 i{
    color: #bf8c3b;
}
.m-content .knowledge h3{
    float: left;
    font-size: .18rem;
    font-family: "Elizabeth Semi-Script";
    margin: .05rem 0 0;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    padding: 0 .2rem;
    box-sizing: border-box;
}
.m-content .knowledge .middle{
    width: 100%;
    float: left;
    overflow: hidden;
}

.knowledge .left{
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 0 .2rem;
}
.knowledge .left img{
    width: 100%;
    float: left;
    padding: 0.2rem 0;
}
.knowledge .left h2{
    font-size: .36rem;
    font-family: "zhanghaishan";
    float: left;
}
.knowledge .left h2 i{
    color: #bf8c3b;
}
.knowledge .left h3{
  float: left;
  font-size: .24rem;
  font-family: "Elizabeth Semi-Script";
  margin: .1rem 0 0 .1rem;
}
.knowledge .left span{
  width: 100%;
  float: left;
  line-height: 1.7;
  margin: .1rem 0;
  font-size: .14rem;
  text-indent: .32rem;
}

.knowledge .right{
    width: 100%;
    float: left;
    padding: 0 .2rem;
    box-sizing: border-box;
}
.knowledge .right .biaoti{
    width: 100%;
    font-size: 0.24rem;
    font-family: "zhanghaishan";
}
.knowledge .right span{
    font-size: .14rem;
    width: 100%;
    float: left;
    margin: 0.2rem 0;
    line-height: 0.3rem;
    text-indent: 0.28rem;
}
.knowledge .right img{
  width: 100%;
  float: left;
}
.knowledge .swiper-button-prev, .knowledge .swiper-button-next{
    top: 35%;
}
.policy{
  width: 100%;
  float: left;
  padding-top: .3rem;
  position: relative;
  background: url("/images/serv.jpg") no-repeat center;
}
.policy .left .text{
    width: 100%;
    text-align: center;
}
.policy .left{
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: .2rem;
}
.policy .left h2{
    font-size: .36rem;
    font-family: "zhanghaishan";
    float: left;
    width: 100%;
}
.policy .left h2 i{
    color: #bf8c3b;
}
.policy .left h3{
    float: left;
    font-size: .24rem;
    font-family: "Elizabeth Semi-Script";
    margin: .1rem 0 0 .1rem;
    width: 100%;
}
.policy .left .middle{
    width: 100%;
    float: left;
}
.policy .left p{
    font-size: 0.14rem;
    width: 100%;
    text-align: center;
}

.join{
    width: 100%;
    float: left;
    position: relative;
    background: #eee;
    padding: .3rem .2rem;
    box-sizing: border-box;
}
.join .middle{
    float: left;
    width: 100%;
}
.join .middle h2{
    font-size: .36rem;
    font-family: "zhanghaishan";
    float: left;
}
.join .middle h2 i{
    color: #bf8c3b;
}
.join .middle h3{
    float: left;
    font-size: .24rem;
    font-family: "Elizabeth Semi-Script";
    margin: .1rem 0 0 .1rem;
}
.join .middle .jiameng ul{
    width: 100%;
    float: left;
    font-family: "iconfont1";
    margin-top: 0.2rem;
}
.join .middle .jiameng ul li{
    width: 100%;
    float: left;
    font-size: 0.14rem;
    margin:0.1rem 0;
}
.join .middle .jiameng ul li span{
    text-indent: 0.28rem;
}
.join .middle .jiameng ul li .tit{
    font-size: 0.16rem;
}
.join .middle .jiameng ul li i{
    float: left;
    width: 0.9rem;
    height: 0.9rem;
    background: #bf8c3b;
    border-radius: 50%;
    box-sizing: border-box;
    margin-right: 0.2rem;
}
.join .middle .jiameng ul li i b{
font-size: 0.56rem;
  color: #fff;
  float: left;
  margin: 0.17rem;
}
.join .middle .jiameng .down{
    width: 100%;
    float: left;
    margin-top: 0.1rem;
    font-size: 0.16rem;
    text-align: center;
  }
.join .middle .jiameng .down a{
    font-family: "iconfont1";
    color: #606060;
    transition: all 0.3s ease-in-out;
  }
.join .middle .jiameng .down a i{
    margin-left: 10px;
    transition: all 0.3s ease-in-out;
  }
.join .middle .jiameng .down a:hover{
    color: #bf8c3b;
  }
.join .middle .jiameng .down a:hover i{
    color: #bf8c3b;
    margin-left: 0.2rem;
}
  




.contact{
    width: 100%;
    float: left;
    margin-bottom: 0;
    position: relative;
    box-sizing: border-box;
    padding: .2rem;
}
.contact .top1{
  top: -100px;
}
.contact .left{
  width: 100%;
  float: left;
}

.contact .left h2{
    font-size: .36rem;
    font-family: "zhanghaishan";
    float: left;
}
.contact .left h2 i{
    color: #bf8c3b;
}
.contact .left h3{
    float: left;
    font-size: .24rem;
    font-family: "Elizabeth Semi-Script";
    margin: .1rem 0 0 .1rem;
}
.contact .left ul{
  width: 100%;
  float: left;
  margin-top: .1rem;
}
.contact .left ul li{
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  line-height: .2rem;
  padding: .2rem 0;
  border-bottom: 1px solid #ccc;
  font-family: "zhanghaishan";
  font-size: .14rem;
}
.contact .left ul li i{
  width: 30%;
  float: left;
}
.contact .left ul .no5{
  float: left;  
  border-bottom: unset;
}
.contact .left ul .no5 i{
  float: left;
}

.contact .left ul .no5 img{
  width: 50%;
  float: left;
}
.contact .right{
  float: right;
  width: 100%;
  height: 3rem;
  margin-top: .2rem;
}


/* newslist*/
.i-news{
    width: 100%;
    float: left;
}
.i-news ul{
    float: left;
    width: 100%;
    margin-top: .2rem;
    box-sizing: border-box;
    padding: 0 .2rem;
}
.i-news ul center{
    font-size: 0.24rem;
}
.i-news ul li{
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.i-news ul li .img{
    margin-top: 0;
    height: auto;
    float: left;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.i-news ul li .img img{
    height: unset;
    max-width: 100%;
    -moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
}
.i-news ul li:hover .img img{
    opacity: 0.8;
    transform: scale3d(1.1,1.1,1);
}
.i-news ul li .transition{
    font-family: "zhanghaishan";
    color: #fff;
    width: 100%;
    float: left;
    line-height: .2rem;
    background: #666;
    font-size: .14rem;
}
.i-news ul li .transition i{
    width: 10%;
    line-height: .2rem;
    background: #666;
    text-align: center;
    float: left;
    display: none;
}
.i-news ul li .transition dt{
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: .2rem
}
.i-news ul li .transition dt span{
    float: left;
    padding-left: 0;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}
.i-news ul li:hover .transition dt span{
    background: #bf8c3b;
}
.i-news ul li .transition a{
    color: #fff;
}
.i-news ul li .transition a dd{
    display: none;
}

/* news view */
.newsview{
    width: 100%;
    box-sizing: border-box;
    padding: 0 .2rem;
}
.newsview .tit{
    line-height: 1.5;
    font-size: .2rem;
}
.newsview .xinxi{
    font-size: .12rem
}
.newsview .ms{
    line-height: 1.5;
    font-size: .14rem;
}
.newsview .ms p{
    font-size: .14rem;
    text-indent: .28rem;
    line-height: 1.75
}
.xx_more{
    float: left;
    padding: .1rem .2rem;
    background: #000;
    color: #fff;
    box-sizing: border-box;
    font-size: .14rem;
    margin: 0;
}


/* page */
.page_zt{
    font-size: .14rem;
    margin: .2rem 0;
    padding: .2rem 0;
}