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

@media only screen and (max-width:1200px){
.navTop{ visibility:hidden}

.ProView .ProImg, .ProView .ProInfo{ float:left; width:100%;}

.us{ display:none;}
}

@media only screen and (min-width:768px) and (max-width:1200px){
.header{ width:768px;}
.header .top{ visibility:hidden;}
.nav{ width:768px;}
.nav > ul{ height:60px;}
.nav > ul > li{ width:96px; font-size:12px;}

.banner{ width:768px;}

.main_div2{ width:768px;}
.i_box{ width:230px; margin:0 13px;}
.box .bar{ font:16px/45px "微软雅黑";}
.box .bar span{ font-size:12px;}

.boxLink .bar{ font:12px/24px "微软雅黑";}

.Left{ width:250px;}
.Right{ width:484px;}

ul.ProductList li{ margin:5px 20px;}
}

	
@media only screen and (max-width:767px){
body{ font-size:16px;}

.main_div1{ background:#fff;}

.header{ width:100%; height:auto;}
.header .search, .header .top{ display:none;}
.header .logo{ float:none; margin:20px auto 20px; display:block;}

.banner{ width:100%;}

.nav{ display:none;}

.i_box{ width:auto; float:none; margin-right:0;}
.i_box .cont{ height:auto;}
.footer{ margin-bottom:62px;}

.Left{ display:none;}
.Right{ width:auto; float:none;}


.ProView .OtherPic{ display:none;}
.ProView .OtherPic-Phone{ display:block;}
.ProView .OtherPic-Phone img{ width:100%; margin-bottom:10px;}

input.memberName{ width:90%}

#Float{ display:block; width:100%; height:60px; clear:both; position:fixed !important; position:absolute; z-index:9999; bottom:0px !important; _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat')?documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight):document.body.scrollTop+(document.body.clientHeight-this.clientHeight));}
.foot-phone{ display:none;}
.Pro1{ display:none;}
.Pro2{ display:block;}

.Sort-phone{ display:block;}

.Tablist .form-group .col-2, .Tablist .form-group .col-8{ width:100%}
.Tablist .form-group .label{ text-align:left;}
.col-2, .col-8{ float:none;}

.pn .prev, .pn .next{ float:none;}
}
	
@media only screen and (min-width:480px) and (max-width:767px){
.main_div2{ width:480px;}

ul.ProductList li{ margin:5px 19px;}
}
	
@media only screen and (max-width:479px){
.main_div1{ width:100%;}
.main_div2{ width:90%; min-width:300px;}
.container_12{ width:300px; margin:0 auto;}

ul.NewsList li a { width:60%;}

ul.ProductList{ overflow:hidden;}
ul.ProductList li{ width:100%; height:auto; margin:0 0 5px;}
}