/*全局定义*/
*{margin: 0px; padding: 0px; SCROLLBAR-FACE-COLOR: #fff;SCROLLBAR-SHADOW-COLOR: #ccc; SCROLLBAR-3DLIGHT-COLOR: #ccc;  SCROLLBAR-ARROW-COLOR: #ccc; SCROLLBAR-DARKSHADOW-COLOr: #fff; SCROLLBAR-BASE-COLOR: #fff;}
body{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2b2b2b; background: url(/template/style02/body_bg.jpg) no-repeat center top;}
.bg{background: url(/template/style02/bo_bg.jpg) no-repeat center top;}
.clear{clear: both; height: 0px;}
img{border:none;}
h1,h2{font-family: "微软雅黑";}
ul,li{margin: 0px; padding: 0px;}
a:link,a:visited,a:active{font-size: 12px; color: #2b2b2b; text-decoration: none;}
a:hover{color: #09b4e2; text-decoration: underline;}
a{blur:expression(this.blur());}
a{outline:none;}

/*网页头部*/
#header{width: 1000px; margin: 0 auto; overflow: hidden;}
#logo{float: left; height: 121px; overflow: hidden;}

/*导航条*/
#navbar{width: 1000px; float: left; margin: 0 auto;}
#navbar ul{list-style: none; padding-left: 15px;}
#navbar li{float: left;}
#navbar li.end{background: none;}
#navbar li a{ padding-top:10px;width: 112px; height: 44px; line-height: 22px; display: block; text-align: center; font-size: 13px; color: #fff; font-family: "微软雅黑";}
#navbar li a:hover{font-size: 15px; color: #fff; text-decoration: none; background: url(/template/style02/nav_line.jpg) no-repeat top center;}

#banner{width: 100%; height: 500px; float: left; margin: 0 auto;}
.focus{width:100%;height:500px;overflow:hidden;position:relative; z-index: -1;}
.f-img-list{height:500px;overflow:hidden;position:absolute;left:0;top:0;z-index:100;width:100%;}
.f-img-list li{list-style: none; height:500px;text-align:center;width:100%;position:absolute;left:0;top:0;z-index:101;}
.f-img-list li a{display:block;height:500px;width:100%;}
.f-img-list li.on{z-index:105;}
.f-img-list li.bg01{background:url("/template/style02/banner1.jpg") no-repeat 50% 0;}
.f-img-list li.bg02{background:url("/template/style02/banner2.jpg") no-repeat 50% 0;}
.d-select-list{position:absolute;bottom:0;height:90px;background:#ff0000;z-index:110;}
.d-select-list li{list-style:none;padding-top:10px;background:#f8f8f8;float:left;position:relative;}
.d-select-list li.on{background:#d9d9d9;}
.d-select-list li a{position:relative;width:195px;overflow:hidden;display:block;height:76px;border-right:1px dotted #b8c2cc;padding:2px 25px;text-decoration:none;}
.d-select-list li a .title{height:20px;line-height:20px;color:#012239;}
.d-select-list li a .icon{height:48px;width:48px;float:left;}
.d-select-list li a .desc{margin-top:2px;line-height:20px;}
.d-select-list li .arrow{position:absolute;top:-8px;left:117px;width:16px;height:8px;display:none;}
.d-select-list li.on .arrow{display:block;}
.focusbtn{z-index:999;width:45px;height:100px;position:absolute;top:148px;background:url("/template/style02/sprite.png") no-repeat;cursor:pointer;opacity:0.2;-moz-opacity:0.2;filter:alpha(opacity=20);}
.focus-btn-next{left:0;background-position:0 0;}
.focus-btn-prev{right:0;background-position:100% 0;}
#flash{width: 100%; height: 128px; margin: 0 auto; text-align: center; background: url(/template/style02/flash.jpg) no-repeat center top;}

/*主体内容*/
#main{width: 100%; float: left; margin: 0 auto; background: url(/template/style02/main_bg.jpg) no-repeat center top;}
#container{width: 1000px; margin: 0 auto; margin-top: 14px; overflow: hidden;}
#default{width: 100%; float: left; margin: 0 auto; background: url(/template/style02/default_bg.jpg) no-repeat center top;}
#wrapper{width: 1000px; margin: 0 auto; margin-top: 25px; padding-bottom: 35px; overflow: hidden;}

/*首页关于我们*/
#company{width: 610px; height: 226px; float: left; background: url(/template/style02/company_bg.jpg) no-repeat;}
#company h3{height: 41px; line-height: 36px; padding-top: 26px; padding-left: 168px; font-size: 16px; color: #0093d9; font-weight: normal; background: url(/template/style02/title_1.jpg) no-repeat 132px 26px;}
#company span,#contact_us span{padding-left: 8px; font-size: 12px; font-weight: normal;}
span.more{float: right; margin-top: -30px;}
span.more a{color: #807f7f;}
span.more a:hover{color: #09b4e2;}
#company p{line-height: 20px; padding-left: 132px;}
#company img{float: left; padding-top: 5px; padding-right: 20px;}

/*首页联系我们*/
#contact_us{width: 390px; height: 226px; float: right; background: url(/template/style02/lxfs_bg.jpg) no-repeat;}
#contact_us h3{height: 41px; line-height: 36px; padding-top: 26px; padding-left: 72px; font-size: 16px; color: #0093d9; font-weight: normal; background: url(/template/style02/title_1.jpg) no-repeat 34px 26px;}

#contact_us p{line-height:20px; padding-left: 34px;}

/*首页产品分类*/
#product_list{width: 1000px; height: 75px; float: left; margin: 0 auto; background: url(/template/style02/pro_list_bg.jpg) no-repeat;}
#product_list img{float: left; padding-right: 30px;}
#product_list ul{list-style: none; padding-top: 10px; *padding-top: 8px;}
#product_list li{width: 130px; float: left; background: url(/template/style02/list_li.gif) no-repeat 0 9px;}
#product_list li a{height: 26px; line-height: 26px; padding-left: 10px; display: block;}
#product_list li a:hover{background: url(/template/style02/list_line.gif) no-repeat 0 9px;}

/*首页产品推荐*/
#commend{width: 1000px; float: left; margin-top: 18px; background: url(/template/style02/commend_bg.jpg) no-repeat 0 42px;}
#commend_h1{height: 42px; line-height: 42px; font-size: 16px; background-color: #09b4e2; font-weight:bold;margin-bottom: 55px;}
#commend_h1 h1{ float:left; padding-left: 23px; font-size: 16px; line-height: 42px;}
#commend span{padding-left: 8px; font-size: 15px; color: #fff; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
span.gengduo{float: right; margin-top: -30px; padding-right: 15px;}
#demo li.scrollpic{padding-right:35px; float:left; list-style:none; margin-bottom:10px;}
#demo li.scrollpic img{border: solid 4px #09b4e2; border-bottom: none;}
#demo li.scrollpic span {display:block;height: 40px; line-height: 40px; *margin-top: -4px; text-align: left; background: url(/template/style02/title_3.jpg) no-repeat;}
#demo li.scrollpic span a{padding-left: 15px; font-size: 16px; color: #000; font-weight: normal; font-family: "微软雅黑";}
#demo li.scrollpic span a:hover{color: #d8ff00; text-decoration: none;}
#demo{margin-bottom: 30px;}

/*内页左侧内容*/
#sidebar{width: 208px; float: left; margin: 0 auto;}
#plist{width: 208px; float: left;}
#plist h2{height: 31px; line-height: 31px; padding-left: 14px; color: #fff; font-size: 14px; font-weight: bold; background: url(/template/style02/title_4.jpg) no-repeat;}
#plist ul{list-style: none; padding-top: 6px;}
#plist li{background: url(/template/style02/plist_li.jpg) no-repeat left bottom;}
#plist li a{height: 26px; line-height: 26px; display: block; padding-left: 31px;}
#plist li a:hover{font-size: 14px; background: url(/template/style02/plist_line.jpg) no-repeat left bottom;}}

#contact{width: 206px; float: left; margin-top: 15px; border: solid 1px #dbdbdb;}
#contact p{line-height: 23px; padding: 3px 15px 10px 15px;}
#contact strong{font-size: 13px; font-family: "微软雅黑";}

/*其它页面主要部分*/
#secondary,#default_inside{width: 730px; float: right; margin: 0 auto;}
#secondary h1,#default_inside p.title{height: 35px; line-height: 35px; font-size: 15px; color: #353535; font-weight: bold; font-family: "微软雅黑"; border-bottom: solid 1px #d7d6d6;}
#secondary p{line-height: 30px; padding-top: 15px; text-indent: 2em;}

#default_conter{ clear:both;}
#default_conter h1{padding: 20px 0px; text-align: center; font-size: 16px; font-weight: bold; color: #09b4e2; background: none;}
span.fast{height: 36px; line-height: 36px; float:right; margin-top: -36px; color: #646464;}
span.fast a:link,span.fast a:visited,span.fast a:active{color: #646464; font-weight: normal; text-decoration: none;}
span.fast a:hover{color: #09b4e2; text-decoration: underline;}

/*全部产品页面*/
#chanpin{width: 730px; margin: auto; padding-top: 10px;}
ul.imglist{list-style-type: none;}
ul.imglist li{float: left; text-align: center;}
ul.imglist li a{display: block; margin-right: 26px;}
ul.imglist li img{margin-top: 10px; margin-bottom: 12px; text-align: center; border: solid 1px #dcdcdc;}
ul.imglist h3{font-size: 12px; font-weight: normal;}

/*上下分页*/
#several{float: left; width: 90%; margin: 20px 0px; text-align:center; color: #2b2b2b;}
#several span.current,#several a:link,#several span.current,#several a:visited{line-height: 42px; color:#2b2b2b; border:1px solid #dcdcdc; text-decoration:none; padding: 3px 5px; margin-left:5px;}
#several span.current,#several a:hover{color: #09b4e2; border:1px solid #09b4e2; text-decoration:none;}

/*产品详细页面及上一个下一个*/
#cp_lr{width: 95%; margin: 0px auto; margin-left: 24px; padding-top: 15px; padding-bottom: 10px; text-align:center;}
#cp_lr img{float: none; margin: 10px auto 20px auto;}
#cp_lr p{text-align: left; padding-left: 30px; padding-bottom: 15px; line-height: 24px;}
#cp_lr td.title{font-weight: bold;}
#cp_lr table,table.rc{word-wrap: break-word; table-layout: fixed; word-break: break-all; border: solid 1px #dcdcdc; border-width:1px 0px 0px 1px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 15px;}
#cp_lr table th,table.rc th,#cp_lr table td,table.rc td{border: solid 1px #dcdcdc; border-width:0px 1px 1px 0px; padding: 5px; text-align:center;}

#up_down{width: 90%; margin: 15px auto 25px auto; padding-left: 15px; line-height: 32px; text-align: left; border: dashed 1px #dcdcdc;}
#up_down span a{fong-size: 12px; font-weight: normal; color: #2b2b2b; text-decoration: underline;}
#up_down span a:hover{color: #09b4e2; text-decoration:underline;}

/*产品详细页-相关产品*/
h3.chanpin-title{width: 670px; height: 30px; line-height: 30px; margin: 20px 20px 15px 8px; padding-left: 20px; font-size: 14px; border: solid 1px #dcdcdc;}
#related_product{margin-left: 15px;}
#related_product li img{width: 154px; height: 154px; margin-bottom: 8px; border: solid 1px #dcdcdc; text-align: center;}
#related_product h4{margin:0px; padding: 0px; font-size:12px; font-weight: normal; line-height:22px;}
#related_product li{float:left; width: 154px; padding-right: 18px; _padding-right: 16px; list-style: none; text-align:center}

/*新闻列表详细页面*/
#news-content{width: 730px; float: left; margin: auto;}
#news-content ul{list-style: none; padding-top: 10px;}
#news-content li{line-height: 30px;}
#news-content span{float: right; color: #858585; font-size: 11px;}

#news_concern{margin:auto; padding: 10px 28px 0px 30px; line-height:26px; font-size:12px; margin-bottom: 30px; text-align: left;}
#news_concern p{line-height: 26px;}
#news_concern img{margin: 10px 0;}

/*标题下的信息，如发布时间、点击次数等*/
#title_extra{display:block; line-height: 24px; text-align:center; margin:auto;}
p#help{width:92%; margin: 10px auto; line-height: 30px; padding-left: 10px; padding-right: 10px; font-weight: bold; text-align: left; border: dotted 1px #68d805;}

/*底部内容*/
#footer{width: 100%; height: 108px; clear: both; background: url(/template/style02/footer_bg.jpg) no-repeat center top;}
#footer p{width: 1000px; line-height: 26px; margin: 0 auto; padding-top: 15px;}



.pro1{margin-top: 16px;  border-bottom:1px dashed #ccc;  width:98%;}
.pro1 h3{font-size:14px;text-decoration:none; font-weight:bold;height:25px;line-height:25px;}
.pro1 img{margin-bottom: 10px;　border: solid 1px #ccc;}
.pro1 a{color:#000;}
.pro1 a:hover{ color:#94a2af ; text-decoration: none; }
#secondary .pro1 p{ line-height:20px; text-indent:0;}




.qqbox A:link {
	COLOR: #000; TEXT-DECORATION: none
}
.qqbox A:visited {
	COLOR: #000; TEXT-DECORATION: none
}
.qqbox A:hover {
	COLOR: #f80000; TEXT-DECORATION: underline
}
.qqbox A:active {
	COLOR: #f80000; TEXT-DECORATION: underline
}
.qqbox {
	FONT-SIZE: 12px; RIGHT: 0px; OVERFLOW: hidden; WIDTH: 132px; COLOR: #000000; LETTER-SPACING: 0px; POSITION: absolute; TOP: 100px; HEIGHT: auto;text-align:left;margin-left:3px;mrgin-bottom:15px;}
.qqlv {
	FLOAT: right; OVERFLOW: hidden; WIDTH: 25px; POSITION: relative; HEIGHT: 256px
}
.qqkf {
	BORDER: #0dacd3 6px solid; RIGHT: 0px; BACKGROUND: #fff; OVERFLOW: hidden; WIDTH: 120px; TOP: 

0px; HEIGHT: auto
}
.qqkfbt {
	BORDER-RIGHT: #9cd052 1px solid; BORDER-TOP: #9cd052 1px solid; FONT-WEIGHT: bold; 

BACKGROUND: #39ccde; OVERFLOW: hidden; BORDER-LEFT: #9cd052 1px solid; WIDTH: 118px; CURSOR: pointer; 

COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #9cd052 1px solid; POSITION: relative; HEIGHT: 20px; 

TEXT-ALIGN: center
}
.qqkfhm {
	PADDING-RIGHT: 8px; MARGIN: 10px 0px; OVERFLOW: hidden; WIDTH: 112px; LINE-HEIGHT: 20px; 

POSITION: relative; HEIGHT:40px
}
.bgdh {
	PADDING-LEFT: 10px; WIDTH: 102px
}


/*产品点击放大效果*/
#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; font:Arial, Helvetica, sans-serif; font-size:14px}
#lightbox a img{ border: none;}
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(/blank.gif) no-repeat; display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/template/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/template/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 14px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData{	padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}		
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}


/*首页新闻分类*/
#product_list01{width: 1000px; float: left; margin: 0 auto; background: url(/template/style02/pro_list_bg2014.jpg) no-repeat;}
#product_list01 img{float: left; padding-right: 30px;}
#product_list01 ul{list-style: none;}
#product_list01 li{width: 420px; float: left; background: url(/template/style02/list_li.gif) no-repeat 0 9px;}
#product_list01 li a{height: 26px; line-height: 26px; padding-left: 10px; display: block;}
#product_list01 li a:hover{background: url(/template/style02/list_line.gif) no-repeat 0 9px;}




#product_list h2{padding-left: 20px;
  float: left;
  width: 110px;
  line-height: 75px;MARGIN-RIGHT: 30PX;
  COLOR: #FFF;background: url(/template/style02/title_2.jpg) no-repeat center center;}

#product_list01 h2{padding-left: 20px;
  float: left;
  width: 110px;
  COLOR: #FFF;
  MARGIN-RIGHT: 20PX;
  line-height: 186px;background: url(/template/style02/title_2014.jpg) no-repeat center center;}
  
.swiper-slide img{ width:100%;} 

.footerDiv{display: none;}
.chanpin_xs{display: none;}
.shebei_tits{display: none;}
.new_tits{display: none;}
.footerDiv li{width:33.3%;float:left;} 
  
@media (max-width: 1000px) {           
#header{ width:100%;}
#container{ width:100%;}
#footer{ height:auto;}
#footer p{ width:100%;}
#company{ width:61%; background-size:100% 100%; height:250px;       }
#contact_us{ width:39%; background-size:100% 100%;  height:250px; }
#navbar{ width:100%; background:#00b9e7;}
#navbar ul{ padding-left:0px;}
#navbar li{ width:12.5%;}
#navbar li a{ width:100%;}
#company p{ padding-left:74px;}
#product_list{ width:100%;}
#commend{ width:100%;}
#product_list li{ width:16.6%;}
#product_list h2{ width:13%; margin-right:3%; padding-left:0%; text-align:center;}
#product_list ul{ width:84%; float:right;  }
#product_list01{ width:100%; background-size:100% 100%;}
#product_list01 h2{ width:13%; margin-right:2%; padding-left:0%; text-align:center;} 
#product_list01 ul{ width:85%; float:right;}
#product_list01 li{ width:50%;}
#demo li.scrollpic img{border: none; max-width:100%; height:auto;}
#demo li.scrollpic{ width:23%; padding:1%;}
#commend{ background:none;}
#commend span{ display:none;}
#demo li.scrollpic span{ background:#09b4e2;text-align:center;}
#demo li.scrollpic span a{ padding-left:0px; }
#wrapper{ width:100%;}
#secondary, #default_inside{ width:73%;}
#sidebar{ width:24%;}
#secondary img, #default_inside img{ max-width:100%; margin-left:-2em; height:auto;}
#default{ background:#FFF;}
#plist{ width:100%;}
#contact img{ max-width:100%;}
#contact p{ padding: 3px 3px 10px 3px;}
#secondary embed{ width:100%; height:auto;}
#news-content{ width:100%;}
#several{ width:100%;}
#news_concern{padding: 10px 2% 0px 2%;}
ul.imglist li{ width:23%; margin:1%; }
ul.imglist li img{ margin-left:0em !important;}
ul.imglist li a{ margin-right:0px;}
#chanpin{ width:100%; clear:both;}
ul.imglist{display: flex; flex-wrap:wrap;}
#cp_lr p{ padding-left:0px;}
#cp_lr{ width:98%; margin:1%; }
#cp_lr p img{ margin-left:0em;}


}
  
@media (max-width: 767px) {           
.qqbox{ display:none;}
#logo{ height:auto;}
#logo img{ max-width:98%;}
#company{ width:97%;  height:auto; padding-bottom:35px;      }
#contact_us{ width:97%;}
#product_list h2{ width:100%; line-height:30px;}
#product_list ul{ width:100%; }
#product_list{ height:auto; background-size:100% 100%;}
#product_list li{ text-align:center; background:none;}
#product_list li a{ padding-left:0px;}
#product_list01 h2{ width:100%; line-height:30px;} 
#product_list01 ul{ width:100%;}
#demo li.scrollpic{ width:48%; padding:1%; text-align:center;}
#secondary, #default_inside{ width:96%; padding-left:2%; padding-right:2%; margin-bottom:15px;}
#sidebar{ width:100%;}
#plist{ float:left; width:50%;}
#contact{ float:left; width:50%;}
#flash{ display:none;}
span.fast{ clear:both; margin-top:0px;}
ul.imglist li{ width:31.3%; }

}

@media (max-width: 480px) {           
#navbar li{ width:25%;}
#company p{ padding-left:16px;}
#contact_us p{ padding-left:20px;}
#product_list li{ width:33.3%;}
#product_list01 li{ width:96%; margin-left:4%;}

.footerDiv{display: block;}
.footer_phonebai{display: block;}
.footerDiv{background: #00b9e7;position: fixed;bottom: 0px;width: 100%;z-index: 9999999;}
.footerWrap li{text-align: center;margin-top: 6px; list-style: none;}
.footerWrap li a{color: #fff;font-size: 15px;display: block;}
.footerWrap li i{display: block;}
.footerWrap li a img{display: block;margin: 0 auto;}
.footer_phonebai{font-size: 16px;color: #5d5d5d;text-align: center;line-height: 30px;}
.footer_phonebai a{font-size: 16px;color: #5d5d5d;}
.chanpin_xs{display: block;}
.product_tui{display: none;}
.huoban{background: #4c4c4c;}
.form2{width: 100%;}
.huoban_right{background: none;}
.honor_bg{display: none;}
.new_tit{display: none;}
.new_tits{display: block;}
.youshi_bg .container{padding-left: 4px;padding-right: 4px;}
.footerDiv ul{margin-bottom: 0px;}
ul.imglist li{ width:48%; }
}