@charset "utf-8";
body{
	padding:0;
	margin:10px 0;
	font-size:16px;
	font-family:"Microsoft Yahei";
}
h1,h2,h3,h4{
	padding:10px;
	margin:0;
}
ol,ul,li,p{
	padding:0;
	margin:0;
}
li{
	list-style:none;
}
.mcontainer {
	width:1120px;
	margin:0 auto;
	clear:both;
}
a{
	text-decoration:none;
}
/********************header*****************/
#header{
	margin-bottom:20px;
}
.logo img{
	padding:10px 0;
	width:530px;
}
.nav{
	background-color:#1BBC9B;
	width:100%;
}

/*******************main ********************/
#main{
	background-color:#FFF;
	padding:0;
	overflow:hidden;
	border-radius:3px;
	border:1px solid #FFF;
	margin-top:20px;
}
.colborder{
	border-right:1px solid #ECECEC;
}
.cols{
	float:left;
	width:31%;
	padding:0 1%;
	position:relative;
}
#main h3{
	font-size:110%;
	margin-bottom:5px;
	font-weight:500;
}
#main .more-link{
	position:absolute;
	right:15px;
	top:10px;
	border-radius:3px;
	background:#099;
	padding:5px 10px;
}
#main .more-link a{
	color:#FFF;
	font-size:12px;
}
.text12{
	font-size:12px;
}
.text14{
	font-size:14px;
}
#main .list{
	padding:0 5px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
}
#main .list li{
	list-style:none;
	padding:10px 0;
	border-bottom:1px dotted #CCC;
}
#main .list li a{
	color:#000;
}
#main .list li span.time{
	float:right;
	color:#CCC;
}
#main .blockpadding{
	margin:15px 0;
}
.msystem{
	background:#036;
	height:300px;
	padding:15px 0;
	text-align:center;
}
.msystem ul li{
	border-bottom:1px dotted #FFF;
	list-style:none;
	padding:10px;
	width:100%;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.msystem ul li:last-child{
	border:0;
}
.msystem ul li a{
	color:#FFF;
}
.mainleft{
	width:220px;
	float:left;
}
.mainright{
	width:900px;
	float:right;
}
.leftchannel .title{
	margin-top:10px;
	color:#000;
	font-size:18px;
	font-weight:600;
	padding-left:15px;
	border-left:5px #099 solid;
}
.leftchannel .channellist{
	padding:10px 5px;
}
.leftchannel .channellist li{
	padding:10px 0 10px 15px;
	border-bottom:1px dotted #099;
}
.leftchannel .channellist li:hover{
	background:rgba(255,255,255,0.1);
}
.leftchannel .channellist li a{
	color:#099;
	font-size:14px;
	text-decoration:none;
}
h1{
	font-size:22px;
	font-weight:600;
	padding:0;
	margin:20px 0 0;
	text-align: center;
}
.cont{
	padding:30px 40px;
	line-height:180%;
}
.loca{
	padding:10px;
	margin:0 20px;
	border-bottom:1px dotted #CCC;
	color:#999;
	font-size:12px;
}
.loca a{
	color:#999;
	text-decoration:none;
}
.qlinks{
	padding:0;
	overflow:hidden;
}
.qlinks .block{
	background-color:#ECF0F1;
	border-radius:3px;
	padding:20px;
	overflow:hidden;
}
.qlinks .block img{
	float:left;
	margin-right:20px;
}
.qlinks .block p{
	font-size:110%;
	font-weight:500;
	margin-top:5px;
	margin-bottom:15px;
}
.pagelink{
	font-size:12px;
	margin-top:30px;
}
.pagelink a{
	background-color:#099;
	padding:3px 8px;
	border-radius:3px;
	margin:2px;
	color:#FFF;
	text-decoration:none;
}

/*****************footer*******************/
#footer{
	border-top:1px solid #999;
	overflow:hidden;
	color:#666;
	font-size:12px;
	text-align:center;
	padding:20px;
	margin-top:30px;
}
#footer a{
	color:#C3D9E4;
	text-decoration:none;
	padding:5px;
}

#footer .followus{
	width:168px;

}
#footer .contactus{

}
#footer .friendlink{

}
#footer .bottomblock{
	padding:20px;
	height:210px;
	float:left;
	overflow:hidden;
}
@media (max-width: 767px){
.logo img{
	width:90%;
}
.mcontainer {
	width:98%;
}
#mainright{
	width:100%;
	float:none;
	margin:0;
}
#mainleft{
	display:none;
}
#footer .bottomblock{
	float:none;
}
#footer .followus ,#footer .contactus,#footer .friendlink{
	width:100%;
	height:auto;
}
}