/* CSS Document */
@media(max-width:960px){
body{ margin: 0; padding: 0;}
#header {width: 100%;height: auto;margin: 0 auto;}
.logo {width: 20%;height: auto;margin: 1% 0 1% 1%;float: left;}
.logo img{ width: 100%}
.com { width:77%; margin: 4% 0 0 2%;float: left;font-size: 15px;font-weight: normal;}
.lang{ display: none;}
.menu {width: 100%; height:90px; 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;}
.banner {width: 100%;height:120px;background-size: 100% auto;}
#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;}
.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%;}
#footer { width: 96%; height: auto;margin:0;padding:2%;background: #000;}
.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,.plist{ display: none;}
.atitle {padding: 0;float: none;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.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{ margin-left: 0;}
.ad-thumbs ul li img{ width: 100%;height: auto;}
.ad-thumbs ul li{    margin:10px 0; width: 100%;}
.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;}
}