/*************************
 * 功能：前端首页样式
 * 事件：2016/04/01
 * 作者：李飞
**************************/
body{
	background-color: #f6f6f6;
}
img{
	border: none;
}

/* 公共样式 */
a{
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
}
.public .title{
	width: 100%;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid #aaaaaa;
	text-indent: 20px;
	position: relative;
}
.public .title h3{
	color: #e84543;
	font-size: 15px;
}
.public .title h3 i{
	color: #8a8a8a;
}
.public .title span{
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #e84543;
	position: absolute;
	left: 7px;
	top: 50%;
	margin-top: -3px;
}
.public .list{
	height: auto;
	overflow: hidden;
	padding: 10px;
}
.public .list ul{
	height: 290px;
	overflow: hidden;
}
.public .list li{
	line-height: 35px;
	height: 35px;
	border-bottom: 1px solid #e4e4e4;
}
.public .list li a{
	display: block;
	float: left;
	font-size: 12px;
	color: #333333;
}
.public .list li a:hover{
	color: #e84543;
}
.public .list li span{
	display: block;
	float: right;
	font-size: 12px;
	color: #999999;
}




/* 顶部样式 */
.header{
	width: 100%;
	height: 80px;
	border-bottom: 1px solid #f39f93;
}
.header .header-main{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}
.header .header-main .logo{
	width: 488px;
	height: 80px;
}
.header .header-main .loading{
	height: 80px;
}
.header .header-main .loading li{
	float: left;
	margin-left: 13px;
	line-height: 80px;
	font-size: 16px;
}
.header .header-main .loading li a{
	color: #333333;
}
.header .header-main .loading li a:hover{
	color: #e4312a;
}


/* 最新通知和banner样式 */
.content{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}
.content .content-01{
	width: 1200px;
	height: 420px;
	background: url(../images/banner.png) right bottom no-repeat;
	padding-top: 25px;
}
.content .content-01 .chaxun{
	width: 1200px;
	height: 50px;
	position: relative;
}
.content .content-01 .chaxun .Tex{
	width: 625px;
	height: 45px;
	background-color: #ffffff;
	border: 1px solid #333;
	border-right: none;
	border-radius: 3px 0px 0px 3px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: 8px;
	font-size: 14px;
	line-height: 45px;
	color: #9f9f9f;
}
.content .content-01 .chaxun .Sub{
	width: 108px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	background-color: #e4312a;
	border: 1px solid #333;
	border-left: none;
	border-radius: 0px 3px 3px 0px;
	position: absolute;
	left: 626px;
	top: 0px;
	color: #ffffff;
	font-size: 16px;
}
.content .content-01 .chaxun .Sub:hover{
	cursor: pointer;
}
.content .content-01 .chaxun .appdown{
	width: 108px;
	height: 49px;
	position: absolute;
	left: 745px;
	border-radius: 3px;
	top: 0px;
	line-height: 47px;
	text-align: center;
	color: #ffffff;
	font-size: 16px;
	background-color: #353535;
}
.content .content-01 .newsnotice{
	width: 283px;
	height: 350px;
	/*float: left;*/
	border: 1px solid #dadada;
	margin-top: 18px;
	overflow: hidden;
}

/* APP下载、平台介绍、平台消息 */
.content .content-02{
	height: 435px;
	margin: 10px auto;
}
.content .content-02 .appdown{
	width: 345px;
	height: 432px;
	border: 1px solid #dadada;
}
.content .content-02 .appdown .erweima{
	width: 230px;
	height: 230px;
	margin: 25px auto;
}
.content .content-02 .appdown .erweima img{
	display: block;
	width: 230px;
	height: 230px;
}
.content .content-02 .appdown .erweimaInfo{
	width: 345px;
	height: 115px;
	background: #e5e5e5;
	margin: 0px auto;
}
.content .content-02 .appdown .erweimaInfo h2{
	text-align: center;
	line-height: 45px;
	height: 45px;
	font-size: 18px
}
.content .content-02 .appdown .erweimaInfo p{
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	color: #333333;
	padding: 0px 40px;
}
.content .content-02 .info{
	width: 480px;
	height: 432px;
	border: 1px solid #dadada;

}
.content .content-02 .info .infoCon{
	padding: 10px;
}
.content .content-02 .info .infoCon img{
	display: block;
	margin: 10px auto 15px;
}
.content .content-02 .info .infoCon p.jieshao{
	line-height: 30px;
	font-size: 14px;
	color: #333333;
	text-indent: 2em;
}
.content .content-02 .info .infoCon p.jieshao span{
	color: #e84543;
}
.content .content-02 .messaging{
	width: 708px;
	height: 432px;
	border: 1px solid #dadada;
}
.content .content-02 .messaging #listul{
	height: 434px;
	overflow: hidden;
}
.content .content-02 .messaging #listul a,
.content .content-01 .newsnotice #listul2 a{
	display: inline-block;
	float: left;
	width: 235px;
	text-overflow:ellipsis; 
	white-space:nowrap; 
	overflow:hidden;
}
.content .content-01 .newsnotice #listul2 a{
	width: 185px;
}
.content .content-02 .messaging #listul span,
.content .content-01 .newsnotice #listul2 span{
	display: block;
	float: right;
}

/* 底部样式 */
.footer{
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 20px auto 30px;
}
.footer .footerNav{
	text-align: center;
}
.footer .footerNav a{
	display: inline-block;
	margin: 0px 3px;
	color: #333;
	font-size: 15px;
}
.footer .footerNav a:hover{
	color: #e84543;
}
.footer .footerInfo{
	text-align: center;
	line-height: 50px;
	height: 50px;
	font-size: 14px;
	color: #999999;
}
.footer .footerInfo a{
	font-size: 14px;
	color: #5D8DBA;
}


/* 底部banner css */
.footerImg{
	border: 1px solid #dadada;
	width: 1178px;
	height: 178px;
	margin: 0px auto;
	padding: 10px;
}
.footerImg img{
	width: 100%;
	height: 100%;
}


@charset "utf-8";
/* CSS Document */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-touch{background-position:0 -922px;}
.toolbar-item-touch:hover{background-position:0 -984px;}
.toolbar-item-touch .toolbar-layer{display:block;width:220px;height:70px;padding:15px;background: url(../img/bg_04.png) no-repeat center center;position: absolute; right: 52px; bottom: 0px; box-shadow: -3px 3px 5px #ddd;}
.toolbar-item-touch .toolbar-layer li{ list-style: none; line-height: 24px; font-size: 14px; color: #e4312a;}
.toolbar-item-touch .toolbar-layer li label{color:#555;}
.toolbar-item-touch .toolbar-layer li a{ color: #e4312a;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}