@charset "utf-8";
html{font-size: 625%;}
*{margin:0;padding:0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{position:relative;font-family:'Microsoft YaHei';font-size:0.16rem;color:#333;background:#fff;}
ul,li{list-style:none;}
a{text-decoration:none;outline:none;color:#333;}
a:hover{text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());} 
.left{float:left}
.right{float:right}
img{border:0;}
h1, h2, h3, h4, h5, h6, b, i, em {font-size: 100%;font-style:normal;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Microsoft YaHei';}
.none{ display:none;}
.area{position:relative;margin:0 auto;width:100%;max-width:750px;}
.area,.clear,.con{*zoom:1;}
.area:after,.clear:after,.con:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}

.pageboder{margin:0 auto;position:relative;z-index:1;overflow:hidden;width:100%;min-width:320px;max-width:750px;background:#f4f4f4;}

/******************************/

/*
 * m-panel
 * 侧导航样式
*/

.allpage{position:relative;z-index:10;right:0%;background:#f4f4f4; height:100%;}


.m-panelBg{display:none;position:absolute;z-index:99;width:100%;background: rgba(0,0,0,.3); cursor:pointer;}

.m-panel{position:absolute;top:0;right:0;width:50%;height:100%;z-index:1; background: #f4f4f4; }

.panel-title{ position: relative; text-align: center; background: #fff; }
.panel-title .logo{ display: inline-block; vertical-align: top; width:3.75rem; height:1rem; line-height: 1rem; font-size: 0; text-align: center;}
.panel-title .logo img{ max-width:100%; vertical-align:middle; }

.panel-nav{ }
.panel-nav .fir-ul{ padding: 0.2rem 0.25rem; }
.panel-nav .fir-li{ float: left; padding: 0.1rem 0; width:100%; border-bottom: solid 1px #ccc; }
.panel-nav .fir-li .u-a{ position: relative; zoom:1; display: block; height: 0.5rem; line-height:0.5rem; overflow: hidden; font-size:0.3rem; text-align: center; color: #333;}
.panel-nav .fir-li .u-a:active{ color: #fff; background: #705125; }

.panel-nav .fir-li .arrow:before{ content: ">"; position: absolute; top: 50%; right: 0.5rem; margin-top: -0.14rem; line-height: 1; font-size: 0.32rem; font-family: 'SimHei'; }
.panel-nav .fir-li .arrow-rotate:before{transform:rotate(90deg);}

.panel-nav .sec-box{ display: none; }
.panel-nav .sec-ul{ padding-top: 0.1rem; }
.panel-nav .sec-ul a{ display: block; height: 0.5rem; line-height: 0.5rem; overflow: hidden; font-size: 0.24rem; text-align: center; color: #333; border-top: solid 1px #ddd; }
.panel-nav .sec-ul a:active{ color: #fff; background: #705125; }


/***************** header ***********************/
.top-box{ position:relative;z-index: 10; background: #fff; }
.top-box .logo{ width: 3.75rem; height: 1rem; line-height: 1rem; font-size: 0; text-align: left; }
.top-box .logo img{ max-width:100%; vertical-align:middle;}
.top-box .nav{ float: right; width:1rem; cursor:pointer;}
#content{ }

.mgtp-20{ margin-top: 0.2rem;}
.mgtp-30{ margin-top: 0.3rem;}
.center{ text-align: center;}

/***************** main-box ***********************/
.main-box{}

/*
 * swiper
 * banner图样式
*/
.banner{ position:relative; zoom:1; }
.swiper-banner{ overflow: hidden; }
.swiper-banner a{ display:block; }
.swiper-banner img{ max-width:100%; vertical-align:top; }
.banner .swiper-pagination{ left: 0; bottom:0.2rem; width: 100%; line-height: 0; font-size: 0; text-align: center; }
.banner .swiper-pagination-bullet{vertical-align:top; margin:0 0.08rem; width:0.13rem;height:0.13rem; background:#fff; opacity:1; transition:none;}
.banner .swiper-pagination-bullet-active{ background: #705125; }


.m-nav{ padding: 0.2rem 0.25rem; background: #fff; box-shadow: 0 1px 1px rgba(191,191,191,.65); }
.m-nav li{ float: left; margin:0.12rem 0 0 0.12rem; width: 1.66rem; text-align: center; }
.m-nav li:nth-child(-n+4){ margin-top: 0; }
.m-nav li:nth-child(4n+1){ margin-left: 0; }
.m-nav a{ display: block; height: 0.8rem; line-height: 0.8rem; overflow: hidden; font-size: 0.28rem; background: #f4f4f4; }
.m-nav a:active{ color: #fff; background-color: #705125; }

.m-title{ height: 0.8rem; line-height: 0.8rem; overflow: hidden; }
.m-title h2{ padding: 0 0.22rem; font-size: 0.36rem; font-weight: normal; border-left: solid 0.03rem #705125; }
.m-title .more{ float: right; font-size: 0.24rem; padding: 0 0.25rem; }
.m-title .more:after{ content: ""; display: inline-block; vertical-align: top; margin: 0.3rem 0 0 0.06rem; width: 0.19rem; height: 0.19rem; background: url(../images/ico-more.gif) center / cover no-repeat; }
.m-title .more:active{ color: #fff; background: #705125; }
.m-title .more:active:after{ background-image: url(../images/ico-more-hover.gif); }


.m-product{ margin-top: 0.3rem; padding-bottom: 0.4rem; background: #fff; box-shadow: 0 1px 1px rgba(191,191,191,.65); }
.m-product .picList{ margin-top: 0.3rem; }

.picList{ padding: 0 0.25rem; overflow: hidden; }
.picList li{ float: left; margin:0.32rem 0 0 0.24rem; width: 3.38rem; }
.picList li:nth-child(-n+2){ margin-top: 0; }
.picList li:nth-child(2n+1){ margin-left: 0; }
.picList .u-box{ position: relative; display: block; }
.picList .u-img{ display: block; width: 3.38rem; overflow: hidden; }
.picList .u-img .over{position:relative;zoom:1;display:block;padding-top: 2.42rem; overflow:hidden;}
.picList .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.picList .u-name{ position: absolute; bottom: 0; left: 0; width: 100%; height: 0.6rem; line-height: 0.6rem; overflow: hidden; padding: 0 0.2rem; font-size: 0.32rem; font-weight: normal; text-align: center; color: #fff; background: rgba(0,0,0,.6) }


.m-news{ margin-top: 0.3rem; padding-bottom: 0.4rem; background: #fff; box-shadow: 0 1px 1px rgba(191,191,191,.65); }
.m-news .newsList{ margin-top: 0.3rem; }
.m-news .newsList li.pic{ float: left; margin-right: 0.3rem; width: 2.45rem; height: auto; }
.m-news .newsList li.pic .u-img{ display: block; width: 2.45rem; overflow: hidden; }
.m-news .newsList li.pic .u-img .over{position:relative;zoom:1;display:block;padding-top: 2.8rem; overflow:hidden;}
.m-news .newsList li.pic .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.newsList{ padding: 0 0.25rem; overflow: hidden; }
.newsList li{ height: 0.48rem; line-height: 0.48rem; overflow: hidden; font-size: 0.24rem; }
.newsList .u-name:active{ color: #705125; }
.newsList .u-name:before{ content: "·"; margin-right: 0.5em; }

.m-case{ margin-top: 0.3rem; padding-bottom: 0.4rem; background: #fff; box-shadow: 0 1px 1px rgba(191,191,191,.65); }
.m-case .picList{ margin-top: 0.3rem; }


.m-links{ margin-top: 0.3rem; padding-bottom: 0.4rem; background: #fff; box-shadow: 0 1px 1px rgba(191,191,191,.65); }
.m-links .linksList{ margin-top: 0.3rem; }


.linksList{ padding: 0 0.25rem; overflow: hidden; }
.linksList li{ float: left; margin: 0.08rem 0 0 0.08rem; width: 2.28rem; }
.linksList li:nth-child(-n+3){ margin-top: 0; }
.linksList li:nth-child(3n+1){ margin-left: 0; }
.linksList .u-img{ display: block; width: 2.28rem; overflow: hidden; }
.linksList .u-img .over{position:relative;zoom:1;display:block;padding-top: 0.94rem; overflow:hidden;}
.linksList .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}



#footer{z-index:200; background: #fff; box-shadow: 0 1px 1px rgba(191,191,191,.65) inset; }
.m-footer{position:relative;margin:0 auto;max-width:750px;min-width:320px;text-align:center;}
.m-footer li{float:left;width:25%;}
.m-footer li a{display:block;color:#fff;text-align:center;font-size:0.22rem; padding: 0.08rem 0 0.04rem; color: #666; }
.m-footer li a:active{ color: #fff; background: #705125; }
.m-footer span{display:block;margin:0 auto;width:100%;}
.m-footer span.u-img{ display: block; width:0.54rem; height: 0.54rem; overflow: hidden; }
.m-footer span.u-title{ line-height:0.32rem; }

.m-footer .home span.u-img{ background: url(../images/ico/footer-i1.png) center / cover no-repeat; }
.m-footer .message span.u-img{ background: url(../images/ico/footer-i2.png) center / cover no-repeat; }
.m-footer .tel span.u-img{ background: url(../images/ico/footer-i3.png) center / cover no-repeat; }
.m-footer .qq span.u-img{ background: url(../images/ico/footer-i4.png) center / cover no-repeat; }

.m-footer .home:active span.u-img{ background: url(../images/ico/footer-i1-hover.png) center / cover no-repeat; }
.m-footer .message:active span.u-img{ background: url(../images/ico/footer-i2-hover.png) center / cover no-repeat; }
.m-footer .tel:active span.u-img{ background: url(../images/ico/footer-i3-hover.png) center / cover no-repeat; }
.m-footer .qq:active span.u-img{ background: url(../images/ico/footer-i4-hover.png) center / cover no-repeat; }



.sub-title{ position: relative; zoom:1; padding: 0 1.1rem; line-height: 0.9rem; font-size: 0.36rem; text-align: center; color: #fff; background: #705125; }
.sub-title h2{ font-weight: normal; }
.sub-title .back{ position: absolute; top: 0; left: 0.25rem; width: 0.8rem; line-height: 0.9rem; font-size: 0.48rem; font-family: 'SimHei'; color: #fff; }


.sub-nav li{ float: left; display: inline; margin: 0.2rem 0 0 0.2rem; }
.sub-nav li:nth-child(4n+1){ margin-left: 0.15rem; }
.sub-nav li a{ display: block; width: 1.65rem; height: 0.6rem; line-height: 0.58rem; overflow: hidden; font-size: 0.26rem; text-align: center; border: solid 1px #ccc; background: #f4f4f4;}
.sub-nav li.current a{ color: #ff4401; }

.m-content{ margin-bottom: 0.4rem; padding: 0.3rem 0; background: #fff; box-shadow: 0 1px 1px rgba(191,191,191,.65);  }


.detail_share{ margin-top: 0.4rem;}
.detail_page{ margin-top: 0.3rem; padding: 0.14rem 0; border-top: solid 1px #e4e4e4;}
.detail_page a{display: block;height: 0.4rem;line-height: 0.4rem;font-size: 0.24rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.public_proDetail{padding: 0.2rem 0.25rem;}
.public_proDetail .hd{ padding: 0.16rem 0; line-height: 0.54rem; font-size: 0.36rem; font-weight: normal; text-align: center;color: #000;}
.public_proDetail .time{ margin-bottom: 0.4rem; padding: 0.2rem 0; line-height: 0.36rem;font-size: 0.24rem;font-weight: normal;text-align: center;color: #999; border-bottom: solid 0.01rem #e4e4e4;}
.public_proDetail .pro_imgBox{overflow: hidden;position: relative;}
.public_proDetail .pro_imgBox img{display: block;margin: 0 auto;max-width: 100%;}
.public_proDetail .pro_imgBox a{display: block; margin-top: -0.435rem; width: 0.54rem;height: 0.87rem;line-height: 0.87rem; overflow: hidden; font-size: 0.36rem;font-family: "Microsoft YaHei";color: #fff;text-align: center; background: #000;position: absolute;z-index: 5;top: 50%;opacity: .8;}
.public_proDetail .pro_imgBox a.last_btn{left: 0;}
.public_proDetail .pro_imgBox a.next_btn{right: 0;}
.public_proDetail .pro_explain{line-height: 0.4rem;font-size: 0.24rem;margin-top: .40rem;}


.public_newDetail{padding: 0.2rem 0.25rem;}
.public_newDetail img{max-width: 100%; vertical-align: top;}
.public_newDetail .hd{ padding: 0.16rem 0; line-height: 0.54rem; font-size: 0.36rem; font-weight: normal; text-align: center;color: #000;}
.public_newDetail .time{ margin-bottom: 0.4rem; padding: 0.2rem 0; line-height: 0.36rem;font-size: 0.24rem;font-weight: normal;text-align: center;color: #999; border-bottom: solid 0.01rem #e4e4e4;}
.public_newDetail .newDetail_con{line-height: 0.4rem;font-size: 0.24rem;}


.public_messages{padding: 0.2rem 0.25rem;}
.pub_message_ul{width: 6.1rem;overflow: hidden;margin: 0 auto;}
.pub_message_ul li{overflow: hidden;margin-top: 0.18rem;}
.pub_message_ul label{display: block;float: left;width: 1.48rem;height: 100%;font-size: 0.28rem;color: #333;text-align: right;line-height: 0.70rem;}
.pub_message_ul li input{float: left;}
.pub_message_ul li .txt_ipt,
.pub_message_ul li .message_textarea{width: 4.58rem;height: .68rem;border: solid 1px #ccc;border-radius:0.05rem;background: #f4f4f4;outline: 0px;font-size: 0.28rem;text-align: left;padding: 0 0.16rem;float: left;margin-left: 0.04rem;}
.pub_message_ul li .message_textarea{height:1.2rem;font-size: 0.2rem;padding: 0.1rem 0.16rem;}
.pub_message_ul li.message_li{height: auto;}
.pub_message_ul li.code_li img{margin-top: .2rem;}
.pub_message_ul li.code_li .txt_ipt{width:40%;}
.pub_message_ul li.submi_li input{margin: 0 auto; display: block; float: none; width: 80%;height: .70rem;background: #705125;border: 0 none;border-radius: 0.05rem;font-size: 0.32rem;color: #fff;font-weight: bold; cursor: pointer;}



/* 普通翻页器-默认居中 */
.m-page{ margin-top: 0.2rem; padding: 0.2rem 0;text-align:center;line-height:0.38rem;color:#fff; font-size: 0;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding: 0 0.12rem;font-size:0.22rem;color:#999; border: solid 1px #e4e4e4; background:#fff;}
.m-page a,.m-page a:hover{text-decoration:none;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a:hover,
.m-page a:active{border-color: #705125; background-color:#705125;color:#fff;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#fff;border-color: #705125; background-color:#705125;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ddd;border-color: #e4e4e4; background-color:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm a,.m-page-sm i{padding:0 0.1rem;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 0.08rem;}