@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;}
{display:block;width:100%;margin:0 auto; clear:both; }
.boxer,.page_banner,.header,.banner,.content,.footerTop.footer{display:block;position:relative; width:100%; min-width:320px; clear:both; margin: 0px auto;}
.content{width:96%;}
.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:20%; min-width:110px; float:left; margin-left:100px;}
		.logo img {vertical-align:middle;}
		/* search_top*/
		.search_top{min-width:100px;height:30px;  line-height:30px; display:inline-block; float:right; clear:right;}
		.searchBox{vertical-align:middle;width:55px;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:inline-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{ position:absolute; width:20%;max-width:160px;min-width:100px;height:80px; left:0px; z-index:999; background:url(../images/menu.png) no-repeat 0% 50%; font-weight:bold;}
	.navBar ul{display:none;background:#fff; }
	.navBar:hover>ul{display:block; margin-top:80px;}
	.navBar>ul li{height:50px; line-height:50px; padding-left:10px; border-bottom:solid thin #ddd;}
	.navBar>ul li:hover{background-color:#eee;}
	
	.navBar>ul>li>ul{display:none;margin:-50px 0 0 100%; width:140%; max-width:140px; font-size:0.9em; background:#fff;}
	.navBar>ul>li:nth-child(2){background:url(../images/right.png) no-repeat right center;}
	.navBar>ul>li>ul>li{}
	.navBar>ul>li:nth-child(2):hover{background-color:#eee;}
	.navBar>ul>li:nth-child(2):hover>ul,.navBar>ul>li:nth-child(2):hover>ul>li:hover>ul{display:block;}
	

	.navBar>ul>li>ul>li>ul{display:none; margin:-50px 0 0 100%; width: 100%; background:#eee;}
	.navBar>ul>li>ul>li>ul>li:hover{background:#ccc;}
/*bannerslide*/
.slider_box{display:block;width:100%; min-height:200px;max-height:320px;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: 5px 5px; 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: 5px; }
.prev{ left: 5px;}

/*3 slider intro*/
.slider_intro{text-shadow:1px 1px 3px #666; z-index:3; display:block; position:absolute; top:15%; left:10%; background-color:rgba(204,204,204,0.0);  font-size:0.8em;  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.5em;  }
.slider_intro li:nth-child(2){ font-size:1em;  }
.slider_intro li:last-child{margin:15px 0;   visibility:hidden;}

/*4 nav dot*/
.slider_nav{display:block; position:absolute; z-index:4; width:100%; text-align:center;  bottom:-10px;right:10px; }
.slider_nav li{ text-align:center; display:inline-block;background:#bbb;color:#000; width:8px; height:8px; line-height:40px; font-size:0em; border-radius:4px 4px; margin:0 2px; }
.slider_na 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:48%; 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;text-align:center;}
.category ul{padding:10px 10px;margin:5px 5px; background:#fff;width:35%;max-width:200px;}
.category ul li span{display:block;font-size:0.75em; width:100%; height:20px;overflow:hidden;}
.category ul li img{width:100%; height:100%;}

/*similar-products*/
#relpro{display:none;}
.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:inline-block;position:relative; margin-bottom:5px;z-index:100; }
    #tabButton li{font-size:1em;font-weight:bold; padding:5px 10px;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; width:100%; float:left;background:#f6f6f6;}
		.quick_spec{display:block; width:96%;padding:10px 10px;}
		.quick_spec>span{display:block; 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%; }
		#form1 dot {color: #F00;}
/*modellist*/
.spectable{ width:100%; font-size:0.8em;}
.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_led{}
.email_led textarea{width:80%;height:40px;}

.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; text-align:center; }
.footerTop a{ color:#fff;display:inline;}
.footerTop>div>span{display:block; clear:both; width:100%; vertical-align:top;  padding:20px 0 30px 0;}
.brief_map>#allmap{width:100%; height:115px;}
.brief_map{ margin: 20px 0;}
.brief_intro{}
.brief_contact{}
.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{   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{}