body{
	overflow-x: hidden;
}
header{
	display: flex;
    flex-wrap: nowrap;
}



#main{
	width: 100%;
	background-color: #FFFFFF;
}
#main .content{
	width: 70%;
	margin: 0 15%;
	padding: 60px 0;
	overflow: hidden;
}
#main .content h1{
	text-align: center;
	font-weight: bold;
	margin: 20px 0;
}
#main .content>ul{
	position: relative;
}
#main .content>ul>li,#main .content>ul>li>div{
	text-align: center;
	width: 100%;
}

#main .content>ul>li>div>div{
	display:inline-block;
	padding: 10px;
	/*border: solid 1px #6DB0FE;*/
}
#main .content>ul>li>div>div img{
	width: 100%;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}
#main .content>ul>li>div>span{
	display:block;
	text-align: center;
	margin: 20px;
}
#main .content .ym{
	text-align: center;
}
#main .content .ym ul{
	display: inline-block;
}
#main .content .ym ul .no{
	border: 0;
}
#main .content .ym ul li{
	float: left;
	padding: 5px 10px;
	margin: 0 10px;
	border: solid 1px #CCCCCC;
}
#last,#next{
	cursor: pointer;
}


@media only screen and (min-width:1400px ) {
	#main .content{
		width: 62%;
		margin: 0 19%;
	}
}

@media only screen and (max-width: 1400px) {
	#main .content .al_s > div > div{
		margin:10px 5px;
	}
	
}


@media only screen and (max-width:1200px ) {
	
}




@media only screen and (max-width:767px) {
	
	
}
@media only screen and (max-width:640px ) {
	
	footer h1,footer p{
		text-align: center;
	}
	.led_bottom div{
		top: 10%;
	}
	#main .content>ul>li>div>div img{
		width: 100%;
		height: 100%;
		max-height: 100%;
		max-width: 100%;
	}
	#main .content .ym ul li{
		margin: 0 5px;
	}
	#main .content .ym ul li:nth-of-type(2),#main .content .ym ul li:nth-of-type(5){
		display: none;
	}
}