﻿@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px; }
img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding: 0px; }
ul{ list-style:none}
clear{ padding: 0px; clear: both; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
body{ background:#FAFAFA; margin: 0px; padding: 0px; height: auto; }
.search { float: right; width: 250px; height: 35px; margin-top: 80px; display: inline; }
.input_01 { width: 150px; }

.input_02 { float: right; width: 100px; }

.banner { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow: hidden; height: 97px; background-position: 0px 0px; background-color: #900; width: 959px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(../images/2016yuandan.jpg); background-repeat: no-repeat; }
.logo { float: left; }


.nav { width: 959px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-repeat: repeat-x; line-height: 43px; height: 43px; background-color: #333; }

.nav ul {
    padding-left: 130px;
}

.nav ul li { float: left; margin-right: 30px; }

.nav ul li a { font-size: 16px; font-weight: normal; color: #FFF; text-decoration: none; display: block; width: 70px; text-align: center; font-family: "微软雅黑"; }

.nav ul li a:hover { font-size: 16px; color: #FFF; font-weight: normal; text-decoration: none; background-color: #900; display: block; text-align: center; width: 70px; font-family: "微软雅黑"; }

.header { width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: center; background-color: #F2F2F2; height: 310px; }

.conten { width: 958px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 10px; padding-bottom: 10px; padding-right: 0px; padding-left: 0px; overflow: hidden; }

.side { width: 232px; float: left; }

.middle { float: left; width: 400px; margin-left: 30px; padding-bottom: 10px; }

.sidebar { float: right; width: 270px; background-color: #F2F2F2; padding-bottom: 10px; overflow: hidden; }

.side h2 { font-size: 14px; font-weight: bold; color: #333; padding-left: 20px; line-height: 30px; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D4D4D4; margin-bottom: 5px; }
.middle h2  { font-size: 14px; font-weight: bold; color: #333; line-height: 30px; font-family: Tahoma, Geneva, sans-serif; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 5px; }
.new_font h2 a { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: #666; font-weight: bold; text-decoration: none; line-height: 25px; }
.more { float: right; text-decoration: none; display: block; margin-right: 20px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #666; }
.more:hover { font-size: 12px; color: #000; text-decoration: underline; }



.new_font h2 a:hover { font-size: 14px; color: #333; text-decoration: underline; }



.side_con { overflow: hidden; }

.side_con ul li a { font-size: 12px; font-weight: normal; color: #333; font-family: "Times New Roman", Times, serif; line-height: 27px; text-decoration: none; background-position: 10px; padding-left: 20px; background-image: url(../images/ico.jpg); background-repeat: no-repeat; }

.side_con ul li a:hover { font-size: 12px; font-weight: normal; color: #666; text-decoration: underline; }

.new_font { float: right; width: 290px; margin-left: 10px; }

.pic_new .img { float: left; width: 98px; margin-top: 10px; }
.pic_new { display: inline-block; }


.font { font-size: 12px; color: #666; line-height: 20px; font-family: Arial, Helvetica, sans-serif; }

.sidebar h2 { font-size: 14px; font-weight: bold; color: #333; line-height: 30px; height: 30px; padding-left: 10px; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #900; background-color: #F9F9F9; font-family: Arial, Helvetica, sans-serif; }
.content { overflow: hidden; }


.footer { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #666; text-align: center; line-height: 25px; background-color: #D7D7D7; height: 92px; clear: both; }
.yqlj1 { width: 960px; background-color: #D7D7D7; margin-top: auto; margin-right: auto; margin-bottom: 20px; margin-left: auto; }

.search1 { float: right; width: 200px; margin-top: 5px; margin-right: 30px; background-color: #B50005; display: inline; }


.main { overflow: hidden; }

.zixun { text-align: center; }

.cylj { background-color: #F7F7F7; height: 100px; width: 958px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.cylj1 { background-color: #F7F7F7; height: 100px; width: 100%; overflow: hidden; }

.cylj h2 { font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; line-height: 40px; }

.cylj_con { font-size: 12px; font-weight: normal; color: #333; height: 40px; }

.cylj_con ul { padding-left: 20px; }

.cylj_con ul li { float: left; padding-left: 20px; }

.cylj_con ul li a { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #999; }


.cylj_con ul li a:hover { font-size: 12px; font-weight: normal; color: #900; text-decoration: underline; }
.banner .logo { }


.ztbd { text-align: center; margin-top: 10px; }


@media screen and (max-width:800px) {
	
	body{line-height: 18px;}

	.mainWrap
	{
		width: 760px;
	}
	.header .nav li
	{
		padding:5px 2px 5px 2px;
	}
	.header .nav li a
	{
		font-size:12px;
		padding:0 9px;
	}
	
	#nav ul
	{
		width:150px;
	}
	
	#nav ul li a
	{
		font-size:12px;
		line-height:32px;
		padding: 0 0 0 14px;
	}
	
	.content
	{
		padding-bottom: 100px;
	}
	
	.footer .footWrap li
	{
		width:190px;
		height:200px;
	}
	
	.footer .copyrights
	{
		text-align:center;
	}
	
	.footer .copyrights .info
	{
		float:none;
		display:block;
	}
	
	
	.footer .copyrights .icp
	{
		float:none;
		display:block;
	}
	

}


@media screen and (max-width:640px) {
	
		.banner .logo img{
		width:340px;
		height:80px;
	}
	
	.mainWrap
	{
		width: 100%;
	}
	
	.header .topWrap
	{
		position:relative;	
	}
	

	.banner .logo
	{
		float:none;
		margin:auto;
		display:block;
		position:absolute;
		top:5px;
		left:50%;
		margin-left:-150px;
	}
	
	.header .search
	{
		float:none;
		position:absolute;
		width:100%;
		top:0px;
		background:#5C307D;
	}
	
	.header .search .ext
	{
		float:right;
		padding:4px 30px 10px 0;
	}
	.header .search .ext a
	{
		color:#fff;
	}
	
	.header .search .inp
	{
		border:0;
		margin-left:20px;
		height:14px;
		width:130px;
	}
	
	.header .search .btn
	{
		background:#22132d;
		height:24px;
		line-height:24px;
		font-size:14px;
	}
	
	.header .topWrap
	{
		height: 130px;
	}
	
	.header .nav
	{
		background:#efefef;
		border:0;
	}
		
	.header .nav .menu
	{
		display:block;
		line-height:44px;
		font-size:18px;
		padding:0 20px;
		cursor:pointer;
		color:#22132d;
	}
	.header .nav .menu .menuicon
	{
		float:right;
		color:#22132d;
	}
	
	.header .nav ul
	{
		display:none;
	}
	
	.header .nav li
	{
		float:none;
		padding:0;
		border-top:1px solid #ddd;
		background:#fff;
		overflow:hidden;
	}
	
	.header .nav li a
	{
		font-size:15px;
		text-indent:20px;
	}
	
	.header .nav li a .thuicon-angle-down
	{
		display:none;
	}
	
	.content
	{
		padding-bottom: 50px;
	}
	
	
	.footer .footWrap
	{
		padding:14px 0;
	}
	
	.footer .footWrap li
	{
		width:25%;
		height:auto;
	}
	
	.footer .footWrap a
	{
		display:none;
	}
	
	.footer .footWrap h4 a
	{
		display:block;
		font-size:12px;
		line-height:30px;
	}
	
	.footer .footWrap h4
	{
		padding-bottom:0;
	}
	
	.footer .copyrights
	{
		text-align:center;
	}
	
	.footer .copyrights .info
	{
		float:none;
		display:block;
		padding:0 30px;
	}
	
	.footer .copyrights .info span
	{
		display:block;
		padding:0;
	}
	
	.footer .copyrights .icp
	{
		float:none;
		display:block;
	}
	
}

@media screen and (max-width:360px) {
	.content { 
		padding-bottom: 30px;
	}

		
}

@media screen and (max-width:320px) {

	.banner .logo img{
		width:300px;
		height:70px;
	}
	
	.banner .logo {
		margin-left:-130px;
	}
	
	.header .topWrap
	{
		height:110px;
	}
	
	.header .search .inp
	{
		width:100px;
	}

	.header .nav .menu
	{
		line-height:40px;
		font-size:16px;
	}


}

.middle ul { }

.middle ul li { background-image: url(../images/new_ioc.png); background-repeat: no-repeat; background-position: 10px; padding-left: 20px; }

.middle ul li a { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal; color: #333; text-decoration: none; line-height: 30px; }

.middle ul li a:hover { color: #900; text-decoration: underline; }

.pic_01 { width: 960px; margin: auto; }

.view_ht { width: 910px; margin: auto; padding-left: 50px; overflow: hidden; color: #999; height: 40px; }

.view_ht a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #999; line-height: 40px; padding-left: 10px; }

.view_ht ul { }

.view_ht ul li { float: left; }

.view_ht a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; text-decoration: underline; line-height: 40px; }
.view_side_con { margin-bottom: 10px; overflow: hidden; }


.view_side_con ul { }

.view_side_con ul li { height: 40px; line-height: 40px; background-color: #F9F9F9; display: block; margin-bottom: 3px; }

.view_side_con ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666; display: block; border-left-width: 5px; border-left-style: solid; border-left-color: #CCC; padding-left: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; }

.view_side_con ul li a:hover { display: block; color: #900; background-color: #E3E3E3; border-left-width: 5px; border-left-style: solid; border-left-color: #900; padding-left: 20px; font-weight: bold; }

.view_sidebar { float: left; margin-left: 10px; width: 716px; }

.top_font { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 40px; line-height: 40px; }

.top { overflow: hidden; float: right; width: 450px; margin-left: 50px; }



.top_font ul { padding-left: 50px; }

.top_font ul li { float: left; margin-right: 20px; }

.top_font ul li a { font-family: "Arial Black", Gadget, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; text-decoration: none; }

.top_font ul li a:hover { font-size: 12px; font-weight: normal; color: #333; text-decoration: underline; }

.news_title { text-align: center; line-height: 35px; }

.news_title a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #C00; line-height: 35px; text-decoration: none; }

.news_title a:hover { color: #000; text-decoration: underline; }

.view_conten { margin: auto; width: 959px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; min-height:500px; _height:500px;height:auto!important}

.view_banner { background-color: #F3F3F3; text-align: center; height: 150px; overflow: visible; }
.view_banner1 { margin:auto; width:960px; height:150px;}

.side_view { float: left; width: 240px; }

.sidebar_biew { float: left; width: 700px; margin-left: 10px; height:auto!important}

.site_con { width: 909px; margin: auto; height: 40px; padding-left: 50px; }

.site_con a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666; text-decoration: none; line-height: 40px; }

.side_view h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: center; line-height: 45px; height: 45px; display: block; background-color: #900; color: #FFF; margin-bottom: 0px; background-image: url(../images/zj_bg.jpg); background-repeat: no-repeat; }

.side_view ul li { width: 240px; }

.side_view ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666; text-decoration: none; line-height: 50px; display: block; padding-left: 50px; height: 50px; background-color: #F3F3F3; background-image: url(../images/bg_di.jpg); background-position: bottom; background-repeat: no-repeat; }

.side_view ul li a:hover { color: #900; text-decoration: none; background-color: #eee; }

.sidebar_biew h3 { font-family: Tahoma, Geneva, sans-serif; line-height: 50px; height: 50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; font-size: 18px; font-weight: bold; padding-left: 50px; display: block; color: #900; }

.view_con { padding: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; line-height: 27px; font-weight: normal; color: #444; min-height:500px; _height:500px; }

.lxz { float: right; height: 200px; width: 272px; margin-right: 0px; margin-bottom: 35px; margin-left: 10px; }

.lxz li { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; text-decoration: none; list-style-type: none; line-height: 30px; margin-bottom: 10px; display: block; height: 35px; overflow: hidden; }

.view_con ul li { background-position: 10px; padding-left: 20px; background-image: url(../images/ico.jpg); background-repeat: no-repeat; }

.view_con ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 35px; font-weight: normal; color: #666; text-decoration: none; }

.view_con ul li a:hover { color: #000; text-decoration: underline; }

.view_con ul li span { float: right; margin-right: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #999; line-height: 35px; }

.view_con dl dt { padding-right: 10px; color: #900; float: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 40px; height: 40px; display: block; }

.view_con dl dd { margin-left: 50px; margin-right: 20px; }

.view_con dl dd a { font-family: Arial, Helvetica, sans-serif; line-height: 40px; font-weight: normal; color: #999; }
