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

.blank30{clear:both; height:22px; overflow:hidden; display:block;}
.blank63{clear:both; height:49px; overflow:hidden; display:block;}
.blank80{clear:both; height:66px; overflow:hidden; display:block;}
.mt16{margin-top:12px\9;}

.banner-item{background:url(../../images/2016/banner/disease.jpg) center 0 no-repeat;}

.disease-search{margin:0 auto;}
.disease-search .intro{color:#898989; text-align:center;}
.disease-search h2{color:#656363; text-align:center;}
.disease-search h3{padding:6px 0 6px 12px;}
.disease-search h3 a{color:#656363;}
.disease-search .bg1{background:#f6f6f6 url(../../images/2016/disease/arrow.png) no-repeat;}
.disease-search .bg1{background-position:80px center;}
.disease-search .bg2{background:#f6f6f6 url(../../images/2016/disease/arrow.png) no-repeat;}
.disease-search .bg2{background-position:64px center;}
.disease-search .list-item{color:#9c9c9c; padding:17px 0;}
.disease-search .list-item a{color:#898989; margin:0 12px; display:inline-block;}
.disease-search .list-item h4{margin-bottom:9px;}
.disease-search .list-item h4 a{color:#656363;}

/*-----@media-----*/
@media only screen and (min-width: 1220px){
	.mt16{margin-top:16px;}
	.blank30{height:30px;}
	.blank63{height:63px;}
	.blank80{height:80px;}
	.disease-search h3{padding:8px 0 8px 16px;}
	.disease-search .bg1{background-position:96px center;}
	.disease-search .bg2{background-position:77px center;}
	.disease-search .list-item{padding:22px 0;}
	.disease-search .list-item a{margin:0 16px;}
	.disease-search .list-item h4{margin-bottom:12px;}
}

@media only screen and (max-width: 1220px){
	.mt16{margin-top:12px;}
	.blank30{height:24px;}
	.blank63{height:50px;}
	.blank80{height:64px;}
	.disease-search h3{padding:6px 0 6px 12px;}
	.disease-search .bg1{background-position:80px center;}
	.disease-search .bg2{background-position:64px center;}
	.disease-search .list-item{padding:17px 0;}
	.disease-search .list-item a{margin:0 12px;}
	.disease-search .list-item h4{margin-bottom:9px;}
}
@media screen and (max-width:991px) {
	.banner-item{background:url(../../images/2016/banner/disease-1200.jpg) center 0 no-repeat; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
}
@media screen and (max-width:767px) {
	.disease-search .blank80{height: 0.4rem;}
	.disease-search .blank30,.disease-search .blank42 {height: 0.2rem;}

}