@charset "utf-8"

    body {
    	padding: 0px;
    	margin: 0px;
		font: normal 14px/20px "microsoft Yahei";
		min-height: 100%;
    }
    a {
		color: #2F64B2;
		text-decoration: none;
	}
	a:hover {
		color: #FFC057;
	}
	div,ul {
		display: table;
	}
    h1 {
		font: bold 20px/40px arial,"microsoft Yahei";
		color: #1A1A1A;
	}
    h2 {font-size: 18pt; font-family: arial}
    h3 {font-size: 14pt; font-family: arial}
	ul,li {
		list-style: none;
		padding: 0;
		margin: 0;
	}
    .main {
    	width: 1200px;
    	margin: 0 auto;
    	padding: 0;
		border: 0;
		background: transparent;
    }
    .first_fixed_box {
    	margin: 170px auto 0 auto;
    }
    #main {
    	background: #FFF;
    	margin-bottom: 62px;
    }
    #top {
    	width: 100%;
    	height: 170px;
    	background: #FFF url('top_bg.png') center no-repeat;
		position: fixed;
		margin: 0;
		top: 0;
		left: 0;
		z-index: 999;
		box-shadow: 4px 0 8px #666;
		opacity: .9;
		filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=90,finishOpacity=90);
    }
    #top .main {
    	height: 125px;
    	margin: 0 auto;
    }
    #top .nav {
    	height: 45px;
    	width: 100%;
    	background: #273A56;
    	margin: 0;
    }
    #top div {
    	color: #626262;
    }
    #web_title {
    	width: 800px;
    	height: 100px;
    	margin: 12px 0;
    	background: url('web_title_bg.png') no-repeat;
    }
    #web_title span {
    	font-size: 12px;
    	float: right;
    	margin: 0 6px 0 0;
    }
    #top #tools {
    	width: 169px;
    	background: #000;
    	float: right;
    }
	#top #tools ul li {
		width: 25px;
		height: 25px;
		float: left;
		margin: 6px 5px 5px 10px;
		cursor: pointer;
		cursor: hand;
	}
	#top #tools div {
		display: table;
		background: #FAFAFA;
		border: 1px solid #CCC;
		color: #333;
		box-shadow: 3px 3px 5px #999;
		height: auto;
		margin: 0;
		padding:5px;
	}
	#weixin {
    	background: url('weixin.jpg') no-repeat;
	}
	#email {
    	background: url('email.jpg') no-repeat;
	}
	#phone {
    	background: url('phone.jpg') no-repeat;
	}
	#location {
    	background: url('location.jpg') no-repeat;
	}
	#middle {
		width: 100%;
	}
	#important_affiche{
		padding: 0;
		color: #4A4AFF;
		font-size: 12px;
		width: 728px;
	}
	#search{
		float: right;
		width: 300px;
		height: 60px;
		margin: 40px 0 0 0;
		font-size: 12px;
		font-family: "microsoft Yahei";
	}
	#search_box {
		float: right;
		width: 300px;
		height: 30px;
		background: #FFF;
		border: 1px solid #AAA;
		border-radius: 3px;
	}
	#search_box #key_word {
		width: 250px;
		height: 30px;
		border: 0;
		color: #AAA;
		font: normal 14px/30px Arial, Helvetica, sans-serif;
	}
	#search_box input[type=submit] {
		border: 0;
		background: url('search_btn.jpg') no-repeat;
		width: 22px;
		height: 20px;
		cursor: pointer;
		cursor: hand;
	}
	#nav_list {
		margin: 0 auto;
		height: 45px;
	}
	#nav_list li {
		float:left;
		margin: 13px 30px 12px 0;
		padding: 0;
		padding-right: 30px;
		letter-spacing: 2px;
		height: 20px;
		border-right: 1px solid #FFF;
	}
	#nav_list #nav_list_title {
		width: 0px;
		margin-right: 0px;
		border: 0;
		padding: 0
	}
	#nav_list #nav_list_end {
		margin-right: 0;
		border: 0;
	}
	#nav_list li a {
		font: normal 15px/20px "microsoft Yahei";
		color: #FFF;
	}
	#nav_list li a:hover {
		color: #FFC057;
	}
	.clear_bar {
		width: 100%;
		height: 1px;
		margin: 10px 0;
	}
	.ad_bar {
		width: 100%;
		overflow: hidden;
	}
	#cards img {
		width: 1920px;
		height: 500px;
	}
	.Focus ol {
		position: relative;
		top: 450px;
		height: 30px;
		min-width: 105px;
		max-width: 500px;
	}
	.Focus ol li {
		float: left;
		width: 20px;
		height: 20px;
		line-height: 20px;
		margin-right: 5px;
		cursor: pointer;
		background: #FFF;
		text-align: center;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		font-family: "Arial Black";
	}
	.Focus ol li.current {
		background: #FFC057;
	}
	.content {
		width: 100%;
	}
	#article_title {
		width: 100%;
		text-align: center;
	}
	#article_title H1 {
		color: #2F64B2;
	}
	#article_info {
		width: 100%;
		height: 48px;
		background: #273a56;
		color: #FFC057;
	}
	#article_info span {
		font: normal 14px/48px "microsoft Yahei";
		margin: 0 5px;
	}
	#article_content {
		width: 100%;
		font: normal 16px/32px "microsoft Yahei";
		text-indent: 2em;
	}
	#article_content div {
		display: block;
	}
	#article_content img {
		max-width: 900px;
		max-height: 600px;
		padding: 10px;
		background: #FFF;
		border: 1px solid #CCC;
		box-shadow:  5px 5px 5px #E5E5E5;
	}
	#article_content p {
		font: normal 16px/32px "microsoft Yahei";
		text-indent: 2em;
		margin: 10px 0;
	}
	#article_content .download_list {
		width: 99%;
		margin: 0 auto;
	}
	#article_content .download_list span {
		display: inline-block;
		height: 48px;
		color: #273a56;
		font: normal 24px/48px "microsoft Yahei";
		padding-left: 48px;
		background: url('/images/download_list.png') no-repeat;
	}
	#article_content .download_list ul, #article_content .download_list ul li{
		width: 100%;
		background: transparent;
	}
	#article_content .download_list ul li:hover {
		background: #F3F3F3;
	}
	#article_content .download_list li span {
		float: right;
		background-image: none;
		font: normal 14px/32px "microsoft Yahei";
		color: #CCC;
	}
	#footer {
		width: 100%;
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		font: normal 16px/32px "microsoft Yahei";
		background: #393d40;
		padding: 15px 0;
		clear: both; /* 清除浮动元素格式 */
		position: fixed;
		bottom: 0;
	}
	.banner {
		width: 930px;
		overflow: hidden;
	}
	.important_news{
		display: block;
		width: 100%;
		height: 86px;
		overflow: hidden;
		color: #FFF;
		background: #273a56 url('important_news_bg.png') no-repeat right;
		float: left;
	}
	#important_news a {
		font: normal 24px/86px "microsoft Yahei";
		margin: 0 13px;
		color: #FFF;
	}
	.channel_list {
		display: table;
		width: 450px;
		height: 501px;
		border: 0;
		float: left;
		margin: 5px 0;
		overflow: hidden;
	}
	.front_list {
		display: block;
		width: 400px;
		height: 400px;
		float: left;
		margin: 5px 0;
		overflow: hidden;
	}
	.channel_title a {
		color: #273a56;
		font: normal 16px/32px "microsoft Yahei";
		letter-spacing: 2px;
	}
	
	.channel_title a:hover {
		
	}
	.alt_block {
		display: table;
		width: 100%;
		background: #F3F3F3;
		margin-bottom: 62px;
	}
	.front_title {
		display: block;
		width: 339px;
		height: 25px;
		background: url('affiche_title_bg.jpg') 0 0 no-repeat;
		letter-spacing: 2px;
		margin-bottom: 2px;
	}
	
	.front_title a {
		margin-left: 25px;
		font: normal 14px/25px "microsoft Yahei";
		color: #636363;
	}
	.channel_list ul {
		width: 100%;
		height: 100%;
		display: table;
		overflow: hidden;
	}
	.channel_list ul li {
		width: 430px;
		margin: 3px 20px 0 0;
		float: left;
		display: table;
	}
	.channel_list ul li a {
		color: #2F64B2;
		font: normal 16px/20px "microsoft Yahei";
	}
	.channel_list ul li a:hover {
		color:#660000;
	}
	.title {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.channel_list ul li a.title {
		display: block;
		height: 40px;
	}
	.channel_list p {
		display: block;
		width: 100%;
		height: 160px;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 13px;
		color: #666;
		font-family: "microsoft Yahei";
		text-indent: 2em;
		line-height: 20px;
	}
	.channel_list img {
		max-width: 240px;
		max-height: 180px;
		border: 1px solid #CCC;
		padding: 2px;
		background: #FFF;
		display: inline-block;
		float: left;
		margin-right: 5px; 
	}
	.slide {
		width: 300px;
		font:normal 13px/18px "microsoft Yahei";
		margin: 10px 0;
		color: #2F64B2;
	}
	.slide .title {
		display: block;
		width: 280px;
		height: 30px;
		padding: 10px;
		background: #273a56 url('phone_bg.png') no-repeat;
		color: #FFC057;
		font: normal 16px/30px "microsoft Yahei";
		letter-spacing: 0.1em;
	}
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	.right img {
		float: right;
	}
	.right .title {
		text-align: right;
	}
	.front_list .title {
		color: #273a56;
		font: normal 16px/32px "Raleway","microsoft Yahei";
		letter-spacing: 2px;
	}
	.front_list ul {
		width: 385px;
		height: 100%;
		display: table;
		overflow: hidden;
		border-right: 1px solid #CCC; 
	}
	.front_list ul li {
		width: 360px;
		height: 40px;
		padding: 5px 5px 0 5px;
		float: left;
		display: block;
		overflow: hidden;
	}
	.front_list ul li:hover {
		background: #273a56;
	}
	.front_list ul li:hover span {
		color: #FFF;
	}
	.front_list ul li:hover a {
		color: #FFC057;
	}
	.front_list ul li a {
		display: block;
		width: 360px;
		height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color:#333;
		font: normal 15px/20px "microsoft Yahei";
	}
	.front_list ul li a:hover {
		color: #FFC057;
	}
	.front_list ul li span {
		font: normal 12px/12px "宋体",Arial, Helvetica, sans-serif;
		vertical-align: top;
	}
	.affiche_date {
		color: #990000;
		float: right;
	}
	.btn_reset {
		width: 33px;
		height: 32px;
		background: url('btn_reset.png') no-repeat 0 0;
		border: 0px;
		margin: 10px;
		cursor: pointer;
	}
	.btn_submit {
		width: 33px;
		height: 32px;
		background: url('btn_submit.png') no-repeat 0 0;
		border: 0px;
		margin: 10px;
		cursor: pointer;
	}
	.btn_reset:hover,.btn_submit:hover {
		background-position: 0 -32px;
	}
	.affiche_sn {
		float: left;
		margin-left: 12px;
	}
	#contact_us ul li {
		height: auto;
		margin: 1px 0 0 10px;
		font: normal 14px/28px "microsoft Yahei";
		color: #333;
	}
	.content_main {
		display: inline-block;
		float: right;
		overflow: hidden;
		width: 100%;
	}
	#splited_content .content_main {
		width: 870px;
	}
	.content_sidebar {
		width: 320px;
		float: left;
		margin-right: 10px;
	}
	.content_sidebar H1 {
		letter-spacing: 0.1em;
		text-align: center;
		font: bold 16px/40px arial,"microsoft Yahei";
		background: url(info.png) 8px no-repeat;
	}
	.info {
		width: 100%;
		border-top: 1px solid #E5E5E5;
		border-bottom: 1px solid #E5E5E5;
		border-radius: 5px;
		background: #F3F3F3;
		margin-bottom: 35px;
		padding: 0 0 10px 0;
	}
	.info #keywords {
		width: 240px;
		height: 32px;
		margin-left: 5px;
	}
	.content_sidebar .info ul {
		width: 100%;
	}
	.content_sidebar .info ul li {
		width: 100%;
		font: normal 14px/32px "microsoft Yahei";
		text-align: center;
		color: #2F64B2;
		float: left;
	}
	.content_sidebar .info ul li a{
		display: block;
		width: 300px;
		margin: 0 10px;
		color: #333;
		font: normal 14px/32px "microsoft Yahei";
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.content_sidebar .info ul li a:hover {
		background: #273a56;
		color: #FFC057;
	}
	.content_sidebar .info ul li span {
		display: none;
	}
	.ad {
		width: 100%;
	}
	.location {
		padding-left: 24px;
		background: url('location.png') no-repeat; 
	}
	.list {
		width: 100%;
		display: table;
	}
	.list li {
		width: 850px;
		margin: 0 auto;
		display: inline-block;
		float: left;
		background: transparent;
	}
	.list li:hover {
	}
	#news_list li{
		display: block;
		width: 850px;
		height: 225px;
		overflow: hidden;
		margin: 0 0 15px 0;
		border-bottom: 1px dashed #CCC;
		text-align: right;
	}
	#news_list li a {
		font: bold 20px/20px "microsoft Yahei";
		color: #2F64B2;
		letter-spacing: 0.05em;
	}
	#news_list li img {
		max-width: 240px;
	    max-height: 180px;
	    border: 1px solid #CCC;
	    padding: 2px;
	    background: #FFF;
	    display: inline-block;
	    float: left;
	    margin-right: 5px;
	}
	#news_list li p {
		display: block;
		width: 100%;
		height: 170px;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 18px;
		color: #999;
		font-family: "microsoft Yahei";
		text-indent: 2em;
		line-height: 50px;
		text-align: left;
	}
	.content .content_main #news_list li .date {
		display: inline !important;
		float: right;
		font: normal 12px/32px "microsoft Yahei",Arial;
		color: #990000;
	}
	#channels li {
		width: 100%;
		float: left;
		text-align: center;
		padding: 10px 0;
		background:#FFF url('channel.png') 6px 8px no-repeat;
		margin: 0 0 5px 0;
	}
	#channels li a {
		font: bold 16px/32px "microsoft Yahei";
		color: #2F64B2;
		letter-spacing: 0.1em;
	}
	#channels li:hover {
		background:	#273a56 url('channel_selected.png') 6px 8px no-repeat;
		border-radius: 5px;
	}
	
	#channels li:hover a {
		color: #FFC057;
	}
	#channels .selected {
		background:	#273a56 url('channel_selected.png') 6px 8px no-repeat;
		border-radius: 5px;
	}
	#channels .selected a {
		color: #FFC057;
	}
	#affiches_list li{
		margin: 0 0 10px 0;
		border-top: 1px solid #CCC;
		background: #FAFAFA;
		padding: 10px;
	}
	#affiches_list li a {
		font: bold 20px/40px "microsoft Yahei";
		color: #2F64B2;
		letter-spacing: 0.05em;
		display: block;
		width: 100%;
	}
	#affiches_list li .affiche_sn {
		margin: 0;
	}
	#splited_content {
		border-top: 1px solid #D7D7FF;
	}
	#nav_bar {
		width: 100%;
		height: 64px;
		font: normal 16px/64px "microsoft Yahei";
		color: #AAA;
	}
	#search_result_pannel {
		display: block;
		width: 800px;
		height: 500px;
		overflow: hidden;
		position: absolute;
		background: #FAFAFA;
		border: 1px solid #CCC;
		color: #333;
		box-shadow: 3px 3px 5px #999;
		margin: 0;
		padding:5px;
		z-index: 1000;
		font: normal 15px/30px "microsoft Yaheiall-petite-caps";
	}
	#search_result_pannel_title {
		display: block;
		width: 770px;
		height: 24px;
		line-height: 24px;
		background: url('search_result_pannel_title_bg.png') no-repeat;
		padding-left: 30px;
	}
	#search_result_pannel_title span {
		float: right;
	}
	#search_result_pannel_content {
		display: block;
		width: 790px;
		height: 466px;
		overflow: auto;
		background: #FFF;
		box-shadow: 1px 1px 3px #999 inset;
		border: #666;
		margin: 0;
		padding:5px;
	}
	#search_result_pannel_content ul {
		display: table;
		width: 100%;
		height: auto;
	}
	#search_result_pannel_content ul li {
		line-height: 24px;
	}

/*移动设备*/
	@media only screen and (max-width: 480px){
		body,a {
			font-size: 14px;
		}
		#nav_list {
			width: 100%;
			display: table;
			position: fixed;
			background: #FFF;
			top: 36px;
			margin: 0;
		}
		#nav_list li{
			display: table-column;
			margin: 0;
			width: 20%;
			text-align: center;
		}
		#nav_list li:nth-child(1),#nav_list li:nth-child(3),#nav_list li:nth-child(4),#nav_list li:nth-child(5) {
			display: none;
		}
		#main {
			width: 100%;
			margin-top: 0;
		}
		#middle,#footer {
			width:98%;
			margin: 0;
		}
		#middle {
			margin-top: 36px;
		}
		.tools,.banner {
			display: none;
		}
		#important_affiche,.content_main {
			width: 100%;
		}
		#important_affiche {
			margin-top: 10px;
		}
		#search_box {
			float: none;
			border: 0;
			width: 100%;
			margin-top: 50px;
		}
		#search_box #key_word {
			width: 80%;
		}
		.channel_list,.front_list {
			width: 100%;
			height: auto;
			border: 0;
			border-top: 1px solid #D9D9D9; 
			border-bottom: 1px solid #D9D9D9; 
			border-radius: 5px; 
			padding: 5px 0;
		}
		.channel_list ul li,.front_list ul li {
			width: 100%;
			margin: 0;
		}
		.channel_list ul li a,.front_list ul li a {
			width: 100%;
			font-size: 14px;
			font-family: "microsoft Yahei";
		}
		.ad,.info,h1 {
			display: none;
		}
		.content_sidebar {
			width: 100%;
			position: fixed;
			top: 61px;
			background: #FFF;
		}
		#channels li {
			width: 33%;
		}
		#channels li a {
			font-size: 12px;
		}
	}