/* CSS Document */
@charset "utf-8";
body{ padding:0px; margin:0 auto; font-size:14px; color:#333333; background:#fff; font-family:Verdana, Geneva, sans-serif; font-family:Microsoft YaHei,"微软雅黑";}
*{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:#015293;; 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 */
.bgGray{ background:#f3f3f3;}
.bgYellow{ background:#e3c58e;}
.bgBlack{ background: #000;}
.bodyImg{ background: url(../images/mainBg.jpg) no-repeat center top;}
.bgWhite{ background:#fff;}
.disNone{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.flnone{ float:none;}

/*头部*/
.top{ border-top: 3px solid #015293;}
.top .time{ color: #015293; font-size: 13px; line-height: 45px;float:left}
.topNav{ float: right; overflow: auto; zoom: 1;}
.topNav li{ float: left; color: #fff; font-size: 13px; line-height: 45px;}
.topNav li a{ color: #fff; font-size: 13px; line-height: 45px; display: block; margin: 0px 5px;}

.logo{ text-align: center; margin: 65px auto 60px; ~margin-top:22px;}
.logo a{ margin-left: -30px;}

.searchBox{ width: 450px; margin: 0px auto; background: url(../images/searchBg.png) repeat-x left top; border-radius: 15px; overflow: auto; zoom: 1;}
.searchBox .searchtext{ margin-left: 30px; border: none; font-size: 14px; background: none; width: 350px; height: 45px; line-height: 45px; float: left;}
.searchBox img{ float: right; margin: 8px 18px 0px 0px; cursor: pointer;}


/*导航*/
.navigationBox{ background: #015293; margin-top: 76px;}
.navigation{ overflow: auto; zoom: 1;}
.navigation li{ float: left;}
.navigation li a{ line-height: 55px; display: block; width: 163px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; background: #015293;}
.navigation li.current a{ background: #cee2e7; color: #015293;}
.navigation li a img{ width: 32px; height: 29px; margin-right: 10px;}

/*底部*/
.footer{ background: #fff;}
.selectNavBox{ min-height: 65px; background: #ededed url(../images/footer/selectNavBg.png) repeat-x left bottom;}
.selectNav{ text-align: center; ~margin-left:100px;}
.selectNav li{ display: inline-block; margin: 15px 10px 0px; ~float:left;}
.selectNav li select{ display: block; width: 147px; height: 30px; line-height: 30px; appearance:none; -moz-appearance:none; -webkit-appearance:none; border: 1px solid #aaa; color: #444; font-size: 13px; background: #fafafa url(../images/footer/footSelectBg.png) no-repeat right 8px center; padding: 0px 8px; ~height:auto;}
.selectNav li select::-ms-expand { display: none; }
.footNav{ min-width: 1140px; margin: 0px auto; text-align: center; border-bottom: 1px solid #e5e5e5; ~padding-left:320px; ~ min-width: auto;}
.footNav li{ display: inline-block; font-size: 16px; color: #666; line-height: 54px; margin: 0px 7px; ~float:left;}
.footNav li a{ display: block; font-size: 16px; color: #666; line-height: 54px;}
.footInfomation{ text-align: center;}
.footInfomation li{ display: inline-block; min-height: 130px; overflow: auto; zoom: 1; ~float:left;}
.footInfomation li.first{ ~margin-left:360px;}
.footInfomation .dangzheng{ display: block; float: left; margin: 20px 40px 0px 0px;}
.footInfomation .zhaocuo{ display: block; float: left; margin: 20px 37px 0px 0px;}
.footInfomation .info{ display: block; float: left; line-height: 38px; font-size: 16px; color: #333; text-align: left; margin-top: 5px;}

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

.clearfix {zoom:1;}
.fl {float:left}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
  
.clear{ clear:both; font-size:0px; line-height:0px; height:0px;}

.gg-left{position: fixed;left:50%;margin-left:-922px;bottom: 18px;width:200px;height:200px;}

.gg-left2{position: fixed;left:50%;margin-left:-922px;bottom: 238px;width:200px;height:200px;}
.commWidth {
    width: 1310px;
    margin: 0px auto;
}
.commWidth.logo{
	margin:65px auto 60px;
}
.commWidth.logo .search-btn{display:none;}

/* 备注[手机电脑自适应] */
@media screen and (max-width: 640px) {
	body{
		min-width:100px!important;
		width:100%!important;		
	}
	.bodyImg{
		background:none;	
		overflow-x:hidden;	
	}
	.top{
		height:0;	
		border-top:none;	
	}
	.top .fontstyle239137{
		display:none;		
	}
	.top .topNav{
		display:none;
	}
	.commWidth{
		width:100%!important;		
	}
	.commWidth.logo{
		width:100%!important;
		padding:10px 12px;
		box-sizing:border-box;
		background:#1f61ba;	
		margin:0;	
		overflow:hidden;
	}
	.commWidth.logo .logo-img{
		display:block;
		float:left;	
		width:50%!important;	
		margin-left:12px;
	}
	.commWidth.logo .logo-img img{
		width:100%!important;
		height:auto!important;
	}
	.commWidth.logo .search-btn{
		display:block;
		float:right;
		width:23px;		
		margin:10px 12px 0 0;
	}
	.commWidth.logo .search-btn img{
		display:block;
		width:100%;		
	}
	.searchBox{
		display:none;		
	}
	.navigationBox{
		margin-top:0;		
	}
	.navigation li{
		width:25%;		
	}
	.navigation li a{
		width:100%;
		line-height:29px;
		font-size:14px;
		font-weight:normal;	
	}
	.navigation li a img{
		display:none;		
	}
	.navigation li.current a{
		background:none;
		color:#fff;		
	}
	iframe{
		height:auto!important;		
	}
	.footer{
		background:#245399;		
		height:249px;
	}
	.footer .commWidth,.footer .selectNavBox{
		display:none;		
	}
	.footer .commWidth.footInfomation{
		display:block;		
	}
	.footer .list-paddingleft-2 li{
		display:none;		
	}
	.footer .list-paddingleft-2 li:last-child{
		display:block;
		min-height:auto;		
	}
	.footInfomation .info{
		color:#fff;		
		font-size:14px;
		text-align:center;
		line-height:24px;
		float:none;
		height:249px;
		padding: 30px 0 0;
    	box-sizing: border-box;
	}
	.footInfomation .info a{
		color:#fff;		
	}
}




/* 右侧栏 */
.floatRightNav{ position: fixed; z-index: 999; height: 100%; margin-right: -290px;right:0;}
.floatRightNav .left{ float: left; width: 69px;}
.floatRightContent{ float: left; width: 255px; background: #fff; height: 100%;}
.floatRightContent li{ position: absolute; height: 100%; width: 255px; 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;border-top:none;}
.floatRightNav .top li{ padding: 9px 0px;width:69px;height:69px;background:#84aacc;box-sizing:border-box;border-radius:6px;margin-top:10px;box-sizing:border-box;}
.floatRightNav .top li a{ text-align: center; width: 100%; height: 69px; display: block;}
.floatRightNav .top li a .img{display:block;width:35px;padding-top:0;margin:0 auto;border-radius:4px;}
.floatRightNav .top li a .ewm-img{display:block;width:80px;margin:10px}
.floatRightNav .top li a .tit{width:100%;text-align:center;color:#fff;font-size:12px;margin-top:4px;}
.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 span{ display: block;display: none; position: absolute;  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;}
.floatRightNav ul li a i{
position: absolute;
color: #fff;
line-height: 37px;
font-size: 12px;
background: #004165;
opacity: 0; 
border-radius: 3px;
width: 100px;
display:none;
/* top: 7px;
left: -136px; */
font-style: normal;
margin-left:-130px;
-webkit-transition: oapcity .2s,margin-left .2s,background .5s;
transition: oapcity .2s,margin-left .2s,background .2s;
}
.floatRightNav ul li a:hover i{
  display:block;
  opacity: 100;
  margin-left: -100px; transition: all 0.5s; -webkit-transition: all 0.5s; /* Safari */
}
#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;}
/* 右侧栏 */