@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; background:#e9eaec url(../images/top_bg.jpg) no-repeat center top; font-size:12px; font-family:"微软雅黑"; text-align:center; color:#575757; line-height:24px;  overflow-x: hidden; }
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { 
margin:0;padding:0; border-collapse:collapse;}
em{font-style:normal;}
li{list-style:none;}
img{border:0px;}
a{color:#575757; text-decoration:none;}
a:hover{color:#1374b9; text-decoration:underline;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font15{font-size: 15px;}
.font18{font-size: 18px;}
.font20{font-size:20px;}
.font30{font-size:30px;}
.w1069{width:1069px; margin:0 auto 0 auto;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.red{color:#85000e;}
.lh20{line-height:25px;}
.w665{width:665px;}


#content{width:1190px; margin:278px auto 0; text-align: center;}
#body{width:100%; background: #fff;}
#body .nav{width:1200px; margin:10px -5px; background: #1374b9; font-size: 16px;}
#body .nav li{float:left; padding: 10px 33px;}
#body .nav a{color:#fff; }
h1{background: url(../images/title_icon.png) no-repeat; font-weight: normal; line-height: 27px; font-size: 18px; color: #575757; padding:0 0 0 20px; margin-left: 20px; }
#body .note{margin:10px; width:1170px;}
#body .note ul{width:1170px; float: left; background: #f3f3f3; padding:10px 0px; margin:10px 0 0 0;}
#body .note li{width:350px; float: left;margin: 0 19px;}
#body .note .date{width:59px; height: 63px; background: #7bb0d6; color: #fff; text-align: center; padding:25px 0 0 0; line-height: 20px;}
#body .note .info{width:270px; margin: -3px 0 0 15px; text-align: left;}
h2 a{color:#0c448f; font-size: 16px; font-weight: normal;}
#body .note .info p{color:#a4a4a4; line-height: 19px; height: 40px; overflow: hidden;}
#body .note .more{padding:0px 10px; color:#87a0c1; border:1px solid #87a0c1;margin: 3px 0 0 0;float: left;line-height: 20px;}
#body .list01{width:782px; margin:10px 4px 10px 10px; }
#body .list01 ul{background: url(../images/list_bg.jpg) no-repeat; width:470px; height: 280px; padding:35px 0 0 310px; margin:10px 0 0 0;}
#body .list01 ul li,#body .list02 ul li,#body .list03 ul li{height: 30px; background: url(../images/list_icon.png) no-repeat; float: left; width: 87%;padding: 0 0 0 20px;}
#body .list01 ul li a,#body .list02 ul li a,#body .list03 ul li a{color:#575757px; font-size:14px; line-height: 30px;}
#body .list01 ul li .date,#body .list02 ul li .date,#body .list03 ul li .date{color:#1374b9; float: right;}
#body .list02{width:382px; margin:10px 0;}
#body .list02 ul{background: url(../images/list_bg.gif) no-repeat; width:355px; height: 280px; padding:35px 0 0 30px; margin:10px 0 0 0;}
#body .list02 ul li{width:299px; height: 30px;}
#body .list03{width:371px; margin:20px 10px;}
#body .list03 ul{width:367px; height: 260px; padding:12px 0 0 8px; margin:10px 0 0 8px; border-top:3px solid #9dc4e1;}
#body .list03 ul li{width:319px; height: 30px;}
.logo{
	padding:0;
	text-align: right; position: absolute;
	top: 10px;
	width: 1150px;
	margin: 0 32px;
}
#footer{text-align: center; line-height: 49px; font-size:16px; color:#575757; width:100%;}

@media (max-width:800px){
body{background-size: 150% !important;}
#content{margin-top:100px}
#content,#body .nav,#body .list03{width:100%}
#body{box-sizing: border-box;}
#body .nav{display:flex;flex-wrap:wrap;margin:0;padding:10px 0}
#body .nav li{padding: 0 15px !important;}
#body .list03{margin:20px 0}
.list03 h1{margin-left: 10px;}
#body .list03 ul{margin-left:0;height:auto;box-sizing: border-box;width:100%}
.logo{width:calc(100% - 20px); margin:20px 10px;}
	.logo img{width:40%; margin:0 10px}
}