@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{width:100%;height:100%;text-align:left;margin:0 auto 45px auto;min-width:320px; overflow:hidden; }

/*头部样式*/
.top{width:100%;padding:0 0 5px 0;}
.top .logo img{float:left;max-height:80px;}
.top .logo{padding:10px;} 
.top .webname{padding:2px 8px; font-size:16px; color:#333; font-weight:bold;vertical-align:middle;float:left;}

/*导航样式*/
.navigation{width:100%;margin:0 auto;border-top:#1778AB solid 1px;background: #2E77C9; clear:both;}
.menu{width:100%; display:block;}
.navBody{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; border-right:#CCC solid 0px;border-bottom:#CCC solid 1px;overflow:hidden;}
.navBody li a{color:#fff;text-decoration:none;height:36px;padding:0 20px;display:block;}
.navBody li a:visited{color:#fff;text-decoration:none;}
.navBody li a:hover{color:#fff;text-decoration:none;background: #666;}
.navBody li a:active{color:#fff;text-decoration:none;background:#09F;}

/*内容样式*/
.title{width:100%;height:35px; overflow:hidden;background: #999;color:#fff; font-weight:bold;}
.title .tit_name{padding-left:1%;line-height:35px;float:left;width:auto;font-size:15px;}
.title .tit_name a{color:#fff;}
.title .more{height:35px;line-height:35px;float:right;width:auto;  padding:0 5px; margin:0 5px 5px 0;}
.title .more a{color:#999;text-decoration:none;}
.biaoti{ font-size:18px; 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;}
.tagsshow a{ padding:2px 3px; background: #F0F8FF;} 
.tagsshow a:hover{ color: #FF9; background: #09C; }
.content{ padding:8px;}
.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:120px;}
.feedback .tijiao{color:#FFF; padding:10px;font-size:16px; background: #666; border:none; cursor:pointer;border-radius:5px;}
.feedback .tijiao:hover{ background: #000;}

.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: #333;}
.pro_class li ul{ margin:8px 0 0 30px; }
.pro_class li li a{font-size:15px;text-decoration:none;color: #333; background:#eee;}
.pro_class li a{ background:url(../images/icon.gif) center right no-repeat }
.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:5px 0 5px 20px; background: url(../images/icon1.gif) 5px 10px 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:35px;line-height:35px;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:5px; font-size:15px; width:180px;}
#search_top #search_button{padding:10px;border: none; background: #666; color:#FFF;border-radius:5px;font-size:15px;width:50px;cursor:pointer;}
#search_top #search_button:hover{ background: #000;}
.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:#09F;border-top:#6385f3 solid 1px;bottom:0;}
.foot ul{width:100%;height:45px;line-height:45px;}
.foot ul li{width:25%;float:left;color:#fff;}
.foot ul li:hover{background: #666;}
.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;}

	.slideBox{ position:relative; overflow:hidden; margin:10px auto;}
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:10px; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:5px; height:5px; -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;}

#lang{z-index:999;position: absolute;right: 8px;top:8px;}
#lang ul{ float:right; list-style:none;}
#lang ul li{margin:0 8px 0 0; float:left;}
#lang ul li a{display:block;}

/*蓝色*/
body{ background:url(../images/style/bg.jpg) left top no-repeat;}
.navigation,.navBody li a:active,.foot{background: #2E77C9;border-top: #039 solid 1px;}
.title {background: url(../images/style/title_bg.jpg) top repeat-x; border-bottom:#999 solid 1px;}
.title,.title .tit_name a,.biaoti{color:#666;}
.biaoti {background: url(../images/style/title_bg.jpg) top repeat-x;}
.pro_class h2 {background: url(../images/style/class_bg.jpg) top repeat-x;}