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


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

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

.panel-nav{ padding-top: .9rem; }
.panel-nav .fir-ul{ margin-left: .2rem; }
.panel-nav .fir-li{ float: left; padding-right: .2rem; width:100%; border-bottom: solid 1px #000; }
.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 #000; }
.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: #fff; }
.top-box .logo{ margin-left: .24rem; height: .9rem; overflow: hidden; }
.top-box .logo:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.top-box .logo img{ max-width:80%; max-height: 80%; vertical-align:middle;}
.top-box .nav{ float: right; margin-left: .2rem; width:.9rem; height: .9rem; background: url(../images/btn-nav.png) center / .4rem .5rem no-repeat; }

.top-box-bg{ line-height: .9rem; background: #c00; }
.top-box-bg .back{ float: left; margin-right: .2rem; width: .9rem; font-size: .4rem; font-family: 'SimSun'; font-weight: bold; text-align: center; color: #fff; }
.top-box-bg .nav{ background-image: url(../images/btn-nav-white.png); }
.top-box-bg .title{ overflow: hidden; font-size: .34rem; font-weight: normal; text-align: center; color: #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:.25rem; width: 100%; line-height: 0; font-size: 0; text-align: center; transition: none; }
.banner .swiper-pagination-bullet{vertical-align:top; margin:0 .08rem; width:.14rem;height:.14rem; background:#fff; opacity:1;  border-radius: 0; }
.banner .swiper-pagination-bullet-active{ background: #c00; }


.m-nav{ background: #fff; box-shadow: 0 .05rem .05rem rgba(16,5,7,.3); }
.m-nav li{ float: left; width: auto; }
.m-nav a{ position: relative; zoom:1; display: block; padding: 0 .22rem; height: .85rem; line-height: .85rem; overflow: hidden; font-size: .28rem; }
.m-nav a:active{ color: #c00; }
.m-nav li.current a{ font-weight: bold; }
.m-nav li.current a:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: .07rem; overflow: hidden; background: #c00; }

.m-nav .swiper-nav{ position: relative; zoom:1; }
.m-nav .swiper-button-prev,
.m-nav .swiper-button-next{ top: 0; margin: 0; width: .5rem; height: .85rem; line-height: .85rem; font-size: .4rem; font-family: 'SimSun'; text-align: center; color: #fff; background: rgba(0,0,0,.9); }
.m-nav .swiper-button-prev{ left: 0; }
.m-nav .swiper-button-next{ right: 0; }
.m-nav .swiper-button-disabled{ display: none; }



.m-title{ padding: .15rem .24rem; }
.m-title h2{ text-align: center; }
.m-title .en{ line-height: .42rem; font-size: .34rem; font-weight: normal; color: #bbb; }
.m-title .cn{ line-height: .36rem; font-size: .3rem; color: #000; }



.m-about{ margin-top: .2rem; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; background: #fff; }
.m-about .conBox{ padding: .24rem .24rem 0; line-height: .36rem; font-size: .24rem; color: #000; background: #f2f2f2; }
.m-about .conBox .left{ margin-right: .24rem; max-width: 3.6rem; }
.m-about .conBox .content{ padding: .12rem 0 0; height: 2.28rem; overflow: hidden; margin-bottom: .24rem; }

.m-about .advantageBox{ display: flex; }
.m-about .advantageBox li{ padding: .28rem 0 .22rem; width: 34%; text-align: center; border-left: solid 1px #ececec; }
.m-about .advantageBox li:first-child{ border: none; }
.m-about .advantageBox h4{ line-height: .54rem; font-size: .44rem; }
.m-about .advantageBox h4:after{ content: ""; display: block; margin: 0 auto; width: .4rem; height: 0; overflow: hidden; border-bottom: solid 1px #ccc; }
.m-about .advantageBox p{ line-height: .44rem; font-size: .18rem; color: #666; }


.m-business{ position: relative; zoom:1; margin: 0 .24rem; padding: .26rem 0 .22rem; }
.m-business li{ float: left; width: 50%; }
.m-business a{ position: relative; zoom:1; display: block; padding: .2rem 0 .2rem .86rem; color: #c00; background: #fff; }
.m-business .number{ position: absolute; top: 50%; left: .24rem; margin-top: -.25rem; width: .48rem; height: .48rem; overflow: hidden; border: solid 1px #c00; background: url(../images/ico-business.png) no-repeat; background-size: .48rem; border-radius:50%; }
.m-business .en{ height: .28rem; line-height: .28rem; overflow: hidden; font-size: .2rem; letter-spacing: -.01rem; }
.m-business .cn{ height: .24rem; line-height: .24rem; overflow: hidden; font-size: .16rem; font-weight: normal; }

.m-business li:nth-child(1) .number{ background-position: 0 0; }
.m-business li:nth-child(2) .number{ background-position: 0 -.48rem; }
.m-business li:nth-child(3) .number{ background-position: 0 -.96rem; }
.m-business li:nth-child(4) .number{ background-position: 0 -1.44rem; }
.m-business li:nth-child(5) .number{ background-position: 0 -1.92rem; }
.m-business li:nth-child(6) .number{ background-position: 0 -2.4rem; }

.m-business li a:active{ color: #fff; background: #c00; }
.m-business li a:active .number{ border-color: #fff; background-image: url(../images/ico-business-hover.png); }

.m-business .swiper-business{ overflow: hidden; }
.m-business .swiper-button-prev,
.m-business .swiper-button-next{ top: 0; margin: 0; width: .24rem; height: 100%; background: none; }
.m-business .swiper-button-prev{ left: -.24rem; }
.m-business .swiper-button-next{ right: -.24rem; }
.m-business .swiper-button-prev:before,
.m-business .swiper-button-next:before{ content: ""; position: absolute; top: 50%; margin-top: -.08rem; width:0; height:0; overflow:hidden; border-style:solid;}
.m-business .swiper-button-prev:before{ right: 0; border-width:.08rem .08rem .08rem 0; border-color: transparent #ccc transparent transparent;}
.m-business .swiper-button-next:before{ left: 0; border-width:.08rem 0 .08rem .08rem; border-color: transparent transparent transparent #ccc;}
.m-business .swiper-button-disabled{ display: none; }


.m-product{ padding-bottom: .36rem; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; background: #fff; }

.proList{ padding: 0 .24rem; overflow: hidden; }
.proList li{ float: left; margin:.1rem 0 0 .06rem; width: 2.3rem; }
.proList li:nth-child(-n+3){ margin-top: 0; }
.proList li:nth-child(3n+1){ margin-left: 0; }
.proList .u-box{ position: relative; display: block; }
.proList .u-img{ display: block; width: 2.3rem; overflow: hidden; }
.proList .u-img .over{position:relative;zoom:1;display:block;padding-top: 1.74rem; overflow:hidden;}
.proList .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}


.m-news{ margin-top: .2rem; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; background: #fff; }

.newsList{ position: relative; zoom:1; margin: 0 .24rem; padding-bottom: .24rem; overflow: hidden; }
.newsList:before{ content: ""; position: absolute; top: 0; right: 2.9rem; width: 0; height: 100%; overflow: hidden; border-left: solid 1px #e2e2e2; }
.newsList li{ margin-top: .15rem; }
.newsList li:first-child{ margin-top: 0; }
.newsList .u-box{ position: relative; zoom:1; display: block; }
.newsList .u-box:active{ color: #c00; }
.newsList .u-box:before{ content: ""; position: absolute; top: 50%; right: 2.9rem; margin: -.15rem -.15rem 0 0; width: .14rem; height: .14rem; overflow: hidden; border: solid .08rem #ededed; background: #999; border-radius: 50%; }
.newsList .u-box:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.newsList .u-img{ float: right; margin-left: 1.2rem; width: 2.3rem; overflow: hidden; }
.newsList .u-img .over{position:relative;zoom:1;display:block;padding-top: 1.74rem; overflow:hidden;}
.newsList .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.newsList .u-name{ height: .5rem; line-height: .5rem; overflow: hidden; font-size: .24rem; font-weight: normal; }
.newsList .u-con{ height: .48rem; line-height: .24rem; overflow: hidden; font-size: .18rem; color: #666; }
.newsList .u-date{ height: .4rem; line-height: .4rem; overflow: hidden; font-size: .18rem; color: #8e8e8e; }

.goTop{ display: block; padding: .12rem 0 .14rem; line-height: 0; font-size: 0; background: #000; text-align: right; }
.goTop span{ display: inline-block; padding: 0 .24rem; line-height: .34rem; font-size: .2rem; text-align: center; color: #fff; }
.goTop span:after{ content: ""; display: block; margin: 0 auto; width:0; height:0; overflow:hidden; border-width:0 .08rem .12rem; border-style:solid; border-color: transparent transparent #fff transparent; }

.m-copyright{ padding: .3rem 0; line-height: .36rem; font-size: .2rem; text-align: center; }
.m-copyright,
.m-copyright a{ color: #808080; }
.m-copyright a:active{ color: #c00; }

#footer{z-index:200; border-top: solid 1px #ccc; background: #fff; }
.m-footer{position:relative;margin:0 auto;max-width:750px;min-width:320px;text-align:center;}
.m-footer li{float:left;width:20%;}
.m-footer li a{display:block; padding: .12rem 0 .02rem;font-size:.2rem;text-align:center; color: #666; }
.m-footer li a:active,
.m-footer .searchBox.active a{ color: #c00; }
.m-footer span{display:block;margin:0 auto;width:100%;}
.m-footer span.u-img{ display: block; width:.4rem; height: .4rem; overflow: hidden; background: url(../images/ico-footer.png) no-repeat; background-size: .4rem; }
.m-footer span.u-title{ line-height:.42rem; }

.m-footer .home span.u-img{ background-position: 0 0; }
.m-footer .tel span.u-img{ background-position: 0 -.4rem; }
.m-footer .qq span.u-img{ background-position: 0 -.8rem; }
.m-footer .addr span.u-img{ background-position: 0 -1.2rem; }
.m-footer .search span.u-img{ background-position: 0 -1.6rem; }

.m-footer a:active span.u-img,
.m-footer .searchBox.active span.u-img{ background-image: url(../images/ico-footer-hover.png); }


.m-footer .searchBox{ position: relative; zoom:1; }
.m-footer .searchBox .form{ display: none; position: absolute; bottom: 100%; right: 0; width: 7.5rem; margin-bottom: .1rem; font-size: 0; border: solid 1px #999; background: rgba(255,255,255,.8); border-radius: .1rem; }
.m-footer .searchBox .form:before{ content: ""; position: absolute; bottom: 0; right: 0; margin: 0 .7rem -.05rem 0; width:0; height:0; overflow:hidden; border-width:.05rem .05rem 0; border-style:solid; border-color: #999 transparent transparent transparent; }
.m-footer .searchBox .form input{vertical-align: top; height: .58rem; border: 0 none;outline: 0;}
.m-footer .searchBox .form input[type="text"]{width: 85%;background: none;font-size: .24rem;text-indent: .1rem;font-family: "Microsoft YaHei";}
.m-footer .searchBox .form input[type="submit"]{width: 15%;background: url(../images/ico-search.png) center no-repeat;background-size: .3rem; cursor: pointer;}


.sub-title{  padding: 0 .24rem; height: .74rem; line-height: .74rem; overflow: hidden; }
.sub-title .more{ position: relative; z-index: 10; float: right; font-size: .24rem; color: #999; }
.sub-title .more:active{ color: #c00; }
.sub-title h2{ position: relative; zoom:1; padding-left: .12rem; font-size: .26rem; font-weight: normal; color: #c00; }
.sub-title h2:before{ content: ""; position: absolute; left: 0; top: 50%; margin-top: -.12rem; width: .02rem; height: .24rem; overflow: hidden; background: #c00; }


.sub-product{ margin-top: .2rem; padding-bottom: .24rem; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; background: #fff; }
.proList-scroll{ margin: 0 .24rem; }
.proList-scroll li{ float: left; width: 3rem; margin-right: .08rem; }
.proList-scroll li:last-child{ margin-right: 0; }
.proList-scroll .u-img{ display: block; width: 3rem; overflow: hidden; }
.proList-scroll .u-img .over{position:relative;zoom:1;display:block;padding-top: 2.26rem; overflow:hidden;}
.proList-scroll .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.sub-news{ border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; background: #fff; }
.sub-news .newsList{ padding-top: .24rem; }


.sub-recruit{ border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; background: #fff; }
.sub-recruit .newsList{ padding-top: .24rem; }
.sub-recruit .newsList:before,
.sub-recruit .newsList .u-box:before{ display: none; }
.sub-recruit .newsList li{ margin: 0; padding: .15rem 0; border-top: solid 1px #e2e2e2 ; }
.sub-recruit .newsList li:first-child{ border-top: none; }
.sub-recruit .newsList .u-con{ height: auto; line-height: .3rem; }
.sub-recruit .newsList .u-con2{ line-height: .3rem; font-size: .18rem; color: #666; }


.sub-pic{ padding: .24rem 0; border-top: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; background: #fff; }

.m-content{ margin-top: .2rem; }


.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;}
.detail_page a:active{ color: #c00; }

.public_proDetail{}
.public_proDetail .hd{ margin: 0 .24rem; padding: 0.1rem 0; line-height: 0.7rem; font-size: 0.35rem; border-bottom: solid 2px #c4c4c4; }
.public_proDetail .content{ margin: 0 .24rem; padding: .24rem 0; line-height: 2; font-size: .24rem; }
.public_proDetail .pro_imgBox{ border-bottom: solid 1px #ececec; background: #fff; }
.public_proDetail .pro_imgBox img{display: block;margin: 0 auto;max-width: 100%;}
.public_proDetail .pro_imgBox a{display: block;}
.public_proDetail .pro_imgBox .swiper-pro{overflow: hidden;position: relative;}
.public_proDetail .pro_imgBox .swiper-number{ position: absolute; z-index: 10; bottom: .1rem; right: .14rem; padding: 0 .35rem; line-height: .4rem; font-size: .24rem; background: rgba(255,255,255,.8); border-radius: .2rem; }
.public_proDetail .pro_imgBox .swiper-pagination{ left: 0; bottom:.2rem; width: 100%; line-height: 0; font-size: 0; text-align: center; transition: none; }
.public_proDetail .pro_imgBox .swiper-pagination-bullet{vertical-align:top; margin:0 .06rem; width:.12rem;height:.12rem; background:#fff; opacity:1;}
.public_proDetail .pro_imgBox .swiper-pagination-bullet-active{ background: #c00; }

.public_proDetail .pro_imgBox .swiper-button-prev,
.public_proDetail .pro_imgBox .swiper-button-next{ margin-top: -0.47rem; width: 0.38rem; height: 0.94rem; line-height: 0.94rem; overflow: hidden; font-size: 0.5rem;font-family: "SimSun";color: #fff;text-align: center; background: rgba(0,0,0,.85);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{ margin-top: .16rem; border-top: solid 1px #ececec; background: #fff; }
.public_proDetail .pro_explain .title{ border-bottom: solid 1px #ececec; }
.public_proDetail .pro_explain .title h2{ display: inline-block; vertical-align: top; margin-bottom: -1px; padding: .1rem .3rem; line-height: .7rem; font-size: .3rem; color: #333; border-bottom: solid 3px #333; }
.public_proDetail .pro_explain .conBox{ padding: .24rem; line-height: 2; font-size: .24rem; }



.public_newDetail{padding: 0.2rem 0; border-bottom: solid 1px #ececec; background: #fff;}
.public_newDetail img{max-width: 100%; vertical-align: top;}
.public_newDetail .hd{ padding: 0.1rem 0; line-height: 0.7rem; font-size: 0.35rem; font-weight: normal; text-align: center;color: #000;}
.public_newDetail .time{ margin-bottom: 0.4rem; padding-bottom: .2rem; 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{ padding: 0 .24rem; line-height: 2;font-size: 0.24rem;}


.public_messages{padding: 0.1rem 0.25rem;}
.pub_message_text{ position: relative; zoom:1; padding-left: .86rem; line-height: .4rem; font-size: .26rem; }
.pub_message_text:before{ content: ""; position: absolute; top: 50%; left: 0; margin-top: -.36rem; width: .72rem; height: .72rem; overflow: hidden; background: url(../images/ico-message.png) center / contain no-repeat; }
.pub_message_ul{ margin-top: .36rem; border: solid 2px #ccc; background: #fff; }
.pub_message_ul li{ position: relative; zoom:1; border-top: solid 2px #ccc;}
.pub_message_ul li:first-child{ border-top: none; }
.pub_message_ul li .txt_ipt,
.pub_message_ul li .message_textarea{vertical-align: middle; padding: 0 .2rem 0 1rem; width: 100%; height: 1.1rem; line-height: 1.1rem; font-size: .32rem; border: 0 none;}
.pub_message_ul li .message_textarea{height:2.3rem; padding: .3rem .2rem .3rem 1rem; line-height: 1.5; font-size: .32rem;}
.pub_message_ul li.name:before,
.pub_message_ul li.tel:before,
.pub_message_ul li.email:before,
.pub_message_ul li.message:before{ content: ""; position: absolute; top: .39rem; left: .34rem; width: .32rem; height: .32rem; overflow: hidden; background: url(../images/ico-message-form.png) no-repeat; background-size: .32rem; }
.pub_message_ul li.name:before{ background-position: 0 0; }
.pub_message_ul li.tel:before{ background-position: 0 -.32rem;}
.pub_message_ul li.email:before{ background-position: 0 -.64rem;}
.pub_message_ul li.message:before{ background-position: 0 -.96rem;}
.pub_message_ul li.code img{vertical-align: middle; max-width: 18%;	max-height: 100%;}
.pub_message_ul li.code .txt_ipt{width:80%;}
.pub_message_submit input{margin: .3rem auto 0; display: block; width: 100%; height: .9rem;border: 0 none;background: #c00;border-radius: 0.1rem;font-size: 0.34rem;color: #fff; cursor: pointer;}


.public_search{ padding: .3rem .24rem; border-top: solid 1px #ececec; background: #fff; }
.public_search .searchBox{font-size: 0;border: solid 1px #ccc;background: #f3f3f3;border-radius:.1rem;}
.public_search .searchBox input{vertical-align: top; height: .58rem; border: 0 none;outline: 0;}
.public_search .searchBox input[type="text"]{width: 85%;background: none;font-size: .24rem;text-indent: .1rem;font-family: "Microsoft YaHei";}
.public_search .searchBox input[type="submit"]{width: 15%;background: url(../images/ico-search.png) center no-repeat;background-size: .3rem; cursor: pointer;}
.public_search .search_explain{ margin: .3rem 0; }
.public_search .search_explain h1{font-size: .2rem;font-weight: normal;color: #666;line-height: .3rem;}
.public_search .search_explain h2{font-size: .3rem;font-weight: normal;color: #333;line-height: .55rem;}


/* 普通翻页器-默认居中 */
.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: #c00; background-color:#c00;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: #c00; background-color:#c00;}
.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;}