﻿.header{ background:url(/Sites/Uploaded/UserUpLoad/20170718/20170718131945.jpg) no-repeat center center; width:100%; height:112px;}
.W1000{width: 1000px;margin: 0 auto;}
.header .W1000{padding: 19px 0;}
.banner img{margin: 0 auto;width: 100%;}
a.fh{width:107px; height:42px;background: url(/Sites/Uploaded/UserUpLoad/20170718/20170718131932.png) no-repeat left center; display: block; margin-top: 14px; line-height: 30px;}

.footer{border-top:3px solid #0c3d5d;line-height: 74px;text-align: center;color: #999;}
.wrap_main{ border-top:8px solid #18385b; margin-top: 1px; }
.main{margin: 20px 0;}
h2.tit{border-bottom:1px solid #e5e5e5;line-height: 48px;font-size: 28px;}
h2.tit span{border-bottom: 3px solid #0c3d5d;line-height: 46px;display: inline-block;}
.leader_box .title_header{float: left;width: 211px;position: absolute;left: 0;z-index: 9999;}
.leader_box .title_header div{line-height: 40px;border: 1px solid #ccc;border-right:none;border-bottom: none;text-indent: 10px;font-size: 15px;}
.leader_box .title_header div.on{border-left: 3px solid #f8a900;font-weight: bold;border-right: 1px solid #fff;}
.leader_box .title_header div.last{border-bottom: 1px solid #ccc;}

.js_p{line-height: 40px;font-size: 16px;margin-top: 20px;font-weight: bold;}

.leader_box{position: relative;height: 380px;}
.table{float: left;width: 746px;padding: 20px;border: 1px solid #ccc;height: 340px;overflow-y:scroll;position: absolute;left: 210px;}
.table p{line-height: 26px;}
.details{display: none;}
.table img{float: left;width: 150px;margin-right: 20px;}
.table p{width: 550px; float: right;}
.table a.tit{display: none;}
.article_box p{color: #666;}

@media only screen and (max-width: 768px){
	.wrap{ padding: 0px; }
	.wrap .wrap_main{ width: 100%; padding: 0px 10px; box-sizing:border-box; }
	.W1000{width:100%; }
	.table{width: 65%;left: 140px;}
	.table img{display: none;}
	.table p {width: initial;float: none;}
	.leader_box .title_header{width: 141px;}
}
@media only screen and (max-width:560px){
	.table{width: 60%;}
	h2.tit{font-size: 18px;}
}
@media only screen and (max-width:425px){
	.table{width:52%;}
	.logo img{display: block;height: 40px;}
}
@media only screen and (max-width:400px){
	.table{width:48%;}
	.header{ height:auto;}
	a.fh{margin-top:0px;width: 90px;background-size: 100%;}
}
@media only screen and (max-width:320px){
	.table{width:42%;}
}  