@charset "utf-8";
/* CSS Document */
body{font-size:14px;line-height:150%;text-align:left;color:#666;font-family:"Arial","verdana";background:#eee;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
ul,li{list-style:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
.clear{ clear:both;}

a:link{color:#666;text-decoration:none;outline:none;}
a:visited{color:#666;text-decoration:none;}
a:hover{color:#02569d;text-decoration:none;}
a:active{color:#02569d;text-decoration:none;}

.container,.foot{/*max-width:640px;*/}

.container{max-width:640px;height:100%;text-align:left;margin:0 auto 45px auto;min-width:320px; overflow:hidden; background:#FFF;}

/*头部样式*/
.top{width:100%;}
.top .logo img{vertical-align:middle;}
.top .logo{background:url(/images/top_bg.jpg) repeat-x center;width:auto;overflow:hidden;max-height:100px;text-align:left; padding:5px;} 

/*导航样式*/
.navigation{width:100%;margin:0 auto;background: url(/images/menu_bg.jpg);}
.menu{width:100%; background:background: url(../images/menu_bg.jpg);display:block;}
.navBody{height:36px;overflow:hidden;margin:0 0}
.navBody ul{overflow:hidden;}
.navBody li{ height:36px;line-height:36px;display:block;color:#fff;text-align:center;float:left;}
.navBody li a{color:#fff;text-decoration:none;height:36px;padding:0 1px;display:block;}
.navBody li a:visited{color:#fff;text-decoration:none;}
.navBody li a:hover{color:#fff;text-decoration:none;background:#033d70;}
.navBody li a:active{color:#fff;text-decoration:none;background:#033d70;}

/*内容样式*/
.title{width:100%;height:35px;background: #F0FFF0;color:#666;border-bottom: #11814f 2px solid;}
.title .tit_name{padding-left:2.1%;height:35px;line-height:35px;float:left;width:auto;font-size:16px;}
.title .tit_name a{color:#666;}
.title .more{padding-right:2.1%;height:35px;line-height:35px;float:right;width:auto; background: #F0FFF0; padding:0 5px;}
.title .more a{color:#999;text-decoration:none;}
.biaoti{ font-size:16px; padding:8px; border-bottom: #CCC solid 1px; text-align:center;}
.picshow{border-bottom: #CCC solid 1px;padding:8px;text-align:center;}
.picshow div{ text-align:center;}
.picshow img{ max-width:98%;}
.tagsshow a{ padding:2px 3px; background: #F0F8FF;} 
.tagsshow a:hover{ color: #FF9; background: #09C; }
.content{ padding:8px;}
.content img{ max-width:98%;}
.content_box{clear:both;width:100%;text-align:left;margin-top:8px;}

.down{ border-bottom:dashed 1px #CCC; padding:5px 0;}

.feedback input,textarea{ line-height:30px; margin:0 3px 8px 0; padding:0 8px 0 8px; font-size:15px;}
.feedback .red{ color:#F00; margin:0 8px;}
.feedback #code{ width:100px;}
.feedback .tijiao{height:40px; line-height:40px; color:#FFF ; font-size:16px; border:#069; cursor:pointer;background:-webkit-gradient(linear, 0 0, 0 100%, from(#009933), to(#006600));background:-moz-linear-gradient(top, #009933, #006600);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#009933,endColorstr=#006600,grandientType=0);}
.feedback .tijiao:hover{ background:#39F;}

.pro_class{width:100%;float:left;}
.pro_class li{width:100%;float:left;margin-bottom:10px;}
.pro_class h2{font-size:18px; font-weight: 100; }
.pro_class li a{width:94%;font-size:18px;padding-left:2%;height:36px;line-height:36px;text-decoration:none;display:block;border:#dfdfdf solid 1px;margin:0 1%;color: #093;background:#F4F4F4;}
.pro_class li ul{ margin:8px 0 0 30px; }
.pro_class li li a{font-size:15px;text-decoration:none;color: #333; background:#fff;}
.pro_class li a{ background:url(../images/icon.gif) center right no-repeat #F4F4F4;}
.brands_logo{ padding:10px;}
.brands_logo img{ margin:0 15px 15px 0;}
.brands_logo .on img{ border:#F00 solid 1px;}

.news_list li{ border-bottom:#CCC dashed 1px; margin:0 0 8px 0; padding:0 0 0 20px; background: url(../images/icon1.gif) 5px 6px no-repeat; clear:both;}
.news_list li a{ width:70%; display:block;}
.news_list li time{display:block; float: right; color:#999; width:30%; text-align:right;}
.author{ color:#999; text-align:right; padding:0 10px;}

.menu_box{ clear:both; margin:8px 0;}
.menu_box a {padding:0px 1%;margin-right:2%;text-align:center;height:25px;line-height:25px;display:block;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f0f0f0));background:-moz-linear-gradient(top, #fff, #f0f0f0);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f0f0f0,grandientType=0);float:left;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:#cccccc solid 1px; float:right;}

/*内页产品*/
#search_top{ padding:10px; text-align:right;}
#search_top #key{ padding:10px; color:#666;border-radius:2px; font-size:15px; width:180px;}
#search_top #search_button{padding:10px;border: #006600 solid 1px; background:#009933; color:#FFF;border-radius:2px;font-size:15px;}
.product_box .pro_con{width:154px;height:220px;padding:5px 1.4%; margin:0 5px 8px 5px;float:left; border:#eee solid 1px;}
.product_box .pro_con dt{width:150px;height:150px;*line-height:120px;text-align:center;overflow:hidden;padding:1px;margin-bottom:5px;display:table-cell;vertical-align:middle;}
.product_box .pro_con dt a{height:100%;vertical-align:middle;_writing-mode:tb-rl;}
.product_box .pro_con dt img{vertical-align:middle;max-height:150px !important;max-width:150px !important;width:expression(this.width > 150 && this.width > this.height ? 150 :true);height:expression(this.height >150 ? 150: true);vertical-align:middle;overflow:hidden;}
.product_box .pro_con dd{text-align:center;height:65px;line-height:22px;overflow:hidden;font-size:14px;}

/*底部浮动样式*/
.foot{position:fixed;width:100%;height:45px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#7b7a7a), to(#666));background:-moz-linear-gradient(top, #7b7a7a, #666);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7b7a7a,endColorstr=#666,grandientType=0);bottom:0;}
.foot ul{width:100%;height:45px;line-height:45px;}
.foot ul li{width:25%;float:left;color:#fff;}
.foot ul li a{width:100%;height:45px;display:block;}
.foot ul li dl{width:auto;margin:0 auto;text-align:center;}
.foot ul li dt{width:auto;height:25px;overflow:hidden;}
.foot ul li dd{width:auto;height:20px;font-size:12px;color:#fff;line-height:20px;overflow:hidden;}

#foot{ text-align:center; clear:both; line-height:30px; border-top:#CCC solid 1px; padding:10px 0 10px 0;}

	.slideBox{ position:relative; overflow:hidden; margin:0 auto 10px auto;}
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:48%; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#666; text-indent:-9999px; overflow:hidden; margin:0 6px;}
	.slideBox .hd li.on{ background: #F60;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */


/*分页样式*/
#page {padding:8px; margin: 3px;  text-align: left; clear:both;}
#page a{border:#01B0ED 1px solid; padding:5px 8px; margin:5px; color:#01B0ED; text-decoration:none; display:block; float:left;}
#page a:hover{color:#FFFFFF; background:#01B0ED;}
#page span{display:block;float:left;}
#page span.current{border:#01B0ED 1px solid;padding:5px 8px; margin:5px;color: #FFFFFF;background:#01B0ED;}
#page span.disabled{border:#EEEEEE 1px solid;padding:5px 8px; margin:5px;color: #DDDDDD;}
#page span.text {border:#CCCCCC 1px solid;padding:5px 8px; margin:5px;color: #666666;}
#page select{padding:5px 8px;display:block;float:left;margin:5px;}

.brands{padding:5px 3px 5px 5px;}
.brands img{ width:16.6%;}


.homepic{ width:100%; clear:both; padding:5px;overflow:hidden;}
.homepic ul{ float:left; padding:0; margin:0;border:0; }
.homepic ul li{padding:0; margin:0; border:0;float:left;}
.homepic ul li a{padding:0; margin:0;}
.homepic ul li img{ width:150px;}

#lang{ float:right; padding:10px 10px 0 0;}
#lang li{ float:left; margin:0 0 0 10px;}

/*1280*/
@media only screen and (max-width:1280px) {
/*1024*/
}@media only screen and (max-width:1024px) {
/*768-959*/
}@media only screen and (min-width:768px) and (max-width:959px) {
	.brands img{ width:16.6%;}
	.homepic ul{ width:49%;}
	.homepic ul li{ width:50%;}
	.homepic ul li img{ width: 100%;}
/*767*/
}@media only screen and (max-width:767px) {
	.feedback input,textarea{max-width:500px;}
	.picshow img{max-width:600px;}
	.picshow div img{ height:100px;}
	.content img,.content table{max-width:630px; height:auto;}
	.slideBox{ width:100%;}
	.brands img{ width:33%;}
	.homepic ul{ width:49%;}
	.homepic ul li{ width:50%;}
	.homepic ul li img{ width: 100%;}
/*480*/
}@media only screen and (max-width:480px) {
	.feedback input,textarea{max-width:400px;}
	.picshow img{max-width:400px;}
	.picshow div img{ height:80px;}
	.content img,.content table{width:100%; height:auto;}
	.slideBox{ width:100%;}
	.brands img{ width:33%;}
	.homepic ul{ width:98%;}
	.homepic ul li{ width:50%;}
	.homepic ul li img{ width: 100%;}
/*320*/
}@media only screen and (max-width:320px) {
	.top .logo img{max-width:300px;}
	.feedback input,textarea{max-width:300px;}
	.picshow img{max-width:300px;}
	.picshow div img{ height:60px;}
	.content img,.content table{width:100%; height:auto;}
	.slideBox{ width:100%;}
	.homepic ul{ width:98%;}
	.homepic ul li{ width:50%;}
	.homepic ul li img{ width: 100%;}
	

}