﻿ul, li, dl, dt, dd, ol{list-style-type: none; margin: 0; padding: 0}
h1, h2, h3, h4, h5, h6, form, input, textarea, label, table, tr, td, p, header, article, footer, nav, section, aside, menu{margin: 0; padding: 0; font-weight: normal}
header, article, footer, nav, section, aside, menu, video, audio{display: block}
table{border-collapse: collapse; border-spacing: 0}
img{border: none}
input, textarea, button{-webkit-appearance: none; margin: 0; padding: 0; border: none; outline: none}
textarea{resize: none}
:not(input), :not(textarea){-webkit-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-text-size-adjust: none}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{font-size: 16px; color: #ccc}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color: #ccc}
input::-webkit-input-speech-button{display: none}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input[type="number"]{-webkit-appearance: none !important; margin: 0}
/*
::-webkit-scrollbar{width: 3px; height: 3px; background-color: #f5f5f5}
*/
input, textarea, select, button{font-family: Helvetica, 'Microsoft Yahei'}
html *{outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; box-sizing: border-box}
body{min-width: 320px; max-width: 640px; margin: 0 auto; padding: 0; font-size: 12px; font-family: Helvetica, 'Microsoft Yahei'; color: #333; -webkit-text-size-adjust: 100% !important; background: #fff}
a{text-decoration: none; outline: none; color: #333}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.text-justify{text-align: justify; text-justify: inter-ideograph}
.fl{float: left}
.fr{float: right}
.cl{clear: both; font-size: 0; line-height: 0; height: 0; width: 100%; overflow: hidden}
.cfix:after{display: block; clear: both; visibility: hidden; font-size: 0; line-height: 0; content: ""; height: 0}
.cfix{*zoom: 1}
.b{max-width: 100%; height: auto; vertical-align: top}
.w600{width: 93.75%;margin-left:auto;margin-right: auto;}
/**===通用顶部==**/
.public-header{position: relative;height: 0.8rem;background: #232323;}
.public-header .logo img{display: block;width:3.7rem; height: auto; margin: 0 auto;}
.public-menu-link{position: absolute; left: 0.15rem; top: 0.15rem; width: 0.5rem;height: 0.5rem;}
.public-mess-link{position: absolute; right: 0.15rem; top: 0.15rem; width: 0.5rem;height: 0.5rem;}
.public-menu-link img,.public-mess-link img{display: block;width: 100%;}

/**===通用焦点图==**/
.public-focus{position: relative;}
.public-focus .hd{position: absolute;left: 0;right:0;bottom: 0.1rem;font-size: 0; text-align: center;}
.public-focus .hd li{display: inline-block;width:10px;height:10px;margin: 0 3px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; background: #fff; vertical-align: top; opacity: 0.9;}
.public-focus .hd li.on{background: #4cbbb4;}

.index-focus{ height: 4rem;overflow: hidden;}

/**===通用底部==**/
.fixed{display: none;}
.public-footer img{display: block;width: 100%;}
/*
.foot-swt{height: 0.9rem;}
.foot-swt .foot-swt-fixed{position: fixed; z-index: 99; left: 0;bottom: 0; width: 100%;}
.foot-swt ul{ display: flex; justify-content: space-between; max-width:640px;margin: 0 auto;background: #60bf9e;}
.foot-swt li{position: relative;width: 1.22rem; height: 0.9rem;background: #60bf9e;}
.foot-swt li a{position: absolute;left:0;bottom:0;right: 0;}
.foot-swt li i{position: absolute; right: 23%; top: 35%; width: 12px;height: 12px; text-align: center; line-height: 12px; color: #f4d62f; font-size: 10px; font-style: normal; background: #e3202b; border-radius: 50%;animation:hongdian 3s infinite linear;}
@keyframes hongdian{
    0%,80%,84%,90%,96%,100%{transform:translateY(0)}
    88%{transform:translateY(-5px)}
    92%{transform:translateY(-2px)}
}
.foot-swt li.fswt-1{width: 1.47rem;}
.foot-swt li a img{display:block; width: 100%;}
*/
/**===通用优惠滚动==**/
.discount{padding-bottom:0.3rem;margin-bottom:0.2rem; background: #f1f1f1;}
.yh-container{width: 93.75%;margin: 0.3rem auto 0 auto;}
.yh-container ul{margin:0;padding: 0;width: 100%;}
.yh-container li{float: left; width: 32%;margin: 0 10px 10px 0;;padding: 0;}
.yh-container li .yh-pic img{display: block;width: 100%;height: auto;}
.yh-container .yh-title{font-size: 0.22rem;line-height: 0.4rem; color: #333;}
.yh-container .yh-con{font-size: 0.3rem;font-weight: bold;line-height: 0.3rem; color: #333;}
.yh-container .yh-con b{display: inline-block;height:0.3rem;padding: 0 3px;margin: 0 3px 0 0; line-height:0.3rem;font-size: 0.2rem;font-weight:normal;color: #fff;background: #fda233; border-radius: 3px; vertical-align: top;}












.swiper-pagination-bullet-active{background: #666;}

#header{position: relative;}
#header .logo img{display: block;margin:0 auto;height: 0.8rem;}
#header .nav-btn{position: absolute;top:0.2rem;left: 0.2rem;width: 0.4rem;}
#header .nav-mess{position: absolute;top:0.2rem;right: 0.2rem;width: 0.4rem;}
#header .nav-btn img,#header .nav-mess img{display: block;width: 100%;}

.index-focus{margin: 0 0 0.3rem 0;}
/*
.banner{margin: 0 0 0.3rem 0;}
.banner img{display: block;width:100%;}
*/
.index-pro li{float: left;width: 30%;padding:0 0 0.3rem;margin: 0 0.1rem 0 0.1rem;}
.index-pro a{position: relative;display: block; width: 75%;margin: 0 auto;}
.index-pro img{display: block;width: 100%;}
.index-pro span{position: absolute;left: 0;bottom: 0.15rem;width:100%;text-align: center;font-size: 0.22rem; color: #333;}

.index-block{/*padding: 0 0.2rem;*/padding:0 3.125%;margin: 0 0 0.3rem 0;}
.index-block .ihd{height: 0.34rem;font-size: 0.28rem; line-height: 0.34rem; color: #333;}
.index-block .ihd img{height: 0.34rem; margin: 0 0.1rem 0 0; vertical-align: middle;}
.tab-pro{margin: 0.15rem 0 0 0;}
.tab-pro .hd{margin:0 0 0.3rem 0;font-size:0.24rem;line-height:0.5rem;text-align:center;background: #e1e1e1;}
.tab-pro .hd span{float: left;width: 50%;height: 0.5rem;}
.tab-pro .hd span.on{color: #fff; background: #4cbbb4;}
.tab-pro li{float: left;position:relative;width: 33.33333%;text-align: center;font-size: 0.2rem;line-height: 0.26rem;border-right: 1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.tab-pro li:nth-child(3n){border-right: none;}
.tab-pro li:nth-last-child(1),.tab-pro li:nth-last-child(2),.tab-pro li:nth-last-child(3){border-bottom: none;}

.tab-pro li a{display: block;padding:0.2rem 0;}
.tab-pro li img{display: block;width: 47%;margin: 0 auto;max-width: 0.94rem;}
.tab-pro li strong{display:block;margin:0.1rem 0 0 0;font-weight: normal;}
.tab-pro li span{display: block; color: #999;}
.tab-pro .btn-more{display: block;width: 3.2rem;height: 0.6rem; margin: 0.3rem auto 0; line-height: 0.6rem;text-align: center; font-size: 0.24rem; color: #fff; border-radius: 3px;background: #fda233;}

.index-yh{margin: 0.2rem 0 0 0;}
.index-yh a{display: block;overflow: hidden;}
.index-yh img{display: block;width: 100%;}
.index-yh .yh-l{float: left;width: 35%;}
.index-yh .yh-r{float: right;width: 63.33333%;}
.index-yh .yh-r1{width: 100%;padding: 0 0 2.5% 0;}
.index-yh .yh-r2{float: left;width: 47.3684%}
.index-yh .yh-r3{float: right;width: 50%}

.index-news{padding-top:0.15rem;padding-bottom:0.15rem;background: #f5f5f5;}
.index-news h3{float: left;width: 0.94rem;height: 0.94rem;padding:0.11rem 0 0 0;font-size:0.3rem;line-height:0.36rem;text-align:center;background: #e1e1e1;}
.index-news .bd{float: right;width: 4.9rem;height: 0.94rem;}
.index-news .hot-news{height: 0.94rem;}
.index-news .swiper-slide{height: 0.94rem;}
.index-news p{padding:0.1rem 0 0 0;}
.index-news a{font-size: 0.2rem;line-height: 0.3rem;}
.index-news a span{ display: inline-block;margin:0 0.1rem 0 0;padding:0 5px;vertical-align: top; color:#fff;background: #4cbbb4; border-radius: 3px; overflow: hidden;}

.index-case{margin: 0.2rem 0 0 0;}
.index-case img{display: block;width: 100%;}
.index-case .swiper-slide{position: relative;}
.index-case .case-info{position: absolute; left: 3.3%; top: 0; width: 45%;}
.index-case label{display:inline-block;padding: 0 0.1rem;font-size: 0.2rem;color: #fff;line-height: 0.35rem;background: #4cbbb4; border-radius: 0 0 5px 5px; vertical-align: top;}
.index-case .title{padding:10% 0 0 0;font-size: 0.2rem;}
.index-case .title span{display: block; font-size: 0.36rem; line-height: 120%;}
.index-case .info{padding:10% 0 0 0;font-size: 0.2rem; line-height: 0.24rem; color: #666;}
.index-case .info span{display: block; width: 1.1rem; height: 0.34rem; margin: 0 0 4% 0; line-height: 0.34rem; text-align: center; font-size: 0.2rem; background: #666; color: #fff;}
.index-case p{position: absolute;left:0;top:88%;width:100%;text-align: center;font-size: 0.24rem;}
.index-case .btn-more{display: block;width: 3.4rem;height: 0.6rem; margin: 0.2rem auto 0; line-height: 0.6rem;text-align: center; font-size: 0.24rem; color: #fff; border-radius: 3px;background: #fda233;}
/*
.zj-focus{margin:0.2rem 0 0 0;}
.zj-focus img{display: block;width: 100%;}
.zj-focus .swiper-slide{position: relative;}
.zj-focus .bg{position:absolute;left:0;bottom:8%;width: 100%; padding: 3%; font-size: 0.2rem; line-height: 0.24rem;color: #666;background: rgba(255,255,255,0.7);}
.zj-focus .title{padding:0 0 2% 0;font-size: 0.24rem;color: #4cbbb4;}
.zj-focus .swiper-pagination{position: static;}
*/
.brand-zhuanjia{margin-top: 0.2rem;}
.brand-zhuanjia .bd li{position: relative;}
.brand-zhuanjia .bg{width: 70%;  font-size: 0.2rem; color: #666;background: rgba(255,255,255,0.7);float: right;}
.brand-zhuanjia .title{padding:0 0 2% 0;font-size: 0.24rem;color: #4cbbb4;}
.brand-zhuanjia .swiper-pagination{position: static;}
.brand-zhuanjia .hd{margin:0.1rem 0 0 0;font-size: 0; text-align: center;}
.brand-zhuanjia .hd li{display: inline-block;width:10px;height:10px;margin: 0 3px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; background: #ddd; vertical-align: top;}
.brand-zhuanjia .hd li.on{background: #666;}

.ihd2{padding:0 0 2% 0;font-size: 0.28rem;color: #333; text-align: center; line-height: 0.3rem;}
.teyao li{position: relative; padding: 1.5%; margin: 2% 0 0 0; background: #f1f1f1;}
.teyao li a{display: block;}
.teyao .zj-pic{position:relative;float: left;width: 22.83%;padding: 22.83% 0 0 0;border-radius: 50%; overflow: hidden;}
.teyao .zj-pic img{position: absolute;left: 0;top: 0;width: 100%;}
.teyao .zj-title{ width: 90%; height: 0.7rem; padding: 0.2rem 0 0 0; line-height: 0.5rem; font-size: 0.2rem; color: #666; border-bottom: 1px dashed #e1e1e1;}
.teyao .zj-title span{padding: 0 0.2rem 0 0.2rem; font-size: 0.24rem;color: #333;}
.teyao .zj-info{padding:0.15rem 0 0 0;font-size: 0.2rem; color: #333; line-height: 0.26rem;}
.teyao .zj-info span{display: inline-block;padding: 2px 3px 0 3px;margin: 0 0.05rem 0 0.2rem; line-height: 0.26rem; color: #fff; background: #666; vertical-align: middle; border-radius: 3px;}
.teyao i{position: absolute; right: 1.5%; top: 7%; width: 0.7rem; height: 0.7rem; padding: 0.13rem 0 0 0; color: #fff;font-style: normal; font-size: 0.2rem; line-height: 0.24rem; text-align: center; background: #a6d5d2; border-radius: 50%;}
.teyao i:after{position: absolute; z-index: 1; left: 0rem; bottom: 0; width: 0.32rem; height: 0.32rem; content: ''; background: #a6d5d2; }
.teyao i span{position: relative; z-index: 2;}
.btn-ty{display: block;width: 3.4rem;height: 0.6rem; margin: 2% auto 0; line-height: 0.6rem;text-align: center; font-size: 0.24rem; color: #fff; border-radius: 3px;background: #fda233;}

.news img{display: block;width: 100%;}
.news .hd{margin: 0.2rem 0;}
.news .hd ul{display: flex;}
.news .hd li{flex-basis: 25%; height: 0.6rem; font-size: 0.24rem; line-height: 0.6rem; text-align: center; border-left: 1px solid #fff; background: #e1e1e1;}
.news .hd li:nth-child(1){border: none;}
.news .hd li.on{color: #fff; background: #4cbbb4;}
.news .bd{height: 4rem;overflow: hidden;background: #f5f5f5;}
.news .bd p{padding:0.2rem 0.1rem 0;font-size: 0.2rem; line-height: 0.3rem;color: #000;}
.news .bd p a{color: #000;}

