@charset "UTF-8";

.abody{width: 100%;
    margin: 0 auto;
    overflow: hidden;
    min-width: 320px;
    max-width: 640px; background:#f2f2f2;}
	
	
.banner{ width:100%;}
.banner img{ width:100%;}


.part1{ background:#ffffff; border-bottom:1px solid #e5e5e5; padding:10px 0;}
.part1 ul li{ float:left; width:16%; margin:3% 4%; text-align:center; font-size:12px;}
.part1 ul li a{ color:#666666;}
.part1 ul li a p{ margin-top:7%;}
.part1 ul li img{ width:100%;}


.part2{ width:100%;}
.p2_title{ text-align:center; height:35px; line-height:35px; font-size:16px; color:#666666;}
.p2_con{ background:#ffffff; border-bottom:1px solid #e5e5e5; padding:15px 0;}
.p2_con ul li{ float:left; width:30%; margin:0 1.5%;}
.p2_con ul li img{ width:100%;}

.p3_con{ background:#ffffff; padding:15px 0;}
.p3_con ul li{ float:left; width:45%; margin:0 2.5%;}
.p3_con ul li img{ width:100%;}


.foot{ background:#ffffff; height:36px; line-height:36px; text-align:center; color:#999999; font-size:14px;}

@media ( min-width:340px){
	
	.part1 ul li{ float:left; width:16%; margin:3% 4%; text-align:center; font-size:14px;}
	}
@media ( min-width:500px){
	
	.part1 ul li{ float:left; width:16%; margin:3% 4%; text-align:center; font-size:16px;}
	}