html,body{height:100%;padding:0;margin:0;text-align:center;background:#fff;color:#2e484c;font-family:"微软雅黑",arial;font-size:14px;}
a{text-decoration:none;color:#1d8099;}
*{box-sizing:border-box;}

#wrapper{margin:0 auto;}

#header{display:non1e;height:200px;margin:0 auto;padding:0;text-align:left;background:url(../images/bg.jpg) left top fixed}
#header .logo{line-height:200px;}
#header .logo img{margin-left:20px;}
#header .guide{text-align:right;width:350px;display:block;float:right;padding:5px 10px;color:#adc9c3;font-size:10px;}
#header .guide a{color:#adc9c3;font-size:12px;margin:5px 12px;}
#header .guide a:hover{color:#fff;}
#main{overflow:hidden;}
#left{width:260px;margin-bottom:-9999px;padding-bottom:9999px;background:#e1eae5;color:#4a5d5e;float:left;}
#left ul{margin:30px 25px 0 25px;padding:0;}
#left ul li{list-style:none;padding:0;margin:0;display:block;border-bottom:1px #d4dfd7 solid;}
#left ul li a{font-size:14px;padding:10px 30px;margin:3px 0;display:block;text-align:left;color:#4a5d5e;border-radius:3px;}
#left ul li a:hover,
#left ul li .active{background:#618b75;color:#fff;}
#left .links{margin:5px 0 0 0;padding:10px 20px;text-align:center;}
#left .links select{width:100%;color:#4a5d5e;border:1px #e5e5e5 solid;padding:5px 2px;font-size:14px;}
#left .stat{margin:0 20px 10px 20px;color:#a0b8ab;padding:0px;text-align:left;font-size:12px;}

#right{margin:0 30px 0 290px;}
#right h1{border-radius:3px;background:#e1eae5;text-align:left;margin:30px 0 0 0;padding:10px 15px;font-size:16px;}
#right h2{border-radius:3px;margin:20px 0 0 0;padding:8px 15px;text-align:left;font-size:14px;background:#e1eae5;}
#right h2 a{font-size:14px;display:block;float:right;font-weight:400;}
#right .intro{margin:0px 10px;text-align:left;line-height:165%;}
#right .news{margin:10px 10px;padding:0;text-align:left;}
#right .news li{list-style:none;margin:0;padding:8px 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{height:80px;background:#173b3e; width:100%;clear:both;margin:0 auto;padding:15px 30px;line-height:165%;text-align:left;font-size:12px;color:#8b9d9f;}

.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 10px;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:#3d8a9f;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 #b2c7c2 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:#0a5a59;}
	#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{height:150px;}
 	#wrapper #header .logo img{width:calc(100% - 70px);}
	#wrapper #header .logo{line-height:100px;}
 	#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;}
 	
}