/* CSS Document */
@charset "utf-8";
body{ padding:0px; margin:0 auto; font-size:14px; color:#333333; font-family:Verdana, Geneva, sans-serif; font-family:Microsoft YaHei,微软雅黑; background: #fbfbfc; font-weight: 300;}
*{margin:0; padding:0px; font-family:Microsoft YaHei,微软雅黑;}
ul,li,dl,dt,dd{list-style:none;}
input,select,img,textarea{vertical-align:middle; outline:medium;}
img{border:none;}
a{color:#333333; text-decoration:none; font-family:Microsoft YaHei,微软雅黑;}
a:hover{color:#ff4400; text-decoration:none; font-family:Microsoft YaHei,微软雅黑;}
a:focus{ outline-style:none; font-family:Microsoft YaHei,微软雅黑;}
a{blr:expression(this.onFocus=this.blur()); font-family:Microsoft YaHei,微软雅黑;}/*ie6*/

/* 公共css */
.mainColor{ background: #015293;}
.bgGray{ background:#f9f7f7;}
.bgWhite{ background:#fff;}
.disNone{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.commWidth{ width:1200px; margin:0px auto;}
.commBigWidth{ width:1300px; margin:0px auto;}
.disNone{ display: none;}
.addShadow{ transition: box-shadow 0.6s, transform 0.5s; box-shadow: 0px 0px 7px 3px #eee;}
.addShadow:hover{ box-shadow: 0px 0px 12px 6px #ccc; transition: box-shadow 0.5s;}
.addNoShadow{ transition: box-shadow 0.6s, transform 0.5s;}
.addNoShadow:hover{ box-shadow: 0px 0px 12px 6px #ccc; transition: box-shadow 0.5s;}

/* header */
.header{ min-height: 370px; background: url(../images/top/topBg.png) no-repeat center top; min-width: 1200px; overflow: hidden;}
.header2{ min-height: 327px; background: url(../images/top/topBg2.png) no-repeat center top; min-width: 1200px; overflow: hidden;}
.top{ color: #fff;}
.top .commWidth{ overflow: auto; zoom: 1;}
.welcomeTips{ float: left; height: 40px; line-height: 40px; margin-left: 15px;}
.welcomeTips-m{display:none}
.logo{ width:400px;height:90px;display: block;position: absolute;margin-left: 2px;margin-top: 1px;}
.topNav{ overflow: auto; zoom: 1; float: right;}
.topNav li{ line-height: 40px; float: left;}
.topNav li a{ color: #fff;}
.topNav .simpleSwitch{ margin-right: 18px;}
.topNav .simpleSwitch span{ margin: 0px 8px;}
.topNav .barrierFree{ margin-right: 25px;}
.topNav .barrierFree img{ margin-right: 8px;}
.topNav .share{ margin-right: 30px;}
.topNav .more{ width: 40px;}
.navigation{ margin-top: 5px; min-height: 49px;}
.navigation li{ float: left; width: 147px; text-align: center;}
.navigation li.home{ height: 49px; }
.navigation li.home a{ min-width: 40px; background: url(../images/top/home.png) no-repeat center center;}
.navigation li.home a:hover{ background: url(../images/top/home-hover.png) no-repeat center center;}
.navigation li.home a.hover{ background: url(../images/top/home-hover.png) no-repeat center center;}
.navigation li.open{ margin-right: 235px;}
.navigation li a{ color: #015293;font-weight: normal;font-size: 20px; display: inline-block; height: 49px; line-height: 49px;}
.navigation li a:hover{ color: #015293; font-weight: bold;}
.navigation li a.hover{ color: #015293; font-weight: bold;}
.govermentName{ text-align: center; margin-top: 45px; position: relative; z-index: 1;}
.searchBoxOuter{ position: relative; z-index: 1;}
.searchBox{ width: 300px; background: url(../images/top/whiteOpacity.png); float:right;margin-top: 20px; border: 1px solid #015293; border-radius: 99px; overflow: auto; zoom: 1;}
.searchBox input{ height: 42px; line-height: 42px; width: 200px; border: none; background: none; font-size: 15px; margin-left: 24px; float: left;}
.searchBox button{ width: 42px; height: 42px; margin-right: 10px; background: url(../images/top/searchIcon.png) no-repeat center center; border: none; cursor: pointer; float: right; border-radius: 99px;}

.topSliderBox{ height: 330px; margin-top: -332px;min-width: 1200px; width: 100%; position: relative; z-index: -100;border-bottom: 4px solid #1e61a5;}
.topSliderBox ul{}
.topSliderBox ul li{ height: 330px; position: absolute; width: 100%;}
.topSliderBox ul li:first-child{ opacity: 1;}
.topSliderBox ul li.img_item0{ background: url(../images/top/slider/0.png) no-repeat center top;}
.topSliderBox ul li.img_item1{ background: url(../images/top/slider/1.png) no-repeat center top;}
.topSliderBox ul li.img_item2{ background: url(../images/top/slider/2.png) no-repeat center top;}
.topSliderBox ul li.img_item3{ background: url(../images/top/slider/3.png) no-repeat center top;}
.topSliderBox ul li.img_item4{ background: url(../images/top/slider/4.png) no-repeat center top;}

/*面包屑导航*/
.breadcrumbsNav{ border-bottom: 1px solid #f0f0f0;}
.breadcrumbsNav .commWidth{  line-height: 60px; color: #333; font-size: 16px;
padding: 15px 0px;
    line-height: 30px;
}
.breadcrumbsNav img{ margin-right: 7px;}
.breadcrumbsNav a{ margin: 0px 5px; color: #333; font-size: 16px;}


/* footer */
.footer{ background: #f9f9f9; min-height: 100px; border-top: 1px solid #f9f9f9;}
.friendshipLink{ border-bottom: 8px solid #015293;}
.friendshipLink .commWidth{ text-align: right; margin-top: 23px; margin-bottom: 19px;}
.friendshipLink font{ float: left; font-size: 15px; color: #333;}
.friendshipLink span{ display: inline-block; text-align: left; border-right: 1px solid #ddd;}
.friendshipLink select{ width: 170px; margin-left: 30px; margin-right: 20px; font-size: 15px; border: none; height: 23px; background: #f9f9f9; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../images/footer/select.png) no-repeat right center; color: #333;}
.friendshipLink span.first select{ margin-left: 0px;}
.bottomer{ min-height: 150px;}
.bottomer .dangzheng{ position: absolute; margin: 36px 0px 0px 126px;}
.bottomer .zhaocuo{ position: absolute; margin: 38px 0px 0px 83px;}
.bottomer .erweima{ text-align: center; width: 99px; position: absolute; margin: 14px 0px 0px 1094px; font-size: 12px;}
.bottomer .erweima img{ margin-bottom: 5px; width: 99px; height: 99px;}
.footInfo{ border: 1px solid #f9f9f9;}
.footNav{ margin-top: 27px;}
.footNav,.putRecord,.sponsor{ text-align: center;}
.footNav li,.putRecord li,.sponsor li{ display: inline-block; line-height: 30px;}
.footNav li{ margin: 0px 3px;}
.putRecord li,.sponsor li{ margin: 0px 12px;}

/* 网站地图 */
.nav-open{
	overflow: hidden;
}
.navbar-toggle {
	display: block !important;
	width: 40px;
	height: 40px;
	z-index: 2;
	border-radius: 50%;
	position: absolute;
	cursor: pointer;
	-webkit-transition-duration: 0.55s;
	transition-duration: 0.55s;
	-webkit-transition-timing-function: swing;
	transition-timing-function: swing;
}
.navbar-toggle .icon {
	width: 22px;
	height: 2px;
	background-color: white;
	position: absolute;
	top: 19px;
	left: 9px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	transiting-timing-function: swing;
}
.navbar-toggle .icon::before {
	top: -8px;
}
.navbar-toggle .icon::after {
	top: 8px;
}
.navbar-toggle .icon::before, .navbar-toggle .icon::after {
	width: 22px;
	height: 2px;
	background-color: white;
	content: "";
	position: absolute;
	left: 0;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: swing;
	transition-timing-function: swing;
}
body.nav-open .navbar-toggle::before {
	width: 3600px;
	height: 3600px;
	background-color: rgba(0, 0, 0, 0.8);
}
.navbar-toggle::before {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition-duration: 0.55s;
	transition-duration: 0.55s;
	-webkit-transition-timing-function: swing;
	transition-timing-function: swing;
}
body.nav-open .navbar-toggle .icon {
	width: 0;
}
body.nav-open .navbar-toggle .icon::before {
	-webkit-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}
body.nav-open .navbar-toggle .icon::after {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
}
.sitemap {
	position: absolute;
	top: 80px;
	left: 50%;
	height: 0;
	overflow: hidden;
	width: 1200px;
	margin-left: -600px;
	z-index: 9;
	-webkit-transition-duration: 0.44s;
	transition-duration: 0.44s;
	-webkit-transition-timing-function: swing;
	transition-timing-function: swing;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.sitemap .title{
	margin: -55px 60px 40px 60px;
	letter-spacing: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}
.sitemap .title span{
	margin-left: 10px;
}

body.nav-open .sitemap {
	height: auto;
	overflow: inherit;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.sitemap .content{ text-align: center;}
.sitemap .content .col{ display: inline-block; margin: 0px 15px 15px; width: 360px; height: 270px; background: #20a0e4; text-align: left; border-radius: 6px;}
.sitemap .content .col:hover{ background: #158bca;}
.sitemap .content .col .t{ display: block; color: #fff; font-size: 22px; line-height: 33px; font-weight: bold; padding: 10px 0px;}
.sitemap .content .col .t img{ margin: 0px 10px 0px 35px;}
.sitemapLabelList{ text-align: center;}
.sitemapLabelList li{ display: inline-block; width: 50%; text-align: left;}
.sitemapLabelList li a{ font-size: 16px; color: #fff; line-height: 40px; margin-left: 35px;}
.sitemapLabelList li.noHover a{ opacity: 0.5;}

/* 右侧导航 */
.floatRightNav{ position: fixed; z-index: 1000; height: 100%; background: red; right: 0; background: #015293; margin-right: -275px;}
.floatRightNav .left{ float: left; width: 35px;}
.floatRightContent{ float: left; width: 240px; background: #fff; height: 100%;}
.floatRightContent li{ position: absolute; height: 100%; width: 240px; background: #fff; top: 100%; opacity: 0;}
.floatRightContent li .title{ background: #545454; font-size: 20px; line-height: 50px; text-align: center; color: #015293; background: #eaf1fb;}
.floatRightContent li.hover{ top: 0; opacity: 1;}

.floatRightNav .top{ margin-top: 40px;}
.floatRightNav .top li{ padding: 2px 0px;}
.floatRightNav .top li a{ text-align: center; width: 35px; height: 35px; line-height: 35px; display: block;}
.floatRightNav .btm{ position: absolute; bottom: 0;}
.floatRightNav .btm li{}
.floatRightNav .btm li a{ text-align: center; width: 35px; height: 35px; line-height: 35px; display: block;}
.floatRightNav ul li a:hover{ background: #c61f0c;}
.floatRightNav ul li span{ display: block; position: absolute; display: none; opacity: 0; background: #015293; line-height: 35px; color: #fff; border-radius: 3px; width: 100px; margin-left: -130px;}
.floatRightNav ul li a:hover span{ display: block; opacity: 1; margin-left: -100px; transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */}
.floatRightNav ul li label{ position: absolute; right: -8px; top: 9px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #015293; border-bottom: 8px solid transparent;}
#backToTop{ cursor: pointer;}
.pub-waring{
	position: absolute;
	margin: 0px 0px 0px 20px;
	-webkit-animation: warning 0.2s linear infinite alternate;
	animation: warning 0.2s linear infinite alternate;
}
@keyframes warning{
	from { opacity: 0.5; width: 4px; height: 4px; margin:3px 0px 0px 22px;}
	to { opacity: 1; width: 10px; height: 10px;}
}
.pub-user-msg{
	position: absolute;
	margin: 0px 0px 0px 20px;
}
.floatRightContent li .photo{ text-align: center; padding: 20px 0px 28px; border-bottom: 1px solid #dde7f4;}
.floatRightContent li .photo a{ display: inline-block;}
.floatRightContent li .photo a:hover{ background: #fff;}
.floatRightContent li .photo img{ width: 78px; height: 78px; border-radius: 99px;}
.loginPrompt{ line-height: 30px; color: #015293; padding: 30px 0px; font-size: 20px; text-align: center;}
.floatRightContent .btn{ display: block; width: 180px; height: 40px; color: #fff; line-height: 40px; text-align: center; font-size: 16px; margin: 0px auto 30px; cursor: pointer;}
.floatRightContent .loginBtn{ background: #015293;}
.floatRightContent .registerBtn{ background: #cf222c;}
.floatRightContent .checkBtn{ background: #015293;}
.weatherForecast .prediction p{ color: #818181; line-height: 20px; margin-left: 28px;}
.weatherForecast .firstTitle{ height: 37px; line-height: 37px; background: #eaf1fb; font-size: 16px; color: #015293; margin-top: 45px;}
.weatherForecast .firstTitle b{ margin-left: 28px; display: inline-block; }
.weatherForecast .prediction{ padding: 5px 0px 0px;}
.weatherForecast .secondTitle{ height: 37px; line-height: 37px; background: #eaf1fb; font-size: 16px; color: #015293; margin-top: 45px;}
.weatherForecast .secondTitle b{ margin-left: 28px; display: inline-block; }
.earlyWarning{ margin: 20px 28px 0px; line-height: 50px; color: #333;}
.earlyWarning p.desc{ color: #333; line-height: 23px;}


/* pager */
.pager{ text-align: center; margin: 23px 0px 30px;}
.pager span{ font-size: 14px; color: #5c5c5c; border: 1px solid #d6d6d6; background: #fff; margin: 0px 3px; height: 26px; line-height: 26px; padding: 0px 10px; display: inline-block;}
.pager span.hover{ background: #1e61a5; color: #fff; border: 1px solid #1e61a5;}
.pager a{ font-size: 14px; color: #5c5c5c; border: 1px solid #d6d6d6; background: #fff; margin: 0px 3px; display: inline-block; height: 26px; line-height: 26px; padding: 0px 10px;}

/* 遮罩层 */
#maskLayer{ position:fixed; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.3; z-index:999; display:none;}

/* 备注[手机电脑自适应] */
@media screen and (max-width: 820px) {
	
}
@media screen and (min-width: 821px) and (max-width: 1195px) {
	
}
.foot_m{display:none}
.szz_top{display:none}
.szz_nav{display:none}
.zz_nav{display:none}