/* CSS Document */
.wrap{  min-width:320px; /*border:1px solid #dcdcdc;*/}
/*头部css样式开始*/
.cd-top {
	max-width:640px;
	background:#fff;
	width:100%;
	border-bottom:1px solid #c9c9c9;
	height:60px;
	position:fixed;
	padding:10px 0 5px 0;
	box-shadow: 0px 3px 1px #f2f2f2;
}
.thd_top {
	float:left;
	position:absolute;
	width:50px;
	height:100%;
	display:block;
}
.thd_top img {
	width:42px;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto
}
.thd_top_l {
	left:10px;
	top:0
}
.thd_top_r {
	right:10px;
	top:0
}
.toplogo {    
	text-align: center;
	height: 100%;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-webkit-box-align:center;
	-moz-box-align:center;
	display:flex;
	align-items:center;
	    width: 120px;
	 margin:0 auto;
}
.toplogo a {
	flex:1;
	/*box-flex: 1;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;*/
}
.toplogo a img {
	padding-top: 4px;
}
/*头部样式end*/



.wrap .container{ padding:20px 3%; width:94%;}
.wrap .container header{ text-align:left; }
.wrap .container header h2{ font-size:1.8em; font-weight:normal; color:#000;}
.wrap .container header .time{ padding:15px 0; border-bottom:1px dotted #dcdcdc; border-top:1px dotted #dcdcdc; margin:15px 0; color:#666; }
.wrap .container header .time span{ display:inline-block; margin-left:15px; padding-left:20px; background:url(../images/views.png) no-repeat left center;}
.wrap .container .main{ margin-top:40px;}
.wrap .container .main .font18{ font-size:18px; line-height:32px; margin-top:15px; color:#666;}
.wrap .container .main img{ margin:20px auto;}
.wrap .container .main h3{ font-size:1.6em; text-align:left; line-height:50px; font-weight:normal; color:#000;}
.wrap .container .main h4{ font-size:18px; margin-top:15px; line-height:40px; font-weight:normal; color:#000;}

@media only screen and (max-width:375px)and (min-width:320px) {
	.cd-top {
	height:50px;
	position:fixed;
	padding:0;
}
.thd_top {
	float:left;
	position:absolute;
	width:30px;
	height:100%;
	display:block;
}
.thd_top img {
	width:24px;
	
}
.toplogo {    
	  width: 80px;	
}
.toplogo img{ height:22px;}

	.wrap .container header h2{ font-size:16px;}
	.wrap .container header .time{ font-size:12px;}
	.wrap .container header .time span{ margin-left:10px;}
	.wrap .container .main{ margin-top:20px;}
	.wrap .container .main img{ margin:10px auto;}
	.wrap .container .main .font18{ font-size:14px; line-height:24px; margin-top:10px;}
	.wrap .container .main h3{ font-size:1.0em; line-height:30px;}
    .wrap .container .main h4{ font-size:14px; margin-top:15px; line-height:24px;}
	}

@media only screen and (min-width:1280px) {
	.wrap{ width:830px;}
	.wrap header{ margin-top:30px;}
	.wrap .container .main img{ width:80%;}
	}
@media only screen and (max-width:1279px)and (min-width:641px) {
	.wrap{ width:640px;}
	.wrap header{ margin-top:30px;}
	.wrap .cd-top{ width:640px;}
	.wrap .container .main img{ width:80%;}
	}
@media only screen and (max-width:640px)and (min-width:376px) {
	.cd-top {
	height:50px;
	position:fixed;
	padding:0;
}
.thd_top {
	float:left;
	position:absolute;
	width:40px;
	height:100%;
	display:block;
}
.thd_top img {
	width:30px;
	
}
.toplogo {    
	  width: 92px;	
}
.toplogo img{ height:25px;}

.main .tlt{ margin-top:20px; padding-bottom:15px;}
.main .tlt .bt{ font-size:18px; color:#000; font-weight:500; line-height:42px;}
.main .tlt .time{ font-size:14px; color:#00a199; line-height:24px;}
	.wrap .container header h2{ font-size:1.2em;}
	.wrap .container header .time{ font-size:14px;}
	.wrap .container header .time span{ margin-left:10px;}
	.wrap .container .main{ margin-top:20px;}
	.wrap .container .main img{ margin:10px auto;}
	.wrap .container .main .font18{ font-size:14px; line-height:24px; margin-top:10px;}
	.wrap .container .main h3{ font-size:1.0em;  line-height:30px;}
    .wrap .container .main h4{ font-size:14px; margin-top:15px; line-height:24px;}
	}