/* CSS Document */
@media (max-width: 960px) {
    body {  margin: 0;  padding: 0;  }
    img {  max-width: 100%  }
    body,html{ min-width: 100% !important;}

    #header,#head{  width: 100%;  height: auto;  margin: 0 auto;background: none;position: inherit;}
    .logo {  width: 43%;  margin: 0;  float: none;  }
    .language,.logo img{  width: 100%;    background: #4094c0;}
    .top p,.banner_text,.footpic,.Navigation,.content .content_list{  display: none;  }
    .menu { height: auto; z-index: 99;  position: initial;  padding-right:0;   width: 100%}
	.mainproduct,.feedback{ width: 100%;}
    #spec-n5,.productslist_left .productstext, .productslist_right .productstext,.scroll,.productslist_right .scroll,.rightside,.pic_left,.atitle,.whyus_right,.footer,#webotherlink,.footer .footerleft,.footer .footerright,.foot{ width:100%; margin: 0; padding: 0;}
    .menu li {  float: left;  width: 33.3%;  text-align: center; }
    .menu li a {  font-weight: bold;  padding: 0;  width: 100%; line-height: 30px;height: 30px}
    .banner,.wrap,#preview,.productdlist,.productslist_left, .productslist_right,.pic_left img{  width: 100%;  height: auto; }
    .banner .bann_img img { position: inherit; width: 100%;left: 0%; margin-left:0px;}
	.spec-button{width: 10%; margin: 0; padding: 0;}
   #spec-list{ width: 80%!important; }
    #container,#productslist ,.whyus,.content .content_right, .product1 {  width: 96%;  height: auto;  margin: 0;  padding: 2%;background:none;  }
	.productspic img,.productslist_right .productspic img.leftimg{ width: 45%; margin-left: 5%;}
.scroll .icon,.mainproduct ul,.products{ padding: 0;}
.mainproduct ul li{ width: 46%; padding: 2%;}
.mainproduct ul li p { color: #666;height: 50px; overflow: hidden;}
.whyus_right h2 a{ font-size: 17px;}
.foot ul{ padding: 0;margin:0;}
.foot ul li{ width: 25%;padding: 0;margin: 0}
#webotherlink a{ color: #fff;}
.banner_about{ margin-top: 0;}
	.feedbakc_title{ width: 100%; margin:0;}
.hoverbox li{ width: 45%; padding: 2%; margin: 0}

   .product1 ul,p.tag{  width: 100%;  }
    .product1 ul li {  float: left;  width: 25%;  margin: 0;  }
    .product1 ul li a img,.product1 .pic{  padding: 0;  width: 100% !important;  height: auto !important;  }
    .product1 ul li.txt {  float: left;  width: 72%;  margin: 0;  padding: 0 0 0 2%;  }
.left{ width: 100%; float: none;}

    #addpage ul li{ width: 31%;   padding: 1%; margin-left: 0 !important;}
   .content{width: 100%}

    .table{ display: block; overflow-x: auto;}
    #footer {  width: 96%;  height: auto;  margin: 0;  padding: 2%;  background: #404040;  }
    #footer #otherlink {  width: 100%;  height: auto;  text-align: left;  margin: 0 auto;  padding: 0;  word-break: break-all;  }
   
    .fl-rich-text img, .aboutimg img, .aboutimg1 img {  width: 100% !important;  height: auto !important;  }
 
  
    .conttext iframe {  width: 100% !important;  height: 460px !important;  }
    #testchat {  display: block;  height: 480px !important;  width: 365px !important;  position: absolute;  top: 40px;  left: 0 !important;  background: rgb(255, 255, 255);  text-align: center;  border: 5px solid rgb(111, 174, 252);  z-index: 9999;  }
    #testchat iframe {  width: 365px !important;  height: 460px !important;  }
}