ul { list-style: none; }
.box { width: 100%; height: 600px; margin: 24px 0 0; position:relative;}
#container1,  #container2 { width: 100%; height: 100%; }
#container3 { width: 100%; height: 100%; }
.list {background: #fff;position:absolute;left:-320px;top:160px;}
.list li { padding:0 20px; }
.list li a {  color:#fff; }
.list li.active a { color: red; }
.title { font-size: 14px; font-weight: bold; color: #cc5522; }
.content { font-size: 13px; color: #333;}
.fl { float: left; }
ul.list {padding:10px;margin:0 auto;z-index:9999;}
ul.list:after {content:"";display:block;clear:both;}
ul.list li{width:240px;border:1px solid #aaa;margin:5px 0;padding:0;}
ul.list li:hover{border-color:#233;}
ul.list li:hover a{color:#e00;}
ul.list li a{height: 34px; display:block;color:#666;line-height: 34px;padding:0;text-align:center;}
#yy_shangqiao li img{max-width:100%;}
@media (max-width:1120px){
	.list{position:static;}
	ul.list li{float:left;margin:5px;}
	ul.list li{width:140px;}
}
@media (max-width:510px){
	#yy_shangqiao li{width:35px;}
	#yy_shangqiao li .img1, #yy_shangqiao li .img2{right:40px;}
	ul.list{padding-bottom:20px;}
	ul.list li{width:auto;}
	ul.list li a{padding:0 30px;}			.box {height:300px;}	ul.list {padding:0 0 20px;}
}