@charset "utf-8";
@import url('reset.css');
@import url('common.css');

.home{margin-bottom:50px;}
.home li{width:234px; height:221px; margin:10px 7px; float:left; background-color:#a6a6a6; border:1px solid #e9e9e9; border-radius:5px;}
.home li .homli-box{width:232px; height:206px; padding-top:10px; border:1px solid #c9c9c9; overflow:hidden; border-radius:3px;}
.home li a{display:block;}
.home li .homli1{background-color:#52cadb;}
.home li .homli2{background-color:#fa6795;}
.home li .homli3{background-color:#20ecb9;}
.home li .homli4{background-color:#fdcd4a;}
.home li .homli5{background-color:#8ebb22;}
.home li .homli6{background-color:#f27f22;}
.home li .homli7{background-color:#02a4ef;}
.home li .homli0{background-color:#dc5679;}
.home li .imgs{width:200px; height:145px; padding-top:20px; overflow:hidden; margin:0 auto; position:relative; text-align:center; vertical-align:bottom;}
.home li .imgs img{height:140px; position:relative; bottom:0;}
.home li .title{height:40px; line-height:40px; color:#000; font-size:24px; text-align:center;}

@media screen and (min-width:640px) and (max-width:1002px){
	.home li{width:152px; height:138px; margin:8px 3px;}
	.home li .homli-box{width:150px; height:123px; padding-top:10px;}
	.home li .imgs{width:120px; height:80px; padding-top:10px;}
	.home li .imgs img{height:80px;}
	.home li .title{height:30px; line-height:30px; font-size:1.2em;}
}
@media screen and (max-width:640px){
	.home{margin-bottom:30px;}
	.home li{width:45%; height:210px; margin:10px 2%; float:left; background-color:#a6a6a6; border:1px solid #e9e9e9; border-radius:5px;}
	.home li .homli-box{width:auto; display:block; height:195px; padding-top:10px;}
	.home li .imgs{width:95%; height:135px; padding-top:20px;}
	.home li .imgs img{height:135px;}
	.home li .title{height:35px; line-height:35px; font-size:1.2em;}
}
@media screen and (max-width:480px){
	.home li{width:45%; height:160px; margin:8px 2%; float:left; background-color:#a6a6a6; border:1px solid #e9e9e9; border-radius:5px;}
	.home li .homli-box{width:auto; display:block; height:145px; padding-top:10px;}
	.home li .imgs{width:95%; height:105px; padding-top:10px;}
	.home li .imgs img{height:105px;}
	.home li .title{height:30px; line-height:30px;}
}