@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;left:0%;background:#f5f7f6;overflow:hidden;}


.m-panelBg{display:none;position:absolute;z-index:50;width:100%;cursor:pointer;}

.m-panel{position:absolute;top:0;left:-100%;width:40%;height:100%;z-index:100; background: rgba(204,0,0,.9); }

.panel-nav{ padding-top: .9rem; }
.panel-nav .fir-ul{ margin-right: .2rem; }
.panel-nav .fir-li{ float: left; padding-left: .2rem; width:100%; border-bottom: solid 1px #c5d661; }
.panel-nav .fir-li .u-a{ position: relative; zoom:1; display: block; height: .8rem; line-height:.8rem; overflow: hidden; font-size:.28rem; text-align: center; color: #fff;}

.panel-nav .fir-li .show{ font-weight: bold; }

.panel-nav .sec-box{ display: none; }
.panel-nav .sec-ul{ margin-right: -.2rem; padding: .15rem .2rem .15rem 0; border-top: solid 1px #c5d661; }
.panel-nav .sec-ul a{ display: block; height: .7rem; line-height: .7rem; overflow: hidden; font-size: .24rem; text-align: center; color: #fff; }



/***************** header ***********************/
.top-box{ position:relative;z-index: 100; background: #f5f7f6; }
.top-box .logo{ margin: 0 1rem; height: .88rem; overflow: hidden; font-size: 0; text-align: center; }
.top-box .logo:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.top-box .logo img{ max-width:80%; max-height: 60%; vertical-align:middle;}
.top-box .nav{ float: left; width:.86rem; height: .88rem; background: url(../images/btn-nav.png) center / .46rem .38rem no-repeat; }

.top-box-bg{ border-bottom: solid 1px #eee; background: #fff; }

#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:.1rem; width: 100%; line-height: 0; font-size: 0; text-align: center; transition: none; }
.banner .swiper-pagination-bullet{vertical-align:top; margin:0 .05rem; width:.3rem;height:.04rem; background:#d4eefb; opacity:1;  border-radius: .02rem; }
.banner .swiper-pagination-bullet-active{ background: #c0d352; }


.m-nav{ padding: 0 .2rem; background: #fff; }
.m-nav li{ float: left; padding: .26rem 0 .1rem; }
.m-nav a{ position: relative; zoom:1; display: block; font-size: .24rem; text-align: center; color: #666; }
.m-nav .ico{ display: none; margin: 0 auto; width: 1.38rem; height: 1.38rem; overflow: hidden; font-size: 0; text-align: center; border: solid 1px #fff; border-radius: 50%; }
.m-nav .ico:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.m-nav .ico img{ vertical-align: middle; max-width: 100%; max-height: 100%; }
.m-nav .name{ height: .62rem; line-height: .62rem; overflow: hidden; font-weight: normal; }

.m-nav li:nth-child(4n+1) .ico{ background: rgb(235,122,90); box-shadow: 0 0 .1rem rgba(235,122,90,.5); }
.m-nav li:nth-child(4n+2) .ico{ background: rgb(249,214,88); box-shadow: 0 0 .1rem rgba(249,214,88,.5); }
.m-nav li:nth-child(4n+3) .ico{ background: rgb(192,211,82); box-shadow: 0 0 .1rem rgba(192,211,82,.5); }
.m-nav li:nth-child(4n+4) .ico{ background: rgb(67,205,182); box-shadow: 0 0 .1rem rgba(67,205,182,.5); }

.m-nav .swiper-nav{ position: relative; zoom:1; overflow: hidden; }
.m-nav .swiper-button-prev,
.m-nav .swiper-button-next{ top: .17rem; margin: 0; width: auto; height: .8rem; line-height: .8rem; font-size: .28rem; font-family: 'SimHei'; font-weight: bold; text-align: center; color: #666; background: none; }
.m-nav .swiper-button-prev{ left: 0; }
.m-nav .swiper-button-next{ right: 0; }
.m-nav .swiper-button-disabled{ display: none; }



.m-title{ padding: 0 .2rem; line-height: .7rem; }
.m-title h2{ font-size: .34rem; color: #c00; }
.m-title h2:before{ content: ""; display: inline-block; vertical-align: top; margin-top: .2rem; margin-right: .1rem; width: .04rem; height: .32rem; overflow: hidden; background: #c00; border-radius: .02rem; }
.m-title .more{ float: right; margin: .2rem 0 0 .2rem; width: .8rem; line-height: .28rem; overflow: hidden; text-align: center; color: #c00; border: solid .02rem #c00; border-radius: .16rem; }
.m-title .more:active{ color: #fff; background: #c8da5e; }


.m-product{ margin-top: .2rem; padding-bottom: .3rem; background: #fff; }

.proList{ padding: 0 .19rem; overflow: hidden; }
.proList li{ float: left; margin:.2rem 0 0 .2rem; width: 3.46rem; }
.proList li:nth-child(-n+2){ margin-top: 0; }
.proList li:nth-child(2n+1){ margin-left: 0; }
.proList .u-box{ position: relative; display: block; overflow: hidden; border-radius: .04rem; }
.proList .u-img{ display: block; width: 3.46rem; overflow: hidden; }
.proList .u-img .over{position:relative;zoom:1;display:block;padding-top: 2.24rem; overflow:hidden;}
.proList .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.proList .u-name{ position: absolute; bottom: 0; left: 0; right: 0; height: .4rem; line-height: .4rem; overflow: hidden; font-size: .24rem; font-weight: normal; text-align: center; color: #fff; background: rgba(0,0,0,.5); }


.m-about{ margin-top: .2rem; background: #fff; }
.m-about .conBox{ padding: 0 .2rem .3rem; line-height: .42rem; font-size: .26rem; color: #666; }
.m-about .conBox img{ max-width: 100%; border-radius: .04rem; }
.m-about .conBox .content{ height: 1.68rem; overflow: hidden; }


.m-news{ margin: .2rem 0; background: #fff; }

.newsList{ position: relative; zoom:1; overflow: hidden; }

.m-anav-left{overflow: hidden;float: left;width: 1.36rem;font-size: 0.3rem;font-weight: bold;color: #c00;line-height: 0.62rem;height: 0.62rem;padding: 0.26rem 0 0.1rem;box-sizing:content-box;}
.m-anav-right{overflow: hidden;}

.newsList li{ padding: .24rem .2rem .2rem; border-bottom: solid 1px #dfebf9; }
.newsList li:last-child{ border-bottom: none; }
.newsList .u-box{ display: block; }
.newsList .u-box:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.newsList .u-img{ float: left; margin-right: .2rem; width: 3rem; overflow: hidden; border-radius: .04rem; }
.newsList .u-img{ display: block; width: 3rem; overflow: hidden; }
.newsList .u-img .over{position:relative;zoom:1;display:block;padding-top: 2rem; overflow:hidden;}
.newsList .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.newsList .u-name{ padding-top: .12rem; height: .96rem; line-height: .42rem; overflow: hidden; font-size: .28rem; }
.newsList .u-con{ margin-top: .2rem; height: .36rem; line-height: .36rem; overflow: hidden; font-size: .24rem; color: #999; }
.newsList .ico{ display: block; margin-top: .2rem; width: .38rem; height: .08rem; overflow: hidden; background: url(../images/ico-news-more.png) center / contain no-repeat; }



#footer{z-index:200; background: #000; }
.m-footer{position:relative;margin:0 auto; padding: 0 .2rem; max-width:750px;min-width:320px;text-align:center;}
.m-footer li{float:left;width:25%;}
.m-footer li a{display:block; padding: .1rem 0 0;font-size:.2rem;text-align:center; color: #fff; }
.m-footer li a:active{ background: #c00; }
.m-footer li a.active{background: #c00;}
.m-footer span{display:block;margin:0 auto;width:100%;}
.m-footer span.u-img{ display: block; width:.5rem; height: .5rem; overflow: hidden; background: url(../images/ico-footer.png) no-repeat; background-size: .5rem; }
.m-footer span.u-title{ margin-top: .06rem; line-height:.32rem; }

.m-footer .home span.u-img{ background-position: 0 0; }
.m-footer .tel span.u-img{ background-position: 0 -.5rem; }
.m-footer .addr span.u-img{ background-position: 0 -1rem; }
.m-footer .message span.u-img{ background-position: 0 -1.5rem; }


.sub-pic{ padding: .3rem 0; background: #fff;}


.sub-news{}
.sub-news .newsList li{ margin-bottom: .1rem; border-top: solid 1px #eee; border-bottom: solid 1px #eee; background: #fff; }
.sub-news .newsList li:first-child{ border-top: none; }


.m-content{ padding-bottom: .3rem; }

.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; background: #fff; }
.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_imgBox .swiper-button-prev,
.public_proDetail .pro_imgBox .swiper-button-next{ 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: rgba(0,0,0,.8);position: absolute;z-index: 5;top: 50%;}
.public_proDetail .pro_imgBox .swiper-button-prev{ left: 0;}
.public_proDetail .pro_imgBox .swiper-button-next{ right: 0;}
.public_proDetail .pro_explain{line-height: 0.4rem;font-size: 0.24rem;margin-top: .40rem;}
.public_proDetail .pro_explain img{ max-width: 100%; vertical-align: top; }

.public_newDetail{padding: 0.2rem; background: #fff;}
.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_newDetail .newDetail_con img{ max-width: 100%; vertical-align: top; }

.public_messages{padding: 0.2rem; background: #fff;}
.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: #c00;border: 0 none;border-radius: 0.05rem;font-size: 0.32rem;color: #fff;font-weight: bold; cursor: pointer;}


/* 普通翻页器-默认居中 */
.m-page{ padding: .3rem 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: #b0c050; background-color:#b0c050;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: #b0c050; background-color:#b0c050;}
.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;}