﻿*{
	font-family: "microsoft yahei";
}
a{
	color: #333;
}
.top_box{
	height: 32px;
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
	line-height: 32px;
	background-color: #fff;
}
.top_con{
	width: 1100px;
	margin: 0 auto;
}
.top_con ul li {
	float: left;
	font-size: 13px;
	color: #999;
}
.top_con ul li a{
	color: #999;
}
.top_con ul .shu{
	margin: 0 2px;
}
/*banner*/
.banner_box{
	width: 100%;
	height: 150px;
	background: url(banner_bg.jpg) no-repeat center;
	background-size: cover;
}
.banner_con{
	width: 1100px;
	margin: 0 auto;
}
.logo_box img{
	margin: 24px 0 0 0;
}
/*nav*/
.nav_ul li:hover{
	background-color: #3f92d5;
}
.nav_box{
	height: 50px;
	width: 100%;
	line-height: 50px;
	background-color: #1c649f;
}
.nav_ul{
	width: 1100px;
	margin: 0 auto;
}
.nav_ul li{
	width: 157px;
	height: 100%;
	color: white;
	font-size: 17px;
	text-align: center;
	float: left;
}
.nav_ul li img{
	margin-right: 10px;
	vertical-align: text-bottom;
}
/*info*/
.info_box{
	height: 48px;
	width: 100%;
	line-height: 48px;
	background-color: #efefef;
}
.info_con{
	width: 1100px;
	margin: 0 auto;
}
.info_left {
	margin-left: 30px;
	margin-right: 30px;
	font-size: 15px;
	color: #355e92;
	font-weight: bold;
	float: left;
}
.info_left img{
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 4px;
}
.info_right_box{
	width: 956px;
	overflow: hidden;
	float: left;
}
.info_right{
	width: 1912px;
	float: left;
	position: relative;
}
.hidden_box{
	width: 3830px;
	position: relative;
}
.info_right li{
	font-size: 	15px;
	color: #333;
	float: left;
	margin-right: 20px;
	width: 218px;
}
.info_right li a:hover{
	color: #f00;
}
.info_right li img{
	margin-right: 5px;
	margin-bottom: 2px;
}
/*shuff*/
.shuff_box{
	height: 340px;
	width: 1100px;
	margin: 25px auto;
}
.shuff_left{
	width: 520px;
	height: 100%;
	background-color: #deebf4;
	float: left;
	padding: 9px;
}
.shuff_right{
	float: right;
	width: 570px;
}
.shuff_right li{
	margin-bottom:25px;
}
.shuff_right .mes_head a{
	color: #1c649f;
}
.shuff_right .mes_head a:hover,.shuff_right .mes_con a:hover{
	color: #f00;
}
.shuff_right .mes_head{
	font-size: 20px;
	color: #1c649f;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.shuff_right .mes_con{
	font-size: 15px;
	color: #464646;
	text-indent: 20px;
	line-height: 30px;
}
/*search*/
.zhannei{
	width: 62;
	height: 100%;
	text-align: center;
	line-height: 100px;
	float: left;
}
.search_box{
	height:142px;
	width: 1100px;
	margin: 0px auto;
	background: url(search_bg.png) center;
}
.search_con{
	width: 1060px;
	height: 101px;
	background: url(search_bg2.jpg) center;
	margin: 10px 0 0 20px;
	float: left;
	border-radius: 5px;
}
.search_form{
	margin-left: 105px;
	position: relative;
	overflow: hidden;
	width: 360px;
	float: left;
}
.search_form input{
	margin: 26px 0 0 0;
	float: left;
	width: 270px;
	height: 50px;
	border: none;
	border-radius: 25px;
	line-height: 50px;
	font-size: 17px;
	color: #333;
	padding-left: 20px;
	border-left: 1px solid #d7d7d7;
	padding-right: 50px;
	margin-left: 10px;
	outline:medium;
}
.search_form input:focus{
	outline：none ;
}
.search_form2{
	margin-left: 10px;
	position: relative;
	overflow: hidden;
	width: 360px;
	float: left;
}
.sear_zhi_btn{
	width: 150px;
	height: 50px;
	background: url(search_zhi_btn.png) no-repeat;
	float: left;
	margin: 26px 0 0 30px;
	cursor: pointer;
}
.search_form2 input{
	margin: 26px 0 0 0;
	float: left;
	width: 270px;
	height: 50px;
	border: none;
	border-radius: 25px;
	line-height: 50px;
	font-size: 17px;
	color: #333;
	padding-left: 20px;
	border-left: 1px solid #d7d7d7;
	padding-right: 50px;
	margin-left: 10px;
	outline:medium;
}
.search_icon{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 25px;
	bottom: 26px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}
/*list*/
.list_box{
	height:200px;
	width: 1100px;
	margin: 0px auto;
	margin-top: 10px;
}
.list_left{
	height:100%;
	width: 540px;
	float: left;
}
.list_head{
	height: 40px;
	width: 100%;
	line-height: 37px;
	border-bottom: 3px solid #dedede;
}
.list_nav{
	float: left;
	margin-right: 15px;
}
.list_nav a{
	color: #333;
	font-size: 17px;
}
.more{
	float: right;
}
.more a{
	font-size: 	15px;
	color:#666666;
}
.list_active{
	font-weight: bold;
	color: #1c649f;
	border-bottom: 3px solid #1c649f;
}
.list_active a{
	font-weight: bold;
	color: #1c649f!important;
}
.list_body li{
	margin-top: 10px;
	overflow: hidden;
}
.list_body li img{
	float: left;
	margin: 8px 10px 0 3px;
}
.list_body li .list_text{
	float: left;
}
.list_body li .list_text a{
	font-size:15px;
	color: #333;
}
.list_body li .list_text a:hover{
	color: #f00;
}
.list_body li .list_time{
	float: right;
	font-size: 15px;
	color: #999;
}
.list_right{
	width: 540px;
	float: right;
}
/*img*/
.img_box{
	height:63px;
	width: 1100px;
	margin: 0px auto;
	margin-top: 15px;
}
.img_box div{
	width: 258px;
	height: 100%;
	float: left;
	margin-left: 22px;
}
.img_box div:first-child{
	margin-left: 0;
}
.img_box div img{
	width: 100%;
	height: 100%;
}
/*line*/
.line_box{
	width: 1100px;
	margin: 0px auto;
	margin-top: 10px;
	overflow: hidden;
}
.line_head{
	height: 40px;
	width: 100%;
	line-height: 37px;
	border-bottom: 3px solid #dedede;
}
.line_headtext{
	font-size: 20px;
	float: left;
	color: #1c649f;
	font-weight: bold;
	border-bottom: 3px solid #1c649f;
}
.line_con{
	margin-top: 25px;
	overflow: hidden;	
}
.person_box{
	width: 353px;
	height: 328px;
	float: left;
	border: 1px solid #e2e2e2;
	margin-left: 20px;
}
.person_box:first-child{
	margin-left: 0;
}
.linebox_head{
	height: 50px;
	width: 100%;
	background-color: #f1f9ff;
	border-bottom: 1px solid #e2e2e2;
	text-align: center;
	line-height: 50px;
	font-size: 17px;
	color: #1c649f;
}
.linebox_head img{
	margin-right:5px;
}
.linebox_body li a:hover{
	color: #f00;
}
.linebox_body li{
	width: 33.3%;
	height: 70px;
	text-align: center;
	margin-top: 20px;
	float: left;
	font-size: 13px;
	color: #333;
}
.linebox_body li img{
	height: 27px;
	margin-bottom: 10px;
}
.linebox_body li:last-child img{
	width: 26px;
	height: 6px;
	margin-top: 20px;
}
.line_four{
	width: 100%;
	height: 63px;
	overflow: hidden;
	margin-top: 20px;
}
.line_four li{
	width: 258px;
	height: 63px;
	float: left;
	margin-left: 22px;
}
.line_four li:first-child{
	margin-left: 0;
}
/*public*/
.public_box{
	width: 1100px;
	margin: 0px auto;
	margin-top: 10px;
	overflow: hidden;
}
.public_body{
	width: 400px;
	margin-top: 15px;
	float: left;
	margin-right: 20px;
}
.news_box{
	width: 400px;
	float: left;
}
.news_head{
	overflow: hidden;
	margin-bottom: 5px;
}
.news_headtext{
	float: left;
	font-size: 17px;
	color: #333;
}
.news_more{
	float: right;
	font-size: 15px;
	color: #666;
}
.news_line{
	width: 100%;
	height: 5px;
	background: url(news_line.png);
}
.news_list li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px dashed #d3d3d3;
	overflow: hidden;
}
.news_list li img{
	float: left;
	margin: 20px 5px 0 0;
}
.news_list li .news_text{
	float: left;
}
.news_list li .news_text a{
	color: #333;
}
.news_list li .news_text a:hover{
	color: #f00;
}
.news_list li .news_time{
	float: right;
}
.public_right{
	width: 260px;
	float: right;
	margin-top: 20px;
}
.public_right ul li{
	width: 261px;
	height: 47px;
	background-color: #5098e4;
	margin-bottom: 8px;
}
.public_right ul li:hover{
	background-color: #245399;
}
.public_right ul li:hover .public_icon{
	/*width: 66px;*/
	margin: ;
	border-right: 1px solid #6485b7;
	border-left: 5px solid #ff7800;
}
.public_right ul li:hover .public_icon img{
	margin: 6px 20px 6px 15px;
}
.public_icon{
	width: 71px;
	height: 100%;
	border-right: 1px solid #83b6ec;
	float: left;
}
.public_icon img{
	margin: 6px 20px;
}
.public_text{
	width: 189px;
	height: 100%;
	float: left;
	font-size: 15px;
	color: white;
	text-align: center;
	line-height: 47px;
}
/*interact*/
.interact_box{
	width: 1100px;
	margin: 0px auto;
	margin-top: 10px;
	overflow: hidden;
}
.interact_right{
	float: left;
	width: 530px;
	height: 217px;
	border: 1px solid #e6f7ff;
}
.interact_center{
	float: left;
	width: 270px;
	height: 217px;
	margin-left: 20px;
}
.hot_head{
	font-size: 15px;
	color: #1c649f;
	margin-top: 10px;
}
.hot_list{
	overflow: hidden;
	margin-top: 10px;
}
.hot_list li{
	float: left;
	margin-right: 22px;
	margin-bottom: 7px;
}
.hot_list li a{
	font-size: 15px;
	color: #333;
}
.hot_list li a:hover{
	color: #f00;
}
.hot_btn,.liuyan_btn{
	width: 124px;
	height: 43px;
	background-color: #4180cf;
	float: left;
	text-align: center;
	line-height: 43px;
	color: white;
	font-size: 15px;
	margin-top: 20px;
}
.liuyan_btn{
	background-color: #f3812e;
	margin-left: 10px;
}
.interact_left{
	width: 260px;
	float: right;
}
.interact_left ul li{
	width: 100%;
	height: 60px;
	background-color: #4180cf;
	text-align: center;
	line-height:60px;
	font-size: 17px;
	font-weight: bold;
	color: white;
	margin-top: 11px;
}
.interact_left ul .red{
	background-color: #de5b5b;
}
.interact_left ul .blue{
	background-color: #27a0a4;
}
.interact_left ul li img{
	margin-right: 25px;
}
.fix_box{
	position: fixed;
	right: 30px;
	top: 40%;
}
.fix_box div{
	margin-bottom: 2px;
}
