﻿﻿/*公共部分*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0;padding:0; font-family:CustomFont,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size: 14px; }
li{list-style-type: none;}
a{text-decoration: none; color: inherit; cursor: pointer;}
img{border:none;vertical-align: middle;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.fl{float: left;}
.fr{float: right;}
input{outline: none;}
body{ background: url("../images/header.jpg") no-repeat fixed center top;background-size: 100% 500px; }
/* body{
	background-color: #dedede;
} */

/*顶部header*/
.top{ background: #376cb0; }
.top .clearfloat{ width: 1200px; margin: 0 auto; }
.top a{ color: #fff; line-height: 40px; display: inline-block; margin-left: 35px;  }
.top .fl a:first-child{ margin-left: 0;  }
.top a.gh{ background: url("../images/banner/logo_gh.png") no-repeat left center; padding-left: 28px; }
.top a.zx{ background: url("../images/banner/logo_zx.png") no-repeat left center; padding-left: 28px; }

#header{ width: 1200px; margin: 0 auto; }
.head{ height: 150px; position: relative; }
.head .logo{ margin-top: 25px; }
.head input{ border: none; outline: none; }
.head .search{ position: absolute; right: 0; top: 60px; width:280px}
.head .word{ position: absolute; right: 40px; top: 0; width: 280px; height: 35px; line-height: 35px; padding-left: 40px; box-sizing: border-box; border-radius: 4px; background: url("../images/search.png") no-repeat 5px center; background-color: white; }
.head .submit{ position: absolute; right: 0; top: 0; line-height: 35px; height: 35px; width: 50px; background: #015293; color: white; border-radius: 0 4px 4px 0; }

/*导航栏*/
.nav{ height: 43px; border-bottom: 3px solid; display: flex; }
.nav *{ line-height: 43px; font-size: 18px; font-weight: bold; }
/*.nav li{ float: left; width: 157px; border-radius: 5px 5px 0 0; }*/
.nav li{ flex: 1; border-radius: 5px 5px 0 0; }
.nav li a{ display: block; text-align: center; }
.nav li.active a,.nav li:hover a{ color: #FFF; }
.nav li .ico1{ background-position: 35px center; }
.nav li .ico2{ background-position: -110px center; }
.nav li .ico4{ background-position: -260px center; }
.nav li .ico3{ background-position: -405px center; }
.nav li .ico6{ background-position: -545px center; }
.nav li .ico7{ background-position: -695px center; }
.nav li .ico5{ background-position: -840px center; }

/*主体*/
#content{ width: 1200px; margin: 0 auto; }

/*底部*/
#footer{ width: 1200px; margin: 0 auto; clear: both; border-top: 3px solid; padding: 10px 0; position: relative; }
#footer *{ line-height: 40px; text-align: center; font-size: 15px; }
#footer .lefticon{ height: 80px; position: absolute; left: 100px; top: 0; bottom: 0; margin: auto; }
#footer .right{ height: 60px; position: absolute; right: 50px; top: 0; bottom: 0; margin: auto; }
#footer .lefticonimg{ display: block; max-height: 80px; }
#footer .right img{ display: block; border: 1px solid lightgrey; border-radius: 4px }

/*公共颜色*/
/*边框颜色*/
.nav,div.title .titleZ,#footer{ /*border-color: #3f9a00;*/ border-color: #015293; }
/*背景颜色*/
.nav li.active,.nav li:hover,.bar-title .titles a.active{ background-color: #015293; }

/*当前位置*/
.where{ line-height: 50px; font-size: 15px; font-weight: bold; padding-left: 25px; background: url("../images/where.png") no-repeat left center; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.where a{ font-size: 15px; font-weight: normal; color: #015293; }
.where a:hover{ font-weight: bold; }

/*pageItem 翻页器*/
.pages{ overflow: hidden; margin: 10px 0; }
.pages *{ line-height: 50px; }
.pages>div{ float: left; }
.pages .paper{ margin-right: 20px; }
.pages .jump{ margin-left: 20px; }
.pages a{ padding: 1px 5px; border: 1px solid lightgrey; }
.pages a:hover{ background: #015293; color: white; }
.pages b{ color: #015293; }

/*推荐词*/
.hotWords {margin-top: 40px;text-align: left;line-height: 30px;font-size: 13px;}
.hotWords a {font-size: 12px;color: #999999;padding: 0px 3px;}
.hotWords a:hover {color: #000000;}
@media screen and (max-width: 960px) {
	body{
		background-image: none;
	}
	.top,#header,#footer,.where{
		display: none;
	}
	#content{
		width: 100%;
	}
}
