body {
    color: #333;
    font-size: 14px;
    font-family: "sourcehansans";
	margin:0 auto;
	position:relative;
	overflow-x: hidden;
    opacity: 0;
}
/** index.css **/
@font-face {
  font-family: "sourcehansans"; /* 这个名字可以自己定义 */
  src: url("./fonts/sourcehansans.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
  src: url("./fonts/sourcehansans.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/sourcehansans.woff") format("woff"),
    /* Modern Browsers */ url("./fonts/sourcehansans.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("./fonts/sourcehansans.svg#YourWebFontName")
      format("svg"); /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
}
.shop-slick .slick-slide .xl-shop-list{ padding-left: 1px; }
.slick-slider{ touch-action: auto!important; }
body.active{ opacity: 1; }
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.3s all; transform: scale(1,1); }

.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }

.container{ width: 1250px; }
.logo{ line-height: 1.55rem; height: 1.55rem; margin-left: 2.4rem; position: relative; z-index: 10000; }
.logo img{ width: 0.86rem; }
.nav-list li{ float: left; margin-right: 0.8rem; }
.nav-list li a.a-pc{ display: block; line-height: 1.55rem; position: relative; font-size: 0.25rem; color: #010101; }
.nav-list{ padding-right: 0.2rem; }
.nav-list li.active a.a-pc:before,.nav-list li a.a-pc:hover:before{ display: block; content: ""; position: absolute; top: 50%; border-bottom: solid 2px #000; left: 0; right: 0; margin-top: 0.2rem; }
.banner-list img{ width: 100%; }
.title{ font-size: 0.54rem; color: #000; line-height: 0.54rem; margin:0.5rem 0; }
.video-tabs{ max-width: 880px; margin:0 auto; }
.video-tabs li{ float: left; width: 25%; margin-bottom: 0.15rem; margin-right: -1px; }
.video-tabs li a{ display: block; border:solid 1px #000; font-size: 0.18rem; color: #000; line-height: 0.6rem; }
.video-tabs li a span{ padding-left: 0.4rem; position: relative; display: inline-block; line-height: 0.6rem; }
.search-box{ max-width: 8.8rem; margin:0 auto; padding-top: 0.75rem; }
.search-box .form-control{ width: 100%; border-radius: 0.6rem; box-shadow: none; height: 0.6rem; font-size: 0.18rem; background: url(../images/search.png) 0.3rem center no-repeat; background-size: 0.21rem auto; padding-left: 0.7rem; }
.box-center{ padding:0 1.85rem; width: 100%; }
.video-tabs li a span i{ position: absolute; left: 0; top: 0; bottom: 0; line-height: 0.6rem; }
.video-tabs li a span i img{ width: 0.25rem; }
.video-tabs li a span i img.hover{ display: none; }
.video-tabs li.active a span i img,.video-tabs li a:hover span i img{ display: none; }
.video-tabs li.active a span i img.hover,.video-tabs li a:hover span i img.hover{ display: inline-block; }
.video-tabs li.active a,.video-tabs li a:hover{ background: #000; color: #fff; }
.video-ul-img{ position: relative; padding-top: 60%; }
.video-ul li{ float: left; width: 50%; padding:0 0.5rem; margin-top: 1.3rem; }
.video-ul-img img{ position: absolute; left: 0; top: 0; width: 100%; }
.video-ul{ margin:0 -0.5rem; }
.video-ul-tt{ font-size: 0.32rem; color: #000; text-align: center; margin:0.2rem; line-height: 0.54rem; height: 1rem; overflow:hidden; }
.video-ul li a{ display: block; border:solid 2px #ebedef; }
.video-ul-img i{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/play.png) center no-repeat; background-size: 1.78rem auto; z-index: 1000; }

.footer{ background: #222; padding-top: 0.9rem; }
.footer-top{ padding:0 2.2rem; }
.footer-left{ padding-top: 1rem; width: 3.2rem; border-right: solid 1px #fff; height:3.6rem; }
.logo-b{ padding-left: 0.45rem; }
.footer-tt{ font-size: 0.25rem; color: #fff; margin-bottom: 0.5rem; }
.footer-width{ margin-left: 1.1rem; }
.footer-nav li a{ font-size: 0.22rem; color: #fff; }
.footer-nav li{ line-height: 0.5rem; font-size: 0.22rem; color: #fff; }
.footer-width-tow{ margin-left: 1.8rem; }
.footer-nav-r li{ padding-left: 0.6rem; position: relative; }
.footer-nav-r li span{ position: absolute; left: 0; top: 0; }
.footer-right{ width: 3.65rem; }
.footer-bottom{ padding:0.35rem 2.2rem; margin-top: 0.8rem; border-top: solid 2px #fff; font-size: 0.18rem; color: #ccc; }
.footer-bottom span{ padding-left: 2.1rem; }
.footer-bottom a{ float: right; color: #ccc; }
.logo-b img{ width: 1.69rem; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #000; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
/*************企业新闻视频************/
.nav-b{ font-size: 0.2rem; margin-top: 0.5rem; color: #909090; padding-bottom: 1.5rem; }
.nav-b a{ color: #909090; }
.video-tabs-sm{ max-width: 6.6rem; }
.video-tabs-sm li{ width: 33.333333%; }
.qy-video-left{ width: 11rem; }
.qy-video-left a{ display: block; border:solid 1px #ddd; }
.qy-tt{ font-size: 0.32rem; color: #000; line-height: 1rem; padding:0 0.2rem; }
.video-title{ font-size: 0.88rem; color: #000; font-weight: bold; margin-top: 2.2rem; }
.qy-video{ margin-top: 1.9rem; }
/*************关于我们*************/
.about-p{ font-size: 16px; color: #666; line-height: 30px; text-align: justify; }
.number-lg{ font-size: 0.6rem; color: #333; margin-top: 2rem; }
.number-p{ font-size: 0.20rem; color: #666; }
.about-txt p{ font-size: 16px; color: #666; line-height: 30px; margin-bottom: 0.7rem; }
.about-txt{ margin-top: 1.8rem; }
/***********宣传册下载************/
.xc-title{ font-size: 0.42rem; color: #46a762; }
.cp-ul-img img{ width: 4.3rem; height: 5.34rem; }
.cp-ul-right{ margin-left:0.3rem; padding-top: 2.2rem; width: 3rem; }
.cp-ul-tt{ font-size: 0.29rem; height: 1.1rem; overflow:hidden; color: #000; line-height: 0.55rem; }
.down-a{ display: block; font-size: 0.22rem; margin-top: 1.1rem; color: #fff; text-align: center; background: #46a762; border-radius: 0.3rem; line-height: 0.45rem; }
.down-a span{ display: inline-block; padding-left: 0.35rem; background: url(../images/icon-down.png) left center no-repeat; background-size: 0.21rem auto; }
.cp-ul li{ float: left; width: 50%; padding:0 0.2rem; margin-top: 1.5rem; }
.cp-ul{ margin:0 -0.2rem; }
.box-center-sm{ padding:0 1.4rem; }
.down-a:hover{ color: #fff; }
/***************产品中心**************/
.cp-top{ background: #fff; padding:0.66rem; margin-top: -1.5rem; z-index: 100; position: relative; }
.cp-top-ul li{ float: left; width: 33.333333%; padding:0 0.28rem; }
.cp-top-ul{ margin:0 -0.28rem; }
.cp-top-center{ position: absolute; display: none; left: 0; right: 0; top: 50%; transform: translate(0,-50%); }
.cp-top-tt{ font-size: 0.34rem; color: #000; }
.cp-top-p{ font-size: 0.16rem; color: #000; line-height: 0.3rem; margin-top: 0.1rem; }
.cp-top-ul li a{ display: block; overflow:hidden; position: relative; }
.cp-top-ul li a:hover .jp-down{ transform: translate(0,0); }
.cp-top-ul li a img{ width: 100%; height: 100%; }
.cp-back{ position:relative; padding-top: 1.1rem; }
.cp-back:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height: 5.2rem; background: #c9c9c9; }
.back-show{ background: #fff; margin-bottom: 1rem; border-radius: 0.2rem; padding:0.8rem 0.4rem; box-shadow: 0 0 20px rgba(0,0,0,0.3); }
.box-center{ position: relative; z-index: 100; }
.cp-title-back{ font-size: 0.55rem; color: #fff; height: 1.06rem; line-height: 0.9rem; background:url(../images/title-back.png) center no-repeat; background-size: auto 100%; font-family: "sourcehansans" !important;}
.cp-list-img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.cp-list-img{ position: relative; padding-top: 100%;border: 1px solid #ccc; }
.cp-list li{ float: left; width: 25%; padding:0 0.15rem; margin-top: 0.65rem; }
.cp-list-bottom{ font-size: 0.24rem;
color: #fff;
background: #595757;
line-height: 0.38rem;
padding: 0 0.1rem;
height: 1.2rem;}
.pagination-sm{ margin-top: 0.6rem; margin-bottom: 0; }
.cp-title-back-tow{ background:url(../images/title-back02.png) center no-repeat; color: #000; background-size: auto 100%; }
/**************新品***************/
.xp-list-img img{ width: 3.59rem; height: 2.44rem; }
.xp-list-right{ margin-left:4rem; padding-top: 0.4rem; }
.xp-list-tt a{ font-size: 0.4rem; color: #000; }
.xp-list-p{ font-size: 0.27rem; color: #868686; margin-top: 0.1rem; }
.xp-list-date{ font-size: 0.27rem; color: #868686; margin-top: 0.1rem; }
.xp-list li{ margin-bottom: 0.8rem; }
/************index***********/
.banner img{ width: 100%; }
.banner{ margin:0; overflow:hidden; }
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li button,.banner .slick-dots li{ width: 66px; height: 4px; border-radius: 4px; padding:0; }
.banner .slick-dots li button{ background: #797979; }
.banner .slick-dots li.slick-active button{ background: #07913b; }
.banner a{ display: block; position: relative; }
.banner-box{ position: absolute; left: 3.5rem; top: 1.6rem; }
.banner-box-tt{ font-size: 1.25rem; color: #cfcfcf; font-weight: bold; line-height: 1.3rem; }
.banner-box-p{ font-size: 0.58rem; color: #3e3e3e; font-weight: bold; line-height: 0.6rem; margin-top: 0.1rem; }
.banner-box-b{ font-size: 0.25rem; color: #8c8c8c; margin-top: 0.3rem; }
.banner-span{ display: inline-block; font-size: 0.25rem; color: #fff; background: #000; padding:0.1rem 0.3rem; text-align: center; margin-top: 0.7rem; }
.shop-slick{ margin:0; }
.shop-slick .slick-prev{ left: -1.2rem; width: 0.91rem; height: 0.91rem; background: url(../images/left.png) center no-repeat; background-size: 100% 100%; margin-top: -0.45rem; }
.shop-slick .slick-next{ right: -1.2rem; width: 0.91rem; height: 0.91rem; background: url(../images/right.png) center no-repeat; background-size: 100% 100%; margin-top: -0.45rem; }
      .swiper-slide a {
        display: block;
      }
.swiper-slide{ padding:0 0.1rem; width: 25%; float: left; padding-bottom: 0.3rem; }
      .swiper {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }

      .swiper-pagination-bullet {
    margin: 0 3px!important;
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.38rem;
    font-size: 0.18rem;
    padding: 0;
    border-radius: 50%!important;
    border: solid 1px #8e8e8e;
    color: #8e8e8e;
    text-align: center;
    outline: none!important;
    background: none!important;
    opacity: 1!important;
      }

      .swiper-pagination-bullet-active {
        color: #23527c!important;
    background-color: #eee!important;
      }
      .swiper-pagination{ position: static!important; display: inline-block!important; width: auto!important; }
      .swiper-bottom{ position: absolute; left: 0; right: 0; bottom: -0.5rem!important; }
      .swiper-bottom .swiper-button-next,.swiper-bottom .swiper-button-prev{ display: inline-block;line-height: 0.38rem;
    font-size: 0.18rem;    border-radius: 50%!important;
    border: solid 1px #8e8e8e; outline: none!important;
    color: #8e8e8e;
    text-align: center; position: static!important; width: 0.4rem!important; height: 0.4rem!important; }
      .swiper-bottom .swiper-button-next:after,.swiper-bottom .swiper-button-prev:after{ display: none!important; }


.swiper-top{position: relative;margin-top: 0.6rem;}
.index-title{ font-size: 0.44rem; margin-top: 0.1rem; color: #7a7a7a; position: relative; }
.index-title span{ padding:0 0.8rem; background: #fff;  z-index: 100; position: relative; }
.index-title:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; right: 0; border-top: solid 1px #ddd; }
.title-img{ margin-top: 0.5rem; }
.xl-ul li{ float: left; width: 11.111111%; margin-top: 0.7rem; }
.xl-ul li a{ display: inline-block; font-size: 0.18rem; color: #6c6c6c; }
.xl-ul li img{ margin-bottom: 0.2rem; width: 1.44rem; height: 1.44rem; }
.xl-shop-list li{ float: left; padding:0 0.2rem; margin-bottom: 0.7rem; width: 25%; }
.xl-shop-list{ margin:0 -0.2rem; margin-top: 1.1rem; }
.xl-shop-img img{ width: 100%; height: 5.5rem; }
.xl-shop-list li:nth-child(1){left:0}
.xl-shop-list li:nth-child(1),.xl-shop-list li:nth-child(2),.xl-shop-list li:nth-child(3),.xl-shop-list li:nth-child(4){  height: 6.2rem; }
.xl-shop-list li:nth-child(2) .xl-shop-img img{ height: 4.5rem; }
.xl-shop-list li:nth-child(3) .xl-shop-img img{ height: 5.5rem; }
.xl-shop-list li:nth-child(4) .xl-shop-img img{ height: 4.5rem; }
.xl-shop-list li:nth-child(5) .xl-shop-img img{ height: 4.5rem; }
.xl-shop-list li:nth-child(6) .xl-shop-img img{ height: 5.5rem; }
.xl-shop-list li:nth-child(6){ margin-top: -1rem; }
.xl-shop-list li:nth-child(7) .xl-shop-img img{ height: 4.5rem; }
.xl-shop-list li:nth-child(7){ margin-top: -0rem; }
.xl-shop-list li:nth-child(8) .xl-shop-img img{ height: 5.5rem; }
.xl-shop-list li:nth-child(8){ margin-top: -1rem; }

.xl-shop-bottom{ position: relative; font-size: 0.2rem; color: #797979; line-height: 0.66rem; padding-left: 0.15rem; padding-right: 0.5rem; }
.xl-shop-bottom:before{ display: block; content: ""; position: absolute; right: 0.15rem; width: 0.23rem; top: 0; bottom: 0; background: url(../images/raw-b.png) center no-repeat; background-size: 100% auto; }
.xl-shop-list li a{ display: block; border:solid 1px #ddd; }
.shop-more{ display: block; margin:0 auto; font-size: 0.25rem; color: #fff; width: 2.1rem; line-height: 0.45rem; background: #000; }
.sp-img{ display: block; position: relative; margin-top: 0.6rem; }
.sp-img i,.sp-img-b i{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/play.png) center no-repeat; z-index: 100; background-size: 1.78rem; }
.jp-title{ font-size: 0.43rem; margin:0.8rem 0 0.6rem 0; color: #000; }
.jp-left img{ width: 7.8rem; height: 9.29rem; }
.jp-right-img img{ width: 8rem; height: 4.45rem; }
.jp-right-img{ margin-bottom: 0.4rem; }
.jp-left a,.jp-right-img a{ display: block; position: relative; overflow:hidden; }
.jp-down{ position: absolute; transition: 0.3s all; transform: translate(0,100%); left: 0; right: 0; top: 0%; bottom: 0; background: rgba(255,255,255,0.8); }
.jp-down-tt{ 
    font-size: 0.34rem;
color: #000;
width: 3.6rem;
word-break: break-all;
white-space: normal;
}
.jp-down-p{ font-size: 0.34rem; color: #000; margin-top: 0.3rem; font-weight:600;line-height: 0.06rem;}
.jp-down-b{ font-size: 0.34rem; color: #000; margin-top: 0.4rem; line-height: 1;}
.jp-down-center{ position: absolute; left: 0; right: 0; top: 50%; transform: translate(0,-50%); padding:0 30px; }
.jp-left a:hover .jp-down,.jp-right-img a:hover .jp-down{ transform: translate(0,0%); }


.dt-ul li{ float: left; width: 33.333333%; padding:0 0.25rem; margin-bottom: 0.8rem; }
.dt-ul{ margin:0 -0.25rem; }
.dt-ul-img img{ width: 100%; height: 3.7rem; }
.dt-ul-name{ font-size: 0.18rem; color: #929292; margin-top: 0.15rem; }
.dt-ul-tt a{ font-size: 0.2rem; color: #000; }
.dt-ul-tt{ margin-top: 0.05rem; }
.dt-more{ font-size: 0.18rem; color: #929292; margin-top: 0.05rem; display: inline-block; }
.qj-img {margin:20px; }
.qj-img img{ width: 100%; }
.qj-img{ margin-top: 0.7rem; }
.index-video li{ float: left; width: 33.333333%; padding:0 0.25rem; margin-top: 0.5rem; }
.index-video{ margin:0 -0.25rem; margin-bottom: 1.4rem;}
.sp-img-b img{ width: 100%; height:3.85rem;  }
.sp-img-b{ position: relative; }
.sp-img-b i{ background-size: 1.28rem 1.28rem; }
.sp-img-tt{ margin-top: 0.15rem; font-size: 0.25rem; color: #000; }
.shop-more:hover{ color: #fff; }
/****************联系我们***************/
.contact-title{ font-size: 0.54rem; margin-top: 1.3rem; color: #000; }
.contact-title img{ margin-bottom: 0.4rem; width: 4.89rem; }
.contact-img{ margin-bottom: 0.5rem; }
.contact-img img{ width: 0.98rem; }
.contact-img-tt{ font-size: 0.38rem; color: #000; }
.contact-phone{ font-size: 0.38rem; color: #000; font-weight: bold; margin-top: 0.4rem; }
.contatc-date{ font-size: 0.3rem; color: #000; }
.contact-box{ margin-top: 1.5rem; border-left: solid 2px #c5c5c5; }
.contact-box .col-xs-6{ border-right: solid 2px #c5c5c5; height: 3.3rem; }
.map-box{ border:solid 1px #c5c5c5; padding:0.2rem; margin-top: 1.9rem; }
.map-txt{ border:solid 1px #c5c5c5; font-size: 0.33rem; color: #000; padding:0.25rem; }
.map-txt img{ width: 1.2rem; margin-bottom: 0.1rem; }
.cp-title{ height: 1.23rem; margin-top: 1.9rem; background: url(../images/cp-title.png) center no-repeat; background-size: auto 100%; font-size: 0.58rem; color: #282828; line-height: 1rem; }
.gs-ul li{ float: left; margin-top: 1.3rem; width: 33.333333%; padding:0 0.3rem; }
.gs-ul li a{ display: block; font-size: 0.2rem; color: #000; border:solid 1px #ddd; position: relative; padding:1rem 0.1rem 0 0.1rem; height: 4.2rem; }
.gs-ul-img img{ height: 1.55rem; }
.gs-ul-tt{ margin-top: 0.4rem; }
.gs-ul{ padding-bottom: 1rem; }
.gs-ul li a i{ position: absolute; left: 0.15rem; top: 0.15rem; }
.gs-ul li a i img{ width: 0.85rem; }
/******************品牌实力***************/
.pp-title{ font-size: 0.4rem; color: #000; margin-bottom: 0.8rem; }
.pp-ul li{ float: left; width: 25%; padding:0 0.1rem; }
.pp-ul{ margin:0 -0.1rem; }
.pp-lind{ border-top: solid 1px #000; margin:0.9rem 0; }
.ry-ul li{ padding:0 0.15rem; }
.ry-ul{ margin:0 -0.15rem; }
.pp-b-ul li{ width: 50%; padding:0 0.2rem; }
.pp-b-ul{ margin:0 -0.2rem; padding-bottom: 1rem; }
.nav-close{ position: absolute; left: 3.7rem; top: 0.7rem; width: 0.34rem; }
.dt-img li{ float: left; margin-top: 0.4rem; width: 33.333333%; padding:0 0.2rem; }
.dt-img{ margin:0 -0.2rem; margin-bottom: 0.4rem;}
.dt-link p a{ font-size: 16px; color: #828282; }
.dt-link p{ margin-bottom: 10px; }
.dt-link{ margin:0.7rem 0; }
.dt-tt-sm{ font-size: 0.24rem; color: #868686; margin:-0.2rem 0 0.8rem 0; }


.nav-left{ position: fixed; display: none; left: 0; top: 0; bottom: 0; z-index: 1000; background: #eaeaea; width: 4.5rem; padding-top: 1.7rem; }
.nav-go a{ font-size: 0.24rem; color: #000; padding-left: 0.3rem; background: url(../images/raw-left.png) left center no-repeat; background-size: 0.11rem auto; }
.nav-go{ margin-left:1.4rem; }
.nav-left-list li{ float: none!important; margin:0!important; }
.nav-left-list li .nav-left-list-a{ display: block; padding-left: 1.7rem; font-size: 0.24rem; color: #000; line-height: 0.5rem; position: relative; }
.nav-left-list{ margin-top: 0.5rem; }
.nav-left-list li:hover .nav-left-list-a{ background: #fff; }
.nav-left-list li a i{ position: absolute; right: 0.2rem; top: 0; bottom: 0; width: 0.11rem; background: url(../images/raw-right.png) center no-repeat; background-size: 100% auto; }
.nav-left-tow{ position: absolute; display: none; border-left: solid 2px #fff; left: 100%; top: 0; bottom: 0; width: 2.9rem; background: rgba(234,234,234,0.9); padding-top: 1.7rem;overflow-y: auto; }
.nav-left-tow .nav-go{ margin-left: 0.5rem; }
.nav-left-tow .nav-go a{ background: none; padding-left: 0; }
.nav-left-tow .nav-left-list li .nav-left-list-a{ padding-left: 0.5rem; background: none!important; }
.nav-left-tow .nav-left-list li:hover .nav-left-list-a{background: #fff!important;}
.nav-left-tow .nav-left-list li .nav-left-tow .nav-left-list-a{ padding-left: 0.5rem; background: none!important; }
.nav-left-tow .nav-left-list li .nav-left-tow li:hover .nav-left-list-a{background: #fff!important;}
.nav-left-list li:hover>.nav-left-tow{ display: block; }
.nav-phone{ display: none; }

.mask-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; background: rgba(246,246,246,0.9); z-index: 10000; }
.mask-box-center{ position: fixed; left: 3.3rem; right: 3.3rem; top: 50%; background: #fff; transform: translate(0,-50%); }
.mask-left{ width: 2.5rem; position: absolute; left: 0; top: 0; bottom: 0; background: #f6f6f6; padding:1.2rem 0.5rem 0 0.5rem; }
.mask-left-tt{ font-size: 0.32rem; color: #484848; }
.mask-left-p{ font-size: 0.18rem; color: #484848; margin-top: 0.2rem; }
.mask-right{ margin-left: 2.5rem; min-height: 4.5rem; padding:0.4rem; }
.mask-right .form-control{ font-size: 0.18rem; margin-bottom: 0.15rem; height: 0.5rem; box-shadow:none; border-radius: 0; border:none; background: #f6f6f6; padding-left: 0.2rem; }
.yzm-box{ position: relative; margin-bottom: 0.15rem; }
.yzm-box .form-control{ margin:0; background: none; border:solid 1px #ddd; }
.yzm-click{ position: absolute; right: 0; top: 0; }
.yzm-click img{ height: 0.5rem; }
.btn-tj{ padding:0.12rem 0.35rem; font-size: 0.18rem; color: #484848; background: #f6f6f6; border-radius: 0; border:none; }
.mask-close{ position: absolute; width: 0.42rem; height: 0.42rem; background: url(../images/close02.png) center no-repeat; background-size: 100% 100%; top: -0.21rem; right: -0.21rem; }
.mask-right textarea{ height: auto!important; }
/**************详情页************/
.xq-left-width{ width: 7.2rem; overflow:hidden; }
.xq-slick-bottom a{ display: block; margin:0 5px; }
.xq-slick-bottom{ margin:0 -5px; }
.xq-slick-bottom .slick-prev{ left: 5px; z-index: 1000; height: 100%; margin:0; top: 0; bottom: 0; width: 0.42rem; background:url(../images/xq-left.png) center no-repeat; background-size: 100% auto; }
.xq-slick-bottom .slick-next{ right: 5px; z-index: 1000; height: 100%; margin:0; top: 0; bottom: 0; width: 0.42rem; background:url(../images/xq-right.png) center no-repeat; background-size: 100% auto; }

.xq-slick-bottom a img{ width: 100%; height: 1.67rem; border: 1px solid #ccc;}
.xq-top-right{ width: 8.2rem; }
.xq-top-tt{ font-size: 0.46rem; color: #07913b; margin-bottom: 0.4rem; }
.xq-top-p p{ font-size: 0.28rem; color: #626262; margin-bottom: 0.1rem; }
.xq-top-ul li {
    font-size: 0.2rem;
    line-height: 0.5rem;
    color: #000;
    padding: 0 0.4rem;
}
.xq-top-ul li:nth-child(odd){ background: #f5f5f5; }
.xq-top-ul{ margin-top: 0.5rem; }
.xq-phone{ font-size: 0.34rem; color: #07913b; margin-top: 0.55rem; }
.xq-btn{ display: inline-block; font-size: 0.34rem; color: #fff!important; background: #2a8f41; width: 3.7rem; line-height: 0.9rem; margin-top: 0.3rem; text-align: center; }
.xq-title{ border-top: solid 1px #ddd; margin-bottom: 0.3rem; border-bottom: solid 1px #ddd; margin-top: 0.8rem; padding-top: 0.8rem; }
.xq-title span{ display: inline-block; font-size: 0.28rem; color: #fff; width: 2.5rem; height: 0.9rem; line-height: 0.9rem; text-align: center; background: #2a8f41; }
.xq-bottom{ position: relative; overflow:hidden; margin-top: 2rem; padding-top: 1rem; padding-bottom: 1rem; }
.xq-bottom:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; background: #1b201d; width: 50%; }
.xq-form{ width: 7.5rem; position: relative; z-index: 100; }
.xq-form-input{ padding:0.15rem 0.15rem; margin-bottom: 0.25rem; font-size: 0.24rem; height: auto; box-shadow: none; border:none; border-radius: 0; background: #242826; }
.btn-xq{ width: 2.6rem; border:none; border-radius: 0; line-height: 0.7rem; padding:0; background: #0c9140; color: #fff!important; font-size: 0.28rem; }
.xq-slick-top a{ display: block; position: relative; padding-top: 100%; }
.xq-slick-top img {
  display: block;
  width: 100%;
  position: absolute; left: 0; top: 0; height: 100%;border: 1px solid #ccc;
}
/*******视频弹窗*******/
.mask-video{ position:fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000000; background: rgba(0,0,0,0.5); }
.mask-video-sm{ width: 60%; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.video-close{ position: absolute; left: 100%; top: -30px; margin-left: 15px; width: 50px; }

.xl-ul{ margin:0 -0.18rem; }
.nav-left:before{ display: block; content: ""; position: fixed; left: 4.5rem; right: 0; background: rgba(0,0,0,0.15); bottom: 0; top: 0; }

.logo-b{ padding:0; }
.contact-img-b a{ display: inline-block; margin:0 0.05rem; }
.contact-img-b{ margin-top: 0.2rem; }
.contact-img-b img{ width: 0.64rem; }
#oneMap {
      width: 100%;
      height: 600px;
    }


.box{max-width:610px;margin:0 auto;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

.tb-pic a img{vertical-align:middle;}

.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}

.tb-thumb{margin:10px 0 0;overflow:hidden;}

.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}





.tb-s310 a{*font-size:271px;}

.tb-s40 a{*font-size:35px;}

.tb-s40, .tb-s40 a{height:40px;width:40px;}

.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}

.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}

.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}

.tb-thumb li div{border:1px solid #CDCDCD;}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
div.zoomDiv img{ max-width: 10000px; }

@media( max-width: 768px){
    #oneMap {
      width: 100%;
      height: 300px;
    }
  .contact-img-b img{ width: 40px; }
  .contact-img-b{ margin-top: 15px; }
  .mask-video-sm{ width: 90%; }
  .video-close{ left: auto; right: 0; margin-top: -40px; width: 30px; }
}
@media( max-width: 1499px){
  .about-txt p,.about-p{ font-size: 0.2rem; line-height: 0.4rem; }
  .banner .slick-dots li button,.banner .slick-dots li{ width: 30px; height: 4px; border-radius: 4px; padding:0; }
  .slick-slide img {
  display: block;
  width: 100%;
}
}
@media( max-width: 1023px){
.gs-ul li{ width: 100%; margin-top: 0.8rem; }
.slick-slide img {
  display: block;
  width: 100%;
}

}

@media( max-width: 767px){
    .xl-shop-list li:nth-child(1) .xl-shop-img img {
 height: auto;
}
    .xl-shop-list li:nth-child(2) .xl-shop-img img {
 height: auto;
}
    .xl-shop-list li:nth-child(3) .xl-shop-img img {
 height: auto;
}
    .xl-shop-list li:nth-child(4) .xl-shop-img img {
 height: auto;
}
    .xl-shop-list li:nth-child(5) .xl-shop-img img {
height: auto;
}
    .xl-shop-list li:nth-child(6) .xl-shop-img img {
 height: auto;
}
.xl-shop-list li:nth-child(7) .xl-shop-img img {
 height: auto;
}
.xl-shop-list li:nth-child(8) .xl-shop-img img {
 height: auto;
}
  .xl-shop-list li:nth-child(0){height: auto;}
  .xl-shop-list li:nth-child(1){height: auto;}
  .xl-shop-list li:nth-child(2){height: auto;}
  .xl-shop-list li:nth-child(3){height: auto;}
  .xl-shop-list li:nth-child(4){height: auto;}
  .xl-shop-list li:nth-child(5){height: auto;}
  .xl-shop-list li:nth-child(6){height: auto;}
  .xl-shop-list li:nth-child(7){height: auto;}
  .xl-shop-list li:nth-child(8){height: auto;}
    .slick-slide img {
  display: block;
  width: 100%;
  height: 200px;
}
  .xq-slick-top img{ height: 100%; }
  .shop-slick .slick-prev{ display: none!important; left: 0rem; width: 50px; height: 50px; background: url(../images/left.png) center no-repeat; background-size: 100% 100%; margin-top: -25px; }
  .shop-slick .slick-next{ display: none!important; right: 0rem; width: 50px; height: 50px; background: url(../images/right.png) center no-repeat; background-size: 100% 100%; margin-top: -25px; }
  .swiper-pagination-bullet,.swiper-bottom .swiper-button-next,.swiper-bottom .swiper-button-prev{ width: 30px!important; height:30px!important; line-height: 28px!important; font-size: 14px!important; }
  .nav-pc{ display: none!important; }
  .container{ width: 100%; }
  .logo{ line-height: 50px; height: 50px; margin-left: 15px; }
  .logo img{ width: auto; height: 40px; }
  .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
  .nav-click.active{ transform: rotate(180deg); }
  .nav-down{ position: static; margin:0; padding:0; width: 100%; background: none; }
  .nav-down li{ text-align: left; padding:0; }
  .nav-down li a{ text-align: left; padding:0 15px; font-size: 16px; line-height: 20px; text-align: left; }
  .nav-list li:hover .nav-down{ display: none; }
  .nav-down:before{ display: none; }
  .menu-button{ display: block; }
  .nav-list li{ float: none; width: 100%; margin:0; padding:0; }
  .nav-list li a{ display: block; line-height: 40px; padding:0 15px; color: #333!important; text-align: left; font-size: 14px; }
  .nav-list{ margin:0; display: none; position: absolute; top: 50px; box-shadow: 1px 2px 3px rgba(0,0,0,0.1); background: #fff; left: 0; right: 0; border-top: solid 1px #ddd; }
  .nav-list li a:before{ display: none!important; }
  .header{ position: relative; z-index: 100000; background: #fff; }
  .video-tabs li a{ font-size: 16px; line-height: 40px; text-align: left; padding-left: 20px; }
  .video-tabs li{ width: 50%; margin-bottom: -1px; }
  .video-tabs li a span{ line-height: 40px; padding-left: 30px; }
  .video-tabs li a span i{ line-height: 40px; }
  .video-tabs li a span i img{ width: 20px; }
  .title{ font-size: 24px; margin:20px 0; line-height: 24px; }
  .box-center{ padding:0 15px; }
  .search-box{ width: 100%; padding-top: 20px; max-width: 100%; }
  .search-box .form-control{ height: 40px; border-radius: 6px; font-size: 16px; background: url(../images/search.png) 10px center no-repeat; padding-left: 40px; background-size: 16px auto; }
  .video-ul li{ margin-top: 15px; padding:0 5px; }
  .video-ul{ margin:0 -5px; }
  .video-ul-tt{ font-size: 14px; line-height: 25px; margin:10px 5px; height: 25px; }

  .footer-left{ width: 100%; height: auto; text-align: center; margin:0; padding:0; border:none; }
  .logo-b img{ width: 80px; }
  .footer-top{ padding:0 15px; }
  .footer{ padding-top: 25px; }
  .footer-width{ width: 50%; margin:0; text-align: center; margin-bottom: 20px; margin-top: 20px; }
  .footer-tt{ font-size: 16px; margin-bottom: 15px; }
  .footer-nav li a,.footer-nav li{ font-size: 14px; line-height: 25px; }
  .footer-right{ width: 100%; }
  .footer-right li{ padding-left: 40px; }
  .footer-bottom span{ display: block; padding:0; }
  .footer-bottom a{ display: inline-block; float: none; }
  .footer-bottom{ text-align: center; padding:10px; border-width: 1px; line-height: 25px; margin-top: 20px; }
  .nav-b{ font-size: 14px; margin:20px 0 0 0; padding:0; }
  .video-tabs-sm{ max-width: 100%; }
  .qy-tt{ font-size: 14px; line-height: 40px; padding:0 15px; }
  .video-title{ font-size: 24px; }
  .about-txt p, .about-p{ font-size: 14px; line-height: 25px; }
  .about-number .col-xs-3{ width: 50%; }
  .number-lg{ font-size: 36px; margin-top: 10px; }
  .number-p{ font-size: 14px; }
  .about-txt p{ margin-bottom: 15px; }
  .xc-title{ margin-top: 20px; }
  .cp-ul li{ width: 100%; margin-top: 20px; }
  .cp-ul-img{ width: 50%; }
  .cp-ul-img img{ width: 100%; height: auto; }
  .cp-ul-right{ width: 50%; margin:0; padding-left: 20px;  }
  .cp-ul-tt{ font-size: 14px; line-height: 25px; height: 50px; }
  .down-a{ margin-top: 20px; width: 100%; height: 40px; line-height: 40px; font-size: 14px; border-radius: 40px; }
  .down-a span{ padding-left: 25px; background-size: 18px auto; }
  .cp-back{ margin-top: 30px; padding-top: 30px; }
  .cp-top-center{ display: block; }
  .cp-top-p{ font-size: 12px; line-height: 20px; display: none; }
  .cp-top-tt{ font-size: 18px; }
  .cp-list li{ width: 50%; margin-top: 20px; padding:0 8px; }
  .cp-list{ margin:0 -8px; }
  .back-show{ padding:15px; }
  .cp-list-bottom{ font-size: 14px !important;
    line-height: 20px !important;}
  .back-show{ margin-bottom: 0; }
  .cp-title-back{ font-size: 18px; height: 30px; line-height: 26px;  }
  .xp-list li{ margin-top: 20px; margin-bottom: 0； }
  .xp-list-img img{ width:120px; height: 80px; }
  .xp-list-right{ margin-left:130px; }
  .xp-list-tt a{ font-size: 16px; }
  .xp-list-p,.xp-list-date{ margin-top: 5px; font-size: 14px; }
  .xl-ul li{ width: 33.333333%; margin-top: 15px; }
  .xl-ul li img{ width: 60px; height: 60px; margin-bottom: 5px; }
  .xl-ul li a{ font-size: 14px; }
  .xl-shop-list li{ width: 100%; }
  .xl-shop-img img{ height: auto; }
  .xl-shop-bottom{ font-size: 14px; padding:0 15px 0 15px; line-height: 40px; }
  .xl-shop-bottom:before{ background-size: 20px auto; width: 20px; right: 15px; display:none !important; content: none; background: none;}
  .jp-left{ width: 50%; }
  .shop-more{ font-size: 18px; width: 120px; height: 40px; line-height: 40px; margin-top: 20px; }
  .sp-img{ margin-top: 30px; }
  .sp-img i, .sp-img-b i{ background-size: 50px 50px; }
  .jp-title{ font-size: 24px; margin:20px 0; }
  .jp-left{ width: 48%; margin-bottom: 15px; }
  .jp-left img{ width: 100%; height: auto; }
  .jp-right{ width: 48%; }
  .jp-right-img img{ width: 100%; height: auto; }
  .jp-right-img{ margin-bottom: 18px; }
  .jp-down {transform: none;}
  .dt-ul li{ width: 100%; }
  .dt-ul-img img{ height: auto; }
  .dt-ul-name,.dt-more{ font-size: 16px; margin-top: 10px; }
  .dt-ul-tt a{ font-size: 18px; }
  .dt-ul-tt{ margin-top: 5px; }
  .dt-more{ margin-top: 5px; }
  .qj-img{ margin-top: 20px; }
  .index-video li{ width: 100%; margin-top: 15px; }
  .sp-img-b img{ height: auto; }
  .sp-img-tt{ font-size: 18px; margin-top: 10px; }
  .index-title span{ font-size: 24px; padding:0 20px; }
  .banner .slick-dots{ bottom: 15px; }
  .xl-shop-list li{ width: 100%; }
  .xl-shop-img img{ height: auto; }
  .xl-shop-list li{ margin-top: 30px!important; }
  .gs-ul li a{ height: auto; padding-bottom: 1rem; }
  .contact-box .col-xs-6{ width: 100%; height: auto; border:none; border-bottom: solid 2px #ddd; padding-bottom: 20px; margin-bottom: 20px; }
  .contact-title img{ width: 150px; margin-bottom: 10px; }
  .contact-title{ font-size: 28px; }
  .contact-img-tt,.contact-phone,.contatc-date{ font-size: 18px; }
  .contact-img img{ width: 60px; }
  .contact-box{ border:none; }
  .map-box{ margin-top: 0; }
  .cp-title{ font-size: 24px; height: 50px; line-height: 50px; }
  .gs-ul-img img{ height: 50px; }
  .gs-ul-tt{ font-size: 14px; }
  .gs-ul li a i img{ width: 30px; }
  .gs-ul li a i{ left: 10px; top: 10px; }
  .map-txt{ font-size: 14px; padding:15px; }
  .map-txt img{ width: 40px; margin-bottom: 10px; }
  .pp-title{ font-size: 24px; margin:20px 0; }
  .mask-left{ display: none; }
  .mask-right{ margin:0; padding:20px; }
  .mask-right .form-control{ font-size: 14px; margin-bottom: 10px; padding:6px 12px; height: auto;  }
  .yzm-click img{ height: 34px; }
  .mask-box-center{ left: 30px; right: 30px; }
  .btn-tj{ font-size: 16px; padding:6px 15px; }
  .mask-close{ width: 30px; height: 30px; top: -15px; right: -15px; }
.swiper-slide{ margin-right: 15px!important; }
  .swiper-top{ margin-bottom: 30px; height: 60vh; }
  .swiper-bottom{ bottom: -30px!important; }
  .dt-tt-sm{ font-size: 16px; }
  .dt-link p a{ font-size: 14px; }
  .dt-link{ margin:30px 0 30px 0; }
  .xq-top{ margin-top: 20px; }
  .xq-left-width{ width: 100%; }
  .xq-slick-top{ margin-bottom: 10px; }
  .xq-slick-bottom a{ position: relative; padding-top: 80%; display: block; }
  .xq-slick-bottom a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
  .xq-slick-bottom .slick-prev,.xq-slick-bottom .slick-next{ width: 20px; }
  .xq-top-right{ width: 100%; margin-top: 20px; }
  .xq-top-tt{ font-size: 18px; margin-bottom: 10px; }
  .xq-top-p p{ font-size: 14px; margin-bottom: 5px; }
  .xq-top-ul li{ font-size: 13px; padding:10px; }
  .xq-phone{ font-size: 16px; margin-top: 10px; }
  .xq-btn{ width: 120px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 10px; }
  .xq-title span{ width: 100px; height: 30px; line-height: 30px; font-size: 16px; }
  .xq-bottom:before{ width: 100%; }
  .xq-bottom{ padding:20px; }
  .xq-form{ width: 100%; }
  .xq-form-input{ padding:6px 12px; font-size: 14px; margin-bottom: 10px; }
  .btn-xq{ padding:10px 30px; width: auto; height: auto; font-size: 16px; }
}