@charset "utf-8";
*{margin:0;padding:0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{position:relative;font-family:''pingFangSC-Regular'!important;';font-size:16px;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;max-width:100%;}
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%;}
.area,.clear,.con{*zoom:1;}
.area:after,.clear:after,.con:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.area .iconfont{float: left;font-size: 24px;margin-left: 100px;line-height: 55px;}
.pageboder{margin:0 auto;position:relative;z-index:1;overflow:hidden;width:100%;background:#f4f4f4;}

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

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

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


.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: #f4f4f4; }
.panel-title .logo{ display: inline-block; vertical-align: top; width:2.6rem; height:auto; line-height: 0;}
.panel-title .logo img{ max-width:100%; vertical-align:top; }

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


/***************** header ***********************/
.top-box{ position:relative;z-index: 10; background: #fff; }
.top-box .logo{ margin-left: 0.25rem; width: 2.6rem;float: left; }
.top-box .logo img{ max-width:100%; vertical-align:top;}
.top-box .logo a{display:block;    padding-top: 0.12rem;}
.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: #00b5ad; }


.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:1%; width: 23%; 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: #00b5ad; }
.m-nav a:hover{color:#abcd03}

.m-title{ height: 0.8rem; line-height: 0.8rem; overflow: hidden; }
.m-title h2{ padding: 0 0.22rem; font-size: 0.36rem; font-weight: bold; border-left: solid 0.03rem #00b5ad; }
.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: #00b5ad; }
.m-title .more:active:after{ background-image: url(../images/ico-more-hover.gif); }


.m-about{ margin-top: 0.3rem; padding-bottom: 0.4rem; background: #fff; box-shadow: 0 1px 1px rgba(191,191,191,.65); }
.m-about .conBox{ padding: 0.2rem 0.25rem 0; line-height: 0.4rem;font-size: 0.24rem; }
.m-about .conBox img.left{ margin: 0.12rem 0.3rem 0.12rem 0; max-width: 50%; }
.m-about .conBox h4{ line-height: 0.54rem; font-size: 0.36rem; font-weight: normal; color: #000; }


.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 3%; width: 48% }
.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: 100%; overflow: hidden; height:4rem; }
.picList .u-img .over{position:relative;zoom:1;display:block;padding-top: 2.42rem; height:4rem; 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(172,205,0,.85);font-family: PingFangSC-Semibold, sans-serif;}


.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: #00b5ad; }
.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-partner{ margin-top: 0.3rem; padding-bottom: 0.4rem; background: #fff; box-shadow: 0 1px 1px rgba(191,191,191,.65); }
.m-partner .partnerList{ margin-top: 0.3rem; }

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


.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{ overflow: hidden; }
.linksList ul{ margin: -.25rem 0 0 0; }
.linksList li{  margin: .25rem 0 0; padding: 0 .2rem;  text-align: center; height: 0.4rem; line-height: 0.4rem; overflow: hidden; font-size: 0.32rem; }

#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: #00b5ad; }
.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;}
.sub-title h2{ font-weight: normal; }
.sub-title h2 a{color:#fff;}
.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; }
.ackt-title{
    background-color: #fff;
    padding: 10px 0px 10px 10px;
    font-size: 14px;

}
.button .iconfont{
    margin-left: 10px;
    font-size:28px;
    position: absolute;
}

input[type="submit"] {
    margin-left: -52px;
    height: 30px;
    width: 47px;
    border-radius: 0px 5px 5px 0px;
}
input[name="Submit22"] {
    height: 48px;
    width: 80px;
    background-color: #ccc;
}
.ackt-title a{
    
}
.schico {
    display: block;
    position: absolute;
    top: 0;
    height: 32px;
    left: 0;
    width: 30px;
    font-size: 14px;
    color: #aaa;
    text-align: center;
    line-height: 32px;
}
.icon-search:before {
    content: "";
}

#keyboard::-webkit-input-placeholder{
        color: #ADD8E6;
	padding-left:20px;
}

.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{ padding: 0.4rem;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 p{display: block;height: 1.4rem;line-height: 1.4rem;font-size: 13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tags h3{
    font-size: 18px;
    color:#00b5ad;
}
.tags div{
    margin-top: 10px;
}
.tags div a{
    padding:3px 10px;
    border-radius: 20px;
    margin:5px 2px;
    display:inline-block;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #FF7544;
    background-color: #fdf1ed;

}
.detail_page .tag{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    margin-bottom: 5px;
}
.detail_page .tag .iconfont{font-size: 20px;color: #FF7544;}
.detail_page .tag a{margin-left:10px;border: 1px solid #ccc;border-radius: 20px;padding: 3px 10px;font-size: 14px;vertical-align: top;
}
.public_proDetail{padding: 0.2rem 0.25rem;}
.public_proDetail .hd{ padding: .5rem 0; line-height: 1.5rem; font-size: 1rem; font-weight: normal; text-align: center;color: #000;}
.public_proDetail .time{ margin-bottom: 0.4rem; padding: 0.3rem 0; line-height: 1rem;font-size: 0.8rem;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: 1rem;font-size: 1rem;margin-top:1rem;}
.public_proDetail .pro_explain span{line-height:1.3rem}
.pro_explain img{width:50%!important;height:auto!important;}

.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;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: #00b5ad; background-color:#00b5ad;color:#fff;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#fff;background-color:#00b5ad;}
.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;}
/* 养宠课堂 */