@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%; min-width:960px; margin:0 auto;}
.boxer{display:block; width:100%; max-width:1250px; min-width:960px; 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{ position:relative; height:80px;  width:100%;z-index:99;}
.p1p2-active{position:fixed; position:-webkit-sticky; top:0px; }


.p1{background:#fff;height:80px;  box-shadow:0px 3px 3px 0px #ddd;}	
.p1>div>ul>li{display:inline-block;}
.header{z-index:999;} 
		/*logo*/	
		.logo{float:left; width:200px; line-height:80px;   }
		.logo>img{vertical-align:middle; }

		/* searchLink */
		.search{width:160px;float:right; }
		
			.searchBox{vertical-align:middle;width:100px;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{ text-align:right;}
			.lang>ul>li{display:inline-block;}
			.lang>ul>li>a>img{height:16px; padding:10px 0; }
			
.p2{   }
     /* nav */
	 .navBar_h{width:60%; min-width:600px;height:80px; float:left; z-index:999; position:relative; line-height:80px; font-weight:bold; }
		/*一级菜单样式*/
		.navBar_h>ul{ height:80px; }
		.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:#096;height:80px;margin-top:0px; border-bottom:solid 3px green; }/*一级菜单鼠移上样式*/
		.navBar_h>ul>li:hover>a{color:#fff;}
		.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:#096; 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:#096;display:block;font-size:0.9em; margin:1px 0 0 0; }/*二级菜单整体，鼠标移上一级菜单后样式*/
		.navBar_h>ul>li:hover>ul>li a{display:block;color:#fff; }
		.navBar_h>ul>li:hover>ul>li:hover{ background-color:#063; display: block; }
		.navBar_h>ul>li:hover>ul>li:last-child{}
		.navBar_h>ul>li:hover>ul>li:hover:last-child{}
		.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;}


 		/*三级*/
		.navBar_h>ul>li>ul>li:hover>ul{background-color:#060; display:block; margin:-50px 0px 0 100%; font-size:0.9em;}/*三级菜单框样式*/
		.navBar_h>ul>li>ul>li:hover>ul>li{display:block;clear:both; width:100%; border-bottom:dotted thin #bbb}
		.navBar_h>ul>li>ul>li:hover>ul>li:hover{background-color:#053;}	
		
			
/* 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{text-align:center;}
	.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:#333;}
	.slider_panel{position:relative;overflow:hidden;float:left; text-align:center; height:500px; }
	.slider_panel img{width:auto; height:450px; overflow:hidden; max-height:500px; opacity:1;  }
	/*3.12 介绍 slider intro*/
	.slider_intro{position:absolute;z-index:9;bottom:20px; 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:1em; line-height:20px; }		
	.slider_intro li:nth-child(3){ font-size:1em;  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:#888; font-size:3.5em; opacity:0.3;}
	.but div:hover{ color:#fff; cursor:pointer; }
	.next{ right: 10px; }	
	.prev{ left: 10px; }
	/*3.3 抬头*/
	.slider_nav{position:absolute; z-index:1; bottom:1px; width:100%;height:100px; text-align:center; opacity:1; margin-top:-1px; background-color:#eee;}
	.slider_nav li{ display:inline-block; height:50px; width:180px; line-height:50px; border-radius: 0 0 10px 10px; margin: 0 1px; font-size:0.9em; color:#aaa; opacity:1; box-shadow:0 0px 0px 0px #aaa; }
	.slider_nav li.current{color:#eee; opacity:1; box-shadow:0 5px 10px 0px #aaa;} /* background: #FC0; */

	.nav_dot{display:block; height:300px width:30px; border-radius:15px 15px; background-color:red;}

		
/*p4 advantage*/
.p4{}
	.adv{display:block; width:100%; clear:both; text-align:center; min-width:960px; padding:50px 0;  }
	.adv>h1{ font-size:2em; }
	.adv>p{}
	.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: 10px 10px; padding:10px 10px; 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:20%; display:inline-block; float:left;  vertical-align:top; }
	.cLeft2{width:1%; display:inline-block; float:left; vertical-align:top; }
	.cRight{width:78%; display:inline-block; float:right; vertical-align:top; }
	.cRight2{width:99%; display:inline-block; float:right; vertical-align:top;}	
	
	/*productFeatured */
/*	#productFeatured ul{display:inline-block; text-align:center; margin:5px 2px; border:solid thin #ccc;  background-color:#fff; }
	#productFeatured ul li img{width:80%; height:auto; margin:10px 10px; }
	#productFeatured ul:hover{border:solid thin #aaa; height:auto; box-shadow:0px 0px 6px #ccc; opacity:0.5;}
	#productFeatured ul li{ }
	#productFeatured ul li p{ height:15px; overflow:hidden;  font-size:12px; margin-bottom:5px;}

*/
	.pf{display:block; text-align:center; padding:50px 0; }
	.pf ul{margin:10px 20px;}

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

	
	/*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:20px; 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:500px; }
		.big_pic>li{display:block; }
		.big_pic>li>img { position: absolute; height:500px; 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{width:98%; margin:10px 0; font-size:0.875em; }
.table-spec tr,.table-spec td{border:solid thin #ddd; }
.table-spec td{ padding: 4px 10px; 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>li>ul>li{margin:8px 0;}
.footer>ul:nth-child(1){padding-top:50px; }
.footer>ul:nth-child(1)>li{display:inline-block; vertical-align:top; text-align:center; }
.footer>ul:nth-child(1)>li:nth-child(1){width:50%; margin-top:-20px;}
.footer>ul:nth-child(1)>li:nth-child(2){width:40%; }
.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>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*/