@charset "utf-8";
/* CSS Document */
body {margin:0 0; padding: 0 0; color:#333; background:#f8f8f8;font-size:1em; font-family: Calibri,'微软雅黑', 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;font-size:1.5em;}
h3{height:30px; line-height:30px; margin: 0 0; padding:0 0;}
h2 {font-size:1.2em; font-weight: bold;}
*{outline: none;}
a{ color:#000; text-decoration:none;}
a:hover{color:#4DA6FF;} /*315EFB*/
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;}
.spacer5{width:100%;height:5px;clear:both;}
.spacer10{width:100%;height:10px;clear:both;}
.spacer80{width:100%;height:95px;clear:both;}
.boxer{display:block; width:90%; max-width:1150px; min-width:960px;margin:0 auto; clear:both; }
.header,.banner,.content,.footerTop.footer{display:block;position:relative; width:100%; clear:both; margin: 0px auto;}
.series_box{display:inline-block; border:solid thin #ddd; background-color:#fff; text-align:center; }
.series_box:hover{border:solid thin #ccc;}

/**/


/*-header css- background-image:linear-gradient( green,lightgreen);*/
.header{height:auto; position: fixed; z-index:999;background-color:#fff; border-bottom:solid thin #bbb; opacity:0.99;  box-shadow: 0px 1px 9px #bbb} /*-----color------*/
	.header_top{height:80px; line-height:80px;}	
		.header_top>span{display:inline-block;vertical-align:middle; }
		 /* logo */
		.logo{width:160px;float:left;}
		.logo img {vertical-align:middle;}
		/* search_top*/
		.search_top{width:150px; height:30px;  line-height:30px; display:block; float:right; clear:right;}
		.searchBox{vertical-align:middle;width:100px;height:20px;border:solid thin #bbb; border-right:hidden;border-radius:10px 0px 0px 10px;  padding-left:10px;}
		.searchButton{ width:30px;height:22px;border:solid thin #bbb; margin-left:-4px; border-left:hidden; border-radius:0px 10px 10px 0px; vertical-align:middle;}
		/*lang_top*/		
		.lang_top{height:30px; line-height:30px; float:right; position:relative; display:block; clear:right; }
		.lang_top>span{font-size:11px; padding:0 0px; display:inline-block;}
		.lang_top>span img{height:15px; width:20px; margin-top:5px;}

     /* nav */
	 .navBar{width:660px;height:80px; margin-left:50px;float:left; z-index:999; position:relative; }
		.navBar ul{font-weight:bold;}
		.navBar a {display:block;}
		.navBar>ul>li{display:inline-block;width:19%;vertical-align:top; text-align:center; font-size:1.1em; }
		.navBar>ul>li:nth-child(2){background:url(../images/down.png) no-repeat 88% 52%; width:130px;}
		/*一级菜单样式*/
  
		.navBar>ul>li:hover{height:80px;  }/*一级菜单鼠移上样式*/
		.navBar>ul li ul {display:none;width:99%; border:solid thin #ddd; } /*下属级菜单全部隐藏*/
		.navBar>ul>li ul li{width:100%; height:50px; line-height:50px; border-top:solid thin #ddd;} /*下级菜单公共属性*/
		.navBar>ul>li ul li:first-child{border-top:solid 2px #0C0;}

		/*二级菜单*/
		.navBar>ul>li:hover>ul{width:130px;background-color:#fff;display:block;font-size:0.8em;border-top:solid 0px #0c0; }/*二级菜单整体，鼠标移上一级菜单后样式*/
		.navBar>ul>li:hover>ul>li{background:url(../images/right222.png) no-repeat right center;}
		.navBar>ul>li:hover>ul>li a{display:block;}
		.navBar>ul>li:hover>ul>li:hover{ background-color:#eee; display: block;}
 		/*三级*/
		.navBar>ul>li>ul>li:hover>ul>li{}
		.navBar>ul>li>ul>li:hover>ul{background-color:#eee;display:block; margin:-53px 0px 0 100%; font-size:0.9em;}/*三级菜单框样式*/
		.navBar>ul>li>ul>li:hover>ul>li:hover{background-color:#ddd;display: block; }	
		
/*-- banner & adv*/
.banner_adv_box{display:block; position:relative;  }

/*bannerslide*/
.slider_box{display:block;width:100%;height:550px;overflow:hidden; margin-top:0px; position:relative; text-shadow:1px 1px 3px #666; }  

	/*3.11 slider con imgage container */
	.slider_con{position:absolute; z-index:9;overflow:hidden;  }
	.slider_con>li{text-align:center;}

	.slider_panel{position:relative;overflow:hidden;float:left; text-align:center; height:450px; }
	.slider_panel img{width:100%;overflow:hidden; max-height:500px; opacity:1;  }
	/*3.12 介绍 slider intro*/
	.slider_intro{position:absolute;z-index:9;bottom:0px; width:100%; background-color:rgba(33,33,33,0.0); padding:0px 0px 30px 0px;   }
	.slider_intro li{text-align:center; color:#fff;}
	.slider_intro li:first-child{  font-size:1.6em; line-height:40px; }
	.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; display:inline-block;width:30px; padding: 10px 10px; border-radius:10px 10px;color:#888; font-size:3.5em; opacity:0.5;}
	.but div:hover{ color:#fff; cursor:pointer; }
	.next{ right: 10px; }	
	.prev{ left: 10px;}

/*4 nav dot*/
.slider_nav{display:block; position:absolute; z-index:4; width:100%; text-align:center;  bottom:0px;right:0px; opacity:0.8;}
.slider_nav li{ text-align:center; display:inline-block;background:;border:solid thin #eee;color:#000; font-size:1em; }
.slider_nav li.current{ background: #333; } /* background: #FC0; */
.slider_nav li.current a{ color: #fff; } 

.pas{margin:10px 0 0 0;  text-align:center;}
.pas a{color:#333;}
.pas a:hover{color:#fff;}
.pas ul li{display:inline-block; height:85px; vertical-align:top;width:16.18%; max-width:172px; min-width:144px;  text-align:center;  background:#ddd;  font-stretch:condensed; }
.pas ul li:hover{background:#333;}
.pas ul li div{display:block; text-align:center; margin:10px 0 0 0;  }
.pas ul li div>img{width:40px;}
.pas ul li p{font-size:1em;}


/*banner-slider end*/

.page_banner{text-align:center;}
.page_banner>img{ height:100%; width:100%; max-height:250px;}

 /*advantage*/
#adv{display:block; width:100%; height:100px; clear:both; color:; text-align:center; min-width:960px; height:auto; padding:10px 0; }
#adv>p>a{color:#999; font-size:0.85em; line-height:40px;}
#adv>p>a:hover{color:red;}
#adv>p{font-size:18px; color:; line-height:25px;}

/*productFeatured */
#productFeatured ul{display:inline-block; width:24.3%; text-align:center; margin:5px 0; border:solid thin #ccc; font-size:0.9em; background-color:#fff;}
#productFeatured ul li p{height:20px; overflow:hidden;}
#productFeatured ul li img{width:80%; height:auto; margin:10px 10px;}
#productFeatured ul:hover{border:solid thin #aaa;}

/*-productFeatured end -*/


/*position*/
#pos{height:50px; line-height:50px; display:block; clear:both;}
#pos a{color:#333; text-decoration: underline;}
/*search result page*/
.search_result_box{min-height:550px;}
.sr{display:inline-block; margin:5px 5px; vertical-align:top;  margin-top:30px;}
.sr ul{width:165px; height:200px; border:solid thin #ddd; background:#fff; font-size:0.75em;}
.sr ul:hover{border:solid thin #0C0; }
.sr ul li img{width:100%; }
.sr ul li p{text-align:center;height:40px;  }
.sr a:hover{}
.searchCount{display:block; position:absolute; top:0px; }

/*content*/
.content{min-height:350px;}
.content_box{}
.headLine{font-size:1.2em; font-weight:bold; margin-top:10px;}
.cLeft{width:20%; display:inline-block; float:left; padding-top:10px; 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;}	


/*simpleCategory*/
.tree{display:block; width:100%; height:auto; position:relative; float:left; vertical-align:top; text-align:left;  }
.tree a{display:block;}
#proc{height:40px; line-height:40px; font-size:1.2em; font-weight:bold; }

.ml>p{height:40px; line-height:40px; padding-left:10px; background: url(../images/down.png) no-repeat right center;background-position:95%,50%; border-top:solid thin #fff; background-color:green; COLOR:#fff; font-weight:bold;}
.ml>p:hover,.ml>p:focus{background-color:#0C0;color:#eee;}
.mu{display:block;border:solid thin #ccc;}
.mu>li{display:block; height:40px; line-height:40px; border-bottom:dotted thin #888; padding-left:15px; }
.mu>li:hover{background-color:#eee; box-shadow:0 0 3px #333; border:hidden;}
.mu>li:last-child{border-bottom:hidden;}


/* 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>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:150px;height:150px; border-radius:75px 75px; }
.products_spec_box{width:74%;}
.products_spec_box img{width:150px;}
.products_spec_box ul{ padding:5px 5px; margin:5px 5px;}

/*contact us*/
.contact_box{min-height:550px;}
#contactus ul{margin-top:10px;}
#contactus ul li{margin:5px 0;}
.banner_adv_box>#allmap {width: 100%;height: 250px;overflow: hidden;margin:0;font-family:"微软雅黑";}

/*-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;}
.category>p{margin-bottom:20px;}
.category ul{padding:10px 10px; margin:5px 5px; background:#fff;}
.category ul li span{display:block;font-size:0.75em; width:170px; height:30px;overflow:hidden;}
.category ul li img{width:170px; height:170px;}

/*--series-right --*/
.series-right_box{display:block; }
.series-right_box>div{display:block; position:relative; width:99%; }
	.pic_box{display:block;width:100%; clear:both;float:left; }
		.big_pic{display:inline-block;width:auto; height:450px;float:left; background:#fff; }
		.big_pic>li{display:block; }
		.big_pic>li>img { position: absolute; height:450px; border:solid thin #ddd;}
		
	.small_pic{display:inline-block;  width:125px; height:450px;vertical-align:middle; float:right; }
	.small_pic>li{display:inline-block; float:right; margin-right:2px; text-align:left;}
	.small_pic>li>img{ height:50px;width:50px; border:solid thin #ccc;}
		
#js{ font-size: 1.2em;font-weight:bold; margin:10px 0 15px 0; } 
	#name { }
	#series{ margin:5px 0; font-size:1.5em;}	
	
.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; display:none;}
		
		#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;}


/*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 #ddd; margin:10px 2px; padding:10px 0;  background:#fff;}
.relateditem span:hover{box-shadow:0 0 3px 0px #ccc; border:solid thin #ccc; opacity:0.6;}

/*footerTop*/
.footerTop{display:block; clear:both; background:#434343; color:#fff; margin:20px 0 0 0;  border-bottom:solid thin #666;}
.footerTop a{ color:#fff; display:inline; }
.footerTop>div>span{display:inline-block;vertical-align:top; padding:20px 0 30px 0; }
.brief_map>#allmap{width:100%; height:115px;}
.brief_map{width:25%; margin:0 25px 0 20px; }
.brief_intro{width:40%;}
.brief_contact{width:30%; right;}
.brief_contact>ul>li{ line-height:23px;}

/*-- footer css --*/
.footer{color:#eee; font-size:1em; background:#313131;  text-shadow: 1px 1px 2px #000;   }
.footer>div>span{display:inline-block;   height:80px; line-height:80px; }
	/*copy_right*/
	.copy_right{float:left; width:70%;}
	.copy_right a{color:#fff; text-decoration:underline;}
	/*follow*/
	.floow{width:25%;}
	.follow img{height:28px; width:28px; margin:22px 5px 5px 5px;}
	/*status*/
	.status{width:5%; float:right;}

/* footer end*/