@charset "utf-8";
*{-webkit-text-size-adjust:none;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0; padding:0;}
html, body{width:100%; height:100%; font-size:100%; line-height:1.2em;}
body{font-size:1em; font-family:Arial, sans-serif; color:#666; background:#fff;}
h1, h2, h3, h4, h5, h6, strong{font-weight:normal; color:#000;}
li{list-style:none;}
img, fieldset{border:none; border:0px;}
img{vertical-align:middle;}
input, select, textarea{font-size:100%; color:#767676; background:#fff;}
hr{display:none;}
em, address{font-style:normal;}
table{border-spacing:0;}
/*a:link, a:visited, a:hover, a:active{text-decoration:none; color:#00a9e0;}*/
button{overflow:visible; cursor:pointer;}
/* Common */
.hidden{display:none;}
.invisible{visibility:hidden; overflow:hidden; position:absolute; top:-1000%; width:0; height:0; line-height:0;}
.inpt {color:#767676; width:55%;height:30px; background:url(../images/inpt.jpg) no-repeat #ecedf1; border:0px; }
.inbt {height:30px;color:#fff; background:url(../images/inbt.jpg) no-repeat;border:0px; width:36px; padding-left:10px;}9
/* Layout */
#wrap{z-index:0; background:#fff;}
#header{overflow:hidden; position:relative; z-index:20; width:100%; min-height:60px; margin-bottom:-5px; padding-bottom:5px; background:url(/common/img/bg_header_shadow.png) repeat-x left bottom; font-size:1em;}/*红*/
#Nlogo{float:left; width:160px;}
#Nlogo img{width:100%;}
#topsearch {float:left; width:50%; padding:18px 0px 18px 6px; text-align:right;}

#gnb ul{overflow:hidden; z-index:0; width:100%;background:#ecedf1; height:auto;}
#gnb ul li{float:left; width:24.3%; background:#ecedf1;height:80px;}
#gnb ul li a{display:block; padding:7px 0 8px; font-weight:bold; font-size:13px;color:#8c8c8c; text-align:center;text-decoration:none;}
#gnb ul li a img{display:block; width:40px; height:40px; margin:0 auto 3px;}
#gnb ul li.current a{color:#000;}
#gnb ul li.support{float:left;border-right: 1px #fff solid;}
#gnb ul li.home{float:left;border-right: 1px #fff solid;}
#gnb ul li.product{float:left;border-right: 1px #fff solid;}
#gnb ul li.search{float:left;}

#ibody {}
#ibody li{width:96%; background:#FFF; margin-top:20px; }
#ibody li img{width:100%;}
#ibody li dl dt{ text-align:left; font-size:16px; padding-left:8px; padding-top:5px; font-weight:bold; line-height:20px; height:20px;}
#ibody li dl dd{ width:47%; float:left; margin-right:10px; margin-bottom:20px;}

#iqyqk { width:98%; text-align:center;}
#iqyqk li{width:100%; background:#FFF; margin-top:20px; border-right:1px #999 solid; border-bottom:1px #999 solid; float:left; text-align:center;}

#inews{}
#inews li.ititle{ list-style-type:none;}
#inews li{ line-height:30px; text-align:left; width:95%; padding-left:5px; float:left; list-style-type:disc; }
#inews li.ipage{ list-style-type:none;}

#ipro { width:98%; text-align:center;}
#ipro li{width:49%; background:#FFF; margin-top:20px;  float:left; text-align:center;}
#ipro li.proclassname{width:100%; background:#eee;font-size:22px; font-weight:700; margin-top:20px; float:left; text-align:left; line-height:40px; height:40px; }
#ipro li img{width:100%;}
#ipro li dl dt{ text-align:left; font-size:15px; padding-left:8px; font-weight:bold; line-height:26px;}
#ipro li dl dd{ text-align:left; font-size:12px; padding-left:8px; line-height:14px;}
#ipro div.menupro{width:100%;}
#ipro div.menupro img{width:100%;}

#iprocla { width:98%; text-align:center;}
#iprocla li.proclass1{width:98%; background:#eee; margin-top:20px; float:left; text-align:left;padding-top:8px; padding-bottom:6px; }
#iprocla li.proclass2{width:48%; background:#FFF; margin-top:6px;  float:left; text-align:center; padding-top:8px; padding-bottom:6px;margin-right:5px;}
#iprocla li img{width:100%;}

#iproinfo { width:100%; background:#fff;}
#iproinfo li{ width:100%; text-align:left;}
#iproinfo li.prott1{width:48%; background:#FFF; margin-top:5px; border-right:1px #ccc solid;border-top:1px #ccc solid; border-bottom:1px #ccc solid; float:left; text-align:center;padding-top:8px; padding-bottom:6px;color:#ff0000; font-weight:bold;}
#iproinfo li.prott2{width:16%; background:#FFF; margin-top:5px; border-right:1px #ccc solid;border-top:1px #ccc solid; border-bottom:1px #ccc solid; float:left; text-align:center;padding-top:8px; padding-bottom:6px;}
#iproinfo li.protttea2{width:45%; background:#FFF; margin-top:5px; border-right:1px #ccc solid;border-top:1px #ccc solid; border-bottom:1px #ccc solid; float:left; text-align:center;padding-top:8px; padding-bottom:6px;}
#iproinfo li.proclass2{width:48%; background:#FFF; margin-top:6px; border-right:1px #999 solid; border-bottom:1px #999 solid; float:left; text-align:center; padding-top:8px; padding-bottom:6px;margin-right:5px;}
#iproinfo li.prott{width:100%; background:#FFF; margin-top:10px; text-align:left; padding-top:8px; padding-bottom:6px; }
#iproinfo li img{width:100%;}
#iproinfo li.newstt1{ border-bottom:2px solid #F90; height:40px; margin-top:10px; float:left; line-height:40px;font-size:16px; color:#06F; font-weight:bold;text-indent:5px;}
#iproinfo li.newstt{ width:96%;margin: 0 auto; padding:10px 0; text-align:left;}
#iproinfo li.newstt iframe{width:100%;height: 300px; margin-bottom:10px;}

#search{overflow:hidden; z-index:20; width:30%; min-height:46px; margin-bottom:-5px; padding-bottom:5px; background:#fff; font-size:1em;}

.foot{ width:100%; float:left; padding:20px 0 10px;}
.foot a{text-decoration:none;}
.foot .foot_dh{ width:100%; float:left; padding:5px 0;font-size:16px; text-align:center;}
.foot .foot_dh a{ padding:3px 5px; color:#333;}
.foot .foot_copy{ width:100%; float:left; padding:5px 0; line-height:22px; font-size:14px;}


@media screen and (max-width:460px) {
body {min-height:520px;}
/*小于460宽的时候*/
}

/* Header */
@media screen and (min-width:460px) {
#header {height:77px; }/*大于460宽的时候*/
#Nlogo {float:left; width:200px;}
#gnb ul li{ height:100px;}
#gnb ul li a {font-size:14px;}
#gnb ul li a img {width:60px; height:60px;}

}
@media screen and (max-width:350px){
#header {height:77px; }/*小于350宽的时候*/
#Nlogo{float:left; width:140px;}
#topsearch {float:left; width:48%; padding:18px 0px 18px 6px; text-align:right;}
#ibody li dl dd{ width:46%; float:left; margin-right:5px; margin-bottom:20px;}
	}