html,body{width: 100%;}
.w{width: 1200px;margin: 0 auto;}
/* banner */
.banner{width: 100%;}
.banner img{width: 100%;}

/* main */
.spWrap{margin-top: 40px;}
.spWrap ul{margin: 0 -18px;}
.spWrap ul li{float: left;width: 33.33%;padding: 18px;}
.spWrap ul li .spBox{width: 100%;border-radius:5px;overflow:hidden;box-shadow: 0px 0px 12px 2px #ddd;-webkit-box-shadow: 0px 0px 12px 2px #ddd;}
.spWrap ul li .spBox .img{width: 100%;height: 240px;display: block;position: relative;}
.spWrap ul li .spBox .img img{width: 100%;height: 100%;}
.spWrap ul li .spBox .img span{opacity:0;display:block;position: absolute;width: 50px;height: 50px;left: 50%;top: 50%;margin-left: -25px;margin-top: -25px;background: url(2024ssjyj_play.png) no-repeat center;}
.spWrap ul li .spBox .img:hover span{opacity: 1;}
.spWrap ul li .spBox .txt{display: block;width: 100%;padding: 15px;line-height:1.5;font-size: 16px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.spWrap ul li .spBox .txt:hover{color: #c62101;}

/* 底部 */
.footer{margin-top:80px;padding:30px 0 20px 0;background: #c62101;}
.footer p{line-height:30px;font-size:16px;text-align:center;color: #fff;}
@media only screen and (max-width: 1280px){
	.w{width: 920px;}
	.spWrap{margin-top: 30px;}
	.spWrap ul{margin: 0 -12px;}
	.spWrap ul li{padding: 12px;}
	.spWrap ul li .spBox .img{height: 190px;}
	.footer{margin-top: 60px;padding: 20px 0;}
	.footer p{font-size: 16px;line-height: 1.6;}
}
@media only screen and (max-width: 992px){
	.w{width: 720px;}
	.spWrap{margin-top: 20px;}
	.spWrap ul{margin: 0 -10px;}
	.spWrap ul li{padding: 10px;}
	.spWrap ul li .spBox .img{height: 155px;}
	.spWrap ul li .spBox .txt{padding: 10px;}
	.footer{margin-top: 30px;}
	.footer p{font-size: 14px;}
}
@media only screen and (max-width: 767px){
	.w{width: 100%;padding: 0 10px;}
	.spWrap ul{margin: 0;}
	.spWrap ul li{padding: 10px 0;width: 100%;}
	.spWrap ul li .spBox .img{height: 225px;}
}