@charset "utf-8";
body{

	margin:0; padding:0;

	font-size:1em; font-family:"Microsoft YaHei";color:#666666;

}

ul,li{ margin:0; padding:0; list-style-type:none}

.list{width:100%; height:auto; overflow:hidden;}

.list h1{ margin:0; padding:0; font-size:1.3em; line-height:2em; color:#666666; font-family:"微软雅黑";text-align:center}

.list li{width:100%; text-align:center}

.list img{width:100%; border:solid 1px #ccc}

.list a:hover img{border:#F00 solid 1px;}

.foot{ text-align:center; font-size:1.2em;color:#FF0000;}


@media (min-width:670px){

.list{width:1000px; margin:0 auto; height:auto; overflow:hidden;}

.list h1{ margin:0; padding:0; text-align:center}

.list li{ float:left; width:330px; height:250px; text-align:center}

.list img{ width:300px; height:190px;border:solid 1px #ccc}

.list a:hover img{border:#F00 solid 1px;}

.foot{ text-align:center; font-size:15px;color:#FF0000;}

}




.mtlist{width:100%; height:auto; overflow:hidden;}

.mtlist h1{ margin:0; padding:0; font-size:1.3em; line-height:2em; color:#666; font-family:"微软雅黑";text-align:center}

.mtlist li{width:100%; text-align:center}

.mtlist img{width:100%; border:solid 1px #ccc;border:0;}

.mtlist a:hover img{border:#F00 solid 1px;}


@media (min-width:670px){

.mtlist{width:1000px; margin:0 auto; height:auto; overflow:hidden;}

.mtlist h1{ margin:0; padding:0; text-align:center}

.mtlist li{ float:left; width:330px; height:650px; text-align:center}

.mtlist img{ width:300px; height:590px;border:solid 1px #ccc}

.mtlist a:hover img{border:#F00 solid 1px;}


}