@charset "utf-8";
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{color:#333;font-size:63%;font-family:'Microsoft YaHei';margin:0;padding:0;position:relative;background:#FFF;}
html, body, div, p,span, a, table, textarea, form, input, img, ul, li,dd,dl,dt {margin: 0;padding: 0;}
li{list-style:none;text-indent:0;}
a{color:#333;}
a:visited,a:active,a:link {text-decoration: none; color:inherit}
a:hover {text-decoration: underline;}
td,th {}
.left{float:left}
.right{float:right}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());} 
img {border:0px}
h1, h2, h3, h4, h5, h6, b, i, em {font-size:1em;font-style: normal;margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{font-family:'Microsoft YaHei';}
.area:after,.clear:after,.con:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.area{position:relative;margin:0 auto;width:100%;max-width:640px;}
.clear,.area{*zoom:1;}
.pageboder,#footer,input{font-size: 16px;}
@media all and (max-width: 540px) {.pageboder,#footer,input{font-size: 14px;}}
@media all and (max-width: 480px) {.pageboder,#footer,input{font-size: 12px;}}
@media all and (max-width: 420px) {.pageboder,#footer,input{font-size: 10px;}}
@media all and (max-width: 360px) {.pageboder,#footer,input{font-size: 8px;}}
.pageboder{margin:0 auto;position:relative;z-index:1;overflow:hidden;width:100%;min-width:320px;max-width:640px;background:#fff;}
.allpage{position:relative;z-index:10;right:0;}

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

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

.allpage{position:relative;z-index:10;right:0;background:#fff;}
.m-panelBg{display:none;position:absolute;z-index:99;width:100%;}
.m-panel{position:absolute;top:0;right:0;width:200px;height:100%;z-index:1;background:url(../images/pngbg-panel.png) left repeat-y;}

.panel-nav{width:100%; padding-top:10%;}
.panel-nav li{margin:0 auto;width:90%;font-family:'Microsoft YaHei';color:#fff;background:url(../images/line-x.png) bottom repeat-x;}	
.panel-nav li a{display:block;width:100%;padding:6% 0; text-align:center;color:#fff;}
@media screen and (max-width:520px){
	.panel-nav li{font-size:1.8em;}
}
@media screen and (max-width:360px){
	.panel-nav li{font-size:2.0em;}
}

/***************** header ***********************/
#header{}
.top-box{ position:relative;}
.top-box .logo{ width:75%; height:auto; text-align:center;float:left;}
.top-box .logo img{ width:100%; margin:0 auto;}

.top-box .nav{ float:right; margin-right:3.125%;display:block;width:12.5%;padding-top:3%;min-width:50px;}
.top-box .nav img{ width:100%;}


/***************** m-nav ***********************/
.m-nav{ width:100%; overflow:hidden;}
.m-nav li{ float:left; text-align:center;}
.m-nav li a{ display:block; text-align:center; font-size:1.1em; line-height:3;background:url(../images/line-y.png) right repeat-y ;}

#content{}



/*
 * swiper
 * banner图样式
*/
/* Swiper Styles */
.swiper-free, .swiper-free .swiper-slide{width:100%;height:auto;}
.swiper-slide {float: left; position:relative;}
.swiper-slide img{ width:100%; }
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/* Specify Swiper's Size: */
.arrow-left{ position:absolute; left:5px; top:50%; margin-top:-13px; background:url(../images/bg_direction_nav.png) 0 0 no-repeat; width:26px; height:26px;text-align:center;text-indent:-999em;z-index:999;}
.arrow-right{ position:absolute; right:5px; top:50%; margin-top:-13px; background:url(../images/bg_direction_nav.png) 0 -26px no-repeat; width:26px; height:26px;text-align:center;text-indent:-999em;z-index:999;}
/* Pagination */
.pagination-free{position:absolute;bottom:10px;left:0px;z-index:999;text-align:center;width:100%;line-height:1;}
.pagination-bg{display:block;position:absolute;bottom:0;left:0;width:100%;height:30px;filter:alpha(opacity=43);opacity:0.43;-moz-opacity:0.43;-khtml-opacity:0.43;background:#000;z-index:9;}
.pagination-text{ position:absolute; bottom:0; left:0; padding-left:5px; height:24px; line-height:24px; color:#fff; font-size:1.2em;z-index:99;}
.pagination-free .swiper-pagination-switch{display:inline-block;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background-color:#fff;margin:0 5px;cursor: pointer;}
.pagination-free .swiper-active-switch{background-color:#044d9f;}

.search{ padding:2% 0;}
.search .f-search{width:94%; display:inline-block; z-index:99; margin:0 3%;border:1px solid #c2c2c4; background:#efeaea; clear:both;}
.search .f-search .u-text{ float:left; background:none; margin-left:4%; line-height:30px; border:0;width:70%;color:#4a4a4a; font-size:1.1em; font-family:微软雅黑; padding:4px 0;}
.search .f-search .u-btn{ float:right;padding:0; height:30px;margin-right:1%; margin-top:4px;width:8%; min-width:30px; border:0;background:url(../images/search_but.png) no-repeat center; background-size:60% ;}

/***************** main-box ***********************/
a.more{ position:absolute; right:10px; top:0; padding:2% 0; display:block;font-family:'microsoft yahei'; font-weight:normal;z-index:5;}
.tabcur a.more{z-index:10;}

/***************** tab ***********************/
.tab .tabtitle{ position:relative; font-size:1.1em; padding:0 3.125%;}
.tab .tabtitle:after{content:""; display: block; height: 0; clear: both; visibility: hidden;}
.tab .tabtitle .tabbtn{display:inline-block;*display:inline;*zoom:1;background:url(../images/pngbg-b50.png) repeat; padding:2% 3%; margin-right:1%; cursor:pointer;}
.tab .tabtitle .tabbtn span{}
.tab .tabtitle .tabcur span{font-weight:bold;}

/***************** m-content ***********************/
.m-content{ padding:1em; line-height:1.8; font-size:1.2em;word-break:break-all;}
.m-content img{float:left;width:30%;margin-right:1em;}
.m-content a{display:block;}

/***************** m-newslist ***********************/
.m-newslist,.m-newslist li{ width:100%; }
.m-newslist li{ background:#f1f1f1; border-bottom:1px solid #fff;}
.m-newslist{ padding:1.5% 0 2%;}
.m-newslist li a{width:96%; display:inline-block;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:url(../images/newsico.png) no-repeat 98% center ; background-size:3%; color:#333; font-size:1.2em; padding:2% 6% 2% 3%;}

/***************** photo-list ***********************/
.photo-list{width:100%; clear:both; padding-top:3%;} 
.photo-list li{ display:inline-block; width:47%; padding:0.5%; margin-left:1.6%; margin-bottom:3%;}
.photo-list .box{width:100%;margin:0 auto;text-align:center;}
.photo-list .over{position:relative;width:100%;overflow:hidden; padding:30% 0; zoom:1; border-width:3px; border-style:solid;}
.photo-list .over .pic{width:100%;overflow:hidden; position:absolute; left:0; top:0;}
.photo-list .name{ line-height:2; width:100%; margin-top:2%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#4a4a4a; text-align:center; background:#efeaea;}
.photo-list a{display:block;}

/***************** m-teamcon ***********************/
.m-teamcon{width:100%; clear:both; padding-top:3%;} 
.m-teamcon li{ display:inline-block; width:47%; padding:0.5%; margin-left:1.6%; margin-bottom:3%;}
.m-teamcon .box{width:100%;margin:0 auto;text-align:center;}
.m-teamcon .over{position:relative;width:100%;overflow:hidden; padding:30% 0; zoom:1;}
.m-teamcon .over .pic{width:100%;overflow:hidden;  position:absolute; left:0; top:0;}
.m-teamcon .name{ float:left; line-height:2; width:100%; margin-top:1px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center;}
.m-teamcon a{display:block;}

/***************** srollTop-box ***********************/
.srollTop-box{ padding:3% 0;}
.srollTop-box a{ display:block;width:100%; height:3em; line-height:3; font-size:1.4em; text-align:center;-webkit-border-radius: .6em;border-radius: .6em;}

.sub-title{ position:relative;width:100%;color:#333;padding:2% 0 2% 0%;font-size:1.2em; line-height:1.7;background:#f1f1f1; padding-left:5%;}
.sub-title font{ color:#333}
.sub-title a.back{ color:#333;}


.sub-more{padding:3% 0%;text-align:center;line-height:2;color:#666;font-family:'Microsoft YaHei';}
.sub-more a{display:block;border: 1px solid #CCC;background: #EEE;font-weight: bold;color: #555;
text-shadow: 0 1px 0 white;-webkit-border-radius: .6em;border-radius: .6em;
background-image: -webkit-gradient(linear,left top,left bottom,from( white ),to( #F1F1F1 ));
background-image: -webkit-linear-gradient( white,#F1F1F1 );
background-image: -moz-linear-gradient( white,#F1F1F1 );
background-image: -ms-linear-gradient( white,#F1F1F1 );
background-image: -o-linear-gradient( white,#F1F1F1 );
background-image: linear-gradient( white,#F1F1F1 );}


.sub-content,.listbg{ padding:3%;min-height:300px; overflow:auto; color:#4a4a4a; line-height:180%;}
.sub-content .center{text-align:center;}
.sub-content img{ max-width:100%;}
.sub-content h1{text-align:center; color:#333; width:100%; float:left; padding:5px 2%;font-size:1.2em; margin:1% 0 0; font-weight:normal; font-family:微软雅黑; padding-bottom:1%;margin-bottom:2%; border-bottom:1px dotted #ccc; clear:both}
.sub-content table{table-layout:fixed;word-break:break-all;word-wrap:break-word;max-width:100%;}
.sub-content-page {width: 100%; margin-top: 34px;  display:inline-block;}
.sub-content-page a { display:inline-block; width: 98.8%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 1% 0.6%; margin-bottom: 8px; background: #f1f1f1;color:#4a4a4a }

.album-img{margin-bottom:.4em;}
.bigimg img{width:100%;}
.thumbimg{position:relative;overflow:hidden;}
.thumbimg .thumb-con{position:absolute;left:6%;top:0;width:88%;z-index:3;}
.thumbimg .thumb-btn{position:absolute;top:0;display:block;float:left;height:100%;width:6%;z-index:5;}
.thumbimg .thumb-prev{left:0;background:#e5e5e5 url(../images/arrows-left.png) center no-repeat;}
.thumbimg .thumb-next{right:0;background:#e5e5e5 url(../images/arrows-right.png) center no-repeat;}
.thumbimg .swiper-slide{width:25%;text-align:center;}
.thumbimg .swiper-slide img{width:94%;}
.thumbimg .overimg{display:block;width:12%;}


.listbg{ padding:0;}
.m-newslist2{width:100%;margin:2% 0; padding:0;}
.m-newslist2 li{float:left; width:100%; border-bottom:1px solid #c3c1c1; }
.m-newslist2 li a{float:left; width:97%; line-height:3; padding:0 7% 0 3%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#333;background:url(../images/newslist.png) no-repeat 98% center ; background-size:5%; }


.bookwrap{ display:inline-block;min-height:350px;}
.btn-back {width: 29.62962963%;margin: 1em auto;}
.btn-b{font-size:1.1em;text-align: center; line-height:2.5;}
.btn-b a{ color:#fff; display:block;}

.probut{ width:100%; clear:both; padding-left:2%;}
.probut .fl{ padding-right:5%; font-size:1.2em; line-height:3;color:#666; background:url(../images/arrow_b.gif) right center no-repeat;background-size:20% }
.m-linklist{ width:100%; clear:both;}
.m-linklist li{ float:left; background:#fff; margin:0 2% 1%; border:1px solid #d0d0d0;}
.m-linklist li a{ line-height:3; padding:0 20px; display:block; font-size:1em;font-weight:normal;}

/* sub-search */
.sub-search{margin:0 0 20px;font-family:'Microsoft YaHei';}
.sub-search h2{ margin-top:1em; padding-left:1em;font-size:1.4em;}
.sub-search .m-search{margin:0 0 15px;background:none;}
.sub-search .m-search .u-text{color:#000;}
.sub-search .sea-no{ margin-top:1em;line-height:1.6;}
.sub-search .sea-no .pic{float:left;width:35%;margin-right:2%;}
.sub-search .sea-no h3{padding:5px 0 0;font-size:1.3em;margin-bottom:10px;font-weight:normal;}
.sub-search .sea-no h3 span{color:#cc0000;}
.sub-search .sea-no p{font-size:1.2em;color:#777;}

.ui-input-text{display:block;padding: 0 .4em;margin: .5em 0;background-image: none;position: relative;-moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);box-shadow: inset 0 1px 4px rgba(0,0,0,.2);-webkit-background-clip: padding;background-clip: padding-box;-webkit-border-radius: .6em;border-radius: .6em;border: 1px solid #aaa;color: #333;}
.ui-input-text input,
.ui-input-text textarea{width: 100%;min-height: 1.4em;line-height: 1.4em;font-size: 16px;padding: .4em 0;margin: 0;display: block;background: transparent none;outline: 0!important;border:none;-webkit-appearance: none;}
.ui-input-text select{width: 100%;min-height: 1.4em;line-height: 1.4em;font-size: 16px;padding: .4em 0;margin: 0;display: block;background: transparent none;outline: 0!important;border:none;}

.ui-button{display:block;}
.ui-button input{display:block;width:100%;text-align: center;cursor: pointer;margin: .5em 0;padding:5px 0;line-height:2;font-size:1.6em;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);box-shadow: 0 1px 3px rgba(0,0,0,.2);-webkit-border-radius: 1em;border-radius: 1em;border: 1px solid #ccc;background: #eee;font-weight: bold;color: #222;text-shadow: 0 1px 0 #fff;font-family:'Microsoft YaHei';
background-image: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #f1f1f1 ));
background-image: -webkit-linear-gradient( #fff,#f1f1f1 );
background-image: -moz-linear-gradient( #fff,#f1f1f1 );
background-image: -ms-linear-gradient( #fff,#f1f1f1 );
background-image: -o-linear-gradient( #fff,#f1f1f1 );
background-image: linear-gradient( #fff,#f1f1f1 );}



#footer{z-index:9999;}
.m-footer{position:relative;margin:0 auto;text-align:center;max-width:640px;min-width:320px;z-index:4000;}
.m-footer ul li{float:left;padding:10px 0;width:25%;background:url(../images/navLine.png) right 16px repeat-y;}
.m-footer ul li.last{background:none;}
.m-footer .icon{width:100%; display:block;}
.m-footer ul a{display:block;font-family:'Microsoft YaHei';text-align:center;font-size:1.2em;}
.m-footer ul span{display:block;margin:0 auto;width:100%;}
.m-footer ul span.u-img{margin-bottom:5%;}
.m-footer ul span.u-img img{max-width:50%;}


/* 普通翻页器-默认居中 */
.m-page{margin:1em 0 0;text-align:center;line-height:3;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#999;font-size:1.2em;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 .9em;margin-left:-1px;border:1px solid #ddd;letter-spacing:normal;word-spacing:normal;background:#fff;}
.m-page i{background:none;}
.m-page a,.m-page a:hover{text-decoration:none;color:#333;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a .pagearr{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;*vertical-align:middle;}
.m-page a.pageprv .pagearr{margin-right:.3em;}
.m-page a.pagenxt .pagearr{margin-left:.3em;}
.m-page a:hover{background:#f5f5f5;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#999;background:#f5f5f5;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#fff;}
/* 居左 */
.m-page-lt{text-align:left;}
/* 居右 */
.m-page-rt{text-align:right;}
/* 较小 */
.m-page-sm a,.m-page-sm i{padding:0 8px;}
/* 分离 */
.m-page-sr a,.m-page-sr i{margin:0 3px;}
.m-page-sr i{border:0;}