@charset "utf-8";
/* CSS Document */

.content{background: url(../images/list_content_bg.jpg); margin: 0; padding: 0; background-attachment:fixed;}
.footer{margin: 0; padding: 0;}

.health{overflow: hidden; margin: 0; padding: 0;}

.health_item1{overflow: hidden; height: auto;}
.health_item1 h3{font-size: 3.5em; float: right; color: #fff; padding-bottom: 30px;}
.health_item1 ul{overflow: hidden; border-radius: 10px 10px 0 0; background: rgba(255,255,255, 0.8); padding: 30px; clear: both;}
.health_item1 ul p{line-height: 36px; font-size: 0.875em; color: #585858; text-indent: 2em;}
.health_item2{overflow: hidden; height: auto;}
.health_item2 h3{font-size: 3.5em; float: left; color: #fff; padding-bottom: 30px;}
.health_item2 ul{overflow: hidden; border-radius: 10px 10px 0 0; background: rgba(255,255,255, 0.8); padding: 30px; clear: both;}
.health_item2 ul p{line-height: 36px; font-size: 0.875em; color: #585858; text-indent: 2em;}

.health_item_bg1{background:url(../images/pic67.jpg) no-repeat center; padding:80px 50px 0 50px; height: 100%;}
.health_item_bg2{background:url(../images/pic68.jpg) no-repeat center; padding:100px 50px 0 50px; height: 100%;}

.health_flow{overflow: hidden;}
.health_flow ul{overflow: hidden;}
.health_flow ul li{float: left; padding-bottom: 20px; padding-right: 50px; padding-left: 50px;}/**/

#banner1{height: 400px;}
#banner2{display: none;}
#banner3{display: none;}

@media (max-width: 2000px) {
	
	.health_flow ul{overflow: hidden; padding-left: 40px;}
	
}  
@media (max-width: 769px) {
	.list{width: 100%;}
	.page_title{line-height: 50px; padding-left: 20px;}
	.page_title dl{clear: both;}
	.page_title ul{display: none;}
	
	.page_title ol{clear: both; float: left; margin-top: 10px;}
	.page_title ol li{height: 32px; width: 90px; text-indent: -1em;}
	.page_title ol li a{text-align: center;}
	
	.clique_articles ul li a{text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width: 60%; display: block;}
	.clique_articles ul li{text-indent: 1em;}
	
	
	.health_item1 h3{font-size: 1.4em; float: right; padding-bottom: 20px;}
	.health_item1 ul{border-radius: 5px 5px 0 0; padding: 20px;}
	.health_item1 ul p{line-height: 30px; font-size: 0.6em;}

	.health_item2 h3{font-size: 1.4em; float: left; padding-bottom: 20px;}
	.health_item2 ul{border-radius: 5px 5px 0 0; padding: 20px;}
	.health_item2 ul p{line-height: 36px; font-size: 0.6em;}
	
	.health_item_bg1{background:url(../images/pic67.jpg) no-repeat center; padding:30px 20px 0 20px; height: 100%;}
	.health_item_bg2{background:url(../images/pic68.jpg) no-repeat center; padding:100px 20px 0 20px; height: 100%;}
	
	.health_flow{overflow: hidden;}
	.health_flow ul{overflow: hidden; padding-left: 0px;}
	.health_flow ul li{float: left; width: 45%; padding: 0 0 30px 30px;}
	.health_flow ul li img{width: 90%; height: 90%; padding-right:0; }
	
	#banner1{display: none;}
	#banner2{height: 200px; display: block;}
	#banner3{display: none;}
		
		
}

@media (max-width: 480px) {
	.list{width: 100%;}
	.page_title{line-height: 50px; padding-left: 20px;}
	.page_title dl{clear: both;}
	.page_title ul{display: none;}
	
	.page_title ol{clear: both; float: left; margin-top: 10px;}
	.page_title ol li{height: 32px; width: 104px; text-indent: -1em; margin-bottom: 1px;}
	.page_title ol li a{text-align: center; font-size: 0.6em;}
	
	.clique_articles ul li a{text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width: 60%; display: block;}
	.clique_articles ul li{text-indent: 1em;}
	
	
	.health_item1 h3{font-size: 1.2em; float: none; text-align: center; padding-bottom: 20px;}
	.health_item1 ul{border-radius: 5px 5px 0 0; padding: 10px;}
	.health_item1 ul p{line-height: 24px; font-size: 0.6em;}

	.health_item2 h3{font-size: 1.2em; float: none; text-align: center; padding-bottom: 20px;}
	.health_item2 ul{border-radius: 5px 5px 0 0; padding: 10px;}
	.health_item2 ul p{line-height: 24px; font-size: 0.6em;}
	
	.health_item_bg1{background:url(../images/pic67.jpg) no-repeat center; padding:40px 10px 0 10px; height: 100%;}
	.health_item_bg2{background:url(../images/pic68.jpg) no-repeat center; padding:30px 10px 0 10px; height: 100%;}
	
	.health_flow{overflow: hidden;}
	.health_flow ul{overflow: hidden;}
	.health_flow ul li{float: left; width: 45%; padding: 0; margin: 0; padding-left: 10px; padding-bottom: 20px;}
	.health_flow ul li img{width: 100%; height: 100%; float: left; padding-right: 10px;}
	
	#banner1{display: none;}
	#banner2{display: none;}
	#banner3{height: 200px; display: block;}
	
}