@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:#fff;}

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

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

.allpage{position:relative;z-index:10;left:0%;background:#f7f7f7; 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;left:0%;width:60%;height:100%;z-index:1; background: #fff; }

.panel-title{ position: relative; height: 1.18rem; text-align: center; background: #fff; box-shadow: 0 .01rem .03rem rgba(0,0,0,.1); }
.panel-title .logo{ height:100%; overflow: hidden; text-align: center; }
.panel-title .logo:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.panel-title .logo img{ max-width:3.75rem; max-height: 80%; vertical-align:middle; }

.panel-nav{ }
.panel-nav ul{ padding: 0.2rem; }
.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: #9e6bc7; }


/***************** header ***********************/
.top-box{ position:relative; z-index: 10; display: flex; justify-content: space-between; align-items: center; height: 1.18rem; background: #fff; box-shadow: 0 .01rem .03rem rgba(0,0,0,.1); }
.top-box .logo{ position: relative; zoom:1; width: 100%; height: 100%; overflow: hidden; text-align: center; }
.top-box .logo:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.top-box .logo img{ max-width:3.75rem; max-height: 80%; vertical-align:middle; }
.top-box .nav{ width:.82rem; flex-shrink: 0; cursor:pointer; }
.top-box .search{ position: relative; zoom:1; width: .82rem; height: 100%; text-align: right; flex-shrink: 0; }
.top-box .search:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.top-box .search .ico{ vertical-align: middle; width: .76rem; cursor:pointer; }
.top-box .search .formBox{ display: none; position: absolute; top: 50%; right: 0; margin-top: -.3rem; }
.top-box .search .form{ overflow: hidden; display: flex; border: solid 1px #d9d9d9; background: #fff; border-radius: .08rem;}
.top-box .search .form:before{ content: ""; position: absolute; top: 50%; right: .85rem; margin-top: -.2rem; width: 0; height: .4rem; border-left: solid 1px #ddd; }
.top-box .search .form input{ border: 0 none; outline: none; }
.top-box .search .form .u-text{ padding: 0 .22rem; width: 4.52rem; height: .58rem; font-size: .24rem; }
.top-box .search .form .u-btn{ width: .85rem; height: .58rem; background: url(../images/btn-search.png) center / .76rem no-repeat; cursor: pointer; }

#content{ }

.center{ text-align: center;}

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

/*
 * swiper
 * banner图样式
*/
.banner{ position:relative; zoom:1; background: #fff; }
.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.15rem; width: 100%; line-height: 0; font-size: 0; text-align: center; }
.banner .swiper-pagination-bullet{vertical-align:top; margin:0 .07rem; width:.08rem;height:.08rem; background:#959595; opacity:1; transition:none;}
.banner .swiper-pagination-bullet-active{ background: #13b5b1; }


.m-nav-ico{ overflow: hidden; margin-top: .25rem; background: #fff; box-shadow: 0 0 .03rem rgba(0,0,0,.25); }
.m-nav-ico ul{ margin-bottom: -1px; }
.m-nav-ico li{ float: left; width:2.5rem; border-right: solid 1px rgba(217,217,217,.3); border-bottom: solid 1px rgba(217,217,217,.3); text-align: center; }
.m-nav-ico li:nth-child(3n+3){ border-right: none; }
.m-nav-ico .u-box{ display: block; padding: .2rem 0; }
.m-nav-ico .u-ico{ display: block; margin: 0 auto; width: 1.4rem; height: 1.4rem; overflow: hidden;}
.m-nav-ico .u-ico img{ width: 100%; height: 100%; vertical-align: top; }
.m-nav-ico .u-name{ height: 0.64rem; line-height: 0.64rem; overflow: hidden; font-size: 0.3rem; font-weight: normal; }


.m-nav-img{ margin-top: .3rem; padding: 0 .15rem; }
.m-nav-img li{ float: left; margin: .2rem 0 0 .28rem; width: 3.46rem; }
.m-nav-img li:nth-child(2n+2){ margin-left: 0; }
.m-nav-img .u-box{ position: relative; zoom:1; display: block; color: #fff; }
.m-nav-img .u-img{ display: block; width: 3.46rem; overflow: hidden; }
.m-nav-img .u-img .over{position:relative;zoom:1;display:block;padding-top: 2.32rem; overflow:hidden;}
.m-nav-img .u-img .over img{position:absolute;left:0;top:0;width:100%;overflow:hidden;}
.m-nav-img .u-name{ position: absolute; left: 0; bottom: 0; padding: 0 .15rem; width: 100%; height: .46rem; line-height: .46rem; overflow: hidden; font-size: .26rem; font-weight: normal; background: rgba(158,107,199,.8) }


.m-nav-img li:first-child{ margin: 0; width: 100%; }
.m-nav-img li:first-child .u-img{ width: 100%; }
.m-nav-img li:first-child .u-img .over{ padding-top: 3.42rem; }
.m-nav-img li:first-child .u-name{ height: .64rem; line-height: .64rem; }
.m-nav-img li:first-child .u-name:before{ content: ""; float: right; margin: .2rem 0 0 .2rem; width: .86rem; height: .24rem; overflow: hidden; background: url(../images/ico-nav-first.png) center / contain no-repeat; }


.m-title{ position: relative; zoom:1; display: flex; justify-content: space-between; align-items: center; padding: .06rem 0 .06rem .3rem; line-height: 1; border-bottom: solid 1px #d9d9d9; }
.m-title:before{ content: ""; position: absolute; left: 0; bottom: -1px; width:0; height:0; overflow:hidden; border-width:.12rem; border-style:solid; border-color: transparent transparent  #9e6bc7 transparent; }
.m-title h2{ font-size: .32rem; font-weight: normal; }
.m-title h2 span{ display: inline-block; vertical-align: bottom; line-height: 1; font-size: .18rem; color: #999; }
.m-title .more{ margin-left: .2rem; font-size: .24rem; color: #9e6bc7; flex-shrink: 0; }


.m-about{ margin-top: .35rem; padding: .25rem .15rem .45rem; background: #fff; box-shadow: 0 0 .03rem rgba(0,0,0,.25); }
.m-about .conBox{ margin-top: .3rem; line-height: 0.36rem; font-size: 0.24rem; color: #666; }


.m-case{ margin-top: .35rem; padding: .25rem .15rem .45rem; background: #fff; box-shadow: 0 0 .03rem rgba(0,0,0,.25); }

.m-case .picList{ margin-top: .3rem; }

.picList{ overflow: hidden; }
.picList li{ float: left; margin:0.35rem 0 0 0.2rem; width: 3.5rem; }
.picList li:nth-child(-n+2){ margin-top: 0; }
.picList li:nth-child(2n+1){ margin-left: 0; }
.picList .u-box{ display: block; }
.picList .u-img{ display: block; width: 3.5rem; overflow: hidden; }
.picList .u-img .over{position:relative;zoom:1;display:block;padding-top: 3.7rem; overflow:hidden;}
.picList .u-img .over img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.picList .u-name{ height: 0.64rem; line-height: 0.64rem; overflow: hidden; font-size: 0.24rem; font-weight: normal; text-align: center; color: #320032; }


.m-news{ margin-top: .35rem; padding: .25rem .15rem 0; background: #fff; box-shadow: 0 0 .03rem rgba(0,0,0,.25); }

.m-news .tab-title{ margin-top: .35rem; border-top: solid 2px #9e6bc7; border-left: solid 2px #9e6bc7; }
.m-news .tab-title li{ float: left; width: 50%; height: 0.66rem; line-height: 0.66rem; overflow: hidden; font-size: 0.3rem; font-weight: normal; text-align: center; color: #333; border-bottom: solid 2px #9e6bc7; border-right: solid 2px #9e6bc7; cursor: pointer; }
.m-news .tab-title li.active{ color: #fff; background: #9e6bc7;}
.m-news .tab-container{ margin-top: .1rem; overflow: hidden; } 


.newsList{ overflow: hidden; }
.newsList li{ border-top: dashed 1px #d9d9d9; }
.newsList li:first-child{ border-top: none; }
.newsList a{ zoom:1; display: block; padding: .4rem 0; }
.newsList a:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.newsList .date{ float: left; margin-right: 0.28rem; padding: .08rem 0 .12rem; width: 1.2rem; text-align: center; color: #fff; background: #9e6bc7; }
.newsList .date .DD{ line-height: 0.58rem; font-size: 0.48rem; }
.newsList .date .YYMM{ line-height: 0.32rem; font-size: 0.24rem; }

.newsList .u-name{ height: 0.38rem; line-height: 0.38rem; overflow: hidden; font-size: 0.28rem; font-weight: normal; }
.newsList .u-con{ margin-top: .12rem; height: 0.6rem; line-height: 0.3rem; overflow: hidden; font-size: 0.24rem; color: #999; }



.m-copyright{ padding: .1rem; line-height: 2; font-size: .24rem; text-align: center; color: #666; }


#footer{z-index:200; border-top: solid 1px #6a3396; border-bottom: solid 1px #6a3396; background: #9e6bc7; }
.m-footer{position:relative;margin:0 auto;max-width:750px;min-width:320px;text-align:center;}
.m-footer li{float:left;width:25%;border-left: solid 1px #a97cce;border-right: solid 1px #8a5dad;}
.m-footer li:nth-child(4n+1){ border-left: none; }
.m-footer li:nth-child(4n+4){ border-right: none; }

.m-footer li a{display:block; padding: .18rem 0 .1rem;text-align:center;font-size:0.24rem;color:#fff;}
.m-footer span{display:block;margin:0 auto;width:100%;}
.m-footer span.u-img{ display: block; width:0.48rem; height: 0.48rem; overflow: hidden; }
.m-footer span.u-title{ line-height:0.44rem; }

.m-footer li:nth-child(1) span.u-img{ background: url(../images/ico/footer-i1.png) center / cover no-repeat; }
.m-footer li:nth-child(2) span.u-img{ background: url(../images/ico/footer-i2.png) center / cover no-repeat; }
.m-footer li:nth-child(3) span.u-img{ background: url(../images/ico/footer-i3.png) center / cover no-repeat; }
.m-footer li:nth-child(4) span.u-img{ background: url(../images/ico/footer-i4.png) center / cover no-repeat; }


.sub-title{ position: relative; zoom:1; padding: .11rem 0; background: #9e6bc7; }
.sub-title .back{ position: absolute; left: .15rem; top: 50%; margin-top: -.22rem; padding: 0 .08rem; line-height: .42rem; font-size: .24rem; text-align: center; color: #fff; border: solid 1px #8048ad; background: #b790d6; }
.sub-title .back:before{ content: ""; display: inline-block; vertical-align: top; margin: .1rem .06rem 0 0; width: .13rem; height: .23rem; overflow: hidden; background: url(../images/ico-back.png) center / contain no-repeat; }
.sub-title h2{ margin: 0 1.2rem; line-height: 1.5; font-size: .32rem; font-weight: normal; text-align: center; color: #fff; }


.sub-menu{ padding: .15rem; background: #fff; }
.sub-menu li{ float: left; display: inline; margin-left: .2rem; width: 1.65rem; }
.sub-menu li:nth-child(4n+1){ margin-left: 0; }
.sub-menu a{ display: block; height: .56rem; line-height: .54rem; overflow: hidden; font-size: .24rem; text-align: center; color: #646464; border: solid 1px #d9d9d9; }

.sub-menu li.current a{ color: #fff; background: #9e6bc7; }


.m-content{ padding: .35rem .15rem; }



.detail_share,
.detail_page{ margin-top: .4rem;}
.detail_page{ padding: .14rem 0; border-top: dashed 1px #b5b5b5; }
.detail_page a{display: block;margin-top: .24rem;height: 0.36rem;line-height: 0.36rem;font-size: 0.24rem;overflow:hidden;color:#666;text-overflow:ellipsis;white-space:nowrap;}
.detail_page a:first-child{ margin-top: 0; }

.public_proDetail{}
.public_proDetail .hd{ line-height: .58rem; font-size: 0.3rem; font-weight: normal; text-align: center;color: #333;border-bottom: dashed 1px #b5b5b5;}
.public_proDetail .time{ padding: .2rem 0; margin-bottom: .4rem; line-height: 0.36rem;font-size: 0.24rem;font-weight: normal;text-align: center;color: #999;}
.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.36rem;font-size: 0.24rem;margin-top: .4rem;}


.public_newDetail{}
.public_newDetail img{max-width: 100%; vertical-align: top;}
.public_newDetail .hd{ line-height: .58rem; font-size: 0.3rem; font-weight: normal; text-align: center;color: #333;border-bottom: dashed 1px #b5b5b5;}
.public_newDetail .time{ padding: .2rem 0; margin-bottom: .4rem; line-height: 0.36rem;font-size: 0.24rem;font-weight: normal;text-align: center;color: #999;}
.public_newDetail .newDetail_con{line-height: 0.36rem;font-size: 0.24rem;margin-top: .4rem;}


.public_search{}
.public_search .searchBox{margin-bottom: .3rem;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/i-search.gif) center no-repeat;background-size: auto .3rem; cursor: pointer;}
.public_search .search_explain{ margin-bottom: .3rem; }
.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;}


.public_messages{padding: 0.2rem 0;}
.pub_message_ul{width: 6.1rem;overflow: hidden;margin: 0 auto;}
.pub_message_ul li{overflow: hidden;margin-top: .2rem;}
.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: #9e6bc7;border: 0 none;border-radius: 0.05rem;font-size: 0.32rem;color: #fff;font-weight: bold; cursor: pointer;}



/* 普通翻页器-默认居中 */
.m-page{ margin-top: 0.6rem;text-align:center;line-height:0.52rem;color:#333; 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.28rem;color:#333; border: solid 1px #d9d9d9; 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: #9e6bc7; background-color:#9e6bc7;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: #9e6bc7; background-color:#9e6bc7;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#999;border-color: #d9d9d9; 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;}

.m-page{ display: flex;	justify-content: space-between; }
.m-page a{ flex-shrink: 0; }
.m-page i{ border: none; background: none; }
.m-page a.pageprv,
.m-page a.pagenxt{ width: 1.74rem; }

.goTop{ display: block; margin-bottom: .2rem; line-height: .74rem; font-size: .28rem; text-align: center; color: #4c4c4c; background: #d9d9d9; }


.pro_explain img {
	width: 100%;
}