@charset "utf-8";
/* CSS Document */
body {margin:0 0; padding: 0 0; background:#313131;font-size:14px; font-family: "微软雅黑", Arial, Microsoft YaHei UI, Calibri, Thoma,Helvetica, sans-serif, Verdana, Geneva, sans-serif; font-style:normal;  }
ul{margin:0 0; padding:0 0; list-style-type:none; }/*ul总体设置*/
ul,ul>li,ul li,ul li:hover{list-style-type:none;}
h1{margin:0 0; padding:10px 0;}
h3{height:30px; line-height:30px; margin: 0 0; padding:0 0;}
h3, h4, h5, h6 { }	
h1{font-size:1.5em;}
h2 {font-size:1.2em; font-weight: bold;}
*{outline: none;}
a{ text-decoration:none; }
a:link{color:#000;}
a:visited{color:#333;}
a:hover{color:red;}
img{border: none; max-width:100%;}
table, table tr td{ border-collapse:collapse; }
p{margin:0 0; padding: 0 0;}
.spacer{width:100%;height:0px;clear:both;}
.page_box{ width:100%;  margin:0 auto;}
.boxer{display:block; width:100%; margin:0 auto; clear:both;  }
/**/


/*8 lines*/
.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8{display:block; clear:both;background-color:#fafafa;}

/*p1. p1 -header css- background-image:linear-gradient( green,lightgreen);*/	

.p1p2{ display:block; position:relative; height:132px; width:100%;z-index:99; background-color:#fff;}

.p1{ }	
.p1>div>ul>li{display:block; clear:both; width:100%;}
.header{z-index:999;  } 
.header>li:nth-child(3){display:none;}
.header>li:nth-child(3)>ul>li{display:block; clear:both; width:100%; text-align:center;}
		/*logo*/	
		.logo{float:left; line-height:80px; text-align:center; }
		.logo>img{vertical-align:middle; width:200px; }

		/* searchLink */
		.search{background-color:#fff; display:block;  width:100%;height:50px; }
		.search>ul>li{display:inline-block;  padding-top:10px; }
			.sb{float:left; width:80%;}
			.searchBox{vertical-align:middle;width:80%;height:25px;border:solid thin #ddd; border-right:hidden;border-radius:10px 0px 0px 10px;  padding-left:10px; }
			.searchButton{ width:40px;height:27px;border:solid thin #ddd; margin-left:-4px; border-left:hidden; border-radius:0px 10px 10px 0px; vertical-align:middle;}
			
			.lang{float:right;width:20%; text-align:right;}
			.lang>ul>li{display:inline-block;}
			.lang>ul>li>a>img{height:16px; padding:10px 0; }
			
.p2{   }
     /* nav */
	 .navBar_h{width:100%; height:50px; float:left; z-index:999; position:relative; line-height:50px;background-color:#fff; background-image:linear-gradient(#fff,#eee,#ddd); border-bottom:solid thin #ddd;border-top:solid thin #ddd; }
		/*一级菜单样式*/
		.navBar_h>ul{ height:50px; }
		.navBar_h>ul>li{display:inline-block;vertical-align:middle; text-align:center; font-size:1em; }
		.navBar_h>ul>li>a{display:block;}
		   
		.navBar_h>ul>li:hover{background-color:#eee;height:50px;margin-top:0px; border-bottom:solid 3px green; }/*一级菜单鼠移上样式*/
		.navBar_h>ul>li:nth-child(2){background:url(../images/down.png) no-repeat 90%;}
		.navBar_h>ul>li:nth-child(2):hover{background-color:#eee; border-bottom:solid thin green;}

		/*二级菜单*/
		.navBar_h>ul li ul {display:none;width:100%;  border-top:hidden; opacity:1;} /*下属级菜单全部隐藏*/		
		.navBar_h>ul>li>ul>li{width:100%; height:50px; line-height:50px;} /*下级菜单公共属性*/
		.navBar_h>ul>li:hover>ul{background-color:#f6f6f6;display:block;font-size:0.9em;border-radius:0 0 9px 9px; margin:1px 0 0 0;}/*二级菜单整体，鼠标移上一级菜单后样式*/
		.navBar_h>ul>li:hover>ul>li a{display:block; }
		.navBar_h>ul>li:hover>ul>li:hover{ background-color:#ddd; display: block; }
		.navBar_h>ul>li:hover>ul>li:last-child{border-radius:0 0 9px 9px;}
		.navBar_h>ul>li:hover>ul>li:hover:last-child{border-radius:0 0 9px 9px;}
		.navBar_h>ul>li:hover>ul>li{ border-top:dotted thin #666;}
		.navBar_h>ul>li:hover>ul>li:nth-child(1){border-top:hidden;}

			
/* p3. banner*/
.p3{}
/*bannerslide 整体框架*/
.slider_box{display:block;width:100%;height:600px;overflow:hidden; margin-top:-15px; position:relative; background-color:#eee;}  
	/*3.11 slider con imgage container */
	.slider_con{position:absolute; z-index:9;overflow:hidden; }
	
	.slider_con>li:nth-child(1),.slider_nav>li:nth-child(1){background-color:#054;}
	.slider_con>li:nth-child(2),.slider_nav>li:nth-child(2){background-color:#053;}
	.slider_con>li:nth-child(3),.slider_nav>li:nth-child(3){background-color:#232;}
	
	.slider_panel{position:relative;overflow:hidden;float:left; text-align:center; height:500px; }
	.slider_panel img{width:auto;overflow:hidden; height:auto; opacity:1;  }
	/*3.12 介绍 slider intro*/
	.slider_intro{position:absolute;z-index:9;bottom:15px; width:100%; background-color:rgba(33,33,33,0.0); padding:0px 0px 30px 0px;   }
	.slider_intro li{text-align:center; color:#aaa; color:#eee;}
	.slider_intro li:first-child{  font-size:1.6em; line-height:40px; color:yellow; }
	.slider_intro li:nth-child(2){ font-size:0.9em; line-height:20px; }		
	.slider_intro li:nth-child(3){ font-size:0.9em;  line-height:20px;}	
	.slider_intro a{ color:#ccc;}	
	/*3.2 pre next button*/
	.but{position:relative; width:100%; top:35%; z-index:9;  }
	.but div{position: absolute; top:190px;display:inline-block;width:30px; padding: 10px 10px; border-radius:10px 10px;color:#555; font-size:3em; opacity:0.5;}
	.but div:hover{ color:darkred;}
	.next{ right: 10px; }	
	.prev{ left: 10px;}
	/*3.3 抬头*/
	.slider_nav{position:absolute; z-index:1; bottom:-10px; width:100%;height:100px; text-align:center; opacity:1; margin-top:-1px; background-color:#eee;}
	.slider_nav li{ display:inline-block; height:20px; width:20px; line-height:20px; border-radius:10px 10px; margin: 0 1px; font-size:0.01; color:#eee; opacity:1; }
	.slider_nav li>p{display:none; visibility:hidden;}
	.slider_nav li.current{color:yellow; opacity:0.5; background-color:#fc0; } /* background: #FC0; */

		
/*p4 advantage*/
.p4{}
	.adv{display:block; width:100%; clear:both; text-align:center; margin-top:20px;   }
	.adv>h1{ font-size:2.5em; }
	.adv>p{width:90%;margin:0 auto;}
	.adv>ul{display:block; height:300px; }
	.adv>ul>li{display:inline-block; width:300px; border:solid thin #ddd; vertical-align:top; border-radius: 10px 10px; margin: 30px 30px; padding:30px 30px; background-color:#f8f8f8; height:200px; }

	
/*p5 position*/
.p5{ }
.pos{height:60px; line-height:60px; color:#999;}
/*p6 */
.p6{}
	.headLine{font-size:1.2em; font-weight:bold; margin-top:10px;}
	.cLeft{width:1%; display:inline-block; float:left;  vertical-align:top; visibility:hidden;}
	.cLeft2{width:1%; display:inline-block; float:left; vertical-align:top; }
	.cRight{width:99%; display:inline-block; float:right; vertical-align:top; }
	.cRight2{width:99%; display:inline-block; float:right; vertical-align:top;}	
	

	.pf{display:block; text-align:center; padding:50px 0; }
	.pf ul{margin:30px 50px;}
	/*productCase*/
	.productCase{display:block; text-align:center;}
	.productCase>ul>li{display:inline-block; border:solid thin #ddd; margin:30px 30px; border-radius:10px 10px;}
	.productCase>ul>li>img{height:200px; width:200px;}

	
	/*simpleCategory*/
	.tree{display:block; width:100%; height:auto; position:relative; float:left; vertical-align:top; text-align:left;  }
	.tree a{display:block;}
	#proc{font-size:1.2em; font-weight:bold; }
	
	.mu{margin-bottom:30px; border-radius: 0 0 5px 5px;}
	.ml>p{height:42px; line-height:42px;padding-left:20px; background: url(../images/down.png) no-repeat 95% ; border:solid thin #aaa; background-image:linear-gradient(#f2f2f2,#f6f6f6,#f2f2f2); color:#000;  font-weight:bold; }
	.ml>p:nth-child(1){border-radius:5px 5px 0 0; margin-top:5px; }
	.ml>p:hover,.ml>p:focus{}
	.mu{display:block;border:solid thin #bbb;border-top:hidden; }
	.mu>li{display:block; height:42px; line-height:42px; border-bottom:dotted thin #999; padding-left:30px; }
	.mu>li:last-child{border:hidden;  }
	.mu>li:hover{background-color:#ddd; }
	
	
	/* support */
	.support{display:block; width:100%;}
	.support>div{display:block; clear:both; margin-bottom:20px; padding:10px 20px; border:solid thin #ddd; background-color:#fff;}
	#supportBook>li{display:inline-block;}
	#supportBook>li>a>img{ width:130px; height:auto;}
	
	/*products*/
	.products {min-height:550px;}
	.products h1 {display:block; width:100%; clear:both;}
	.products>div{display:block; width:100%; clear:both; border-top:solid thin #ccc; }
	.products>div>ul{display:inline-block; float:left; margin:20px 0px;}
	.products_group_box{width:25%; text-align:center; font-weight:bold;}
	.products_group_box img{width:0px;height:0px; border-radius:75px 75px; }
	.products_spec_box{width:74%;}
	.products_spec_box img{width:220px;}
	.products_spec_box ul{ padding:5px 5px; margin:5px 5px;}
	
	/*-sideleft menu css*/
	.box{ border: solid thin #ccc; margin: 0 0 10px 0; font-size:0.875em;}
	.boxHead{height:32px; line-height:32px;font-weight:bold; padding-left:10px; border-bottom: solid thin #ccc; 
	background:#eee;}
	.boxBody{padding:5px 5px;}
	#menuBox ul li{padding-left:10px;height:33px; line-height:33px; border-bottom:dotted thin #ccc; margin:1px 0px;}
	#menuBox ul li:hover{background-color:#ccc;}
	
	.boxWhite{  margin: 0 0 10px 0; display:inline-block; }
	.boxHeadWhite{height:25px; line-height:25px;font-size:1.2em;font-weight:bold;  padding: 0 0 0 0px; }
	.boxBodyWhite{display:block; overflow:hidden; padding:5px 5px 10px 0px;}
	.boxBodyWhite img{display:inline-block;margin:3px 5px 0 0;}
	
	.boxBodyWhite ul li{display:block; float:center; clear:left; }
	
	
	/*-sideleft menu css*/
	
	.productSlide{display:inline-block; float:left; text-align:center; overflow:hidden; padding:5px 0 10px 0;
	 width:120px;height:165px;}
	.productSlide ul li p{height:15px;line-height:15px; }
	.productSlide ul li span{display:block; float:left;height:100px; width:100%;}
	.productSlide ul li img{border:dotted thin #ccc; }
	
	/*--- category ---*/
	.category{min-height:550px; }
	.series_box{display:inline-block; padding:10px 10px; margin:15px 15px; background:#fff; border:solid thin #ddd; box-shadow: 0 0 6px 0 #ccc; border-radius:10px 10px; width:300px; text-align:center; font-size:0.75em; }
	.series_box>a>li>img{width:90%; }
	.series_box:hover{box-shadow: 0 0 30px 0 #ccc; opacity:0.9;}
	
	/*--series-right --*/
	.series-right_box{display:block; max-width:1080px;}
	.series-right_box>div{display:block; position:relative; width:99%; }
	.pic_box{display:block;width:100%; clear:both;float:left; }
	
		.big_pic{display:block; clear:both; width:auto; float:left; height:600px; }
		.big_pic>li{display:block; }
		.big_pic>li>img { position: absolute; height:600px; border:solid thin #ddd;}
		
	.small_pic{display:block; clear:both;float:left; width:100%; height:100px;line-height:150px;vertical-align:middle;   }
	.small_pic>li{display:inline-block;  margin-right:2px; text-align:left;}
	.small_pic>li>img{ height:60px; width:auto; border:solid thin #ccc;}
	
		
						

#js{ font-weight:bold; margin:10px 0 5px 0;  border-bottom:solid thin #aaa; color:#900;} 
	#name {font-size: 1.2em; }
	#series{font-size:1.8em;  margin:5px 0; }	
	#s22{font-size:0.5em;color:red;}

		
	.quickspec{padding:10px 10px 0px;}
	.spectable{ width:100%;}
	.spectable td {border:1px solid #ccc;border-collapse: collapse; text-align:center;}
	
		#tabButton{display:block;margin-bottom:5px;z-index:100; }
		#tabButton li{font-size:1em;font-weight:bold; padding:6px 25px;display:inline;border:solid thin #ccc; border-bottom:hidden;}
		#tabButton>li>a{display:inline-block;}
			#TB1{background:#f6f6f6;}
			#TB2{background:#ccc;}
			
			#tabList{clear:both; }
			#tabList>li{border:solid thin #ccc; height:120px;}
				#tabList1{visibility:visble; float:left;width:100%;background:#f6f6f6;}
				.quick_spec{display:bloc; padding:10px 10px;}
				.quick_spec>span{display:inline-block;width:32%; height:20px; overflow:hidden;}
				
				#tabList2{visibility:hidden;float:left;width:100%; max-width:750px; position:absolute;border-top:hidden;background:#ccc; }
				#tabList2 table{margin:5px 0px; }
				#tabList2 form table tr td{font-size:0.75em;}	
				#tabList2 form table tr td input, textarea{border:solid thin #ccc; }
				#tabList2 form table tr td dot {color: #F00;}
	.dis1{line-height:22px; }
	#adpic img{width:100%;height:auto;}
	#adpic{margin-top:20px;}
	
	.email_led{}
	.email_led textarea{width:550px;height:40px;}
	
	.email_edm{display:block; border:solid thin #aaa; margin:20px 0; padding:10px 10px; background:#ddd; font-size:0.875em;}
	.email_edm input{ border:solid thin #ccc;}
	.email_edm textarea{ width:550px; height:100px;}
	
	.email_contact{display:block; border:solid thin #ccc; margin:20px 0; padding:10px 10px; background:#f2f2f2; font-size:0.875em;}
	.email_contact input{ border:solid thin #ccc;}
	.email_contact textarea{ width:550px; height:150px;}
	
	
.table-spec{margin:10px 0; font-size:0.875em; }
.table-spec tr,.table-spec td{border:solid thin #ddd; }
.table-spec td{ padding: 2px 2px; text-align:center;}
.table-spec td:nth-child(1){ text-align:left; word-wrap:break-word; word-break:break-all;}
.table-spec td:nth-child(2){ text-align:left;}
.table-spec tr:nth-child(even){background-color: #f5f5f5;}
.table-spec tr:nth-child(odd){background-color:#fdfdfd;}
.table-spec tr:first-child{background-color:#ddd; height:30px; line-height:30px; box-shadow: 0 2px 6px 0 #888; font-weight:bold;  }

	
	/*end of seires-left*/
	
	
	.details {margin: 5px 0; padding: 10px 5px; } 
	.d12 ul li{height:25px;line-height:25px;}
	.details1 {box-shadow: 0 -2px 3px 0px #ddd;
		height: 25px;
		line-height: 25px; background-color:#eee; margin:0 0;padding-left: 10pt;
		width: 730px;
		float: right;
		display: block;
		font-weight: bold;
	}
	
	.pro {float:left; display: inline; border: dotted thin #ccc;height: 140px; width: 750px; margin: 0; display: block; padding: 10px 0 0 0; border-bottom:hidden; border-left: hidden; border-right:hidden;}
	
	#li11,#li21{background-color:#eee;}
	#li12,#li22{background-color:#ddd;}
	#li13{background-color:#ccc;}
	
	/*productNew*/
	#productNew ul{display:block; width:100%; text-align:center;  margin-bottom:10px; }
	#productNew ul li span{display:block; line-height:20px;  height:20px; overflow:hidden; }
	#productNew img{width:90%; max-width:300px;}
	/*similar-products*/
	.relateditem{width:100%; height:90%; padding-top:10px;float: left;clear:both; }
	.relateditem img{width:100px;}
	.relateditem span{display:block; text-align:center;  border:dotted thin #ccc; margin:10px 2px;}
/*p7*/
.p7{}
/*-- p8. footer css --*/
.p8{background-color:#313131;}
.footer{ height:auto;color:#aaa;vertical-align:top; font-size:1em;}
.footer a{color:#aaa;}
.footer>ul{display:block; clear:both; width:100%;}
.footer>ul:nth-child(1){padding-top:50px; }
.footer>ul:nth-child(1)>li{display:block; width:100%;  text-align:center; border-bottom:dotted thin #999; padding:30px 0; }
.footer>ul:nth-child(1)>li:last-child{  border-bottom:hidden;}
.footer>ul:nth-child(1)>li:nth-child(2){ }
.footer>ul:nth-child(1)>li:nth-child(2)>ul>li:nth-child(1){padding-bottom:10px;  color:#fff;  }
.footer>ul:nth-child(1)>li:nth-child(2)>ul>li:nth-child(2)>img{width:100px;   }
.footer>ul:nth-child(1)>li:nth-child(3){}
.footer>ul:nth-child(1)>li:nth-child(3)>ul>li{vertical-align:top; }
.footer>ul:nth-child(1)>li:nth-child(3)>ul>li>a{color:#fff;  }
.footer>ul:nth-child(1)>li:nth-child(3)>ul>li:nth-child(2)>ul{padding: 10px 0 0 3px; font-size:0.95em; }
.footer>ul:nth-child(1)>li>ul>li>p>img{height:80px;}
.footer>ul:nth-child(1)>li>ul>li>img{width:16px;}
.footer>ul:nth-child(1)>li:nth-child(3)>ul>li{display:inline-block; }
.footer>ul:nth-child(2){border-top:solid thin #555; margin:30px 0; padding-top:20px; text-align:center;color:#565656;}

.follow{margin-left:30px;}
.counter{float:right;}
/* footer end*/