@charset "utf-8";
/* CSS Document */
/**全局**/
*{ margin:0px; padding:0px;}
div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0; }
body{margin:0px; padding:0px; font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; background:#fff;}
ul,li{list-style:none;}
.clear{clear:both;}
a{color:#000;text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
a:hover{color:#0882ce;text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
img{border:none;}
hr{line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
div{margin:0px auto;}
.f_l{ float:left;}
.f_r{ float:right;}
input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;}
.blank{width:100%;height:10px;clear:both;overflow:hidden;}
.blank20{width:100%;height:20px;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.hide{display:none;}
.red{color:#f00;}
.blue{color:#00f;}
.gray{color:#ccc;}
.noInfo{width:100%;float:left;padding:10px 0; text-align:center;}
.input_submit{width:77px;height:41px;float:left;background:url(../images/search.png) no-repeat left top; text-align:center;line-height:41px; color:#fff; border:0px; cursor:pointer;}
.float_bg{background:url(../images/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;}
.f_list{width:100%;float:left;margin:5px auto;clear:both;}
.f_list span{float:left;width:80px;}

.none{display:none;}

.container{width:1200px;margin:0 auto;}

.blank10{height:10px; overflow:hidden;}
.blank20{height:20px;}
.blank35{height:35px;}
.blank45{height:45px;}
.blank60{height:60px;}

.headerbg{border-bottom:2px solid #86cafb;}

.logo{float:left;}
.header_right{float:right;}
.site_link{display:none}


/*flash*/
#flash{width:100%;float:left;}
.slideBox{ position:relative; overflow:hidden;background:#000;}
.slideBox .bd{position:relative; z-index:0;margin:0 auto; }
.slideBox .bd li{position:relative; text-align:center;  }
.slideBox .bd li img{width:100%;}	
.slideBox .bd li .flash_img{width:100%; height:auto; background-size:cover !important;}	
.slideBox .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:12px;line-height:12px;}
.slideBox .hd ul{text-align:center;}
.slideBox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#006db7;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
.slideBox .hd ul li.mbpic{ display:none}
.slideBox .hd ul .on{background:#ff6600;}
.slideBox .prev{position:absolute; left:10px; top:45%; display:block; width:19px; height:36px; background:url(../images/sleft.png) no-repeat left top; cursor:pointer;}
.slideBox .next{position:absolute; right:10px; top:45%; display:block; width:19px; height:36px; background:url(../images/sright.png) no-repeat left top; cursor:pointer;}
.slideBox:hover .prev,.slideBox:hover .next{display:block;}
/*end*/

.gcatetitle font{font-size:30px;}
.gcatetips font{color:#999999; font-size:16px;}
.gmore{position:absolute; right:0px; top:20px; background:url(../images/morebg.jpg) no-repeat left bottom; padding-bottom:7px; min-width:76px; text-align:center;}
.gmore a{font-size:14px; color:#333333;}

.gcatelist{width:1200px; overflow:hidden;}
.gcateitem{width:1218px; overflow:hidden;}
.gcateitem li{float:left; width:388px; margin-right:18px; overflow:hidden; position:relative; margin-top:25px;}
.gcateitem .pbanner{width:100%; height:217px; overflow:hidden;}
.gcateitem .pbanner img{max-width:100%; height:auto;}

.gcateitem li .catepokk{position:absolute; left:0px; bottom:0px; width:100%; height:40px;  background:url(../images/akj.png);}
.gcateitem li .kkp1{position:relative; height:50px;}
.gcateitem li .pbcbname{position:absolute; left:15px; top:8px; color:#fff; font-size:16px;}
.gcateitem li .pbviewk{position:absolute; right:15px; top:10px; border-bottom:1px solid #fff; padding-bottom:5px;}
.gcateitem li .pbviewk a{color:#fff;}
.gcateitem li .pbinfo{display:none;}

/*.gcate1{width:100%; height:325px; margin-bottom:30px;}
.gcate2{width:100%; height:325px; margin-bottom:30px;}
.gcate3{width:100%; height:500px;}
.gcate4{width:100%; height:235px; margin-bottom:30px;}
.gcate5{width:100%; height:235px;}

.pinwidth{position:relative;}

.gcate1 .catepokk{position:absolute; right:0px; bottom:0px; width:238px; height:325px; background:url(../images/icbg.png) no-repeat center top;}
.gcate2 .catepokk{position:absolute; right:0px; bottom:0px; width:238px; height:325px; background:url(../images/icbg.png) no-repeat center top;}
.gcate4 .catepokk{position:absolute; right:0px; bottom:0px; width:238px; height:235px; background:url(../images/icbg.png) no-repeat center top;}
.gcate5 .catepokk{position:absolute; right:0px; bottom:0px; width:238px; height:235px; background:url(../images/icbg.png) no-repeat center top;}

.gcate1 .w185{width:185px; height:325px; float:right;}
.gcate2 .w185{width:185px; height:325px; float:right;}

.gcate4 .w185{width:185px; height:235px; float:right;}
.gcate5 .w185{width:185px; height:235px; float:right;}

.gcate1 .pbcbname{text-align:center; padding-top:95px; padding-bottom:35px; font-size:22px; color:#FFF;}
.gcate2 .pbcbname{text-align:center; padding-top:95px; padding-bottom:35px; font-size:22px; color:#FFF;}

.gcate4 .pbcbname{text-align:center; padding-top:65px; padding-bottom:35px; font-size:22px; color:#FFF;}
.gcate5 .pbcbname{text-align:center; padding-top:65px; padding-bottom:35px; font-size:22px; color:#FFF;}

.pbviewk{text-align:center;}
.pbviewk a{border-bottom:1px solid #fff; padding-bottom:5px; width:50px; color:#fff; font-size:14px;}


.gcate3 .catepokk{position:absolute; left:0px; bottom:0px; width:100%; height:50px;  background:url(../images/akj.png);}
.gcate3 .kkp1{position:relative; height:50px;}
.gcate3 .pbcbname{position:absolute; left:16px; top:10px; color:#fff; font-size:22px;}
.gcate3 .pbviewk{position:absolute; right:15px; top:15px; border-bottom:1px solid #fff; padding-bottom:5px;}
.gcate3 .pbviewk a{color:#fff;}
.gcate3 .pbinfo{display:none;}
*/


.opk{position:relative;}
.footerbg{width:100%; height:179px; background:url(../images/footerbg.jpg) no-repeat center top;}

.footermenu{padding-top:35px; padding-bottom:20px;}
.footermenu li{float:left; margin-right:30px;}
.footermenu li a{color:#fff; font-size:16px;}

.copyright{color:#ffffff; font-size:14px; line-height:30px;}
.copyright a{color:#ffffff; font-size:14px; line-height:30px;}
.wxcode{position:absolute; right:0px; top:35px;}
.wxcode img{margin-left:15px;}

.boxtitle{text-align:center; color:#333333; font-size:34px;}
.branditem{width:100%;}
.branditem li{float:left; width:200px; text-align:center;}
.branditem li .brandimg{width:100%; height:133px; overflow:hidden;}
.branditem li .brandimg img{max-width:100%; height:auto;}
.branditem li .brandname{display:block; height:35px; line-height:35px; overflow:hidden; font-size:18px; color:#333333; margin-top:5px;}

.aboutbg{min-height:400px; background:url(../images/aboutbg.jpg) no-repeat center top;}
.aboutinto{text-align:center; color:#666666; font-size:18px; line-height:40px;}

.headersearch{height:82px;}

.navlist{float:right;}
.navlist li{float:left;}
.navlist li a{display:block; font-size:18px; padding-left:35px; padding-right:35px; height:45px; line-height:45px; background:url(../images/lisu.jpg) no-repeat right center;}
.navlist li a:hover{background:#86cafb; color:#fff;}
.navlist li.current a{background:#86cafb;  color:#fff;}

.headersearch{float:right;}
.onlinecss{float:right; margin-top:20px; margin-right:25px;}
.labelcss{color:#666666; font-size:16px;}
.onlinefont{color:#049a33; font-size:24px;}

.searchbox{float:right; margin-top:15px;}
.searchcon{width:205px; height:30px; border:1px solid #e7e7e7; border-radius:6px;}
.searchcss{float:left; width:166px; height:28px; line-height:28px; border:0px; outline:none; margin-left:6px;}
.searchbutton{float:right; width:30px; height:30px; background:url(../images/searchicon.jpg) no-repeat center center; border:0px; outline:none;}

.conleft{float:left; width:256px;}
.conright{float:right; width:914px;}

.conurhere{border-bottom:1px solid #86cafb; height:50px; line-height:50px;}
.hefont{float:left; font-size:18px; font-weight:700;}
.urhere{float:right;}
.urhere li{float:left;}
.urhere li font{margin-left:8px; margin-right:8px;}

.detailinto{padding-top:20px; line-height:28px; font-size:14px;}
.detailinto img{max-width:100%; height:auto;}

.gcattitle{background:#86cafb; height:50px; line-height:50px; border-radius:6px 6px 0px 0px; padding-left:15px; font-size:24px; color:#FFF; font-size:24px;}
.gcattitle a{color:#FFF; font-size:24px;}

.subnav_list{}
.subnav_list li{border-bottom:1px solid #eee; position:relative}
.subnav_list li a{padding: 0 16px; display:block; /*background-color:#f7f7f7;*/ font-size:16px; line-height:50px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}

.subnav_list li .firstcat{ background:url(../images/sright.png) no-repeat 15px center; background-size: 2% auto; padding-left:35px;}
.subnav_list li.childcatli{position:relative;}
.subnav_list li .childcat{padding-left:38px;}

.thirdbox{position:absolute; left:100%; top:0px; border:1px solid #eee; z-index:999999; background:#FFF; display:none; min-width:280px;}
.fourbox{position:absolute; left:100%; top:0px; border:1px solid #eee; z-index:999999; background:#FFF; display:none; min-width:256px;}

.articlelist{}
.articlelist li{height:50px; line-height:50px; border-bottom:1px dashed #e8e8e8;}
.articlelist li font a{font-size:14px;}
.articlelist li span{float:right;}

.artviewtitle{padding-top:15px; font-size:20px; margin-bottom:15px; text-align:center; font-weight:700px;}
.artvtips{text-align:center; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #e8e8e8;}
.artvtips span{padding-right:20px;}
.viewpage{}
.viewpage li{padding-top:15px;}


.bannerimg img{width:100%; height:auto;}


.productsbox{width:914px; overflow:hidden;}
.productslist{width:932px; overflow:hidden;}
.productslist li{float:left; margin-right:18px; width:215px; overflow:hidden; text-align:center; margin-top:20px;}
.proimgphoto{width:215px; height:220px; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.proimgphoto a{display:table-cell; width:215px; height:220px; text-align:center; vertical-align:middle;}
.proimgphoto img{max-width:100%; height:auto;}

.pronamet{height:40px; line-height:40px; overflow:hidden; margin-top:5px;}
.pronamet a{display:block; font-size:16px;}

.content-img{margin-top:25px; margin-bottom:15px; text-align:center;}


.fke{position:fixed; right:0px; top:35%; width:65px; background:#86cafb;}
.kefulist{}
.kefulist li.kebottom{text-align:center; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ffffff; position:relative;}
.kefulist li.nobottom{text-align:center; padding-top:10px; padding-bottom:10px; position:relative; border-bottom:0px;}

.showdivinfo{display:none; position:absolute; top:-1px; right:65px; min-width:137px;}
.kemiddlebg{background:url(../images/kbgm.jpg); width:100%;}

.kqqlist{width:106px; margin:0px auto;}
.kqqlist li{padding-top:6px; padding-bottom:6px;}

.weimakk{border:1px solid #e6e6e6; background:#FFF; padding:2px;}
.weimakk img{width:104px; height:auto; box-sizing:content-box;}

.shardlist{padding-top:25px;}

.phonecss{background:#FFF; border:1px solid #c9c9ca; border-right:0px; height:68px; line-height:68px; font-size:18px; color:#0882ce;}

.relative{position:relative;}

.contentimg{width:100%; height:auto; overflow:hidden; margin-top:15px; text-align:center;}
.contentimg img{max-width:100%; height:auto;}

/*page*/
.pages{ font-size:12px;text-align:center; padding:10px 0px 40px 0px; margin-top:15px;}
.pages li{display:inline-block;}
.pages li.wap_show{display:none;}
.pages a{font-size:12px;padding:7px 14px;border:1px solid #ccc; margin:0 5px;}
.pages a:hover{background:#0882ce; color:#fff; border:1px solid #0882ce;}

.pages a.page_now{background:#eee;color:#f00;}
.pages select{ vertical-align:middle; font-size:8pt; padding:0px; }
.pages b{ font-weight:normal;}

.pages li.active a{background:#0882ce; color:#fff; border:1px solid #0882ce;}
/*end*/

.gallerybox{float:left; width:500px; margin-right:30px;}
.goodstxtbox{float:left; width:384px;}

.protab{border-top:2px solid #86cafb; margin-top:25px; background:#efefef; height:40px; line-height:40px;}
.protab li{float:left; width:145px; text-align:center; font-size:14px; cursor:pointer; font-weight:700;}
.protab li.psed{background:#86cafb; color:#fff;}

.productdes{color:#999; line-height:26px;}

.subnav_list li.havechild a.childcat{background:url(../images/sright.png) no-repeat 96% center; background-size:auto 30%;}
.subnav_list li.thavechild a.thirdcat{background:url(../images/sright.png) no-repeat 96% center; background-size:auto 30%;}

.childliboxhide{display:none;}

.subnav_list li a:hover{background:#86cafb; color:#fff;}
.subnav_list li.havechild a.childcat:hover{background:#86cafb url(../images/sright.png) no-repeat 96% center; background-size: auto 30%; color:#fff;}
.subnav_list li.thavechild a.thirdcat:hover{background:#86cafb url(../images/sright.png) no-repeat 96% center; background-size: auto 30%; color:#fff;}


.wap_logo{display:none;}

.pc_show{display:block;}
.wap_show{display:none;}

@media (min-width:320px) and (max-width:768px){
  body{width:100%; box-sizing:border-box;}
  .pc_show{display:none;}
  .wap_show{display:block;}
  
  .container{width:100%;}
  .menunav{display:none;}
  
.blank10{height:15px; overflow:hidden;}
.blank20{height:15px;}
.blank35{height:15px;}
.blank45{height:15px;}
.blank60{height:15px;}
  
  .logo{display:none;}
  .wap_logo{float:left; display:block;}
  .wap_logo img{max-width:100%; height:60px;}
  
  .onlinecss{display:none;}
  .headersearch{height:auto;}
  .searchbox{margin-right:50px;}
  .searchcon{width:160px;}
  .searchcss{width:120px;}
  
  .conleft{display:none;}
  .conright{width:96%; margin:0px auto; float:none;}
  
  .articlelist span{display:none;}
  .artviewtitle{padding-top:10px; font-size:18px;}
  
  .productsbox{width:100%;}
  .productslist{width:100%;}
  .productslist li{width:50%; margin-right:0px; margin-top:10px;}
  .promaxwidth{width:96%; margin:0px auto; overflow:hidden;}
  .proimgphoto{width:100%; height:auto; box-sizing:border-box;}
  .proimgphoto a{display:block; width:100%; height:auto;}
  .proimgphoto img{max-width:100%; height:130px; padding-top:2px; padding-bottom:2px;}
  .pronamet{margin-top:0px;}
  
  
  
  .detailinto{padding-top:10px; width:100%; overflow:auto;}
  
  .footerbg{height:auto; background:url(../images/footerbg.jpg);}
  .footermenu{display:none;}
  .copyright{width:96%; margin:0px auto; line-height:25px; padding-top:10px;}
  .wxcode{display:none;}
  
	/*flash*/
	.wapbranditem{ position:relative; overflow:hidden;}
	.wapbranditem .bd{position:relative; z-index:0;margin:0 auto; }
	.wapbranditem .bd li{position:relative; text-align:center;  }
	.wapbranditem .bd li img{max-width:100%; height:auto;}	
	
	.wapbranditem .hd{width:100%;/*position:absolute;z-index:1;bottom:10px;left:0;*/height:12px;line-height:12px;}
	.wapbranditem .hd ul{text-align:center;}
	.wapbranditem .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#006db7;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
	
	.wapbranditem .hd ul .on{background:#ff6600;}
	.wapbranditem .prev{position:absolute; left:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(../images/left.png) no-repeat left top; cursor:pointer;}
	.wapbranditem .next{position:absolute; right:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(../images/right.png) no-repeat left top; cursor:pointer;}
	.wapbranditem:hover .prev,.wapbranditem:hover .next{display:block;}
	
	.wapbranditem li .brandname{display:block; height:35px; line-height:35px; overflow:hidden; font-size:18px; color:#333333; margin-top:15px;}
	/*end*/  
	
	.aboutbg{min-height:auto; background:url(../images/aboutbg.jpg);}  
	
	.boxtitle{font-size:25px;}
    .aboutinto{line-height:30px; font-size:15px; padding-bottom:15px; width:96%;  margin:0px auto;}
	
	.gcatebox{width:96%; margin:0px auto;}
	.gcatelist{width:96%; margin:0px auto;}
	.gcateitem{width:100%;}
	.gcatelist li{width:100%; float:none; margin:0px auto; height:auto; margin-bottom:15px; margin-right:0px; position:relative;}
	
	.pbanner img{max-width:100%; height:auto;}

.gcate1 .catepokk{position:absolute; left:0px; bottom:0px; width:100%; height:40px;  background:url(../images/akj.png);}
.gcate1 .kkp1{position:relative; height:50px;}
.gcate1 .pbcbname{position:absolute; left:10px; top:8px; color:#fff; font-size:18px; padding-top:0px;}
.gcate1 .pbviewk{position:absolute; right:15px; top:8px; border-bottom:1px solid #fff; padding-bottom:5px;}
.gcate1 .pbviewk a{color:#fff; font-size:12px;}
.gcate1 .pbinfo{display:none;}

.gcate2 .catepokk{position:absolute; left:0px; bottom:0px; width:100%; height:40px;  background:url(../images/akj.png);}
.gcate2 .kkp1{position:relative; height:50px;}
.gcate2 .pbcbname{position:absolute; left:10px; top:8px; color:#fff; font-size:18px; padding-top:0px;}
.gcate2 .pbviewk{position:absolute; right:15px; top:8px; border-bottom:1px solid #fff; padding-bottom:5px;}
.gcate2 .pbviewk a{color:#fff; font-size:12px;}
.gcate2 .pbinfo{display:none;}

.gcate3 .catepokk{position:absolute; left:0px; bottom:0px; width:100%; height:40px;  background:url(../images/akj.png);}
.gcate3 .kkp1{position:relative; height:50px;}
.gcate3 .pbcbname{position:absolute; left:10px; top:8px; color:#fff; font-size:18px; padding-top:0px;}
.gcate3 .pbviewk{position:absolute; right:15px; top:8px; border-bottom:1px solid #fff; padding-bottom:5px;}
.gcate3 .pbviewk a{color:#fff; font-size:12px;}
.gcate3 .pbinfo{display:none;}


.gcate4 .catepokk{position:absolute; left:0px; bottom:0px; width:100%; height:40px;  background:url(../images/akj.png);}
.gcate4 .kkp1{position:relative; height:50px;}
.gcate4 .pbcbname{position:absolute; left:10px; top:8px; color:#fff; font-size:18px; padding-top:0px;}
.gcate4 .pbviewk{position:absolute; right:15px; top:8px; border-bottom:1px solid #fff; padding-bottom:5px;}
.gcate4 .pbviewk a{color:#fff; font-size:12px;}
.gcate4 .pbinfo{display:none;}


.gcate5 .catepokk{position:absolute; left:0px; bottom:0px; width:100%; height:40px;  background:url(../images/akj.png);}
.gcate5 .kkp1{position:relative; height:50px;}
.gcate5 .pbcbname{position:absolute; left:10px; top:8px; color:#fff; font-size:18px; padding-top:0px;}
.gcate5 .pbviewk{position:absolute; right:15px; top:8px; border-bottom:1px solid #fff; padding-bottom:5px;}
.gcate5 .pbviewk a{color:#fff; font-size:12px;}
.gcate5 .pbinfo{display:none;}

.gcatetitle font{font-size:22px;}
.gcatetips font{font-size:13px;}


/* QQonline */
.mobileweb{z-index:999999999; position:absolute;right:0px;top:13px;margin:0px 0 0 0;}
#online_qq_layer{}
/**html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}*/
#floatShow{width:30px;height:30px;background:url(../images/menu.png) no-repeat; display:block;overflow:hidden;background-position:0px 0px; position:absolute; right:5px; top:3px; background-size:100% 100%;}
#floatHide{width:20px;height:23px;background:url(../images/coo.gif) no-repeat; display:block;overflow:hidden;background-position:0px 0px; position:absolute; right:5px; top:3px; }
#onlineService{display:inline;margin-left:0px;display:none;width:100%;float:left; overflow:hidden; background:#FFF; right:0px; position:relative;}
/* QQonline */
#mobile_navigate{padding-bottom:10px; width:96%; margin:0px auto;}
#mobile_navigate li{border-bottom:1px solid #eaeaea;}
#mobile_navigate li a{display:block; padding-top:12px; padding-bottom:10px;}

.gallerybox{float:none; width:100%;}
.goodstxtbox{float:none; width:100%;}

.urhere{display:none;}
.site_link {display:none;}
.site_link {position: absolute; top: -20px;}	
}