body{padding:0;margin:0;text-align:center;background:#fff url(../images/bg.jpg) center top fixed;color:#333;font-family:"微软雅黑",arial;font-size:14px;}
a{text-decoration:none;color:#1d8099;}

*{box-sizing:border-box;}

#wrapper{width:1000px;margin:0 auto;}

#header{margin:0 auto;padding:0;text-align:left;}
#header .logo{margin:30px 10px 30px 10px;}
#header .guide{text-align:right;width:350px;display:block;float:right;padding:5px 10px;color:#fff;font-size:10px;}
#header .guide a{color:#fff;font-size:12px;margin:5px 12px;}
#header .guide a:hover{color:#c6eaf7;}

#left{width:220px;display:block;float:left;}
#left .avator{background:#fff;padding:10px;border:1px #e5e5e5 solid;}
#left ul{margin:10px 0 0 0;padding:0;border-left:1px #e5e5e5 solid;border-top:1px #e5e5e5 solid;}
#left ul li{list-style:none;padding:0;margin:0;display:block;border-bottom:1px #e5e5e5 solid;border-right:1px #e5e5e5 solid;}
#left ul li a{font-size:14px;padding:10px 30px;display:block;text-align:left;background:#fff;color:#333;}
#left ul li a:hover,
#left ul li .active{background:#0088aa;color:#fff;}
#left .links{margin:15px 0;padding:20px;text-align:center;background:#fff;border:1px #e5e5e5 solid;}
#left .links select{width:180px;border:1px #e5e5e5 solid;padding:2px;font-size:12px;color:#333;}
#left .stat{margin:10px 0;padding:10px;text-align:center;font-size:12px;background:#fff;border:1px #e5e5e5 solid;}

#right{width:760px;display:block;float:right;border:1px #e5e5e5 solid;background:#fff;}
#right h1{background:#eeeeff;text-align:left;margin:0;padding:15px 30px;font-size:18px;}
#right h2{margin:20px 25px 10px 25px;padding:6px 15px;text-align:left;font-size:14px;background:#eeeeff;}
#right h2 a{font-size:14px;display:block;float:right;font-weight:400;}
#right .intro{margin:0px 30px;text-align:left;line-height:165%;}
#right .news{margin:10px 25px;padding:0;text-align:left;}
#right .news li{list-style:none;margin:0;padding:7px 0;background:url(../images/li.png) 3px 13px no-repeat;text-indent:15px;border-bottom:1px #d5d7d7 dashed;}
#right .news li a{color:#1d8099;}
#right .news li a:hover{color:#0c96b9;}
#right .news li span{color:#9eb6bc;text-aligh:right;padding-left:5px;}

.clear{clear:both;}

#footer{width:100%;clear:both;margin:10px auto;text-align:left;padding-left:240px;font-size:12px;}

.page{}
.page h1{font-size:18px;margin:0;padding:15px 10px 15px 35px;text-align:left;background:#eeeeff;}
.page .content{text-align:left;line-height:185%;margin:10px 35px;min-height:400px;word-break:break-all;}
.page .paras{border-top:1px #ccc solid;margin:15px 35px 20px 35px;padding:10px 0 0 0;font-size:12px;text-align:right;color:#818181;}

.pager{text-align:right;padding:10px 25px 20px 10px;color:#2d2d2d;font-size:12px;}
.pager a{color:#828282;background:#ececec url(../images/pagerbg.gif) center top repeat-x;padding:4px 6px;border:1px #c1c1c1 solid;margin:0 2px 2px 2px;font-size:12px;}
.pager a:hover{color:#c19f6f;border:1px #f1e0b2 solid;background:#fff9eb;}
.pager span{color:#c19f6f;border:1px #f1e0b2 solid;background:#fff9eb;padding:4px 6px;margin:0 2px 2px 2px;font-size:12px;display:inline-block;}


#navbtn{display:none;}
#navs{display:none;}

@media screen and (max-width: 767px) {
	#navbtn{z-index:2;height:35px;width:35px;line-height:35px;text-align:center;display:block;position:fixed;right:10px;top:30px;color:#fff;font-size:33px;background:#0876ba;border-radius:3px;}
	#navbtn.active{background:#fff;color:#3364c8;}
	#navbtn.active{background:#fff;color:#3364c8;}
	#navs{background:#84b5f1 url(../images/bg.jpg) center top fixed;padding:15px 10px 20px 10px;width:100%;max-width:750px;height:100%;position:fixed;z-index:1;display:none;}
	#navs img{width:calc(100% - 70px);margin:15px 60px 10px 10px;}
	#navs ul{padding:15px 0 25px 0;border-radius:3px;margin:15px 0;left:0;top:0;z-index:99999;background:rgba(255,255,255,.45);}
	#navs ul li{list-style:none;padding:5px 0;margin:0 15px 0 15px;border-bottom:1px #ccc solid;}
	#navs ul li a{display:block;padding:5px;10px;text-align:left;color:#fff;font-size:17px;font-weight:700;text-shadow:1px 1px 1px #f1f1f1;color:#0876ba;}
	#navs ul li a i{font-size:14px;}
	#navs ul li a hover,
	#navs ul li a active{background:#f1f1f1;}

 	#wrapper{width: 100%;}
 	#wrapper #header .logo{width:calc(100% - 70px);margin:10px 60px 10px 10px;}
 	#wrapper #header .guide{color:#485969;}
	#wrapper #header .guide a{margin:5px 8px;color:#485969;}
 	#wrapper #left{display:none;}
 	#wrapper #right{width:calc(100% - 20px);margin:0 10px;}
 	#wrapper #right h1{font-size:16px;padding:10px 15px;}
 	#wrapper #right h2{margin:10px;}
 	#wrapper #right .intro{margin:0px 15px;text-align:left;line-height:165%;}
	#wrapper #right .news{margin:10px 15px;}
	#wrapper #footer{padding:10px 10px 20px 10px;margin:0;word-break:break-all;word-wrap:break-word;}
	.page h1{font-size:16px;padding:10px 15px;}
	.page .content{margin:10px 15px;}
	.page .paras{margin:15px 10px;text-align:center;}
	.pager{padding:5px 15px 15px 15px;text-align:center;}
 	
}