@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:"微软雅黑";}
ul,ol,li{ list-style:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
a{ text-decoration:none;}
img{ font-size:0; border:0;}

.abutton{ display:block; width:100%; height:35px; line-height:35px; text-align:center; background-color:#896c4a; color:#ffffff; font-size:14px; text-decoration:none; font-weight:bold;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; letter-spacing:1px; }
.abutton:hover{ background-color:#999999; color:#000000;}

.ceiling{ background-color:#000000; height:30px; color:#cccccc; font-size:12px; line-height:30px;}
.ceiling .chen{ width:220px; height:auto;}
.ceiling .ling{ width:px; height:auto;}
.ceiling .ling li{ width:47px; height:30px; line-height:30px; text-align:center; float:left;}
.ceiling .ling li a{ color:#cccccc; display:block; width:40px; height:30px; float:left;}
.ceiling .ling li a:hover{color:#ffffff;}

.container{ width:1020px; height:auto; margin:0 auto;}

.logo{ background-color:#ffffff; height:80px; padding-top:25px;}
.logo .chen{ width:129px; height:auto;}
.logo .ling{ width:545px; height:auto;}
.logo .ling ul { width:100%; height:44px; margin-top:10px;}
.logo .ling ul li{width:44px; height:44px; line-height:44px; text-align:center; overflow:hidden; margin:0 3px; float:left;}
.logo .ling ul li a{ display:block; width:100%; height:88px;background-position:0px 0px;}
.logo .ling ul li .a1{background-image:url(/statics/img/tm1.png);}
.logo .ling ul li .a2{background-image:url(/statics/img/tm2.png);}
.logo .ling ul li .a3{background-image:url(/statics/img/tm3.png);}
.logo .ling ul li .a4{background-image:url(/statics/img/tm4.png);}
.logo .ling ul li .a5{background-image:url(/statics/img/tm5.png);}
.logo .ling ul li .a6{background-image:url(/statics/img/tm6.png);}

.link_a{ border-bottom:1px solid #dfdfdf; height:85px; margin-bottom:30px;}
.link_a li{ width:85px; height:85px; float:left; overflow:hidden;}
.link_a li a{ display:block; width:100%; height:170px; border:1px solid #dfdfdf;color:#333333;}
.link_a li a:hover{ background-color:#896c4a; color:#ffffff;}
.link_a li .to{ width:85px; height:60px; *position:relative; display:table;}
.link_a li .to .mid{ width:100%; height:auto;display: table-cell;vertical-align: middle; text-align:center;*position: absolute;*top: 50%}
.link_a li .to .mid p{*position: relative;*top: -50%; font-size:18px;}
.link_a li .bo{ width:100%; height:25px; font-size:12px;text-align:center;}
<!-----banner begin----->
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn-clear{zoom:1;}
.fn-hide {display:none;}
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}
.center{text-align: center;}	

/***************** CSS Style ********************/

/* layout */
.layout{
	width: 1020px;
	margin: 0 auto;
}

/* icon */
.submenu-item i,#submenu h2 i,.text-hide{
	display: block;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -999px;
	background-image:url(/statics/img/bg.png);
	background-repeat: no-repeat;
}

		
/* navigation */
#navigation{
	height: 44px;
	_overflow: hidden;
	background-color: #8b6e4a;
	font-size:12px;
}	

a{text-decoration: none; color: #424242;}
a.color{color: #b36e0b;}
a:link{text-decoration: none;}
a:visited{text-decoration: none; }
a:hover { text-decoration: none; color: #b36e0b;}
a:active{text-decoration: none;}	
	/* nav */
	#nav{
		width: 780px;
		height: 44px;
		float: right;	
	}
		#nav li{
			width: 97px;
			height: 44px;
			overflow: hidden;
			float: left;
			background:url(/statics/img/navline.png) right center no-repeat;
		}
		#nav li .form{ width:178px; height:44px; float:right; line-height:44px;}
		#nav li .form input{ vertical-align:middle;}
		#nav li .form input[type=text]{ height:20px;}
			#nav li.none{ background: transparent;}
			#nav a{
				display: block;
				width: 100%;
				height: 44px;
				line-height: 41px;
				overflow: hidden;
				position: relative;
				color: #fff;
				font-size: 16px;
				text-align: center;
			}
			#nav a:hover{
				color: #fff;
				background-color: #4e3c2f;
			}
				#nav a span{
					display: block;
					width: 100%;
					height: 44px;
					line-height: 41px;
					text-align: center;
					position: absolute;
					left: 0;
					cursor: pointer;
				}			
					#nav a span.out{top: 0;}
					#nav a span.over{top: -44px;background-color: #4e3c2f;}	
	
	
	/* submenu */
	#submenu{
		width: 240px;
		height: 44px;
		float: left;
		_overflow: hidden;
	}	
		/* H2 */
		#submenu h2{
			width: 240px;
			height: 44px;
			line-height: 42px;
			overflow: hidden;
			background-color: #4e3c2f;
			position: relative;
			font-size: 18px;
			color: #fff;
			text-indent: 20px;
		}
		
		#submenu h2 a{
			color: #fff;
		}
			#submenu h2 i{
				width: 15px;
				height: 8px;
				background-position: -124px -94px;				
				position: absolute;
				top: 18px;
				right: 18px;
			}
		
		/* submenu-list */
		.submenu-list{
			width: 240px;
			height: 315px;
			position: absolute;
			overflow: hidden;
			background-color: #f5f5f5;
			background-color: rgba(245,245,245,0.9);					
			z-index: 99;
			_background-color: #f5f5f5;
			_overflow: hidden;
		}
			/* submenu-list-group */
			.submenu-list-group .submenu-item{
				width: 225px;
				height: 94px;				
				padding: 10px 0 0 15px;
				line-height: 24px;
				border-bottom: 1px solid #ccc;		
				_overflow: hidden;		
				_float: left;
				_clear: both;
			}
				.submenu-list-group .i4{ border: 0 none;}
				.submenu-item h3 a,.submenu-item p a{ color: #000;}
				.submenu-item:hover h3 a,.submenu-item:hover p a{color: #fff;}
				
				/* h3 */
				.submenu-item h3{
					height: 25px;
					line-height: 25px;
					overflow: hidden;
					padding-left: 37px;
					font-size: 16px;
					margin-bottom: 7px;
					font-weight: 700;
					position: relative;
					background: url(/statics/img/arrow-gray.gif) 200px center no-repeat;
				}
					.submenu-item h3 a{display: block;}
					.submenu-item h3 i{ 
						width: 23px; 
						height: 23px; 
						position: absolute; 
						left: 5px;
						-moz-transition: all 0.3s linear 0s;
						-webkit-transition: all 0.3s linear 0s;
						-ms-transition: all 0.3s linear 0s;
						transition: all 0.3s linear 0s;
					}
					.submenu-item h3.i1 i{ background-position: 0 -205px;}
					.submenu-item h3.i2 i{ background-position: -50px -205px;}
					.submenu-item h3.i3 i{ background-position: -100px -205px;}
					.submenu-item h3.i4 i{ background-position: -150px -205px;}
				
				/* p */
				.submenu-item p{height: 48px;overflow: hidden; }
				.submenu-item p a{
					border-radius: 2px;
					margin-right: 4px;
					padding: 2px 5px;
				}				
			
			/* submenu-list-group */
			.submenu-list-group .submenu-item:hover{ background:url(/statics/img/submenu-item-arrow.gif) right center no-repeat #907452;}
			.submenu-item:hover h3{ background-image: url(/statics/img/arrow-white.gif);}
			.submenu-item:hover h3.i1 i{ background-position: -25px -205px;}
			.submenu-item:hover h3.i2 i{ background-position: -75px -205px;}
			.submenu-item:hover h3.i3 i{ background-position: -125px -205px;}
			.submenu-item:hover h3.i4 i{ background-position: -175px -205px;}
			.submenu-item:hover p a:hover{
				color: #b36e0b;
				outline: medium none;
				text-decoration: none;
				-moz-transition: all 0.3s ease-out 0s;
				-webkit-transition: all 0.3s ease-out 0s;
				-ms-transition: all 0.3s ease-out 0s;
				transition: all 0.3s ease-out 0s;
				background-color: #fff;
			}
		
			/* submenu-cate */
			.submenu-cate{
				width: 905px;
				height: 405px;
				overflow: hidden;
				position:absolute; 
				left: 240px; 
				top: 0; 
				padding: 15px 30px 0 25px;
				background-color: #fff;
			}	
				/* submenu-cate-item */
				.submenu-cate-item{
					float: left;
					width: 690px;
					overflow: hidden;
				}
					.submenu-cate-item .item{ width: 320px; margin-right: 20px;}
					.submenu-cate-item dl{
						overflow: hidden;
						padding: 10px 0;	
						zoom: 1;
						border-bottom: 1px dotted #e5e5e5;
					}
						.submenu-cate-item dl.none{border: 0 none;}
						.submenu-cate-item dt{font-size: 15px;font-weight: 700; padding: 2px 0;}
						.submenu-cate-item dt a{padding: 0 3px 1px 3px;}
						.submenu-cate-item dd{line-height: 22px;}
						.submenu-cate-item dl.simple{height: 22px; padding: 12px 0;}
						.submenu-cate-item dl.simple dt{height: 22px; padding: 0; float: left;}
						.submenu-cate-item dl.simple dd{height: 22px; width: 245px; overflow: hidden;float: left;}
						
					.submenu-cate-item dd a{
						border-radius: 2px;
						padding: 0 3px 1px 3px;
						_padding: 3px 3px 1px 3px;
						-moz-transition: all 0.3s ease-out 0s;
						-webkit-transition: all 0.3s ease-out 0s;
						-ms-transition: all 0.3s ease-out 0s;
						transition: all 0.3s ease-out 0s;
						display: inline-block;
						line-height: 18px;
						margin: 0 4px 0 0;
					}
					#face-lift .submenu-cate-item dd a{margin: 0 2px 0 0;}
					.submenu-cate-item dd a:hover{
						color: #fff;
						background-color: #b36e0b;
					}
					
					/* submenu-related */
					.submenu-related{
						width: 680px;
						overflow: hidden;
						padding: 5px 0;
					}
						.submenu-related h5{
							font-weight: 700;
							color: #424242;
							font-size: 14px;
							padding: 0 10px;
						}
						.submenu-related .list-group-icon li{
							font-size: 14px;
							float: left;
							width: 33%;
						}
				
				/* medical-skin */
				#medical-skin .submenu-cate-item .fn-right dt{padding-top: 0;}
				#medical-skin .submenu-cate-item dl.simple{padding: 10px 0;}
			
				/* micro-plastic */
				#micro-plastic .item{ width: 670px;}
				#micro-plastic dl.simple dd{width: 560px;}
				#micro-plastic .submenu-related h5{ padding: 20px 0 10px 10px;}
			
				/* mouth-plastic */
				#mouth-plastic .item{ width: 670px;}
				#mouth-plastic dl.simple dd{width: 560px;}
				#mouth-plastic .submenu-related h5{ padding: 20px 0 10px 10px;}
			
				/* submenu-cate-silde */
				.submenu-cate-silde{
					float: right;
					width: 200px;					
					overflow: hidden;
				}
					.submenu-cate-silde h5{
						font-weight: 700;
						color: #424242;
						font-size: 14px;
						height: 32px;
						margin-top: 10px;
					}
					/* silde */
					.submenu-cate-silde .silde{
						width: 200px;
						height: 335px;
						overflow: hidden;
						position: relative;
					}
						.submenu-cate-silde .silde img{
							display: block;
							width: 200px;
							height: 335px;
							overflow: hidden;
						}
				
					/* num */
					.submenu-cate-silde .num{
					    height: 14px;
					    position: absolute;
					    right: 5px;
						 top: 8px;
					}
					.submenu-cate-silde .num li{					    
					    float: left;
					    width: 14px;
						 height: 14px;
						 overflow: hidden;
						 margin-right: 3px;
						 background-color: #fff;
						 font-size: 0;
						 line-height: 0;
						 text-indent: -99px;
						 filter: alpha(opacity=90);
					    opacity: 0.9;
						 border-radius: 6px;
						 cursor: pointer;
					}
					.submenu-cate-silde .num li.on{
					    background-color: #5b4034;
					}
		
/* silde-focus */
#silde-focus,
#banner-silde{
	width: 100%;
	height: 420px;
	position: relative;
	overflow: hidden;
	background-color: #000;
}		
	/* layout */
	#banner-silde .layout{		
		height: 420px;
		position: relative;
		overflow: hidden;
	}
	#banner-silde li{
		width: 100%;
		height: 420px;
		position: absolute;
		background-repeat: no-repeat;
		background-position: center center;		
		background-color: #000;
	}
		#banner-silde li a{
			display: block;
			width: 100%;
			height: 400px;
			position: absolute;			
			z-index: 2;
		}
		#banner-silde .banner-img img{ display: block;}
		#banner-silde .banner-img{
			height: 420px;
			position: absolute;
			right: -900px;
			top: 0;
			overflow: hidden;
		}
	
	/* banner-ctr */
	.banner-ctr{
		width: 100%;
		height: 30px;
		position: absolute;
		text-align: center;
		bottom: 0;
		z-index: 9;
	}
		.banner-ctr span{
			display: inline-block;
			width: 14px;
			height: 14px;
			overflow: hidden;
			cursor: pointer;
			background-color: #dfdfdf;
   		border-radius: 50%;
   		margin: 5px 10px;
		}
		.banner-ctr span.current{
			margin: 3px 8px;
			border: 2px solid #fff;
   		background-color: #b36e0b;
		}
		
	/* banner-btn */
	.banner-btn{
		width: 44px;
		height: 44px;
		overflow: hidden;
		cursor: pointer;
		position: absolute;
		top: 50%;
		z-index: 9;
		margin-top: -22px;
		-moz-transition: all 0.3s ease-out 0s;
		-webkit-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
		filter: alpha(opacity=0);
		opacity: 0;		
		background: url(/statics/img/sprite.png) left bottom no-repeat;
	}
	#silde-focus .pre{left: 0;}
	#silde-focus .next{right: 0;background-position: right bottom;}
	#silde-focus:hover .banner-btn{opacity: 0.5;filter: alpha(opacity=50);}
	#silde-focus:hover .pre{left: 10%;}
	#silde-focus:hover .next{right: 10%;}
	#silde-focus .banner-btn:hover {opacity: 1;filter: alpha(opacity=100);}

.popularize{ width:100%; height:230px; background:url('/statics/img/comanner.jpg') repeat scroll center rgba(0, 0, 0, 0);cursor:pointer;}
.popularize .ob{ width:1020px; height:auto; margin:0 auto; position:relative;}
.popularize .ob{display:none;}
.popularize .mleft{ width:1020px; height:auto; position:absolute; left:0px; top:0px;}
.popularize .mright{ width:620px; height:auto; position:absolute; right:0px; top:0px;} 


.morelink{ width:100%; background-color:#f8f8f8; height:375px; padding-top:25px;}
.morelink .big{ width:100%; height:auto; overflow:hidden;}
.morelink .big li{ width:144px; height:185px; float:left;}
.morelink .big .br{border-right:1px solid #e4e4e4;}
.morelink .big .bb{border-bottom:1px solid #e4e4e4; }
.morelink .big li .mark{ width:100px; height:25px;border-bottom:1px solid #e4e4e4; color:#000000; font-size:14px; font-weight:bold; margin:25px auto 10px auto;}
.morelink .big li .mark img{ vertical-align:middle;}
.morelink .big li .little{ width:100px; height:auto; margin:0 auto;}
.morelink .big li .little li{ width:100%; height:25px; float:left;}
.morelink .big li .little li a{ display:block; width:100%; height:25x; line-height:25px; color:#666666; font-size:12px;}
.morelink .big li .little li a:hover{ color:#896c4a;}

.add{ width:100%; height:auto; padding-top:20px;}
#tabs5{ width:100%; height:25px; border-bottom:1px solid #000000;}
#tabs5 li{ width:100px;float:left; position:relative; margin:0px 1px;}
#tabs5 li a{ display:block; width:100%;line-height:25px; font-size:18px; text-align:center;}
#tabs5 li a:hover{ color:#937343; border-bottom:1px solid #937343;}
#tabs5 li #active{ color:#937343; border-bottom:1px solid #937343;}

#tab5context{ height:auto; clear:both; position:relative;padding-top:30px;}
#tabs5a{ text-align:center; height:130px;}

.bar{ width:100%; height:210px; background-color:#000000; padding-top:25px;}
.bar .chen{ width:370px; height:71px; float:left; text-align:center; margin-top:50px;}
.bar .ling{ width:650px; height:auto; float:right;}
.bar .ling .lm{ width:110px; height:137px; float:left; padding-top:12px;}
.bar .ling .rm{ width:450px; height:137px; float:right; margin-right:60px;}

.bar .ling .rm .p1{ color:#c6c6c6; font-size:14px; height:60px;}
.bar .ling .rm .p1 span{ font-size:20px;}
.bar .ling .rm .p2{ color:#666565; font-size:12px; line-height:20px; height:55px;}
/*.bar .ling .rm ul{ width:100%; height:37px; display:none;}
.bar .ling .rm ul li{ width:37px; height:37px; float:left; margin:0 5px;}*/


.paging ul {
    display: table;
    margin: 50px auto;
    text-align: center;
}
.paging ul span {
    background: none repeat scroll 0 0 rgb(147, 115, 67);
    border: 1px solid rgb(233, 233, 233);
    display: inline-block;
    float: left;
    font-size: 14px;
    margin-left: 6px;
    padding: 5px 10px;
}
.paging ul a {
    border: 1px solid rgb(233, 233, 233);
    display: inline-block;
    float: left;
    font-size: 14px;
    margin-left: 6px;
    padding: 5px 10px;
}
.paging ul a:hover {
    background: none repeat scroll 0 0 rgb(147, 115, 67);
    color: rgb(255, 255, 255);
}
	
.topad {
    display: inline-block;
    float: left;
    font-size: 30px;
    margin: 4px 30px;
}

.daili{width:169px;height:58px;position:absolute;position:fixed;left: 1%;bottom:3%;opacity: 1;display: block;z-index: 214748362;}