/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}
/*头部主体*/
.top{
	width: 1600px;
	height: 651px;
	background:url(../images/30ZhouNianYiZhen/banner_02_01.jpg) no-repeat;
	margin: 0px auto;
	position: relative;
}
.logo{
	width: 859px;
	height: 100px;
	margin: 0px auto;
}
.logo img{
	margin-top: 13px;
	_float:left;
}
.logo span{
	float: right;
	margin-top: 41px;	
}
.logo span a{
	color:#013107;
	font-size: 12px;
	font-family: "宋体";
}
/*导航*/
.nav{
	width: 1051px;
	height: 51px;
	margin: 0px auto;
	background: url(../images/30ZhouNianYiZhen/nav_03.png);
}
.nav ul li{
	float: left;
	line-height: 51px;
}
.nav ul li a{
	display: inline-block;
	padding-left: 35.5px;
	padding-right: 34px;
	font-size:16px;
	font-family:"微软雅黑" ;
	color:#013107;
	cursor: pointer;
}
.nav ul li a:hover{
	color:#b90607;
}
.nav ul{
	margin-left: 80px;
}
.person{
	width: 931px;
	height: 452px;
	margin: 0px auto;
	padding-left: 24px;
	position: relative;
	margin-top: -1px;
}
.fl{
	float: left;
}
.f{
	float: right;
}
/*开篇语*/
.start{
	height: 265px;
	margin: 0px auto;
	_margin-top:0px;
	}
.inner{
	height: 40px;
	line-height: 40px;
	border-bottom: 3px solid #dcdcdc;
	position: relative;
}
h3.language{
	color:#b90607;
	font-size:24px;
	font-family: "微软雅黑";
	font-weight: normal;
	position: absolute;
	padding-left: 5px;
	left:0px;
	top:0px;
	width: 80px;
	height: 40px;
	border-bottom:3px solid #b90607;
	z-index: 1000;
	cursor: pointer;
}
h3.language:hover{
	color:#f11213;
}
.content{
	margin-top:27px;
}
.content li{
	line-height: 20px;
}
.content p{
	text-indent: 2em;
	color:#535353;
	font-family: "宋体";
	font-size: 14px;
	line-height: 24px;
}

/*健康讲堂*/
.health{
	width:915px ;
	height: 379px;
	margin: 0px auto;
}
.contain{
	width: 915px;
	height: 40px;
	line-height: 40px;
	border-bottom: 3px solid #dcdcdc;
	position: relative;
}
h3.language1{
	color:#b90607;
	font-size:20px;
	font-family: "微软雅黑";
	font-weight: normal;
	position: absolute;
	padding-left: 5px;
	left:0px;
	top:0px;
	width: 100px;
	height: 40px;
	border-bottom:3px solid #b90607;
	z-index: 1000;
	cursor: pointer;
}
h3.language1:hover{
	color:#f11213;
}
span.more{
	position: absolute;
	right:0px;
	top:0px;
}
span.more a{
		color:#b90607;
		cursor: pointer;
}
span.more a:hover{
		color:#f11213;
}
.action{
	width: 915px;
	height: 260px;
	padding-top: 30px;
}
.action img{
	margin-right:10px;
}



.main_top_l{ width:430px; height:250px; float:left; margin-top: 35px;}
.party_focus{ position:relative;}
.featured_block{
	width:430px!important;
	height:250px!important;
	margin-right: 10px;
	overflow: hidden;
}
.featured_block .image img,.main_image li img{
	width:430px!important;
	height:250px!important;
	}
.featured_block .image .word,.main_image li h1{
	position: absolute;
	left: 0px;
	bottom:0px;
	width: 430px !important;
	height: 30px !important;
	line-height: 30px !important;
	color:#fff;
	background:rgba(0, 0, 0, 0.5) !important;
}	
.party_focus .tit{
    height: 30px; line-height:30px; padding-left: 5px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:9999; 
}
.party_focus .tit li{ text-overflow :ellipsis; white-space:nowrap; -o-text-overflow:ellipsis; overflow:hidden; font:14px/30px "宋体";}
.party_focus .tit a
{
    color:#FFFFFF;
	}
.party_focus .num
{
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:9999;
}
.party_focus .num li{
	line-height: 18px; float: left; height: 18px; width: 18px; cursor: pointer; text-align: center; padding-right: 3px;background:#000000; color:#FFFFFF;
}
.party_focus .num .s{
	font-weight: bold;
	color: #FFFFFF;
	background:red;
}
.undis{
	display:none;
}
.feature-list ul li{
	list-style: none;
	float: left;
	width: 10px;
	height: 15px;
}
.main_top_l #thumbs{
position: absolute;
right:25px;
bottom:5px;
width: 80px;
height: 20px;
}
#thumbs .first{
	margin-top: 1px;
}
#thumbs .last{
	margin-top: 5px;
	margin-right:3px;
}
.main_top_l  #thumbs ul li img{
	display: none;
}
.main_top_l  #thumbs,div.flicking_con{
	width: 150px !important;
	height: 20px !important;
	padding-top: 10px !important;
	bottom:18px !important;
}
.main_top_l  #thumbs ul li{
	margin-right: 20px;
}

.main_top_l  #thumbs ul li a,div.flicking_con span.on{
	display: block;
	width: 20px !important;
	height: 20px !important;
	line-height: 20px !important;
	background-color: #d6d6d6;
	text-align: center;
	border-radius: 50%;
	color:#d6d6d6;
}
.main_top_l  #thumbs ul li a:hover{
	background-color: #024466;
	color:#024466;
}
.action .info{
	float: left;
}
.action ul li{
	width: 440px;
	height: 29px;
	line-height: 29px;
	background: url(../images/30ZhouNianYiZhen/dotted_03.png) no-repeat 0px 15px;
	padding-left: 10px;
	_line-height:27px;
	_height:16px;
	_background: url(../images/30ZhouNianYiZhen/dotted_03.png) no-repeat 0px 12px;
	overflow: hidden;
}
.action ul li a{
	color:#4d4d4d;
	font-size: 14px;
	font-family: "宋体";
	_float:left;
}
.action ul li a:hover{
	color:#f11213;
}
.action ul li span{
	color:#4d4d4d;
	font-size: 12px;
	font-family: "宋体";
	float: right;
	cursor: pointer;
}
.action ul li span:hover{
color:#f11213;
}
/*疾病专题等*/
.main{
	width: 915px;
	height: 755px;
	margin: 0px auto;
}
.first{
	width: 448px;
	height: 370px;
	float: left;
	margin-right: 15px;
}
.clear{
	margin-right: 0px;
}
.inn{
	width: 448px;
	height: 40px;
	line-height: 40px;
	border-bottom: 3px solid #dcdcdc;
	position: relative;
}
h3.ill{
	color:#b90607;
	font-size:20px;
	font-family: "微软雅黑";
	font-weight: normal;
	position: absolute;
	padding-left: 5px;
	left:0px;
	top:0px;
	width: 100px;
	height: 40px;
	border-bottom:3px solid #b90607;
	z-index: 1000;
	cursor: pointer;
}
h3.ill:hover{
	color:#f11213;
}
.inn span.more{
	position: absolute;
	right:0px;
	top:0px;
}

.inn span.more a{
		color:#b90607;
}
.inn span.more a:hover{
	color:#f11213;
}
.first img{
	margin-top: 6px;
}
.first ul{
	margin-top: 5px;
	margin-left: 5px;
}
.first ul li{
	width: 428px;
	height: 29px;
	line-height: 29px;
	background: url(../images/30ZhouNianYiZhen/dotted_03.png) no-repeat 0px 13px;
	padding-left: 10px;
}
.first ul li a{
	color:#4d4d4d;
	font-size: 14px;
	font-family: "宋体";
	_float:left;
}
.first ul li a:hover{
	color:#b90607;
}
.first ul li span{
	color:#4d4d4d;
	font-size: 12px;
	font-family: "宋体";
	float: right;
	cursor: pointer;
}
.first ul li span:hover{
	color:#b90607;
}
/*尾部*/
.footer{
	width: 100%;
	height: 99px;
	border-top: 4px solid #b90607;
	float: left;
	margin-top: 10px;
	position: relative;
	z-index: 1;
}
.footer-inn{
	width: 624px;
	height: 67px;
	margin: 0px auto;
	text-align: center;
	padding-top:15px ;
}
.footer-inn p{
	line-height: 35px;
	color:#7b7b7b;
	font-family: "宋体";
	font-size: 12px;
	cursor: pointer;
}
.footer-inn p:hover{
	color:#b90607;
}
.navi{
	position: fixed;
	left:40px;
	top:0px;
	line-height: 30px;
	background-color:#a83435;
	width: 90px;
	height: 215px;
	display: none;
	text-align: center;
}
.circle{
	position: fixed;
	left:10px;
	top:0px;
	cursor: pointer;
	display: none;
	z-index: 100000!important;
}
.VolunteerList_story_tit h2{
	color:#b90607;
	font-size:18px;
	font-family: "微软雅黑";

}
.VolunteerList_story_box{
	margin-top: 10px;
	line-height: 30px;
}
.VolunteerList_cont{
	width: 700px;
	border:1px solid #ececec;
	padding: 20px;
	margin-bottom: 20px;
	 float:right
}
.VolunteerList_cont li{
	line-height: 30px;
}
.VolunteerList_cont li a:hover,.VolunteerList_cont li span:hover{
	color:#b90607;
}
.VolunteerList_cont li span{
	float: right;
}
.VolunteerList_cont li a,.VolunteerList_cont li span{
	cursor: pointer;
	font-size: 14px;
}
.main{
	height: auto;
}

.main .article_blue_block h1{
	color:#b90607;
	font-size:24px;
}

.main .article_right{
	position: static;
	width: 720px;
	float: right;
}
.main .article_blue_block .sub_tit span{
	color:#b90607;
	font-size: 12px;
}
.main .article_blue_block .article_cont p{
	font-size: 14px;
	margin-top: 20px;
	text-indent: 2em;
	font-family: "宋体";
}
.main .article_blue_block .prev_next{
	margin-top: 20px;
	font-size: 14px;
}
.main .article_blue_block .prev_next a:hover{
	color:#b90607;
}
.main .article_blue_block .article_cont {
	text-align: center;
}
.main .article_blue_block .article_cont p{
	text-align: left;
}
.nav1{
	text-align: center;
	background-color: #e2e2e2; float:left; width:150px;
}
.nav1 a{
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height:40px;
	font-size: 16px;
	color:#b90607;
	font-family: "微软雅黑";
}
.nav1 ul li a{
	display: inline-block;
	font-size: 16px;
	color:#b90607;
	font-family: "微软雅黑";
	width: 150px;
	height: 40px;
	line-height:40px;
	border-top: 1px solid #fff;
}
/*@media (max-width:760px){ 
	html{
		font-size: 100%;
	}
	body{
		font-size: 100%;
	}
	img{
		max-width: 100%;
	}
	.nav{
		width: 100%;
		height:102px;
	}
	.nav ul{
		margin-left:14%;
	}
	.nav ul li a{
		padding:0 35px;
		font-size: 1em;
	}
	.logo{
		display: none;
	}
	.top{
		margin-left: 0%;
		width: 100%;
		background-size: 100%;
		height:743px;
	}
	.start{
		width:58%;
		margin-top: 30%;
		height:389px;
		position: absolute;
		left:180px;
		top:40px;
	}
	.inner{
		width: 98%;
		margin-top:20px; 
	}
	.content{
		width:98%;
	}
	.health{
		width: 54%;
		height: 614px;
	}
	.action{
		width: 100%;
	}
	.action img{
		width: 100%;
		height: 100%;
	}
	.action ul{
		float: none;
	}

	.action ul li{
		width: 109%;
		height: 20%;
	}
	.contain{
		width: 100%;

	}
	.main{
		width: 95%;
	}
	.main .main{
		width:95%;
		margin-left: 5%;
	}
	.first{
		width: 53%;
		margin: 0px auto;
		float: none;
	}
	.first .inn img{
		width: 100%;
	}
	.inn{
		width: 96%;
	}
	.first ul li{
		width:96%;
	}
	.footer{
		float: left;
		width: 100%;
	}
}
@media (max-width:640px) { 
	html{
		font-size: 100%;
	}
	body{
		font-size: 100%;
	}
	img{
		max-width: 100%;
	}
	.logo{
		display: none;
	}
	.navi ul li a{
		color:#fff;
		font-size: 14px;
		font-family: "微软雅黑";
	}
	.circle{
		display: block;
	}
	.navi ul li:hover{
		background-color: #eb1213;
	}
	.nav{
		width:100%;
		background: none;
	}
	.nav ul{
		margin-left: 0;
	}
	.nav ul li{
		float: none;
		line-height: 30px;
		width: 200px;
		display: none;
	}
	.nav ul li a{
		padding-left: 0;
		padding-right: 0;
		font-size: 100%;
		color:red;
	}
	.top{
		width: 100%;
		background-size:100%;
		height: 633px;
	}
	.start{
		margin-top:26%;
		width: 57%;
		height: 416px;
		position: absolute;
		left: 120px;
		top:50px;
	}
	.inner{
		width: 97%;
	}
	.content p{
		font-size: 12px;
	}
	.main .health{
		width:78%;
		
	}
	.health img{
		width: 100%;
		float:none;
	}
	
	.featured_block{
		width: 100%!important;
	}
	.featured_block .image img {
		width: 100%!important;
	}
	.action{
		width: 100%;
		height:500px;
	}
	.action ul{
		float: none;
	}
	
	.action ul li a{
		font-size: 12px;
	}
	.main{
		width: 81%;
	}
	.main .main{
		margin-top:50px;
	}
	.first{
		width:100%;
		height: 340px;
	}
	
	.first ul li a{
		font-size: 12px;
	}
	.footer{
		float: none;
		float:left;
		margin-top: 30px;
	}
	.footer-inn{
		width: 100%;
	}
	.main_top_l{width:100%;}
	.featured_block .image .word{width:100%;}
}*/
@media (max-width:768px) {
	.circle{ display:block;}
	.main,.health,.contain,.action,.first,.inn,.first img{ width:100%;}
	.top{margin-left: 0%;width: 100%;background-size: 100%;height:320px;}
	.nav{width: 100%;height:102px;}
	.nav ul{margin-left:14%;}
	.nav ul li a{padding:0 35px;font-size: 1em;}
	.logo{display: none;}
	.start{ width:100%; height:auto;}
	.action .info{ float:none; height:auto;}
	.health{ height:600px;}
	.action ul li,.first ul li{ width:98%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.first{ height:auto;}
	.nav ul li{ display:none;}
	.main_top_l{ margin-bottom:10px; width:100%;}
	.footer-inn{ width:100%; }
	/*栏目页*/
	.VolunteerList_cont{ width:540px;}
	.main .article_right{ width:590px;}
	}
@media (max-width:760px) {
	/*栏目页*/
	.VolunteerList_cont{ width:70%;}
	}
@media (max-width:680px) {
	/*栏目页*/
	.VolunteerList_cont{ width:99%; float:none; padding:0px; margin:0 auto;}
	.VolunteerList_cont_left{ margin:20px;}
	.nav1{ float:none; width:100%; margin-bottom:20px;}
	.nav1 ul li a{ width:100%;}
	.VolunteerList_cont li{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	/*文章页*/
	.article_right h1{ height:auto;}
	.main .article_right{ width:100%;}
	.article_right .article_blue_block .article_cont{ width:98%;}
	
	}
@media (max-width:414px) {
	.top{ height:200px;}
	}
@media (max-width:375px) {
	.top{ height:170px;}
	}
@media (max-width:320px) {
	.top{ height:150px;}
	}	