/*== reset ==*/
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; }
body, button, input, select, textarea { font:14px "微软雅黑"; color: #666; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: normal; }
address, cite, dfn, em, var, caption, code, strong, th, b { font-style:normal; font-weight: normal; }
small{ font-size:14px; }
ul, ol { list-style:none; }
a { text-decoration:none; color: #666;}
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; border: none; }
input,textarea{outline: none;}
textarea { resize:none; }
table { border-collapse:collapse; border-spacing:0; }
/*== 文字控制 ==*/
.f12{ font-size: 12px; }
.f13{ font-size: 12px; }
.f14{ font-size: 14px; }
.f15{ font-size: 15px; }
.f16{ font-size: 16px; }
.f17{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f24{ font-size: 24px; }
.f26{ font-size: 26px; }
.f30{ font-size: 30px; }
.f32{ font-size: 32px; }
.fb{ font-weight: bold; }
.fn{ font-weight: normal; }
.no_unl{ text-decoration: none; }
.f_red{ color: #ff4e41; }
.f_blue{ color: #2494e6; }
.f_orange{ color: #fa8936; }
.f_white{ color: #fff; }
.f_b3{ color: #b3b3b3; }
.f_3{ color: #333; }
.f_6{ color: #666; }
.f_9{ color: #999; }
/*== 宽度 ==*/
.minwidth{ min-width: 1200px; }
.width100{ width: 100%; }
/*== 鼠标划上 ==*/
.cp{cursor: pointer; }
/*== 定位 ==*/
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.bc{ margin-left: auto; margin-right: auto; }/*block-center块居中*/
.vm{ vertical-align: middle; }
.hidden{ visibility: hidden; }
.block{ display: block; }
.none{ display: none; }
.pr{ position: relative; }
.pa{ position: absolute; }
.fl{ float: left; }
.fr{ float: right; }
/*清除浮动*/
.clearfix:after { content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
/*== 自定义代码块 ==*/
.conAuto{ width: 1200px; min-width: 1200px; margin: 0 auto; }
.radius4{ border-radius: 4px; }
.radius6{ border-radius: 6px; }
.bg_grag{ background: #f3f3f3; }
.bg_blue{ background: #0088d3; }
.bg_orag{ background: #ff6600; }
.bg_orange:hover{ background: #e65c00; border-color: #e65c00; }
.bd_white{ border: 1px solid #fff; }
.bd_gray{ border: 1px solid #ddd; }
.bd_blue{ border: 1px solid #2494e6; }
.f_gray{ color: #bcbcbc; }
.mrn{ margin-right: none; }
.bbd{ border-bottom: 1px dashed #ddd; }
.f_blueHover:hover{ color: #328bd8; }
.f_orangeHover{ color: #ff6600; }
/*== 常用边距 ==*/
.m10{margin: 10px;}
.m15{margin: 15px;}
.m30{margin: 30px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt100{margin-top: 100px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mb100{margin-bottom: 100px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml100{margin-left: 100px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr50{margin-right: 50px;}
.mr100{margin-right: 100px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p25{padding: 25px;}
.p30{padding: 30px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt100{padding-top: 100px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb100{padding-bottom: 100px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl50{padding-left: 50px;}
.pl100{padding-left: 100px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr50{padding-right: 50px;}
.pr100{padding-right: 100px;}
/*单行文本溢出*/
.textoverflow{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*多行文本溢出 */
.paraoverflow2{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;
}
.paraoverflow3{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 3;
}
.paraoverflow4{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 4;
}
/* 过度动画 */
.transi{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
/* 鼠标划上放大效果 */
.scale:hover{
	-webkit-transform: scale(1.2,1.2);
	-moz-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
}
/* 鼠标划上上升效果 */
.upward:hover{
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	transform:translate(0,-10px);
}
/* 鼠标划上旋转一周效果 */
.rotate360:hover{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	
	-moz-transform:rotate(360deg); 	
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg); 		
}
/* 鼠标划上投影效果 */
.shadow:hover{
 box-shadow: 0px 7px 10px #ccc;
}
/*=== headline ===*/
.headline {
	height: 33px;
}
.headline ul{
	z-index: 10;
}
.headline ul li{
	height: 30px;
	line-height: 30px;
	padding: 0 14px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 3px solid #fff;
}
.headline ul li.on{
	border-color: #ddd;
	border-top: 3px solid #328bd8;
	border-bottom: 1px solid #fff;
	color: #328bd8;
}
.headline .more{
	height: 33px;
	line-height: 33px;
	color: #999;
	margin: 0 9px 0 0;
}
.headline .more:hover,.tabBox .tabmore:hover{
	color: #ff6600;
}
.tabmore{
	right: 9px;
	top: -25px;
	z-index: 1000;
}

/*== header ==*/
.headerConFix{
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1000;
}
.headerCon{
	width: 1200px;
	margin: 0 auto;
}
.header{
	height: 30px;
	background: #f8f8f8;
	border-bottom: 1px solid #e1deda;
	box-shadow: none;
	position: relative;
	z-index: 5000;
}
.headerCon .lefBox span{
	margin: 0 5px 0 0;
}
.headerCon .lefBox .posi{
	height: 30px; 
	line-height: 30px;
}
.headerCon .lefBox .members {
	margin-left: 10px;
}
.headerCon .lefBox .members a{
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	background: #ff8517;
	color: #fff;
	border-radius: 4px;
	margin-top: 4px;
	margin-right: 8px;
}
.headerCon .rightBox{
}
.headerCon .rightBox>ul>li>a{
	height: 30px;
	line-height: 30px;
	padding: 0 14px;
}
.headerCon .rightBox ul .app .title,.headerCon .rightBox ul .weichat .title,.headerCon .rightBox ul .login,.headerCon .rightBox ul .register{
	border-left: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
}
.headerCon .rightBox ul .app:hover .title,
.headerCon .rightBox ul .weichat:hover .title,
.headerCon .rightBox ul .login:hover,
.headerCon .rightBox ul .register:hover,
.headerCon .rightBox ul .login.loginOn{
	border-left:1px solid  #ddd;
	border-right:1px solid #ddd;
	background: #fff;
}
.headerCon .rightBox .appBox{
	width: 168px;
	left: 0px;
	top: 29px;
	z-index: 1002;
	border: 1px solid #ddd;
	border-top: 1px solid #fff;
	background: #fff;
}
.headerCon .rightBox .weichatBox{
	width: 224px;
	background: #fff;
	padding: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	z-index: 1002;
	left: -100px;
	top: 30px;
}
.headerCon .rightBox .weichatBox p{
	margin: 0 0 0 5px;
}
.headerCon .rightBox .weichatBox p span{
	line-height: 24px;
}
.headerCon .rightBox ul .aboutZH .title{
	border-left: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	padding: 0 15px;
	background: url(../images/NavHomeImages/icons/arr_down_gray.png) no-repeat 75px center;
}
.headerCon .rightBox ul .aboutZH:hover .title{
	border-left:1px solid  #ddd;
	border-right:1px solid #ddd;
	background-color: #fff;
}
.headerCon .rightBox ul .siteNav .title{
	border-left: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	padding: 0 15px;
	background: url(../images/NavHomeImages/icons/arr_down_gray.png) no-repeat 75px center;
}
.headerCon .rightBox ul .siteNav:hover .title{
	border-left:1px solid  #ddd;
	border-right:1px solid #ddd;
	background-color: #fff;
}
.siteNavBox,.aboutZHBox{
	background: #fff;
	width: 250px;
	padding: 10px;
	right: 0px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	z-index: 1003;
}
.siteNavBox{
	width: 205px;
}
.siteNavBox ul li,.aboutZHBox ul li{
	height: 24px;
	line-height: 24px;
	padding: 0 4px;
	font-size: 13px;
}
.siteNavBox ul li a,.aboutZHBox ul li a{
	height: 24px;
	line-height: 24px;
}
.siteNavBox ul li a:hover,.aboutZHBox ul li a:hover{
	color: #ff6600;
}
.aboutZHBox ul{
	border-bottom: 1px solid #ddd;
	padding: 0 0 5px 0;
}
.aboutZHBox .bbn{
	border-bottom: 0;
}
.aboutZHBox dl dt a{
	height: 24px;
	line-height: 24px;
	padding:5px 4px 0;
}
.loginBox{
	width: 218px;
	height: 228px;
	padding: 30px 25px 0;
	border: 1px solid #dfdcd8;
	background: #fff;
	z-index: 100;
	box-shadow: 0 3px 10px #666;
	top: 31px;
	left: -1px;
}
.loginBox .tit{
	width: 100%;
	height: 30px;
	border-top: 1px solid #358bd8;
}
.loginBox .login_titText{
	width: 102px;
	background: #fff;
	top: 16px;
	left: 50%;
	margin: 0 0 0 -51px;
} 
.loginBox label{
	width: 218px;
	height: 38px;
	border: 1px solid #e1deda;
}
.loginBox label input{
	width: 177px;
	height: 36px;
	line-height: 36px;
	margin-left: 40px;
}
.loginBox .login_username{
	background: url(../images/NavHomeImages/icons/icon_login_username.png) no-repeat 11px center;
}
.loginBox .login_passw{
	background: url(../images/NavHomeImages/icons/icon_login_passw.png) no-repeat 13px center;
}
.loginBtn{
	width: 100%;
	height: 40px;
	line-height: 40px;
}
.forgetPassw{
	line-height: 46px;
}
/*=== 中央 山东省 济南市 ===*/
.city .btn{
	width: 55px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #328bd8;
	margin: 0 0 6px 0;
}
.city .btn.on{
	background: #328bd8;
	color: #fff;
}
.city .btn .arr{
	width: 7px;
	height: 12px;
	background: url(../images/NavHomeImages/pics/zcArr.jpg);
	right: -7px;
	top: 50%;
	margin: -6px 0 0 0;
}
.city .btn.on .arr{
	background-image: url(../images/NavHomeImages/pics/zcArrOn.jpg);
}