/* CSS Document */
@media(max-width:960px){
body{ margin: 0; padding: 0;}
img{max-width: 100%}
#header {width: 100%;height: auto;margin: 0 auto;}
.logo {width: 20%;margin: 2% 0 2% 1%;float: left;}
.logo img{ width: 100%}
.com { width:77%; margin: 4% 0 0 2%;float: left;font-size: 15px;font-weight: normal;}
.lang,.gx,.sidebar,.ad-gallery .ad-back,.ad-gallery .ad-forward{ display: none;}
.menu {width: 100%; height:130px; margin: 0 auto;background: #0072b9;}
.menu ul li {float: left;width: 33.3%;text-align: center;}
.menu ul li a {font-weight: bold;padding: 0; width: 100%;}
.menu ul li.hover1 a,.menu ul li{ background: none;}
.menu ul li.a a,.menu ul li{ padding: 0;}
.banner {width: 100%;height:306px;background-size: 100% auto;}
#imgPlay,#content{width: 100%;}
.pshow_title,.plist_title{width:96%;padding:0 2%;}
.pshow_text {padding: 0 ; width:100%;}
.pshow_text ul {float: none;width: 100%; margin-bottom: 20px;}
#container {width: 96%;height: auto;margin:0;padding:2%;}
.scon { height: auto; background: #fff; padding: 10px 0 0 0px;}
.slcon {display: none;}
.srcon {width: 100%;float: none;}
.rleft {width: 100%;height: auto; padding:0; float: none;}
.rleft img{width: 100%;height: auto;}
.rright {float: none;width: 100%; padding:0px;}
#scrollbar1 { clear: both; width: 100%;padding: 0;}
#scrollbar1 .viewport {width: 100%; height: auto;}
.reproduct ul li {
    float: left;
    width: 48%;
    padding: 0 1%;
}
.reproduct ul li img {
    width: 100%;
    height: auto;
    padding: 0;
    border: #ccc 1px solid;
    margin-bottom: 4px;
}
.ad-gallery{ width: 100%;}
.product { background: #dcdcdb; margin: 0px;  width: 100%;}
.product ul { background: #fff; margin:1% 2%;_margin:1%; float: left; width: 96%;}
.product ul li { float: left;width: 25%;}

.product ul li img {padding:0; width: 100% !important; height: auto !important;}
.product ul li.txt {float: left;width: 74%;padding: 0 0 0 1%;}
.proList {background:#032c64;height: auto;margin: 0px; }
.proList ul {float: none;width: 100%;margin: 0;height: auto;}
.proList ul li {float: none;width: 100%;}
.pshow_text ul.other{margin:0 0 20px 0;}
.about{padding:0;width: 100%; margin-bottom: 10px;}
.mainbody {float: none;width: 100%;margin-left:0;overflow: hidden;}
.selet td[align]{ display: none;}
.selet .product_title{ width:100%;padding-left:0px; }
.selet td.w{display: block; width:100%}
.pro {margin: 0;height: 100%;padding: 10px 0;}
.pro .pic {width:30%;}
.pro .details {width: 68%;margin-left: 2%;}
.righ {
    float: right;
    width: 100%;
    margin-top: 5px;
    margin-left:0;
}
.about_left {float: none;width: 100%;height: auto;}
.about_left img{ width: 32%;}
.about_right {float: none;width: 100%;height: auto;padding:0;margin-left:0;background:none;}
.plist_text {padding:0;width: 100%;background: #fff;}
.plist_text ul li {float: none;width: 100%;padding-right:0;}
#footer { width: 96%; height: auto;margin:0;padding:2%;background: #eee;}
.qlink {width: 100%;height: auto;text-align: left;margin: 0 auto;padding:0;word-break: break-all;}
.link {width: 100%;height: auto;text-align: center; margin: 0 auto;padding:0px; margin-bottom:0px;}
.plink{ display: none;}
.atitle {padding: 0;float: left;width: 100%;margin: 0px;background: none;}
.rightside {width: 100%;padding:0;margin:0px;float: none;border:none;}
.fl-rich-text img,.aboutimg img,.aboutimg1 img{width: 100% !important; height: auto !important;}
.hoverbox li{ width: 44%; margin: 1%; padding: 1%}
.hoverbox img{ padding: 1%;width: 97%; height: auto;}
.hoverbox li span{width: 100%}
.product1 {float: none;width: 100%; height: auto;}
.product1 ul {float: left; padding: 10px 0;border-bottom: #ccc dashed 1px;padding-bottom: 10px;width: 100%;}
.product1 ul li {float: left;width: 24%;}
.product1 ul li.w {
  width: 68%;
  padding: 0 0 0 2%;
}
.product1 ul li.txt {width: 68%;float: left;padding: 0 0 1% 2%;}
p.tag {height: auto;width: 100%;padding-left:0;float: left;color: #666666;}
.product1 .pic {display: block;width: 100%;height: auto;overflow: hidden;border: 2px solid #ebebeb;}
.product1 ul li a img{ margin: 0; padding: 0; border: none; width: 100%; height: auto;}
#form1 iframe{width: 100% !important; height: 460px !important;}
.tp_list dl{width: 100%;}
.tp_list dl dt {width: 100%;height: auto;float:none;border:0;padding: 0;}
.tp_list dl dt img{ width: 100%; height: auto;}
.left {float: none;width: 100%;margin-top: 5px;}
.tp_list dl dd, .tp_list dl dd a {width: 100%;float: none;font-size: 17px;line-height: 25px;}
.left .xxt,.righ .xxt{ margin-left: 0;}
.ad-gallery .ad-image-wrapper .ad-image{top:0 !important;}
.ad-gallery .ad-image-wrapper { width: 100%;height: 190px;}
.ad-thumbs ul {width: 100% !important;}
.righ .imgp{width: 99% !important; margin-left: 0;padding: 0}
.ad-thumbs ul li,.ad-gallery .ad-thumbs li{    margin:0; width: 48%; padding: 1%;}
.ad-thumbs ul li img{ width: 100%;height: auto;}
.ad-gallery .ad-nav .ad-thumbs{ width: 100%;margin-left:0px;}
.left .xxt img{ width: 32% !important; padding: 0; margin: 0;height: auto !important;}
.left .imgp{ margin: 0; padding: 0; width: 100% !important;height: auto !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;}
}