*{margin: 0;padding: 0;}
li{ list-style:none;}
/* HTML5 标签：旧版 IE 不识别，需强制 block 否则 footer 等会错位 */
article, aside, footer, header, nav, section, main, figure, figcaption { display: block; }
body,input,select,textarea,button{font-size: 14px; font-family: "Microsoft Yahei", "PingFang SC",miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;}
body{ background:#fff; line-height: 180%; color: #595757;}
div{margin: 0 auto;}
img{border: 0;vertical-align: middle;}
a{text-decoration: none;color: #333333;}
a:hover{text-decoration: none;color: #00756a;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{height:1%;}
:focus{outline: none;}
::-moz-focus-inner{ border: 0;}
input[type="button"], input[type="submit"], input[type="reset"] , input[type="disabled"]{-webkit-appearance: none;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none !important;}
.fl{float: left;}
.fr{float: right;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.tc{text-align:center;}
.w{ width:1250px;}
.container{ width:1450px;}
@media screen and (max-width: 1500px)
{
	.w{ width:1000px;}
	.container{ width:1000px;}
}

.none{ display:none;}
.button{ height:40px; line-height:40px; background:#ab8159; width:150px; display: inline-block; text-align:center; vertical-align:middle; border-radius:25px; color:#fff; font-size:15px;}
.ad img{ display:block; width:100%;}
.transform-img{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.advantagesSwiper .swiper-slide:hover .transform-img, .news-list li:hover .transform-img, .brandlist .box:hover .transform-img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

/*标题*/
.title{ font-size:16px; color:#cac07f; margin-bottom:30px; overflow: hidden; width: 100%;}
.title h2{ font-weight:600; color:#cac07f; font-size: 42px; padding-top: 20px;}
.title .en{ color: #00756a; font-size: 12px; margin:25px 0 15px 0; letter-spacing: 4px; text-transform: uppercase;}
.title .line{ display: inline-block; background: #00756a; width: 80px; height: 3px; font-size: 0; display: inline-block;}
.position{ background: #efefef; height: 70px; line-height: 70px; overflow: hidden;}

/*字体*/
.f0{color: #f00;}
.f1{color: #c4954d;}
.content img{ max-width: 100%;}

/*头部*/
.header-box{ padding:15px 0; height:71px; background:#00756a;}
.header-box .logo{ padding:0 130px;}
.header-box .logo img{ margin:15px 0 0 0; height:42px; display:inline-block; vertical-align:middle;}
.menu-box{ margin-top: 12px; height:50px;}
.menu-box .site-name{ display: none;}
.menu-box li{ float: left; width: 126px; text-align: center; position: relative;}
.menu-box li.active:after{content:""; display:block; background: #cac07f; height:2px; width: 54px; position: absolute; left: 50%; margin-left: -27px; top: 0;}
.menu-box li a{ color:#fff; display: block; height:50px; line-height:52px; font-size: 16px;}
.menu-box a:hover,.menu-box li.active a{ color:#cac07f;}
.header-box .jq-mmenu{ display: none;}

@media screen and (max-width: 1500px)
{
	.header-box .logo{ padding:0 0 0 50px;}
	.menu-box{ padding-right: 50px;}
}

/*轮换大图*/
.bannerSwiper{  width: 100%; height:500px;}
.bannerSwiper a{ display:block; height:100%; width:100%; background-position:center top; background-repeat:no-repeat; background-size:auto 100%;}
.bannerSwiper .swiper-pagination-bullets{ bottom: 36px;}
.bannerSwiper .swiper-pagination-bullet{ background:#fff; width: 60px; height: 3px; border-radius: 0;opacity:1;}
.bannerSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #00756a;}

/*关于我们*/
.about-module{ padding: 150px 0; background: #fff;}
.about-module .info{ text-align: justify; width: 600px;font-size: 16px;}
.about-module .info p{ padding-bottom: 40px;}
.about-module .video{ width: 600px; position: relative;}
.about-module .video .cover .videoico{content:""; display:block; background:url(../images/icovideo.png); background-size: 100%; height:96px; width: 96px; position: absolute; left: 50%; margin-left: -48px; top: 50%; margin-top: -48px; transition:All 0.3s ease-in-out;}
.about-module .video:hover .cover .videoico{ transform:rotate(-90deg) scale(1.1);}
@media screen and (max-width: 1500px)
{
.about-module .info{ width:450px;}
.about-module .video{ width:500px;}
}

/*核心竞争优势*/
.advantages-module{ padding: 150px 0; background: #efefef;}
.advantages-module .title{ text-align: center; margin-bottom: 60px;}
.advantages-module h3.head{ font-size: 32px; background: #00756a; color: #fff; height: 124px; line-height: 124px; text-align: center; margin: 0 auto 30px auto;}
.advantagesSwiper{  width: 100%;}
.advantagesSwiper .item{ /*height:614px;*//*height:560px;*/ height:430px; border: 1px solid #d1c994;}
.advantagesSwiper .item .img{ height: 275px; position: relative; overflow: hidden;}
.advantagesSwiper .item .img img{ width: 100%; height: auto;}
.advantagesSwiper .item .img .num{ position: absolute; right: 15px; bottom: 40px; font-size: 85px; color: #cac07f; font-weight: 400;}
.advantagesSwiper .item .info{ padding: 50px 45px 0 45px; text-align: justify; line-height: 180%;}
.advantagesSwiper .item .info h2{ /*font-size: 32px;*/ font-weight: 600;}
.advantagesSwiper .item .info .desc{ /*font-size: 18px;*/ padding: 20px 0 20px 0;}
.advantagesSwiper .item .info p{ line-height: 200%;}
.advantagesSwiper #focusPagination{ display: none;}
@media screen and (max-width: 1500px)
{
.advantagesSwiper .item .img .num{ bottom:120px; font-size: 60px;}
.advantagesSwiper .item .img{ height:180px;}
}


/*七大核心产品*/
.products-module{ padding: 150px 0 120px 0; background: #fff;}
.products-module .container{ overflow:hidden;}
.products-module .title{ text-align: center; margin-bottom: 60px;}
.products-list li{ float: left; width: 25%; height: 360px; position: relative; background: #cac07f;}
.products-list li .con{ position: absolute; z-index: 30; width: 100%; text-align: center; color: #fff; padding: 120px 0 0 0; transition: padding-top .4s;}
.products-list li .con h2{ font-size: 25px;line-height: initial;}
.products-list li .con h4{ display: block; padding: 20px 0 20px 0;}
.products-list li img{ position: absolute; z-index: 10; width:100%;}
.products-list li .mask{ position: absolute; z-index: 20; width: 100%; height: 100%; background: rgba(0, 0, 0, .4);}
.products-list li:after{content:""; display:block; background:url(../images/icomore.png); height:33px; width: 33px; position: absolute; left: 50%; margin-left: -16px; bottom: 33px; transition:All 0.3s ease-in-out; z-index: 40;}
.products-list li:hover .con{ padding-top: 100px;}
.products-count{ padding: 0 10%; text-align: center;}
.products-count li{ padding-top: 100px; width: 23%; text-align: center; display: inline-block; position: relative;}
.products-count li:after{content:""; display:block; background:#acabab; height:64px; width: 1px; position: absolute; top: 50%; right: 0; transition:All 0.3s ease-in-out; z-index: 40;}
.products-count li:nth-child(4):after, .products-count li:nth-child(7):after{ display: none;}
.products-count li .num{ font-size: 25px; font-weight: 400; padding: 20px 0 16px 0;}
.products-count li .num b{ font-size: 38px; font-weight: 600;}
.products-count li .name{ font-size: 18px;}
@media screen and (max-width: 1500px)
{
.products-list li{ height:260px; overflow:hidden;}
.products-list li .con{ padding-top:20px;}
.products-list li .con h2{ font-size:22px;}
.products-list li .con h4{ font-size:14px;}
.products-list li .con p{ font-size:12px;}
.products-count{ padding:0 50px;}
}

/*荣誉资质*/
.honor-module{ padding: 85px 0 120px 0; background: #efefef;}
.honor-module .title{ text-align: center; margin-bottom: 0; position: relative; z-index: 99;}
.honor-module .ad{ margin-top: 100px;}
.honor-list{ border: 1px solid #d3cc9b; padding: 100px 100px 100px 250px; position: relative; z-index: 88; top: -8px;}
.honor-list li{ float: left; width: 50%; height: 30px; line-height: 30px; overflow: hidden;}
.honor-module2{ background: #fff; padding: 100px 0 120px 0;}
.honor-module2 .w{ width: 1000px;}
.honor-module2 .honor-box{ border: 1px solid #d3cc9b; padding: 80px 74px 80px 74px; margin-top: -9px;}
.honor-module2 .honor-list{  border: none; padding: 70px 0 0 0;}
.honor-module2 .honor-list li{ width: 55%;}
.honor-module2 .honor-list li:nth-child(even){ width: 45%;}

/*底部*/
.footer-box{ clear: both; width: 100%; background:#00756a url(../images/footerling.png) center top no-repeat; padding:58px 0; color:#fff;}
.footer-box .clearfix.w{ overflow: hidden; zoom: 1; }
.footer-box a{ color:#fff;}
.footer-box a:hover{ color: #e3e2bb!important;}
.footer-box .siteinfo{ width:530px;}
.footer-box .siteinfo .site{ padding-bottom: 35px; margin-bottom: 35px; position: relative;}
.footer-box .siteinfo .site dt{ font-size: 19px; font-weight: bold; letter-spacing: 1px;}
.footer-box .siteinfo .site dt .line{ display: inline-block; height: 20px; width: 1px; background: #fff; vertical-align: middle; margin: 0 6px;}
.footer-box .siteinfo .site dd{ font-size: 12px; padding-top: 5px;}
.footer-box .siteinfo .site:after{content:""; display:block; background:#fff; height:1px; width: 30px; position: absolute; left: 0; bottom: 0;}
.footer-box .siteinfo .info dt{ font-size: 18px;}
.footer-box .list{ width: 300px;}
.footer-box .list dt{ font-weight: bold; padding-bottom: 15px; margin-bottom: 15px; position: relative;}
.footer-box .list dt:after{content:""; display:block; background:#fff; height:1px; width: 30px; position: absolute; left: 0; bottom: 0;}
.footer-box .list dd{ float: left; width: 200px; height: 30px; line-height: 30px;}
.footer-box .list dd:nth-child(even){ width: 100px;}
.footer-box .list2{ width: 140px;}
.footer-box .qrcode{ width: 230px;}
.footer-box .qrcode .qr{ float: left; width: 105px; margin-left: 18px; text-align: center; font-size: 12px;}
.footer-box .qrcode .qr img{width: 100%; height: auto;}
.footer-box .qrcode .qr:first-child{ margin-left:0;}
.footer-copy{ clear: both; width: 100%; padding: 0 0 15px 0; text-align: center; background: #00756a; color: #fff; font-size: 13px;}
.footer-copy a{ color: #fff;}

@media screen and (max-width: 1500px)
{
.footer-box .list{ width:180px;}
.footer-box .list2{ width:150px;}
.footer-box .qrcode{ width:120px;}
.footer-box .qrcode .qr{ margin:0 0 15px 0;}
}

/*内部页*/
.banner{ height: 550px; background-position:center center; background-size: 100% 100%; display:none;}

/*关于我们*/
.about{ padding: 100px 0 150px 0; background: #fff;}
.about .title{ text-align: center; margin-bottom: 80px;}
.about-nav{ height: 80px; line-height: 80px; background: #efefef;}
.about-nav .urhere{ width: 368px;}
.about-nav .nav{ width: 880px; font-size: 14px;}
.about-nav .nav li{ float: left; width: 25%; text-align: center;}
.about-nav .nav li a{ display: block; border-right: 1px solid #9a9999;}
.about-nav .nav li.active a{ background: #00756a; color: #fff;}
.about-nav .nav li:last-child a{ border: none;}
.about .content{ width: 1000px;}
.about .video{ width: 100%; margin-top: 100px; height: 560px; position: relative;}
.about .video img{ width: 100%; height: 100%;}
.about .video .cover{ position: relative;}
.about .video .cover .videoico{content:""; display:block; background-image:url(../images/icovideo.png); background-size: 100%; height:96px; width: 96px; position: absolute; left: 50%; margin-left: -48px; top: 50%; margin-top: -48px; transition:All 0.3s ease-in-out;}
.about .video:hover .cover .videoico{ transform:rotate(-90deg) scale(1.1);}
@media screen and (max-width: 1500px)
{
.about-nav .nav{ width:800px;}
}
/*进阶之路*/
.history{ padding: 100px 0 300px 0; background: #fff;}
.history .title{ text-align: center; margin-bottom: 80px;}
.timeline{ width: 1px; background: #ebe8cf; padding: 30px 0;}
.timeline li{ background:url(../images/icohistory.png); height:29px; width: 28px; margin:0 0 12px 0; position: relative; left: -13.5px;}
.timeline li:nth-child(2n + 2){ margin-bottom: 170px;}
.timeline li:last-child{ margin-bottom: 0;}
.timeline li::after{content:""; display:block; background:url(../images/icohistoryarr.png); height:34px; width: 28px; position: absolute; top: -2px;}
.timeline dl{ width: 400px; height: 150px; border: 1px solid #d7d09f; padding: 15px 45px; position: absolute; top: -30px; background: #fff;}
.timeline dt{ font-size: 21px; height: 40px; line-height: 40px; padding-bottom: 5px; overflow: hidden;}
.timeline dt b{ color: #cac07f;}
.timeline dt .line{ display: inline-block; vertical-align: middle; height: 22px; width: 2px; background: #cac07f; margin: 0 12px;}
.timeline li:nth-child(even) dl{ left: 66px;}
.timeline li:nth-child(even)::after{ left: 39px; transform:rotate(180deg)}
.timeline li:nth-child(odd) dl{ right: 66px;}
.timeline li:nth-child(odd) dt{ text-align: right;}
.timeline li:nth-child(odd)::after{ right: 39px;}


/*品牌*/
.brand{ padding: 100px 0 150px 0; background: #fff;}
.brand .title{ text-align: center; margin-bottom: 80px;}
.brand .w{ width: 1000px;}
.brand dl{ text-align: center; font-size: 15px; margin-top: 30px;}
.brand dt{ font-size: 24px; color: #00756a; font-weight: bold; margin-bottom: 20px; padding-bottom: 25px; position: relative;}
.brand dt:after{content:""; display:block; background:#cac07f; height:2px; width: 34px; position: absolute; left: 50%; margin-left: -17px; bottom: 0;}
.brandlist { padding: 50px 0;}
.brandlist .box{ background:#efefef; float: left; width: 450px; margin: 0 25px 50px 25px; height: 410px;}
.brandlist .box .img{ height: 250px; overflow: hidden;}

/**门店地址**/
.shop-address{ padding: 100px 0; background: #fff;}
.shop-address .title{ text-align: center; margin-bottom: 80px;}
.shop-address .w{ width: 1000px;}
.shop-address .list{ margin: 50px 0 80px 0;}
.shop-address .list li{ float: left; width: 322px; height: 100px; text-align: center;}
.shop-address .list li.active{ margin: 0 16px; position: relative;}
.shop-address .list li.active dl:before{content:""; display:block; background:#d5d5d5; height:108px; width: 1px; position: absolute; left: -10px; top: 0;}
.shop-address .list li.active dl:after{content:""; display:block; background:#d5d5d5; height:108px; width: 1px; position: absolute; right: -10px; top: 0;}
.shop-address .list li dt{ margin-bottom: 0; font-size: 15px;}
.shop-address .list li dt strong{ display: block; padding-top: 15px;}
.shop-address .list li dd{ font-size: 14px;}

/**加入我们**/
.join-us{ padding: 100px 0 250px 0; background: #fff;}
.join-us .title{ text-align: center; margin-bottom: 80px;}
.join-us .w{ width: 1000px;}
.join-us .data{ height: 50px; line-height: 50px; font-size: 15px;}
.join-us .data.head{ height: 80px; line-height: 80px; background: #00756a; color: #fff; font-size: 17px;}
.join-us .data p{ float: left;}
.join-us .data p.a1{ width: 40%; text-indent: 45px;}
.join-us .data p.a2{ width: 15%; text-align: center;}
.join-us .data p.a3{ width: 15%; text-align: center;}
.join-us .data p.a4{ width: 15%; text-align: center;}
.join-us .data p.a5{ width: 15%; text-align: center;}
.join-us .data p.a5 .arr{ background:url(../images/icoarrow.png); display: inline-block; width: 20px; height: 11px;}
.join-item{ margin-top: 20px; border: 2px solid #d6d5d5;}
.join-item .con{ border-top: 2px solid #d6d5d5; padding: 45px 45px 0 45px;}
.join-item .con .t1{ font-size: 17px;}
.join-item .con .zz{ width: 45%;}
.join-item .con .yq{ width: 45%;}
.join-item .show{ display: none;}
.join-item.active .show{ display: block;}
.join-item.active .data p.a5 .arr{ rotate: 180deg;}
.join-item .desc{ line-height: 200%; width: auto;}
.join-item .qrcodehr{ position:relative; top: -10px; left: 20px;}
.join-item .qrcodehr img{ width: 80px; height: 80px; vertical-align: middle; }
.join-item .cmethod{ padding: 20px 45px 45px 45px;}

/*新闻中心*/
.news{ padding: 100px 0 150px 0; background: #fff; overflow: hidden; zoom: 1; clear: both; }
.news .title{ text-align: center; margin-bottom: 80px;}
.news-list li{ float: left; width: 400px; height: 580px; border:1px solid #00756a; border-bottom-width: 2px; margin-bottom:80px;}
.news-list li:nth-child(3n+2){ margin-left: 20px; margin-right: 20px;}
.news-list li .img{ height: 222px; overflow: hidden;}
.news-list li .img img{ width: 100%;}
.news-list li .con{ padding: 45px 38px 0 38px;}
.news-list li h2{ font-size:24px; font-weight: 500; padding-bottom: 30px; margin-bottom: 30px; height: 55px; line-height: 160%; position: relative;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 设置行数 */
    -webkit-box-orient: vertical;}
.news-list li h2:after{content:""; display:block; background:#00756a; height:2px; width: 122px; position: absolute; left: 0; bottom: 0;}
.news-list li p{ font-size:14px; line-height:180%; text-align: justify; height: 100px; margin-bottom: 50px; overflow: hidden;}
.news-list li .time{ font-size:18px;}
@media screen and (max-width: 1500px)
{
	.news .w{ width:1200px;}
	.news-list li{ width:385px; height: 560px;}
	.news-list li:nth-child(3n+2){ margin-left: 19px; margin-right: 19px;}
	.news-list li .img{ height: 200px;}
}
/*页码*/
.pages{ padding-top:15px; text-align: center; margin-top:30px; font-size:16px; font-size: 24px;}
.pages a{ display:inline-block; height:32px; line-height:32px; width:32px; margin: 0 3px;}
.pages .prev a,.pages .next a{ width:32px; height: 32px; line-height: 32px; border-radius: 50%; border: 1px solid #595757;}
.pages a.active,.pages a:hover{color:#00756a;}
.pages .disabled a{ color: #ccc; border-color: #ccc; cursor: default;}


/*新闻中心-详细*/
.news-con-box{ width: 1000px; text-align: justify;}
.news-title{ font-size:36px; padding:0 0 15px 0; line-height: 150%;}
.news-other{ padding:0 0 50px 0;}
.news-other span{ margin:0 10px;}
.content-box{ line-height:200%; font-size: 15px;}
.content-box img{ max-width: 100%;}
.content-box p{ /*padding-bottom:15px;*/}
.page-up-down{ padding:80px 0 0 0; text-align: center; font-size: 24px; overflow: hidden; zoom: 1; clear: both; }
.page-up-down li{ display: inline; margin: 0 70px; }
.page-up-down li .ico{ display: inline-block; width: 33px; height: 33px; margin: 0 5px; vertical-align: middle; background-size: 100%;}
.page-up-down li.prev .ico{ background-image:url(../images/icoprev.png); }
.page-up-down li.next .ico{ background-image:url(../images/iconext.png); }

/*核心产品*/
.product{ padding: 100px 0 150px 0; background: #fff;}
.product .title{ text-align: center; margin-bottom: 80px;}
.product .item{ padding-bottom: 82px; margin-bottom: 82px; border-bottom: 1px solid #d5d5d5;}
.product .item:last-child{ margin-bottom: 0;  border: none;}
.product-item{ display: flex; flex-direction: row; align-items: center; justify-content: center; height: 250px; background: #efefef;}
.product-item a{ font-size: 0; width: 1px; height: 1px; position: absolute;}
.product-item .name{ width: 360px; height: 100%; background: #00756a; color: #fff; text-align: center; font-weight: 600; position: relative;}
.product-item .name:after{content:""; display:block; background:url(../images/icoproductarr.png); height:42px; width: 43px; position: absolute; right: -21px; top: 50%; margin-top: -21px; z-index: 40;}
.product-item .name h2{ color: #cac07f; font-size: 30px; padding: 50px 0 0 0;}
.product-item .name h2.long{ line-height: 125%; padding-top: 30px;}
.product-item .name h3{ font-size: 24px; padding: 30px 0; margin-bottom: 20px; position: relative;}
.product-item .name h3:after{content:""; display:block; background:#cac07f; height:2px; width: 50px; position: absolute; left: 50%; margin-left: -25px; bottom: 0;}
.product-item .desc{ width: 780px; padding: 0 55px; font-size: 16px; line-height: 180%; text-align: justify;}
.product-item .desc strong{ font-size: 24px;}
.product .item2 { float: left; width: 595px; border: none; margin-bottom:0;}
.product .item2:nth-child(even){ float: right;}
.product .item2 .product-item{ height: 130px; display: block; height: 402px; background: #efefef;}
.product .item2 .name{ height: 260px; width: 100%;}
.product .item2 .product-item .desc{ text-align: center; width: auto; padding: 50px 0 0 0; font-size: 15px;}
.product .item2 .product-item .name:after{ right: inherit; top: inherit; left: 50%; margin-left: -21px; bottom: -21px; transform: rotate(90deg);}
.product .item .height390{ height: 390px; margin-top: 28px;}
.product .item .height186{ height: 186px; }

.service{ width: 1150px;}
.service h2{ color: #cac07f; font-size: 24px; text-align: center; padding: 50px 0;}
.service .box{ border: 1px solid #e1dcb7; width: 560px; height: 222px;}
.service .box em{ font-style:normal; font-size:10px; word-break:break-all;}
.service dl{ padding: 10px 75px 20px 75px; font-size: 15px;}
.service dt{ text-align: center; font-size: 18px; font-weight: 600; width: 360px; margin: 0 auto; padding: 10px 0 20px 0; margin-bottom: 10px; border-bottom: 2px solid #e1dcb7;}
.service .box dd{ width: 50%; float: left; height: 42px; line-height: 42px; overflow:hidden}
.service .box001 dd{ width: 45%;}
.service .box001 dd:nth-child(even){ width: 55%;}
.service .box000 dd:nth-child(even){ text-indent: 35px;}
.service .box1 dd{ width: 100%; text-align: center;}
.service .box2{ width: auto; height: auto; margin: 30px 0 0 0;}
.service .box2 dd{ width: 25%;}
.service .box2 dd:nth-child(4n+2){ text-indent: 40px;}
.service .box3{ width: auto; height: auto; padding: 30px 0 0 0; margin-top: 30px;}
.service .box3 dt{ width: 100%;}
.service .box3 dd{ width: 20%;}

/**视频弹窗**/
.videoplayer{ display:none; position:absolute; left:0; top:0; z-index:100; width:100%; height:100%; }
.videoplayer .close{ position:absolute;right:10px; top:10px; border-radius:100%; z-index: 200; cursor: pointer; transition:All 0.3s ease-in-out;}
.videoplayer .close:hover{ transform:rotate(-360deg) scale(1.1);}

@media screen and (max-width: 768px)
{
	body{ padding-top: 60px;}
	.w,.container{ width: 100%;}
	.title h2{ font-size: 36px;}
	.position{ padding: 0 20px; height: 50px; line-height: 50px; overflow: hidden;}
	.header-box{ padding:0; height:60px; line-height: 60px; position:  fixed; left: 0; top: 0; width: 100%; z-index: 99999;}
	.header-box .logo{ padding:0 0 0 20px; height: auto; margin: -3px 0 0 0;}
	.header-box .logo img{ width:80px; height:auto; margin: 0;}
	.header-box .menu-box{ margin: 0; padding: 0;}
	.header-box .menu-box ul{ display: none;}
	.header-box .menu-box .site-name{ display: block; font-size: 23px; position: absolute; left: 0; top:50%; width: 60%; margin: -20px 20% 0 20%; text-align: center; color: #fff; height: 40px; line-height: 40px; font-weight: 600;}
	.header-box .jq-mmenu{ display: block; padding: 10px 20px 0 0;}
	.header-box .jq-mmenu a
	{
		background: center center no-repeat transparent;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC);
		display: block;
		width: 40px;
		height: 40px;
	}
	.bannerSwiper{ height:200px;}
	.bannerSwiper a{ background-position:-120px top;}
	.bannerSwiper .swiper-pagination-bullets{ bottom: 6px;}
	.bannerSwiper .swiper-pagination-bullet{ width: 30px;}

	.about-module{ padding: 50px 20px;}
	.about-module .info{ width: 100%;}
	.about-module .video{ width: 100%;}
	.about-module .video .cover .videoico{ height:60px; width: 60px; margin-left: -30px; margin-top: -30px;}

	.advantages-module{ padding: 50px 0;}
	.advantages-module h3.head{ font-size: 27px; height: 100px; line-height: 38px; padding-top: 24px;}
	.advantages-module h3.head span{ display: block;}
	.advantagesSwiper .item{ height:560px; background: #fff; border: 1px solid #d1c994;}
	.advantagesSwiper{  width: auto; padding: 0 20px;}
	.advantagesSwiper .item .img .num{ bottom: inherit; top:120px; font-weight: 600;}
	.advantagesSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #00756a;}
	.advantagesSwiper #focusPagination{ display: block;}

	.products-module{ padding: 50px 0;}
	.products-list{ padding: 0 20px;}
	.products-list li{ float: none; width: 100%; height: 250px;}
	.products-list li:nth-child(5){ background: #00756a;}

	.products-count{ padding: 50px 0 0 0;}
	.products-count li{ width: 43%; padding: 20px 1% 20px 1%;}
	.products-count li:nth-child(2):after, .products-count li:nth-child(4):after, .products-count li:nth-child(6):after, .products-count li:nth-child(7):after{ display: none;}
	.products-count li .num b{ font-size: 32px;}
	.products-count li .name{ font-size: 16px;}

	.honor-module{ padding: 50px 0 80px 0;}
	.honor-module .ad{ margin-top: 60px;}
	.honor-list{ padding: 30px; margin: 0 20px; background: #fff;}
	.honor-list li{ float: none; width: 100%;}

	.honor-module2{ padding: 50px 20px 80px 20px;}
	.honor-module2 .w{ width: 100%;}
	.honor-module2 .honor-box{ padding: 30px;}
	.honor-module2 .honor-box .img img{ width: 100%;}
	.honor-module2 .honor-list{ padding: 40px 0 0 0;}
	.honor-module2 .honor-list li{ width: 100%;}
	.honor-module2 .honor-list li:nth-child(even){ width: 100%;}

	.footer-box{ padding:40px 20px; box-sizing: border-box;}
	.footer-box .siteinfo{ width:100%; padding-bottom:50px;}
	.footer-box .siteinfo .site{ padding-bottom: 20px; margin-bottom: 20px;}
	.footer-box .siteinfo .site dt{ letter-spacing: 0; font-size: 15px;}
	.footer-box .list{ width: 100%; padding-bottom: 25px; display: none;}
	.footer-box .list dd{ float: none; width: 100%;}
	.footer-box .list dd:nth-child(even){ width: 100%;}
	.footer-box .list2{ width: 100%;}
	.footer-box .qrcode{ width: 100%; text-align: center;}
	.footer-box .qrcode .qr{ margin: 0 9px; float: none; display: inline-block;}
	.footer-copy{ padding: 0 20px 20px 20px; box-sizing: border-box;}

	.about{ padding: 50px 0 80px 0;}
	.about .title{ text-align: center; margin-bottom: 60px;}
	.about-nav{ height: 50px; line-height: 50px; margin-bottom: 60px;}
	.about-nav .urhere{ width: auto; padding: 0 20px;}
	.about-nav .nav{ width: 100%;}
	.about-nav .nav li{ width: 25%; background: rgba(0, 117, 106, .75);}
	.about-nav .nav li a{ color: #fff;}
	.about .content{ width: auto; padding: 0 20px;}
	.about .video{ width: 100%; margin-top: 50px; height: auto;}
	.about .video img{ width: 100%; height: 100%;}
	.about .video .cover .videoico{ height:60px; width: 60px; margin-left: -30px; margin-top: -30px;}

	.history{ padding: 50px 0 80px 0;}
	.history .title{ text-align: center; margin-bottom: 60px;}
	.timeline{ width: auto; background: #fff; padding: 30px 20px;}
	.timeline li{ background:none; height:auto; width: auto; margin:0 0 12px 0; position: inherit; left: 0;}
	.timeline li::after{ display: none;}
	.timeline li:nth-child(2n + 2){ margin-bottom: 12px;}
	.timeline dl{ width: auto; height: auto; border: 1px solid #d7d09f; padding: 15px; position: inherit; top: auto;}
	.timeline li:nth-child(even) dl{ left: auto;}
	.timeline li:nth-child(even)::after{ left: 39px; transform:rotate(180deg)}
	.timeline li:nth-child(odd) dl{ right: auto;}
	.timeline li:nth-child(odd) dt{ text-align: left;}
	.timeline li:nth-child(odd)::after{ right: auto;}

	.brand{ padding: 50px 0 80px 0;}
	.brand .title{ margin-bottom: 60px;}
	.brand .w{ width: auto; padding: 0 20px;}
	.brand dl{ text-align: center; font-size: 15px; margin-top: 30px;}
	.brand dt{ font-size: 24px; color: #00756a; font-weight: bold; margin-bottom: 20px; padding-bottom: 25px; position: relative;}
	.brand dt:after{content:""; display:block; background:#cac07f; height:2px; width: 34px; position: absolute; left: 50%; margin-left: -17px; bottom: 0;}
	.brandlist { padding: 50px 0;}
	.brandlist .box{ background:#efefef; float: none; width: 100%; margin: 0 0 30px 0; height: auto; padding-bottom: 30px;}
	.brandlist .box .img{ height: 250px; overflow: hidden;}

	.shop-address{ padding: 50px 0 80px;}
	.shop-address .title{ text-align: center; margin-bottom: 60px;}
	.shop-address .w{ width: auto; padding: 0 20px;}
	.shop-address .list{ margin: 0 0 30px 0;}
	.shop-address .list li{ float: none; width: 100%; height: auto; text-align: center; margin-bottom: 30px;}
	.shop-address .list li.active{ margin: 0 0 30px 0;}
	.shop-address .list li.active dl:before{ display: none;}
	.shop-address .list li.active dl:after{ display: none;}
	.shop-address .list li dt strong{ font-size: 20px;}
	.shop-address .list li dd{ font-size: 16px;}

	.join-us{ padding: 50px 0 80px 0;}
	.join-us .title{ margin-bottom: 60px;}
	.join-us .w{ width: auto; padding: 0 20px;}
	.join-us .data{ height: 50px; line-height: 50px; font-size: 13px;}
	.join-us .data.head{ height: 50px; line-height: 50px; font-size: 13px; font-weight: 600;}
	.join-us .data p{ float: left;}
	.join-us .data p.a1{ width: 34%; text-indent: 5px;}
	.join-us .data p.a2{ width: 22%; text-align: center;}
	.join-us .data p.a3{ width: 18%; text-align: center; display: none;}
	.join-us .data p.a4{ width: 22%; text-align: center;}
	.join-us .data p.a5{ width: 22%; text-align: center;}
	.join-item .con{ padding: 15px;}
	.join-item .con .zz{ width: 100%; padding-bottom: 30px;}
	.join-item .con .yq{ width: 100%;}
	.join-item .show{ display: none;}
	.join-item.active .show{ display: block;}
	.join-item .qrcodehr{ top:10px;}
	.join-item .cmethod{ padding: 15px;}

	.news{ padding: 50px 0 80px 0;}
	.news .w{ width:auto; padding: 0 20px;}
	.news .title{ margin-bottom: 60px;}
	.news-list li{ float: none; width: 100%; height: auto; margin-bottom:25px; padding-bottom: 10px;}
	.news-list li:nth-child(3n+2){ margin-left: 0; margin-right: 0;}
	.news-list li .img{ height: auto;}
	.news-list li .img img{ width: 100%;}
	.news-list li .con{ padding: 30px 20px 0 20px;}
	.news-list li h2{font-weight: 600;}

	.news-con-box{ width: auto;}
	.news-title{ font-size:21px; padding:0 0 15px 0; line-height: 120%;}
	.news-other{ padding:0 0 30px 0;}
	.news-other span{ margin:0 10px;}
	.content-box{ line-height:200%; font-size: 15px;}
	.content-box img{ max-width: 100%;}
	.page-up-down{ padding:40px 0 0 0; font-size: 21px;}
	.page-up-down li {margin: 0 10px;}
	.page-up-down li .ico{ width: 25px; height: 25px; margin: 0 10px;}

	.product{ padding: 50px 0 80px 0;}
	.product div.fl,.product div.fr{ float: none; clear: both; height: auto;}
	.product div dl{ height: 100%; overflow: auto;}
	.product div.fr{ margin-top: 30px;}
	.product .w{ width:auto; padding: 0 20px;}
	.product .title{ margin-bottom: 60px;}
	.product .item{ padding-bottom: 50px; margin-bottom: 50px;}
	.product .item:last-child{ margin-bottom: 0;  border: none;}
	.product-item{ height: 260px;}
	.product-item .name{ width: 43%; height: 100%; }
	.product-item .name:after{ background-size: 100%; height:30px; width: 30px; right: -15px; margin-top: -15px;}
	.product-item .name h2{ font-size: 25px; padding: 40px 0 0 0;}
	.product-item .name h2.long{ line-height: 125%; padding-top: 30px;}
	.product-item .name h3{ font-size: 17px; padding: 20px 0 30px  0; margin-bottom: 30px;}
	.product-item .name p{ font-size: 14px; padding: 0 10px; line-height: 120%;}
	.product-item .desc{ width: 57%; padding: 0 15px 0 30px; font-size: 14px;}
	.product-item .desc strong{ font-size: 24px;}
	.product .item2 { float: none; width: 100%; border: none; margin-bottom:0;}
	.product .item2:nth-child(even){ float: none;}
	.product .item2 .product-item{ height: 130px; display: block; height: 402px; background: #efefef;}
	.product .item2 .name{ height: 260px; width: 100%;}
	.product .item2 .product-item .desc{ text-align: center; width: auto; padding: 50px 0 0 0; font-size: 15px;}
	.product .item2 .product-item .name:after{ right: inherit; top: inherit; left: 50%; margin-left: -21px; bottom: -21px; transform: rotate(90deg);}
	.product .item .height390, .product .item .height186{ height: auto;}

	.service{ width: 100%;}
	.service h2{ color: #cac07f; font-size: 24px; text-align: center; padding: 50px 0;}
	.service .box{ border: 1px solid #e1dcb7; width: auto; height: auto;}
	.service .box em{ font-style:normal; font-size:10px; word-break:break-all;}
	.service dl{ padding: 15px; font-size: 14px;}
	.service dt{ text-align: center; font-size: 18px; font-weight: 600; width: auto; margin: 0 auto; padding: 10px 0 20px 0; margin-bottom: 10px; border-bottom: 2px solid #e1dcb7;}
	.service dd.f12{ font-size: 12px;}
	.service .box dd{ width: 50%; float: left; height: 42px; line-height: 42px; overflow:hidden}
	.service .box001 dd{ width: 45%;}
	.service .box001 dd:nth-child(even){ width: 55%;}
	.service .box000 dd:nth-child(even){ text-indent: 35px;}
	.service .box1 dd{ width: 100%; text-align: center;}
	.service .box2{ width: auto; height: auto; margin: 30px 0 0 0;}
	.service .box2 dd{ width: 25%;}
	.service .box2 dd:nth-child(4n+2){ text-indent: 40px;}
	.service .box3{ width: auto; height: auto; padding: 30px 0 0 0; margin-top: 30px;}
	.service .box3 dt{ width: 100%;}
	.service .box3 dd{ width: 20%;}

}