@charset "utf-8";
html,body,form,input,td{font-size:12px;font-family:Verdana,Arial, Helvetica, sans-serif;margin:0;padding:0;}
h1,h2,h3,h4{margin:0;padding:0;font-size:12px;}
a{text-decoration:none;color:#000}
ol,ul{list-style-type: none;margin:0;padding:0;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clear {
  clear: both;
  line-height: 0;
  font-size: 0;
  height: 0;
}
@font-face {
    font-family: 'myfont';
    src:url(/font/Amble-Regular-webfont.ttf) format('truetype');
}
/*透明渐变*/
.tran{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
	}

/*TOP-Logo*/
#WebTop{height:100px;width:1040px; margin:auto}
	#WebLogo{width:440px;padding-top:15px;float:left;}
	#WebFlag{width:600px;padding-top:20px;float:right;}
		#WebFlag li{float:right;padding-left:10px;}


/*TOP-Nav*/
	.WebNav{width:100%;background-color:#79BE02;height:80px;}/*change bgcolor*/
		.WebMenu{width:1040px; margin:auto;font-family: 'myfont';}
			.WebMenuL{width:700px; float:left}
				.WebMenuL li{float:left;margin-right:1px;text-transform: uppercase;}
				.WebMenuL li a{ display:block;height:80px;line-height:80px;font-size:14px;color:#fff;padding:0 20px;}
				.WebMenuL li a:hover{background-color:#FF7070;}
				.WebMenuL li a.current{text-decoration:underline;background-color:#FF7070;}
			.WebMenuR{width:340px; float:right}
				.WebMenuSesrch{height:80px;background:url(/images/search_bg.png) no-repeat center right;position:relative}
				.WebMenuSesrch input{border:0px;height:20px;width:240px;position:absolute;left:60px;top:30px;color:#999;outline:none;}
				.WebMenuSesrch .searchbtn{height:20px;width:38px;position:absolute;left:300px;top:30px;outline:none;background-color:transparent;}
				.WebMenuSesrch .searchIcon{background:url(/images/search_icon.png) no-repeat center right;}
	
		
/*image show*/
	#ImgShow{width:1040px;height:470px;margin:10px auto;}
		.ImgShowBox{position:relative}
		.ImgShow_1{position:absolute;width:370px;height:470px;left:0;top:0;}
		.ImgShow_2{position:absolute;width:310px;height:180px;left:380px;top:0;}
		.ImgShow_3{position:absolute;width:310px;height:280px;left:380px;top:190px;}
		.ImgShow_4{position:absolute;width:340px;height:230px;left:700px;top:0;}
		.ImgShow_5{position:absolute;width:340px;height:230px;left:700px;top:240px;}
		
/*index-about amd contaxt*/
	#InfoBox{width:1040px; margin:0 auto 10px auto; clear:both;}
		#InfoBoxL{width:668px;padding:10px;float:left;border:1px solid #E0E0E0;}
		#InfoBoxR{width:318px;;padding:10px;float:right;border:1px solid #E0E0E0;height:230px;}
			.InfoTitle{font-family:'myfont';color:#666;font-size:16px;font-weight:bold;padding-bottom:8px;}
			.InfoText{ line-height:180%;color:#333;word-wrap:break-word;overflow:hidden;}
			
			
/*end banner*/
	#Banner{width:1040px; margin:0 auto 10px auto; clear:both;height:auto;}
	
	

/*Contact us*/
	#ContactBox{width:1040px; margin:30px auto 30px auto;}
	#ContactBox h2{font-family:'myfont';color:#666;font-size:1.5em;padding-bottom:15px;}
		#ContactBoxL{width:500px; float:left}
		#ContactBoxL div {padding: 2px 0;}
			#ContactBoxL span {display: block;font-size: 0.8125em;color: #757575;padding-bottom: 5px;}
			#ContactBoxL input[type="text"], #ContactBoxL textarea {
				padding: 5px;
				display: block;
				width:500px;
				background:none;
				border:1px solid #CACACA;
				outline: none;
				color: #464646;
				font-size:1em;
				font-weight:bold;
				-webkit-appearance: none;
			}
			#ContactBoxL textarea{resize: none;height: 120px;}
			#ContactBoxL input[type="submit"] {
			padding:10px 15px;
			font-family: 'myfont';
			background:#999;
			color: #FFF;
			border:none;
			text-decoration: none;
			outline: 0;
			cursor:pointer;
			-webkit-transition: all 0.5s ease-in-out;
			-moz-transition: all 0.5s ease-in-out;
			-o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
			}
			#ContactBoxL input[type="submit"]:hover {text-shadow: 0px 0px 1px #000;background: #292929;}
			
		#ContactBoxR{width:480px; float:right}
			#ContactBoxR div{ line-height:180%; color:#666;padding-bottom:15px;word-wrap:break-word;overflow:hidden;}/**/
			
			
/*CANTON*/
				
	#CantonBox{width:1000px;margin:30px auto;color:#666; line-height:160%;}
		#CantonBox h2{font-family:'myfont';font-size:1.5em;padding-bottom:15px;}
		#CantonBox p{padding:2px 0;margin:0;}
		#CantonBox p.bigTitle{color:#990000; font-weight:bold;font-size:1.5em;padding-top:20px;}
		
/*Products pages*/
	.ProductsBox{width:1040px;margin:20px auto;color:#666;}
		.ProductsBox h2{font-family:'myfont';font-size:1.5em;padding-bottom:20px;}
		.ProductsBox h2 a{color:#666;text-decoration:underline;}
		.ProductsBox h2 a:hover{color:#000;}
	.ProductsBoxL{float:left;overflow:hidden;width:240px;border:1px solid #D6D6D6;}/*--------分类暂时隐掉width:230px;border:1px solid #D6D6D6; */
	.ProductsBoxL span{font-size:1.2em; font-weight:bold; display:block;padding:10px;}
		.sideMenu{ font-family:'myfont'}
		/*change bgcolor*/
		.sideMenu h3{ height:20px;  padding:10px 0 4px 10px; border-top:1px solid #fff; background:#FF7070; cursor:pointer;
			font:normal 12px/11px 'myfont';margin:0px; 
		}
		.sideMenu h3 a{color:#fff;}
		.sideMenu h3 a:hover{text-decoration:underline}
		.sideMenu h3 em{ float:right; display:block; width:40px; height:20px;background:url(/images/icoAdd.png) 18px 5px no-repeat; cursor:pointer; }
		.sideMenu h3.on em{ background-position:18px -64px; }
		.sideMenu ul{ padding:5px 10px ; color:#999; display:none /* 默认都隐藏 */ }
		.sideMenu ul li a{ display:block;line-height:14px;color:#666;background:url(/images/drop_arrow.png) no-repeat 0 center;padding:8px 0 8px 15px;}
		.sideMenu ul li a:hover{color:#000; text-decoration:underline}
		
		
	.ProductsBoxR{float:right;width:790px;}/*------分类暂时隐掉width:810px*/
		
		.ProductsBoxR li{ float: left;width:170px;margin:0 0 15px 20px; text-align:center;border:1px #fff solid;height:210px; overflow:hidden}
		.ProductsBoxR li img{ width:160px;}
		.ProductsBoxR li:hover{border:1px solid #ccc;}
		.ProductsBoxR li div{padding:10px 0;}
		.ProductsBoxR li div a:hover{text-decoration:underline;}
		
		/*products detail*/
		.PdetailL{float:left;width:410px;}
			.PdetailL img{ width:400px;}
		.PdetailR{float:right;width:600px;}
			.PdetailR div{border-top:1px solid #ccc;padding:20px 0;line-height:25px;}
		.pMore{padding:20px 0 20px 0;margin-top:30px;border-top:1px solid #ccc}
			.pMore li{ float: left;width:180px;margin:0 0 15px 20px; text-align:center;border:1px #fff solid}
			.pMore li img{ width:160px;}
			.pMore li:hover{border:1px solid #ccc;}
			.pMore li div{padding:10px 0;}
			.pMore li div a:hover{text-decoration:underline;}
			
		.funPage{ clear:both;padding:20px; text-align:center;}