/**Page css**/

.cur{
  overflow: hidden;
  padding: 20px 0;
  background-color: #F7F7F7;
  margin-bottom: 30px;
}
.cur .wz{
    background: url(../images/cur.png) no-repeat left  center;
    line-height: 26px;
    float: left;
    padding-left: 26px;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
}
.cur .wz a{
  display: inline-block;
  font-size: 14px;
  color:#333;
  margin-right: 5px;
}
.m-prodinfo{
  overflow: hidden;
  margin-bottom: 50px;
}
.m-prodinfo .pic{
  float: left;
  border:1px solid #eee;
  width: 600px;
  height: 450px;
  position: relative;
  margin-right: 50px;
}
.m-prodinfo .txt{
  overflow: hidden;
  height: 450px;
  position: relative;
}
.m-prodinfo .tit{
  font-weight: bold;
  font-size: 32px;
  padding-bottom: 4px;
  color:#333;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.m-prodinfo .desc{
  font-size: 15px;
  line-height: 1.9;
  color:#666;
  margin-bottom: 20px;
}
.m-prodinfo .desc p{
  margin-bottom: 10px;
}
.m-prodinfo .link{
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.m-prodinfo .link a{
  display: block;
  color:#fff;
  font-size: 18px;
  line-height: 46px;
  text-align: center;
  background: #8FC320;
}
.g-details{
  background: #8FC320;
  color:#fff;
  font-size: 15px;
  padding: 10px;
}
.proddetails{
  overflow: hidden;
  font-size: 15px;
  line-height: 2;
  color:#333;
  margin-bottom: 20px;
  border:1px solid #eee;
  border-top: none;
  padding: 20px;
}
.proddetails img{
  display: block;
  max-width: 100%!important;
  height: auto!important;
  margin:0 auto;
}
.m-xg{
  overflow: hidden;
  margin-bottom: 30px;
}
.m-xg .title{
  font-size: 28px;
  margin-bottom: 20px;
  color:#333;
}
.ul-xg{
  overflow: hidden;
}
.ul-xg .pic{
  overflow: hidden;
  position: relative;
  height: 0;
  padding-top: 75%;
  border:1px solid #eee;
}
.ul-xg .tit{
  background: #eee;
  text-align: center;
  line-height: 42px;
  color:#333;
  font-size: 16px;
}
.m-spag{
  overflow: hidden;
  margin-bottom: 30px;
}
.m-spag .title{
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  color:#333;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 40px;
}
.m-spag .title::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin:0 auto;
  width: 30px;
  height: 4px;
  background: #8FC320;
}
.m-spag .info{
  font-size: 15px;
  color:#333;
  line-height: 2;
}
.m-spag .info img{
  display: block;
  max-width: 100%!important;
  height: auto!important;
  margin:0 auto;
}
.g-abouttab{
  overflow: hidden;
  margin-bottom: 30px;
}
#map1 {
    height: 400px;
    margin-bottom: 30px;
}
.ul-newslist{
  overflow: hidden;
}
.ul-newslist li{
  overflow: hidden;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.ul-newslist .pic{
  overflow: hidden;
  float: left;
  width: 300px;
  height: 180px;
  position: relative;
  margin-right: 30px;
  border:1px solid #eee;
}
.ul-newslist .txt{
  overflow: hidden;
}
.ul-newslist  .tit{
  font-size: 18px;
  font-weight: bold;
  color:#333;
  margin-bottom: 6px;
}
.ul-newslist .desc{
  line-height: 2;
  color:#666;
  font-size: 14px;
}
.ul-lmlist{
  overflow: hidden;
  display: none;
  margin-bottom: 10px;
}
.ul-lmlist a{
  display: block;
  float: left;
  width: 160px;
  line-height: 44px;
  background: #eee;
  color:#333;
  text-align: center;
  margin-right: 15px;
}
.ul-lmlist.ss a{
  background: #fff;
}
.ul-lmlist a:hover,
.ul-lmlist a.on{
  color:#fff;
  background: #bda077;
}
.page.bt{
  padding-top: 30px;
  border-top: 1px solid #eee;
}
.page{
  overflow: hidden;
  margin-bottom: 30px;
  display: flex;
  justify-content:  space-between ;
}
.ul-prolist{
  overflow: hidden;
  margin:0 -15px;
}
.ul-prolist li{
  width: 25%;
  float: left;
  overflow: hidden;
  margin-bottom: 20px;
}
.ul-prolist li a{
  display: block;
  margin:0 15px;
}
.ul-prolist .pic{
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 75%;
}
.ul-prolist .tit{
  background: #bda077;
  color:#fff;
  text-align: center;
  font-size: 14px;
  line-height: 42px;
}
.newinfo{
  overflow: hidden;
}
.newinfo .newleft{
  width: calc(100% - 340px);
  float: left;
  overflow: hidden;
}
.newinfo .newleft .name{
  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 30px;
}
.newinfo .newleft .name .tit{
  font-size: 24px;
  color:#333;
  margin-bottom: 4px;
}
.newinfo .newleft .name .desc{
  color: #999;
  font-size: 12px;
}
.newinfo .newleft .infobox{
    line-height: 2;
    font-size: 15px;
    color: #626262;
}
.newinfo .newleft .infobox img{
  margin:0 auto;display:block;max-width:100%;height:auto;
}
.newinfo .newleft .info table{border-top:1px solid #000;border-left:1px solid #000;margin:0 auto;width:100%!important;} 
.newinfo .newleft .info table td{border-right:1px solid #000;border-bottom:1px solid #000;}
.newinfo .newright{
  width: 300px;
  float: right;
}
.g-xgitem{
  border: 1px solid #dbdbdb;
  padding: 10px;
  margin-bottom: 30px;
  overflow: hidden;
}
.g-xgitem .name{
  border-bottom: 1px solid #dbdbdb;
  font-size: 24px;
  padding-bottom: 4px;
  margin-bottom: 16px;
}
.xgpro .pic{
  position: relative;
  height: 0;
  padding-top: 75%;
  overflow: hidden;
  border:1px solid #eee;
}
.xgpro .tit{
  text-align: center;
  font-size: 16px;
  color:#333;
  line-height: 42px;
}
.g-lxwm{
  overflow: hidden;
  margin: 30px 0;
}
.g-lxwm  .name{
  font-size: 24px;
  margin-bottom: 10px;
}
.g-lxwm .txt{
  overflow: hidden;
}
.g-lxwm .txt p{
  line-height: 48px;
  font-size: 14px;
  color:#333;
  padding: 0 20px;
  background: #f2f2f2;
}
.g-lxwm .txt p:nth-child(odd){
  background: #fff;
}
.g-zxly{
  overflow: hidden;
}
.g-zxly .inp{
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 11px;
  border:1px solid #eee;
  margin-right: 20px;
  padding: 0 20px;
  color:#333;
}
.g-zxly .tj{
  background: #00a1e9;
  font-size: 14px;
  width: 220px;
  text-align: center;
  color:#FFF;
  line-height: 40px;
}
.ul-xgnews a{
  display: block;
  color:#666;
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px dashed #eee;
}
.newinfo .newleft .info img{
  display: block;
  margin:0 auto;
  max-width: 100%;
  height: auto;
}

.g-txtimg1{
  overflow: hidden;
  margin-bottom: 30px;
}
.g-txtimg1 .pic{
  float: left;
  width: 620px;
  height: 490px;
  background: url(../images/about-bg.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin-right: 50px;
}
.g-txtimg1 .txt{
  overflow: hidden;
}
.g-txtimg1 .tit{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  color:#333;
}
.g-txtimg1 .desc{
  font-size: 14px;
  line-height: 2;
  color:#626262;
}

.right_nav_bar {
  position: fixed;
  right: 0;
  bottom: 15px;
  z-index: 10001;
  width: 57px;
}

.right_nav_bar li {
  position: relative;
  list-style: outside none none;
  float: left;
  height: 54px;
  width: 57px;
  background-color:#AA7B5F;
}

.right_nav_bar li:hover .icons {
  width: auto;
  background-color:#AA7B5F;
  font-size: 14px;
  color: #fff;
  top: 0;
}

.right_nav_bar .icons {
  height: 54px;
  width: 57px;
  float: left;
  position: absolute;
  right: 0;
  transition: all 0.3s ease 0s;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  display: block;
}

.right_nav_bar span.title {
  padding-right: 10px;
  color: #fff;
  position: relative;
  font-size: 16px;
  top: -20px;
}

.right_nav_bar .phone-icon span.title {
  top: -18px;
  font-size: 22px;
}

.right_nav_bar i.icon {
  background-repeat: no-repeat;
  height: 54px;
  width: 57px;
  display: inline-block;
  background-position: center center;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}

.black.right_nav_bar span.title {
  color: #fff;
}
.right_nav_bar .zx{

}
.right_nav_bar .wx-icon i {
  background-image: url(../images/wx.png);
}

.right_nav_bar .zixun-icon i {
  background-image: url(../images/qq.png);
}
.right_nav_bar .zx i {
  background-image: url(../images/liuyan.png);
}
.right_nav_bar .phone-icon i {
  background-image: url(../images/phone.png);
}
.right_nav_bar .top-icon i {
  background-image: url(../images/js-top.png);
}

.right_nav_bar .qr {
  position: absolute;
  left: -215px;
  top: -48px;
  width: 150px;
  height: 150px;
  display: none;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

.right_nav_bar .qr img {
  display: block;
  width: 100%;
  height: 100%;
}

.right_nav_bar .wx:hover .qr {
  display: block;
}

.js-top {
  width: 57px;
  height: 54px;
  display: block;
  text-align: center;
  line-height: 56px;
  cursor: pointer;
}
.contactmap{
  height: 26.04vw;
  min-height: 240px;
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
}
.lx-form{
  background-color: #fff;
  overflow: hidden;
}
.lx-form .m-form{
  width: auto;float: none;
}
@media only screen and (max-width: 1230px) {
  .ul-prolist li{width: 50%;}
  .newinfo .newleft{width: auto;float: none;margin-right: 0;margin-bottom: 20px;}
  .newinfo .newright{width: auto;float: none;}
  .m-prodinfo .pic{float: none;margin-right: 0;margin-bottom: 30px;}
  .m-prodinfo .txt{height: auto;}
  .m-prodinfo .link{position: static;}
  .m-prodinfo .tit{font-size: 26px;padding-bottom: 4px;}
  .m-prodinfo{margin-bottom: 30px;}
  .m-xg .title{font-size: 24px;}
  .m-spag .title{font-size: 28px;}
  .g-txtimg1 .pic{width: 500px;height: 400px;}
  .right_nav_bar{display: none;}
      .ul-lmlist a{width: 20%;padding-right: 0;margin-right: 0;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
      .ul-lmlist.ss a{border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
}
@media only screen and (max-width: 1023px) {
  .g-lxwm .txt{width: auto;margin-right: 0;margin-bottom: 10px;float: none;}
  #map1{height: 240px;}
  .m-prodinfo .tit{font-size: 24px;}
  .m-xg .title{font-size: 24px;}
  .m-spag .title{font-size: 24px;}
  .g-txtimg1 .tit{font-size: 20px;margin-bottom: 0;}
  .g-txtimg1 .pic{float: none;margin-right: 0;width: auto;margin-bottom: 20px;}
}
@media only screen and (max-width: 767px) {
.ul-prolist li{width: auto;float: none;margin-bottom: 15px;}
.g-lxwm .name{font-size: 20px;}
.ul-newslist .pic{display: none;}
.ul-newslist li{padding-bottom: 10px;margin-bottom: 12px;}
.ul-newslist .tit{font-size: 16px;margin-bottom: 2px;}
.g-xgitem .name{font-size: 18px;}
.cur{padding: 10px 0;margin-bottom: 24px;}
.m-spag .title{margin-bottom: 24px;}
.m-prodinfo .tit{font-size: 20px;}
.m-prodinfo .pic{width: auto;height: 300px;}
.m-xg .title{font-size: 20px;}
.m-prodinfo .desc{font-size: 14px;line-height: 1.8;}
.m-spag .title{font-size: 20px;}
.proddetails{font-size: 14px;line-height: 1.8;}
.m-prodinfo .link a{line-height: 40px;font-size: 14px;}
.g-details{font-size: 14px;padding: 6px 10px;}
.g-txtimg1 .pic{width: auto;height: 300px;margin-bottom: 20px;}
  .ul-lmlist a{width: 25%;}
  .ul-lmlist{margin-bottom: 20px;}
  .sub_title .s_t{margin-bottom: 10px;}
}
@media only screen and (max-width: 500px) {
  .m-prodinfo .pic{height: 200px;margin-bottom: 10px;}
  .g-txtimg1 .pic{height: 240px;}

}

.ul-snav{
  overflow: hidden;
  float: left;
}
.ul-snav li{
  float: left;
  position: relative;
}
.ul-snav li::after{
  content:'';
  display: block;
  position: absolute;
  right: 0;
  top: 32px;
  width:1px;
  height: 13px;
  background: #e4e4e4;
}
.ul-snav li:last-child::after{
  display: none;
}
.ul-snav li a,
.ul-snav li .a{
  display: block;
  line-height: 77px;
  font-size: 15px;
  color:#333333;
  width: 120px;
  text-align: center;
  cursor: pointer;
}
.ul-snav li.on::after{
  display: none;
}
.ul-snav li.on a,
.ul-snav li:hover .a{
  background: #AA7B5F;
  color:#fff;
}
.main{
  overflow: hidden;
  padding: 70px 0;
  background: #f8f8f7 url(../images/mainbg.jpg) no-repeat bottom;
}
.row-about .video{
  width: 28.54vw;
    height: 28.54vw;
    background: url(../images/ico10.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto;
}
.row-about .video a{
  display: block;
  width: 100%;
  height: 100%;
}
.row-about .info{
  color: #534A45;
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 3.13vw;
}
.row-about .wp.ss{
  position: relative;
}
.row-about .wp.ss .ren{
   position: absolute;
    right: 0;
    bottom: 70px;
    z-index: 2;
    width: 16.88vw;
    height: 26.77vw;
    background: url(../images/ico9.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.row-about .video img{display: none;}
@media only screen and (max-width: 1230px) {
.main{padding: 40px 0;}
.ul-snav{display: none;}
.ul-lmlist{display: block;}
}

@media only screen and (max-width: 767px) {
  .main{padding: 30px 0;}
  .contactmap{padding: 15px;}
}


.row-wh1{
    padding: 3.07vw 0 4.64vw;
    background: #f8f8f7 url(../img/nbg1.jpg) no-repeat bottom;;
    overflow: hidden;
}
.g-title2{
    text-align: center;
    font-size: 2.6vw;
    color:#5A4031;
    font-weight: bold;
    font-family:SimSun;
    margin-bottom: 11px;
}
.row-wh1 .t1{
    text-align: center;
    font-size: 30px;
    color:#534A45;
    padding-top: 3px;
    margin-bottom: 24px;
}
.row-wh1 .desc{
    font-size: 16px;
    color:#534A45;
    line-height: 2;
    padding: 0 10px;
    text-indent: 2em;
    margin-bottom: 49px;
}
.row-wh1 .img img{
    display: block;
    margin:0 auto;
    max-width: 100%;
    height: auto;
}
.row-wh2{
    overflow: hidden;
    padding-top: 7.03vw;
    background: url(../img/nbg3.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.m-inner1{
    overflow: hidden;
    background: #fff;
    padding: 4.11vw 3.54vw 1.72vw;
}
.g-title1{
    text-align: center;
    font-size: 3.23vw;
    color:#534A45;
    font-family:SimSun;
    font-weight: bold;
    margin-bottom: 2.76vw;
}
.m-inner1 .info{
    overflow: hidden;
    margin-bottom: 3.96vw;
}
.m-inner1 .info p{
    font-size: 16px;
    color:#534A45;
    padding-left: 31px;
    margin-bottom: 15px;
    background: url(../img/png13.png) no-repeat left center;
}
.m-inner1 .imglist{
   overflow: hidden;
}
.m-inner1 .imglist img{
    float: left;
    height: auto;
}
.m-inner1 .imglist img:nth-child(1){
    width: 31%;
    margin-right: 2%;
    margin-left: 15%;
}
.m-inner1 .imglist img:nth-child(2){
    width: 30%;
    margin-right: 2%;
}

.row-wh3{
     overflow: hidden;
     padding: 3.49vw 0;
}
.row-wh3 .g-title1{
    position: relative;
    z-index: 2;
}
.row-wh3 .img img{
    margin:-56px auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.row-wh3 .tit{
    font-size: 24px;
    color:#534A45;
    margin-bottom: 32px;
}
.row-wh3  .desc{
    font-size: 16px;
    color:#534A45;
    line-height: 1.9;
}

.row-prolist1{
    padding: 4.17vw 0 ;
    overflow: hidden;
    background: url(../img/nbg8.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}



 .g-protxt{
    position: relative;
    float: none;
    width: auto;
    overflow: hidden;
}
.g-protxt .more{
    position: absolute;
    right: 0;
    top: 37px;
}

.g-protxt .en{
    font-size: 16px;
    color:#AA7B5F;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.g-protxt .cn{
    font-size: 2.29vw;
    color:#715a48;
    margin-bottom: 1.35vw;
}
.g-protxt .desc{
    font-size: 16px;
    color:#AA7B5F;
    line-height: 2;
    margin-bottom: 2.4vw;
    max-width: 1000px;
}
.g-protxt  .img img{
    display: block;
    max-width: 100%;
    height: auto;
}
.g-protxt .more a{
    display: block;
    width: 182px;
    line-height: 46px;
    font-size: 14px;
    color:#fff;
    background: #715a48;
    text-align: center;
    margin-bottom: 45px;
}

.row-prolist2{
    padding: 6.25vw 0 7.24vw;
    overflow: hidden;
    background: url(../img/nbg9.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.row-prolist2 .g-protxt .more a{
    background: transparent;
    border:1px solid #fff;
}
.row-prolist2 .g-protxt .en,
.row-prolist2 .g-protxt .cn,
.row-prolist2 .g-protxt .desc{
    color:#fff;
}
.row-prolist2 .g-protxt .desc{
    margin-bottom: 35px;
}
.slidepro .pic{
    position: relative;
    padding-top: 75%;
    overflow: hidden;
    background-color: #fff;
    height: 0;
}
.slidepro .tit{
    line-height: 42px;
    background:#bda077;
    text-align: center;
    color:#fff;
    font-size: 14px;
}

.row-prolist3{
    padding: 7.03vw 0 7.4vw;
    overflow: hidden;
    background: url(../img/nbg10.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
}
.row-prolist4{
    padding: 4.79vw 0 3.8vw;
    overflow: hidden;
    background: url(../img/nbg11.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.row-jm1{
    overflow: hidden;
    padding: 2.92vw 0 4.53vw;
    background: url(../img/nbg1.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.slidejm.swiper-container{
    padding: 17px;
}
.slidejm .swiper-slide{
     height: 220px;
     padding: 31px 20px 0;
     background-color: #fff;
    box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.13);
}

.slidejm .tit{
    font-size: 16px;
    text-align: center;
    color:#534A45;
    line-height: 1.9;
}
.slidejm .ico{
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: auto;
    background-size: auto;
    margin-bottom: 24px;
}
.row-jm2{
    overflow: hidden;
    padding: 3.44vw 0 5.99vw;
    background: url(../img/nbg22.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.g-title2.cof{
    color:#fff;
}
.row-jm2 .g-desc2{
    text-align: center;
    color:#fff;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 53px;
}
.ul-listjm1{
    overflow: hidden;
    height: 162px;
    background: url(../img/png14.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.ul-listjm1 li{
   float: left;
   width: 16.66%;
   text-align: center;
   padding: 16px 40px 0 30px;
}
.ul-listjm1 .num{
    font-size: 50px;
    font-family: Arial;
    color:#e50012;
}
.ul-listjm1 .desc{
    font-size: 15px;
    color:#534A45;
}
.row-jm3{
    overflow: hidden;
    padding: 60px 0 28px;
}
.ul-ab1{
  overflow: hidden;
  margin-bottom: 2.5vw;
}
.ul-ab1 li{
  overflow: hidden;
  border-bottom: 1px dashed #eee;
  padding-top: 17px;
  height: 140px;
  width: 50%;
  float: left;
  position: relative;
}
.ul-ab1 li:nth-child(12),
.ul-ab1 li:nth-child(13){
  border-bottom: none;
}
.ul-ab1 li .ico{
  float: left;
  width: 82px;
  height: 94px;
  margin-left: 10px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.ul-ab1 li .txt{
  overflow: hidden;
  position: absolute;
  left: 130px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
}
.ul-ab1 li .txt .tit{
  font-size: 20px;
  color:#454545;
  font-weight: bold;
  line-height: 1.8;
}
.ul-ab1 li .txt .desc{
  font-size: 16px;
  line-height: 1.5;
}
.ul-ab1 li:nth-child(11){
    width: 100%;
}
.ul-ab1 li .txt .info{
    overflow: hidden;
}
.ul-ab1 li .txt .info p{
    width: 500px;
    float: left;
    font-size: 16px;
    color:#666666;
    line-height: 1.9;
}
.row-jm4{
    overflow: hidden;
    margin-bottom: 5.63vw;
}
.row-jm4 .g-title2{
    margin-bottom: 36px;
}

.ul-list2{
 overflow: hidden;
 position: relative;
}
.ul-list2 li{
  width: 15%;
  float: left;
  transition:all .3s;
}
.ul-list2 li.on{
  width: 40%;
}
.ul-list2 .con{
  display: block;
  height: 35.26vw;
  color:#fff;
  padding: 0;
  padding: 7.71vw 2.6vw 0;
  background-image:  url(../img/png12.png) ;
  background-position: left 3.39vw bottom 4.06vw;
  background-repeat: no-repeat;
}
.ul-list2 li.on .con{
    background-image: none;
}
.ul-list2 li:nth-child(1){
    background-color: #bfa580;
}
.ul-list2 li:nth-child(2){
    background-color: #8f725b;
}
.ul-list2 li:nth-child(3){
    background-color: #715a48;
}
.ul-list2 li:nth-child(4){
    background-color: #5e4633;
}
.ul-list2 li:nth-child(5){
    background-color: #1F1B1C;
}
.ul-list2 .desc{
    display: none;
    font-size: 16px;
    line-height: 1.9;
    padding-top: 34px;
}
.ul-list2  .en{
  font-weight: bold;
  font-size: 30px;
}
.ul-list2  .cn{
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color:rgba(255, 255, 255, 0.5);
   padding-top: 34px;
}
.ul-list2 li.on .cn{
    display: none;
}
.ul-list2 li.on .desc{
    display: block;
}
.row4 .txt .tel span{
    font-size: 48px;
}
.row4 .txt .tel p{
    font-size: 18px;
}
.row4 .txt.pt30{
    padding-top: 4.17vw;
}
.ban{
    height: 22.14vw;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    position: relative;
    min-height: 140px;
    background-position: center;
}
.ban .txt{
    position: absolute;
    color:#fff;
    left: 55%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ban .txt .cn{
    font-family: 'SimSun';
    font-size: 3.13vw;
    font-weight: bold;
}
.ban .txt .en{
    text-transform: uppercase;
    font-family: Arial;
    font-size:18px;
    padding-left: 4px;
}

.jm_btn{margin-top:30px;font-size:0;-webkit-text-size-adjust:none;text-align:center;}
.jm_btn a{display:inline-block;height:40px;line-height:40px;color:#FFF;padding:0 30px;border-radius:3px;background:#e50012;font-size:15px;}





@media only screen and (max-width: 1560px) {
     .slidejm .tit{font-size: 14px;}
     .ul-ab1 li .txt .desc{font-size: 14px;}
    .ban .txt .en{font-size: 14px;}

    .ul-list2 .desc{font-size: 14px;}
    .ul-list2 .en{font-size: 24px;}
    .ul-listjm1{height: 140px;}
    .ul-listjm1 .num{font-size: 32px;}
    .row-prolist1 .g-protxt{padding-top: 0;}

}
@media only screen and (max-width: 1430px) {
    .ul-list2 .con{padding-top: 30px;}
    .ul-list2 .desc{padding-top: 10px;}
    .ul-list2 .en{font-size: 22px;}
    .row-jm2 .g-desc2{font-size: 14px;margin-bottom: 30px;}
    .row-prolist4 .g-protxt{padding-top: 0;}
    .row-prolist3{padding-top: 50px;}
}
@media only screen and (max-width: 1230px) {
    .ul-ab1 li .txt .tit{font-size: 18px;}
    .ul-ab1 li .txt .info p{width: 420px;font-size: 14px;}
    .ul-ab1 li .txt{left: 100px;}
    .ul-ab1 li {padding-left: 0;}
    .ul-ab1 li .ico{width: 57.4px;height: 65.8px;margin-top: 20px;}
    .ul-list2 .cn{font-size: 14px;}
    .ul-list2 .con{height: 460px;}
    .g-title2{font-size: 30px;}
    .ul-list2 .desc{line-height: 1.6;}
    .row4 .txt .tel span{font-size: 38px;}
    .ban{margin-top: 0;}
    .ban .txt{left: 0;right: 0;text-align: center;z-index: 2;}
    .ban .txt .cn{font-size: 22px;}
    .ban::after {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
    .row-prolist1 .g-protxt .img{width: 400px;}
    .row-prolist4 .g-protxt .img{width: 240px;}
    .row-prolist4 .g-protxt .img img,.row-prolist1 .g-protxt .img img{display: block;max-width: 100%;height: auto;}
     .g-protxt .cn{font-size: 30px;}
     .m-inner1 .info p{font-size: 14px;margin-bottom: 6px;}
}
@media only screen and (max-width: 1023px) {
    .ul-list2 .en{font-size: 18px;}
    .ul-list2 li{width: auto;float: none;}
    .ul-list2 li.on{width: auto;}
    .ul-list2 .cn{padding-top: 10px;}
    .ul-list2 .con{height: auto;background-position: top 20px right 20px; padding: 20px;}
    .ul-ab1 li{width: auto;float: none;border-bottom: none;height: auto;padding-left: 60px;margin-bottom: 15px;padding-top: 0;}
    .ul-ab1 li .txt{position: static;overflow: hidden;-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);padding-left: 30px;}
    .ul-ab1 li .ico{margin-top: 0;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
    .ul-ab1 li .txt .info p{width: auto;float: none;}
    .ul-listjm1{height: auto;background: none;}
    .ul-listjm1 li{width: 33.333%;float: left;padding: 0;margin-bottom: 10px;}
    .ul-listjm1 .con{margin:0 5px;background-color: #fff;height: 120px;padding: 20px;}
    .ul-listjm1{margin:0 -5px;}
    .row-jm3,.row-jm1,.row-jm2{padding: 30px 0;}
    .row-prolist3{background: #fff;}
    .row-prolist3 .g-protxt{float: none;}
    .row-prolist3 .pic{left: auto;right: 0;}
    .row-prolist3::after{content:'';display: block;position: absolute;right: 20px;top: 20px;width: 322px;height: 72px;background: url(../img/png27.png) no-repeat;-webkit-background-size: cover;
    background-size: cover;}
   
    .g-protxt .en{font-size: 14px;margin-bottom: 0;}

    .g-protxt .cn{font-size: 28px;margin-bottom: 10px;}
    .g-protxt .more a{margin-bottom: 30px;}

     .g-protxt .more{top: 15px;}

    .row-wh1 .t1{font-size: 20px;margin-bottom: 10px;}
    .row-wh1 .desc{font-size: 14px;padding: 0;margin-bottom: 10px;}
    .g-title1{font-size: 26px;}

    .row-wh3 .tit{font-size: 18px;margin-bottom: 10px;}
    .row-wh3 .desc{font-size: 14px;}
     .g-title2{font-size: 26px;margin-bottom: 6px;}
}   
@media only screen and (max-width: 767px) {
    .ul-ab1 li .txt .tit{font-size: 16px;}
    .slidejm.swiper-container{padding: 5px;}
    .slidejm .swiper-slide{box-shadow:0px 0px 5px 1px rgb(0 0 0 / 13%);}
    .ul-listjm1 li{width: 50%;}
    .ul-listjm1 li .con{padding-top: 10px;}
     .g-protxt{width: auto;float: none;}
    .row-jm2 .g-desc2{text-align: left;}

 
   .g-protxt .desc{margin-bottom: 10px;}
    .g-protxt .more{position: static;}

   
    .g-protxt .cn{font-size: 26px;margin-bottom: 0px;}
    .g-protxt .more a{margin-bottom: 0px;}
    .g-protxt{margin-bottom: 20px;}
    .row-prolist3::after{width: 16.77vw;height: 3.75vw;}
    .row-wh1 .t1{font-size: 18px;}

}
@media only screen and (max-width: 500px) {
   
 
 
    .g-protxt .desc{font-size: 14px;}
    .row-prolist2 .g-protxt .more a{margin-bottom: 0;}
    .row-prolist3{padding: 30px 0;}
}



.productshow{}
.productshow .ps_left{width:100%;padding:39px 516px 48px 0;background:#fff;position:relative;}
.productshow .ps_left .ps_ul{width:100%;position:relative;padding:0 68px;}
.productshow .ps_left .ps_li{width:100%;overflow:hidden;}
.productshow .ps_left .ps_ul .nlt_img{width:100%;padding-bottom:56.52%;position:relative;}
.productshow .ps_left .ps_ul .nlt_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:contain;}
.productshow .ps_left .swiper-button-prev{width:38px;height:50px;background:url(news_arrow.png) no-repeat center center #c9ae74;background-size:auto;outline:none;left:0;margin-top:-25px;transform:rotate(180deg);}
.productshow .ps_left .swiper-button-prev.my-button-disabled{opacity:1;background:url(news_arrow.png) no-repeat center center #77797A;width: 0;height: 0;}
.productshow .ps_left .swiper-button-next{width:38px;height:50px;background:url(news_arrow.png) no-repeat center center #c9ae74;background-size:auto;outline:none;right:0;margin-top:-35px;width: 0;height: 0;}
.productshow .ps_left .swiper-button-next.my-button-disabled{opacity:1;background:url(news_arrow.png) no-repeat center center #77797A;}
.productshow .ps_right{width:516px;background:#AA7B5F;padding:40px 30px 0 56px;position:absolute;right:0;top:0;height:100%;}
.productshow .ps_right .psr_mbx{line-height:24px;color:#fff;}
.productshow .ps_right .psr_mbx a{color:#fff;}
.productshow .ps_right>h1{margin:0;color:#fff;height:40px;line-height:40px;font-size:30px;margin-top:40px;}
.productshow .ps_right>p{margin:0;font-size:16px;color:#575757;line-height:36px;margin-top:18px;padding-right:160px;}
.productshow .ps_right .ps_bottom{position:absolute;left:0;bottom:0;padding:20px 0 26px 56px;width:100%;}
.productshow .ps_right .ps_bottom span{display:block;height:30px;line-height:30px;font-size:30px;color:#fff;font-family:Impact;}
.productshow .ps_right .ps_bottom .ps_icon{margin:29px 0 45px;}
.productshow .ps_right .ps_bottom .ps_icon .i_txt{float:left;margin-left:26px;position:relative;}
.productshow .ps_right .ps_bottom .ps_icon .i_txt:first-child{margin-left:0;}
.productshow .ps_right .ps_bottom .ps_icon .icon{width:38px;height:38px;display:block;border-radius:50%;}
.productshow .ps_right .ps_bottom .ps_icon .icon.icon1{background:url(pro_weixin.png) no-repeat center center #c2a669;cursor:pointer;}
.productshow .ps_right .ps_bottom .ps_icon .icon.icon2{background:url(pro_email.png) no-repeat center center #c2a669;}
.productshow .ps_right .ps_bottom .ps_icon .icon.icon3{background:url(pro_phone.png) no-repeat center center #c2a669;}
.productshow .ps_right .ps_bottom .ps_icon em{font-style:normal;height:18px;line-height:18px;display:block;text-align:center;}
.productshow .ps_right .ps_bottom .ps_icon .i_txt .i_ewm{width:101px;height:101px;position:absolute;left:50%;margin-left:-50px;top:-106px;display:none;}
.productshow .ps_right .ps_bottom .ps_icon .i_txt .i_ewm img{width:100%;height:100%;display:block;}
.productshow .ps_right .ps_bottom .ps_icon .i_txt:nth-child(2):hover .i_ewm{display:block;}


/*
.productshow .ps_right .ps_bottom p{margin:0;font-size:14px;height:36px;line-height:36px;color:#5f5e5e;}*/
.productshow .ps_right .ps_bottom p a{color:#5f5e5e;}
.ps_bottom .sc{
  overflow: hidden;
}
.productshow .fanye ul li,
.productshow .fanye ul li a{
  color:#fff;
}
.productshow {border-bottom: 1px solid #eee;}
.productshow .fanye{
  border-top: none;
  border-bottom: none;
}
.productshow .desc{
  color:#fff;
  padding: 20px 0;
  font-size: 15px;
  line-height: 2;
  height: 18.65vw;
  overflow-y: scroll;
}


.productshow .desc::-webkit-scrollbar { width: 8px;   background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
} 
.productshow .desc::-webkit-scrollbar-track { background: none; border: 2px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
} 
.productshow .desc::-webkit-scrollbar-thumb { background: #333;border: 2px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
} 
.productshow .desc::-webkit-scrollbar-thumb:window-inactive { 
     border: 2px solid #fff;background: none; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.ps_bottom .sc{
  overflow: hidden;
  padding-top: 20px;
}
.ps_bottom .sc a{
  display: block;
  float: left;
  font-size: 14px;
  color:#fff;
  width: 48px;
  margin-right: 15px;
}
.ps_bottom .sc a p{
  text-align: center;
  color:#fff;
  height: auto;
}
.ps_bottom .sc a .ico{
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  margin:0 auto;
}
.ps_bottom .sc a:nth-child(1) .ico{
  background: url(../images/jd.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.ps_bottom .sc a:nth-child(2) .ico{
  background: url(../images/tianmao.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.ps_bottom .sc a:nth-child(3) .ico{
  background: url(../images/pdd.png) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}
@media screen and (max-width:1700px){
  .productshow .ps_right>h1{font-size: 32px;line-height: 1.1;margin-top: 14px;height: auto;}
    .productshow .desc{font-size: 14px;}
}

@media screen and (max-width:1587px){
  .productshow .ps_left{padding:26px 400px 32px 0;}
  .productshow .ps_left .ps_ul{padding:0 46px;}
  .productshow .ps_right{width:400px;padding:30px 20px 0 26px;}
  .productshow .ps_right>h1{margin-top:26px;}
  .productshow .ps_right>p{line-height:30px;margin-top:10px;font-size:15px;padding-right:50px;}
  .productshow .ps_right .ps_bottom{padding:10px 0 16px 26px;}
  .productshow .ps_right .ps_bottom .ps_icon{margin:20px 0;}

  .ps_bottom .sc{padding-top: 0;}
  .productshow .ps_right .ps_bottom span{font-size: 22px;height: 100%;line-height: 1.2;}
  .productshow .fanye{margin-top: 0;}
  .productshow .ps_right>h1{font-size: 22px;margin-bottom: 4px;}

}
@media screen and (max-width:1429px){
  

  .productshow .ps_left .ps_ul{padding:0 40px;}
 
  .productshow .ps_right>h1{margin-top:10px;}
  .productshow .ps_right>p{line-height:24px;margin-top:10px;font-size:14px;padding-right:20px;}
  .productshow .ps_right .ps_bottom{padding:10px 0 12px 16px;position: static;}
  .productshow .ps_right .ps_bottom span{font-size:24px;height:24px;line-height:24px;}
  .productshow .ps_right .ps_bottom p{line-height:26px;height:25px;}
  .productshow .ps_right .ps_bottom .ps_icon{margin:20px 0;}
  .productshow .desc{padding: 10px 0;line-height: 1.5;}
  .ps_bottom .sc a .ico{width: 32px;height: 32px;}
  .ps_bottom .sc a{width: 40px;}

}
@media screen and (max-width:1229px){
 
  .productshow .ps_left{padding:20px 0 0;}
  .productshow .ps_left .ps_ul{padding:0 40px 20px;}
  .productshow .ps_right{width:100%;position:relative;padding:20px;}
  .productshow .ps_right>h1{margin-top:6px;}
  .productshow .ps_right>p{padding-right:0;}
  .productshow .ps_right>p br{display:none;}
  .productshow .ps_right .ps_bottom{padding:0;}
  .productshow .ps_right .ps_bottom .ps_icon{margin:10px 0;}
    .productshow .desc{height: auto;overflow-y: hidden;}
}
@media screen and (max-width:1023px){

 
}
@media screen and (max-width:767px){

  .product_txt .product_p{margin-top:50px;}
  .product_txt .product_p span{margin-top:20px;}
  .productshow .ps_right .ps_bottom{position: static;}
}
@media screen and (max-width:667px){

.productshow .ps_left{padding:0 0 0;}
.productshow .ps_left .ps_ul{padding:0 0 0;}
.row-about .video{width: 100%;height: auto;background: none;margin-bottom: 16px;position: relative;display: none;}
.row-about .video img{display: block;max-width: 100%;height: auto;position: relative;margin:0 auto;}
  .row-about .video span {
   
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: url(../images/video.png) no-repeat center center;
}
.row-about .wp.ss .ren{display: none;}
 .row-about .info{font-size: 14px;line-height: 1.8;}
}
@media screen and (max-width:499px){
 
}