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;}

}