@charset "gb2312";
/* CSS Document */

@media screen and (max-width: 1090px){
	body{ width:100%;}
	.sy_logo{width:70%;padding:10px 0px;}
	a img{width:100%;}
	.sy_cont ul{width:100%;}
	.sy_cont ul li{width:20%;padding-right:10px;}
}

@media screen and (max-width: 760px){
	body{ width:100%;}
	.sy_logo{width:90%; padding:10px 0px;}
	a img{width:100%;}
	.sy_cont ul li a{width:100%}
	.sy_cont ul .icon1 a{background-size:100%;}
	.sy_cont ul .icon1 a:hover{background-size:100%;}
	.sy_cont ul .icon2 a{background-size:100%;}
	.sy_cont ul .icon2 a:hover{background-size:100%;}
	.sy_cont ul .icon3 a{background-size:100%;}
	.sy_cont ul .icon3 a:hover{background-size:100%;}
	.sy_cont ul .icon4 a{background-size:100%;}
	.sy_cont ul .icon4 a:hover{background-size:100%;}
	.sy_cont ul{padding-top:30px;}
	.footer { padding:0 2%;}

}

@media screen and (max-width: 480px){
	.sy_logo{height:100%}
	.sy_cont ul{padding-top:80px;}
	.sy_cont ul li{width:35%;}
	.sy_cont ul li{margin:0 25px;}
	
}

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

@media screen and (max-width: 375px){
	.sy_logo{height:100%}
	.sy_cont ul{padding-top:80px;}
	.sy_cont ul li{width:35%;}
	.sy_cont ul li{margin:0 15px;}
	
}