@charset "utf-8";
/* CSS Document */
body {margin:0 0; padding: 0 0; color:#333; background:#fff;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,.page_banner{display:block;width:100%;margin:0 auto; clear:both; }
.header,.banner,.content,.footerTop.footer{display:block;position:relative; width:100%; min-width:; 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:80px; line-height:80px;  position: fixed; z-index:999;background-color:#fff; border-bottom:solid thin #aaa; opacity:0.99;  box-shadow: 0px 1px 9px #bbb} 	
		 /* 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:20%;max-width:160px;min-width:120px;height:80px; float:left; z-index:999; position:relative;  background:url(../images/menu.png) no-repeat 0% 50%; font-weight:bold;}
		.navBar>ul{margin-top:80px; display:none; background:#fff;border:solid thin #ddd;}
		.navBar ul li{border-bottom:solid thin #ddd;}
		.navBar ul li:last-child{border-bottom:hidden;}
		.navBar:hover>ul{display:block;}
		.navBar>ul>li{display:block; height:50px; line-height:50px; width:100%; text-align:center; font-size:1.1em; }/*一级菜单样式*/
		.navBar>ul>li:hover{background-color:#eee;  }/*一级菜单鼠移上样式*/
		.navBar>ul li ul {display:none;width:99%; border:solid thin #ddd; } /*下属级菜单全部隐藏*/
		.navBar>ul>li ul li{width:100%; height:50px; line-height:50px;} /*下级菜单公共属性*/
		.navBar>ul>li ul li:first-child{}

		/*二级菜单*/
		.navBar>ul>li:nth-child(2){background:url(../images/right.png) no-repeat right center;}
		.navBar>ul>li:nth-child(2):hover>ul{display:block;margin:-51px 0px 0px 100%;font-size:0.8em; background-color:#eee; }/*二级菜单整体，鼠标移上一级菜单后样式*/
		.navBar>ul>li:hover>ul>li{}
 		/*三级*/
		.navBar>ul>li>ul>li:hover>ul{background-color:#eee;display:block; margin:-51px 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%; min-height:330px;max-height:420px;overflow:hidden; margin-top:-20px; position:relative;  }  

/*1 slider con imgage contaciner */
.slider_con{position:absolute; z-index:1;overflow:hidden;}
.slider_panel{position:relative;overflow:hidden;float:left; text-align:center; }
.slider_panel img{height:100%; overflow:hidden; opacity:1; filter:alpha(opacity:90); }

/*2 pre next button*/
.but{display:block; position:absolute;width:100%; top:40%; z-index:2; }
.but div{ position: absolute; cursor: pointer;padding: 10px 10px; font-size: 25px; background-color: rgba(0,215,0,0.05); border:hidden; border-radius:10px 10px;color:#bbb;color:#999; font-size:2em;}
.but div:hover{ background-color: rgba(0,215,0,0.3); color:#eee; border:hidden;}
.next{ right: 10px; }
.prev{ left: 10px;}

/*3 slider intro*/
.slider_intro{z-index:3; display:block; position:absolute; top:15%; left:15%; background-color:rgba(204,204,204,0.0);  font-size:1em;  font-weight:bold; color:#f60; padding:10px 10px; width:50%;}
.slider_intro li{text-align:left;color:#fff; }
.slider_intro li:first-child{  font-size:1.8em; }
.slider_intro li:nth-child(2){ font-size:1em; }
.slider_intro li:last-child{margin:15px 0;}

/*4 nav dot*/
.slider_nav{display:block; position:absolute; z-index:4; width:100%; text-align:center;  bottom:5px;right:10px; }
.slider_nav li{ text-align:center; display:inline-block;background:#bbb;color:#000; width:12px; height:12px; line-height:40px; font-size:0.01em; border-radius:6px 6px; margin:0 2px; }
.slider_nav li p{display:none;}
.slider_nav li.current{ background: #eee; } /* background: #FC0; */
.slider_nav li img{display:none;}
/*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; text-align:center;  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; line-height:25px;}

/*productFeatured */

#productFeatured ul{display:inline-block; width:32%; 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{width:100%; display:block; z-index:100; height:auto; line-height:30px; clear:both;}
#pos a{color:#333; display:inline; 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{}
.content_box{}
.headLine{font-size:1.2em; font-weight:bold; margin-top:10px;}
.cLeft{width:100%; display:block; clear:both; float:left; padding-top:10px; vertical-align:top; }
.cLeft2{width:1%; display:inline-block; float:left; vertical-align:top; }
.cRight{width:100%; 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:none;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:29%;}
.products_group_box img{width:200px;height:150px; border-radius:75px 75px; }
.products_spec_box{width:70%;}
.products_spec_box img{width:100px;}
.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 ul{padding:10px 10px; margin:5px 5px; background:#fff;}
.category ul li span{display:block;font-size:0.75em; width:150px; height:20px;overflow:hidden;}
.category ul li img{width:150px; height:150px;}

/*similar-products*/
.relateditem{width:100%; height:90%; padding-top:10px;float: left;clear:both;  }
.relateditem img{width:100px;}
.relateditem span{display:inline-block; text-align:center;  border:dotted thin #ccc; margin:5px 2px; background-color:#fff;}

/*--series-right --*/
.series-right_box>div{width:98%; display:block; position:relative; clear:both; margin:0 auto; }

/*pic_box*/
	.pic_box>ul{display:block; width:100%;  text-align:center;vertical-align:middle;}
	.pci_box>ul>li{text-align:center;}
		
		.big_pic{ min-height:450px; width:100%; border:solid thin #ddd;}
		.big_pic>li{position: absolute;display:block; width:99%; overflow:hidden;}

		.big_pic>li>img {width:100%; max-width:600px; }
		
		.small_pic{max-height:100px; margin-top:10px; }
		.small_pic>li{display:inline-block;  margin-right:2px;}
		.small_pic>li>img{ width:60px; height:45px; border:solid thin #ccc;}
/*js*/			
#js{ height:50px; line-height:50px; font-size: 1.2em;font-weight:bold;  } 
	#name {  color:#900;}
	#series{ color: #090; margin:5px 0;}
		
/*specs*/
#specs{height:300px; }

	#tabButton{display:block;position:relative; 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{display:block; width:100%; clear:both;  }
	#tabList>li{border:solid thin #ccc; height:290px; }
		#tabList1{visibility:visble; float:left;width:100%;background:#f6f6f6;}
		.quick_spec{display:block; padding:10px 10px}
		.quick_spec>span{display:block;width:100%; height:21px; overflow:hidden; border-bottom:dotted thin #999; }
		#form1{font-size:0.75em;}
		#form1 input{border:solid thin #ccc;}
		#form1 textarea{border:solid thin #ccc;height:100px;}
		#tabList2{visibility:hidden;float:left; position:absolute;border-top:hidden;background:#ccc; }
		#send_body{width:80%;min-width:300px; }
		#form1 dot {color: #F00;}
/*modellist*/
.spectable{ width:100%;}
.spectable td {border:1px solid #ccc;border-collapse: collapse; text-align:center;}


.dis1{line-height:22px; }
#adpic img{width:100%;height:auto;}
#adpic{margin-top:20px;}

.email_edm{display:block; border:solid thin #aaa; margin:20px 0; padding:10px 0px; background:#ddd; font-size:0.875em;}
.email_edm input{ border:solid thin #ccc;}
.email_edm textarea{ width:80%; 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:80%; 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: 90%;
	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{display:none;}
#productNew ul{display:inline-block; text-align:center; width:48%;  margin-bottom:10px;}
#productNew ul li span{display:block; line-height:20px;  height:20px; overflow:hidden; }
#productNew img{width:90%; max-width:300px;}

/*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 10px; }
.brief_map>#allmap{height:115px;}
.brief_map{width:40%; margin-right:30px; }
.brief_intro{margin-bottom:20px;  }
.brief_contact{ }
.brief_contact>ul>li{ }


/*-- footer css --*/
.footer{color:#eee; font-size:1em; background:#313131;  text-shadow: 1px 1px 2px #000;   }
.footer>div>span{   width:100%; clear:both; text-align:center;}
	/*copy_right*/
	.copy_right{float:left; margin-top:20px; }
	.copy_right a{color:#fff; text-decoration:underline;}
	/*follow*/
	.follow{display:block; }
	.follow a{display:inline-block; }
	.follow img{height:28px; width:28px; margin:22px 5px 5px 5px;}
	/*status*/
	.status{}