/* CSS Document */

@media only screen and (min-width: 320px) and (max-width:1400px) {
#head {
    width: 100%;
}
	
.prodcut_home {
    width: 100%;
   
}
.art_product_part{
width: 26%;
}
.prodcut_home ul {
  
    width: 73%;
   
}
}
@media only screen and (min-width: 320px) and (max-width:1100px) {
body {
    padding: 0;
    margin: 0;
    background: url(../admin/file_manage/file/90ca42c0bafcc41df489853ff0309f5606635d22.png) no-repeat center top;
}
#button {
    width: 100%;
    display:block;
    vertical-align: bottom;
    text-align: center;
}
#head #head_logo {
    text-align: center;
   
    width: 100%;
    
    display:block;
}
#button > a {
   
    width: 20%;
   
}

#pd_home {
       position: static;
    margin-top: 0;
   background: rgba(0, 0, 0,0.75);
}
.art_product_part {
    width: 100%;
    display: block;
    text-align: center;
   
}
.prodcut_home ul {
    padding: 0;
    margin: 35px 0 0 0;
    display: block;
  
    width: 100%;
    text-align: center;
}
.prodcut_home ul li {
    width: 160px;
    outline: 1px solid rgba(0,0,0,0.25);
    border: 3px solid rgba(255, 255, 255, 0);
    position: relative;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}
.product_menu {
   width: 94%;
    margin: 0 auto 35px auto;
    display: block;
    padding: 2%;
   
  
}
.product_menu ul li {
  
    width: 44%;
    display: inline-block;
   
}
#logo_qr {
    width: 100%;
    display: inline-block;
    margin: -35px -3px;
    text-align: right;
}
#logo_qr > img {
    width: 100%;
    display: none;
}
#logo_qr a {
    display: block;
}
#logo_qr a img {
    width: 100px;
}
}
@media only screen and (min-width: 320px) and (max-width:720px) {
#head #head_logo {
    text-align: center;
    width: 70%;
    display: block;
    padding: 60px 0 0px 10px;
}
	#cart_run{display: none;}
	#button_switch{   
 display: block;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    background: #e8e8e8;
   
    border-radius: 5px;
    color: #CC0000;
    font-size: 13px;
    width: 100%;
    margin: 25px 0 0 0;
	}
#button > a {
   
    width: 100%;
   
}
	#button{
		display: none;
		position: relative;
		z-index: 999;
	}
	#button span{
		display: none;
	}
	#button a{
		display: block;
		padding: 10px 0;
		border-bottom: 1px solid  #eee;
	}
	#banner{margin: 0;}


.prodcut ul li{
	width: 48%;
	margin-bottom: 3%;}
.prodcut_home ul li img{
width: 100%;
    height: auto;
}


.prodcut_home ul li {
    width: 46%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
}
.body_content {
	width: 100%;
}

#head #language {
	position: fixed;
	top: 10px;
	right: 10px;
	left:auto;
	text-align: center;
	z-index: 250;
}

}
@media only screen and (min-width: 320px) and (max-width:480px) {

.product_menu ul li {
    width: 90%;
    border-bottom: #ccc 1px solid;
    margin: 0 2%;
    display: inline-block;
}
.qr{
	padding: 10px 0;
	width: 90%;
	margin: 0 5%;
	text-align: center;}

}