﻿@charset "utf-8";
html,body,div,ul,li,p,span,a,input,strong,textarea,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,pre,form,fieldset,blockquote,img{margin:0;padding:0; font-size:1rem;}
img{border:0 none;}
em,i{font-style:normal;}
ul,li,ol{list-style-type:none;}
input{outline:none;}
input::-ms-clear,input::-ms-reveal{display:none;}
input[type="submit"],input[type="button"]{star:expression(this.onFocus=this.blur());}
a,a:link,a:visited{text-decoration:none;outline:none;star:expression(this.onFocus=this.blur());}
a { color:#555;}
a:hover{text-decoration:none;}
.none{display:none;}
.inline_block{display:inline-block; *display:inline; *zoom:1;}
.f_l{float:left;}
.f_r{float:right;}
.t_l{text-align:left;}
.t_c{text-align:center;}
.t_r{text-align:right;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.mb16{margin-bottom:16px;}
.border{border:1px solid #e3e3e3;}
.ellipsis,.ellipsis1 li{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
body{font:14px/1.4 'PingFangMedium';background-color:#f6f6f6;overflow:hidden;}
html{overflow-y:scroll;}
.container{background-color:#f3f3f3;position:relative;max-width:640px;margin:0 auto;overflow:hidden;}
.container > .header{width:100%;height:50px;background:#1d142f url(../images/headbg.jpg) no-repeat left top;border-bottom:1px solid #362b3d;}
.header .navbar-brand{width:138px;height:41px;display:block;float:left;background:url(../images/pic-logo.png) no-repeat;text-indent:-10000px;margin-top:6px;}
.header .navbar-toggle{float:right;padding:14px  10px 0 0;color:#a25ecf;position:relative;}
.navbar-toggle .open .icon-bar{width:24px;display:block;height:2px;background-color:#a25ecf;margin-bottom:7px;}
.navbar-toggle .close .icon-bar{width:22px;display:block;height:2px;background-color:#a25ecf;}
 .navbar-toggle .close::before, .navbar-toggle .close::after{content:'';position:absolute;height:2px;width:26px;left:50%;top:34px;background-color:#a25ecf;}
    
.navbar-toggle .close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.navbar-toggle .close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.navbar-toggle .close{height:50px;display:none;width:32px;position:relative;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform:translateY(-50%);}
.container > .navbar{width:100%;padding:12px;box-sizing:border-box;background-color:#2c2133;display:none; position:absolute; z-index:10001;}
.navbar .navbar-nav{background-color:#36283f;}
.navbar-nav .navbar-list{background-color:#000;width:25%;} 
.navbar-nav .navbar-list li{color:#fff;text-align:center;font-family:'pingfangbold';padding:5px 0;position:relative;}
.navbar-nav .navbar-list li.active{background-color:#5b325f;}
.navbar-nav .navbar-list li.active i{width:0;height:0;position:absolute;top:0;right:-15px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:15px solid #5b325f;}
.navbar-nav .navbar-navbar{width:70%;}
.navbar-navbar .navbar-con{display:none;padding:20px 0;}
.navbar-navbar li{float:left;padding:3px;}
.navbar-navbar li a{color:#f8ecff;}
.container >.footer{background-color:#0e0a16;color:#444;padding:16px;text-align:center;}
.footer span { display:none;}
.location{padding:10px;background-color:#fff;margin-bottom:10px;}
.location li{float:left;margin-right:3px;color:#585757;}
.location li a{color:#333;}
.location li.end { max-width:40%; overflow:hidden; text-overflow:ellipsis;}
.guide { color:#999;padding:10px;background-color:#fff;margin-bottom:10px; font-size:0.8rem;}
.guide a { margin:0px 5px; color:#333; font-size:0.8rem;}
.pagination{padding:10px 0px 20px 0px;text-align:center;}
.pagination span {padding:8px 10px;display:inline-block;margin-left:10px; font-weight:bold;}
.pagination a{padding:8px 20px;display:inline-block;color:#fff;margin-left:10px;position:relative;border-radius:2px;background-color:#9c73a9;}
.pagination a.none{background-color:#bfbfbf;}
.pagination a i{width:0;height:0;position:absolute;top:0;display:block;border-top:19px solid transparent;border-bottom:19px solid transparent;}
.pagination .prev i{border-right:19px solid #9c73a9;left:-18px;}
.pagination .next i{border-left:19px solid #9c73a9;right:-18px;}
.pagination .prev.none i{border-right:19px solid #bfbfbf;left:-18px;}
.pagination .next.none i{border-left:19px solid #bfbfbf;right:-18px;}
.header .title{padding:3px 6px;border-radius:2px;float:left;color:#fff;background-color:#af689a;font-weight:500;margin:10px 0 0 10px;}
.common-article ruby { display:inline-block; max-width:99%;}
.common-article rt { display:none;}
.common-article{background-color:#fff;padding:12px;font-size:16px;text-align:justify;color:#333;line-height:30px; margin-bottom:15px; /*max-height:1800px;*/ overflow:hidden;}
.common-article h1{font-size:1.2rem;color:#97499f;border-left:3px solid #cf0093;padding-left:5px;box-sizing:border-box;line-height:1.2;text-align:justify; margin-bottom:15px;}
.common-article p{font-size:1rem;text-align:justify;color:#333;line-height:1.8rem;margin-bottom:20px;}
.common-article img { max-width:80%; display:block; text-align:center; margin:0px auto;}
.towards{float:left;background-color:#ca76b3;margin:2px 10px 0px 0px;color:#fff !important;font-size:10px;border-radius:2px;position:relative;white-space:nowrap;padding:0 5px;line-height:21px; height:18px;}
.towards i{position:absolute;right:-4px;top:3px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:4px solid #ca76b3;display:block;}
.common-list { margin-bottom:15px;}
.common-list li{padding:2%;margin-bottom:1px;text-align:justify;color:#333;background-color:#fff;}
.common-list li .bottom{margin-top:8px; height:40px;}
.common-list li .bottom a{color:#ababab;font-size:0.8rem; line-height:1rem;display:inline-block; overflow:hidden; max-height:2rem;}
.common-list li a{color:#333;}
.common-list li.mb { padding:0px; margin-bottom:1px;}
.nav_line{height:40px;position:relative;overflow:hidden;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;background-color:#fff;margin-bottom:10px;;}
.nav_list{position: absolute;left: 0;}
.nav_list ul{position:relative;white-space:nowrap;}
.nav_list ul li{display:inline-block;padding:0 13px;}
.nav_list ul li a{display:block;width:100%;height:100%;line-height:40px;font-size:1.1rem;text-align:center;color:#333;}
@media (max-width:320px ){
	 .location li{font-size:12px;}
	 .header .title{font-size:14px;margin:12px 0 0 6px;}
	 .common-list li{font-size:16px;}
	 .common-list li .bottom a{color:#ababab;font-size:13px;} 
}
.links {padding:0px 2%; font-size:12px;}
.links .link_t { line-height:25px; color:#888; font-size:0.8rem; float:left;}
.links a { color:#aaa; font-size:0.7rem; padding:0px 8px; line-height:25px;}
.links a:hover { color:#888;}
.nav{overflow:hidden;position:relative;height:40px; background:#fff; font-size:1rem; border-bottom:1px solid #f3f3f3;}
.navbox {position:relative;box-sizing:border-box;overflow-x:scroll;overflow-y:hidden;white-space:nowrap; height:60PX; line-height:40PX; padding-right:20px;}
.navbox div { display:inline-block; padding:0px 0.5rem; text-align:center;}
.navbox div.current{ background:#f6f6f6;}
.navbox div.current a{ color:#97499f; font-weight:bold;}
.navlayerbg { position:absolute; width:30px; height:40px; background:url(../images/bg.png) no-repeat 0px 0px; right:0px; top:0px;}
.cbtn { background:#fff; text-align:center; margin-top:-15px; height:40px; margin-bottom:15px; padding:10px 0px; display:none}
.cbtn span { padding:0px 30px; border:1px solid #97499f; border-radius:2px; height:35px; display:inline-block; line-height:35px; color:#97499f;}
.ctitle { background:#fff; width:96%; padding:2%;line-height:1.5rem; border-bottom:1px solid #efefef;}
.ctitle span { border-left:5px solid #ca76b3; color:#97499f; padding:0px 5px;}
.news_link {margin:0px 0px 15px 0px;width:96%; padding:0px 2%; background:#fff;}
.news_link li {border-bottom: 1px solid #efefef;font-size: 1rem;width: 100%; padding:2% 0px;}
.news_link li span {-moz-box-flex:1;color: #bbb;float: right;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;font-size: 0.5rem;text-align: right;width: 20%; margin-top:5px;}
.news_link li span i {font-size: 1rem;margin: 0 5px 0 3px;}
.news_link li em {color: #333;float: left;width: 80%; line-height:1.5rem;}
/*banner*/
.mbanner_foot { background:#fff;width:100%;}
.mbanner_top { background:#fff; width:100%;}
.mb_da,.mb_db,.mb_dc,.mb_dd,.mb_list{ background:#fff; }
.sq {float: left;height: 300px;width: 1px;}
.sqbox {display: none;float: left;margin: 5px auto;text-align: center;width: 100%; overflow:hidden;}