body{
	background-color: #f5f5f5;
	margin: 0px;
     width: 100%;
}


.page-banner{
	width: 100%;
	height:100%;	
}

.page-banner img{
	width: 100%;
	height: 300px;
}
.main-bg{
	width: 1200px;
	height: 100%;
	margin: 20px auto;

}

.main-left{
	float: left;
	width: 270px;
	height:100%;
}

.main-right{
	float: right;
	width: 900px;
	height: 100%;
}
.main-content img{
	max-width:820px;
}
.nav-zhanshi{
	width: 900px;
	height: 45px;
	float: left;
	background: #ffffff;
	margin-bottom: 5px;
}

.nav-content{
	width: 900px;
	height: 100%;
	float: left;
	background: #ffffff;
	padding-bottom: 20px;
}
.nav-content p{
	text-indent:2em;
}

.nav-title-bg{
	height: 100%;
}

.connact-bg{
   width:100%;
   height:274px;
   background: url(../img/connact-bg.jpg);
   margin-top: 5px; 
   text-align: center; 
}


.lianxi{
	height: 70px;
	width: 235px;
	margin: 0 auto;
	line-height: 80px;
	font-size: 18px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

.lianxi-content{
	width: 210px;
	margin: 0 auto;
}

.lianxi-content ul{
	text-align: left;
	color: #ffffff;
	margin-top: 28px;
}

.lianxi-content li{
	height: 35px;
}
.nav-first{
	width: 100%;
	height:70px;
	line-height: 70px;
	font-size: 20px;
	background: #1969ba;
	text-align: center;
	color: #fefefe;
}


.nav-next-list{
     width: 100%;
	background: #ffffff;
	font-size: 16px;
	line-height: 70px;
	text-align: center;
	height: 70px;
	margin-bottom: 2px;

}
.nav-active{
	color: #0961ba;
}


.nav-title{
	float: left;
	width: 130px;	
	font-size: 17px;
	color: #2d7dcf;
	text-align: center;
	line-height: 45px;
	
}

.nav-dingwei{
	float: right;
	line-height: 45px;
	width: 290px;

}
.news-main{
	height: 100%;
	background:#ffffff;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}

.title-content{
	width: 900px;
	height: 45px;
	line-height: 40px;	
	background: #ffffff;
}

.title-content font{
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;   
    max-height:30px;
    max-width:520px ;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
}


.nav-content p{
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 1em;
	line-height: 2em;
}

.content-title{
	text-align: center;
	font-size: 24px;
	padding-top: 30px;
}

.fabuxinxi{
	text-align: center;
	margin-top: 10px;
	color: #999999;
}

.upper-title{
	margin-left: 30px;
	margin-bottom: 10px;
}

.news-list{
	width: 600px;
	float: left;
	margin-left: 30px;
	color: #0f0f0f;
	font-size: 16px;
}

.releasetime{
	float: right;
	height:30px;
	margin-right: 30px;
	color: #a1a1a1;
	font-size: 16px;
}

.total{
	width: 900px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
	float: left;
}

.imgs{
	width: 260px;
	height: 100%;
	float: left;
	margin: 20px;
	text-align: center;
}
.imgs img{
	width:270px;
	height:180px;
}
.jpgc-title{
	display: block;
	margin-top: 20px;
	white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;   
    max-height:30px;
    max-width:260px ;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
}

/*Ò³ÂëÈÝÆ÷*/
.page-box {
	margin: 15px 30px;
	padding-bottom: 30px;
}

	.page-box:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	/*ÆÀÂÛÑùʽ*/
.comment-box{ position:relative; margin:0; padding:0; }
.comment-add{ margin:15px 0 15px 15px; }
    .comment-add .input-box{ position:relative; margin:0 15px 15px 0; font-size:12px; }
    .comment-add .input-box .input{ display:block; margin:0; padding:5px 10px; width:100%; height:auto; border:1px solid #ddd; border-radius:0.2125em; font-family:"Microsoft Yahei",helvetica,arial; color:#262626; font-size:14px; line-height:1.3em; }
    .comment-add .input-box .code{ display:inline-block; width:65px; }
    .comment-add .input-box .weui-btn{ float:right; font-size:13px; }
    
.comment-list{ position:relative; margin:0; padding:0; }
	.comment-list .nodata{ margin-left:15px; color:#999; font-size:13px; text-align:center; line-height:80px; border-top:1px solid #ececec; }
	.comment-list li{ margin-left:15px; padding:15px 15px 15px 0; border-top:1px solid #ececec; }
	.comment-list li:first-child{ border-top:1px solid #ececec; }
	.comment-list li .avatar{ position:relative; float:left; width:40px; height:40px; background:#fafafa; border-radius:40px; overflow:hidden; }
	.comment-list li .avatar img{ width:100%; height:100%; }
    .comment-list li .avatar i{ color:#09bb07; font-size:40px; line-height:50px; }
    .comment-list li .inner{ margin-left:50px; }
	.comment-list li .inner .meta{ margin:0; padding:0 0 5px; color:#cecece; font-size:12px; border:none; }
	.comment-list li .inner .meta .blue{ color:#09bb07; }
	.comment-list li .inner .meta .time{ float:right; }
    .comment-list li .inner p{ margin:0; padding:0; color:#333; font-size:13px; line-height:1.5em; }
    
	.comment-list li .answer{ clear:both; margin:10px 0 0 50px; padding:10px; background:#f6f6f6; border:1px solid #e6e6e6; border-radius:5px; }
	.comment-list li .answer .meta{ margin:0 0 5px 0; padding:0; color:#999; font-size:12px; border:none; }
	.comment-list li .answer .meta .blue{ color:#1e7bb3; }
	.comment-list li .answer .meta .time{ float:right; }
    .comment-list li .answer p{ margin:0; padding:0; color:#333; font-size:13px; line-height:1.5em; }
    
.comment-more{ margin:15px; }
    .comment-more .weui-btn{ color:#555; font-size:13px; background:#fff; border:1px solid #e5e5e5; }


	/*·ÖÒ³Ò³Âë*/
.page-list{ position:relative; margin:10px 0; padding:0; clear:both; background:#fff; }
	.page-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.page-list a,
    .page-list span{ margin:0.5em 0;  padding:0.5em 0; display:none; float:left; width:24.5%; line-height:1.2em; border-left:1px solid #ececec; font-size:13px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .page-list a:active{ background:#ececec; }
	.page-list span{ color:#999; }
	.page-list a{ color:#333; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-left-color:#ececec; }
	.page-list .current{ display:block; float:left; }