/* CSS Document */

@media only screen and (min-width: 320px) and (max-width:1200px) {
#head {
    width: 100%;
    
}
#content_case {
    width: 98%;
  
}
	#content{
		width: 100%;
	}
	#button{width: 100%;
		overflow: auto;
		white-space:nowrap;
	}
#left_news {
   
    display: none;
}
#banner {
    border: none;
    width: 100%;
    margin: 15px auto;
    outline: none;
}
}
@media only screen and (min-width: 320px) and (max-width:720px) {
	#button_switch{
		display: block;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    background: #eee;
    color: #0795C5;
    font-size: 14px;
    width: 99%;
    border: #0795C5 1px dotted;
    outline: #0795C5 1px dotted;
    font-weight: bold;
	}
	#button{
		display: none;
		position: relative;
		z-index: 999;
	}
	#button span{
		display: none;
	}
	#button a{
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid  #eee;
	}
#button > a:nth-child(1) {
    border-left:none;
}
#button > a {
text-align: center;
    border-right: none;
    
}	
	.product_menu ul li {
	width: 49%;
	margin-bottom: 1%;
}
.prodcut ul li{
	width: 48%;
	margin-bottom: 3%;}
.product_menu ul img {
	display: block;
	margin-bottom: 0;
}
.product_menu {
    width: 100%;
    margin-bottom: 5%;
}
.body_content {
	width: 100%;
}
.product_menu {
	width: 100%;
	margin-bottom: 5%;
}
#head #language {
	position: fixed;
	top: 50px;
	right: 10px;
	left:auto;
	text-align: center;
	z-index: 250;
}
#head #head_logo {
    background: url(http://fivenet5000.com/c_20150907_18/admin/file_manage/file/0457c070e53fb69fecd3200bf82b37b621dc45bc.png) no-repeat left bottom;
    
}
}
@media only screen and (min-width: 320px) and (max-width:480px) {
#banner #banner_control {
  
    display: none;
}
.qr{
	padding: 10px 0;
	width: 90%;
	margin: 0 5%;
	text-align: center;}

}