/*------------
/* HEADER
/*------------*/
.up-arrow {
	position: fixed;
	display: block;
	width: 40px;
	height: 40px;
	background: url('img/sprite.png') -40px -310px;
	bottom: 0;
	right: 0;
	opacity: 0;
	z-index: 9999;
	transition: opacity 0.5s ease-in-out;
}

.up-arrow.active,
.up-arrow.selected {
	opacity: 0.75;
	transition: opacity 0.5s ease-in-out;
}

.up-arrow:hover {
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
}

#header {
	background: #48BB87 bottom center repeat-x;
	height: 63px;
	text-align: center;
	position: fixed;
	width: 100%;
	z-index: 150;
}
#beijing{
    /*background: url('img/bg-light-grid.png');*/
	background-color:#ffffff;
}

.home #header {
	top: -100px;
	opacity: 0;
}

	.home #header.active {
		top: 0;
		opacity: 1;
		transition: top 1.5s ease-in-out,
					opacity 2s ease-in-out;
	}

	.nav-item {
		color: #ffffff;
		line-height: 63px;
		text-transform: uppercase;
		margin: 0 0.45%;
		padding: 0 0.45%;
		font-size: 16px;
		font-size: 0.8125rem;
		letter-spacing: 1px;
		text-decoration: none;
		position: relative;
		transition: color 0.25s ease-in-out;
		font-weight: normal;
		zoom: 1;
	}

		.nav-item:hover {
			color: #99FE00;
			text-decoration: none;
			transition: color 0.25s ease-in-out;
		}

		.nav-item:before {
			position: absolute;
			content: "";
			width: 100%;
			height: 1px;
			background: url('img/bg-nav-line.png') bottom center no-repeat;
			left: 0;
			bottom: -7px;
			filter: alpha(opacity=1);
			opacity: 0;
			transition: opacity 0.25s ease-in-out;
		}

			.nav-item:hover:before,
			.nav-item.active:before {
				opacity: 1;
				-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
				transition: opacity 0.25s ease-in-out;
			}

	.logo {
		display: inline-block;
		text-indent: -9999%;
		width: 320px;
		height: 36px;
		background: url('../images/sprite.png') 0 0 no-repeat;
		background-origin: content-box;
		margin: 0 1%;
		line-height: 28px;
	}

/*main*/
.index_news{ height:67px; background:#99fe00; width:100%;}
.at_news{ width:1000px; margin:0 auto;}
.at_news1{ width:470px; padding-top:17px;}
.at_news1 dl dt{ float:left; width:85px;}
.at_news1 dl dd{ padding-top:8px; width:340px; float:left; padding-left:20px;}
.at_news1 dl dd span{ float:right;}
.img-scroll { position:relative; width:365px; font-size:13px; color:#fff;}
.img-scroll .prev1,.img-scroll .next1 { cursor:pointer; position:absolute; display:block; right:0; top:7px; width:6px; height:5px;}
.img-scroll .prev1 { background:url(../images/index4_11.jpg) no-repeat 0 0; right:12px;}
.img-scroll .next1 { bottom:0; background:url(../images/index4_14.jpg) no-repeat 0 0;}
.img-list { position:relative;width:304px; height:18px;overflow:hidden;}
.img-list a{ color:#fff;}
.img-list a:hover{ color:#ffc900;}
.at_news2{ width:440px; float:right;}
.at_news2 dl dt{ position:relative; top:-10px; z-index:1000; float:left;}
.at_news2 dl dt span{ display:block; padding-top:3px; font-size:13px; color:#fff;}
.at_news2 dl dd{ float:left; padding:20px 0 0 15px; width:360px;}
.at_news2 dl dd a{ color:#fff; font-size:13px;}
.at_news2 dl dd a:hover{ color:#ffc900;}
.banner{  width:100%;}
.slides {height:766px; overflow:hidden; width:100%; position:relative;}
.slide-pic li { display: none;}
.slide-pic li.cur { display: block; }
.switch-tab { z-index:1000; height:10px;position:absolute; bottom:20px; left:50%; margin-left:-56px;}
.switch-tab a {height:10px; width:10px; float:left;  display: block; margin-left:20px; background:url(../images/2.png) no-repeat 0 0;}
.switch-tab a:hover { color: #c61f25; text-decoration: none; background:url(../images/1.png) no-repeat 0 0; }
.switch-tab a.current{background:url(../images/1.png) no-repeat 0 0;}
.ba1{height:766px;background:url(../images/index1_05.jpg) repeat-x 0 bottom; z-index:2;}
.ba11{ position:relative; width:1000px; height:792px; z-index:2;}
.ba111{ position:absolute; right:-220px;top:0; z-index:10;}
.ba21{ background:url(../images/ind_02.jpg) repeat-x 0 0;}
.ba31{ background:url(../images/indexf_02.jpg) repeat-x 0 0;}
.slides .switch-nav { position: absolute; top:1px; z-index: 2; width:100%;height:100%; }
.slides .switch-nav a { display:block; height:792px; text-indent:-9999px;width:36px; position:absolute; top:0;}
.slides .switch-nav a.prev{ left:10px;}
.slides .switch-nav a.next{ right:10px;}
.slides .switch-nav a.prev:hover {background:url(../images/paddle_prev_999.png) no-repeat 0 center;}
.slides .switch-nav a.next:hover { background:url(../images/paddle_next_999.png) no-repeat 0 center;}

#main{
	position:absolute;
	top:40px;
	bottom:85px;
	width: 100%;
	overflow: hidden;
}
#main_ani{
	position: absolute;
	top:0;
	z-index:10000;
	width: 100%;
	height: 100%;
}
#homepage .bottles{
	width:100%;
	height:590px;
	position: absolute;
	left: 240px;
	bottom:60px;
}
#homepage .front img{
	position: absolute;
}

#a111 { position:fixed; z-index:1000;right:0; top:40%; z-index:10000;}
#a111 ul li{width:100px;}
* html #a111 {position:absolute;}

#a111 a{ display:block; width:100px; font-size:14px !important; margin-bottom:5px; text-align:center; height:34px; line-height:34px; background:#48bb87; color:#fff; float:left;}
#a111 a:hover{ background:#fff5c0; color:black;}
#b11{background-color:#fff; position:relative; overflow:hidden;padding-top: 3%;}
#b01{ height:628px; background:url(../images/about1_0121.jpg) no-repeat center 0 #d9b324; z-index:1003;}
#b22{background-color:#fff; position:relative; overflow:hidden;padding-top: 4%;}
#b02{ height:1340px;z-index:1001; background:url(../images/cway1_02.jpg) no-repeat center 120px #fff5c0; position:relative;}
.ft{ position:absolute; bottom:0;}
#b33{background-color:#fff; position:relative; overflow:hidden;padding-top: 4%;}
#b03{ height:800px;z-index:1002; background:#fff;position:relative;}
#b44{background-color:#fff; position:relative; overflow:hidden;padding-top: 4%;}
#b04{ height:1220px;z-index:1003; background:url(../images/cway1_012.jpg) no-repeat center 120px #fff5c0;position:relative;}
#b55{background-color:#fff; position:relative; overflow:hidden;padding-top: 4%;}
#b05{ height:1215px;z-index:1003; background:url(../images/sdf1_06.png) no-repeat center 120px #fff;position:relative;}
#b66{background-color:#fff; position:relative; overflow:hidden;padding-top: 4%;}
#b06{ height:1215px;z-index:1003; background:url(../images/cway1_012.jpg) no-repeat center 120px #fff5c0;position:relative;}
#b07{ height:1215px;z-index:1003; background:url(../images/sdf1_06.png) no-repeat center 120px #fff;position:relative;}
#b08{ height:1215px;z-index:1003; background:url(../images/cway1_012.jpg) no-repeat center 120px #fff5c0;position:relative;}
#c01{ height:628px;z-index:1003; background:url(../images/product10_02.jpg) no-repeat center 0 #d9b324; z-index:1003; position:relative;}
#c02{ height:1160px;z-index:1011; background:#fff5c0; position:relative;}
#c03{height:628px;z-index:1003; background:url(../images/product11_02.jpg) no-repeat center bottom #d7c772; z-index:1003; position:relative;}
#c04{ height:1260px;z-index:1011; background:#fff; position:relative;}
#c05{ height:1160px;z-index:1011; background:#fff5c0; position:relative;}
#c06{ height:1210px;z-index:1011; background:url(../images/sdf1_06.png) no-repeat center 120px #fff; position:relative; overflow:hidden;}
#c_wen{ background:#none !important;}
#c07{ height:560px;z-index:1011; background:#fff; position:relative;}

#r1{ height:1234px;z-index:1011; background:url(../images/brand1_02.jpg) no-repeat center  #d8b120; position:relative;}
#r2{ height:834px;z-index:1011; background:#fff5c0; position:relative;}
#r3{ height:769px;z-index:1011; background:url(../images/brand1_31.png) no-repeat center 120px #fff; position:relative;}
#r4{ height:620px;z-index:1011; background:#fff5c0; position:relative;}
#r5{ height:1842px;z-index:1011; background:url(../images/brand12_02.jpg) no-repeat 0 0 #fff; position:relative;}
.seven{ padding-top:130px;}
.banner_1{ width:1000px; margin:0 auto; position:relative}
.ti_brand{ padding-top:70px; text-align:center;}
.content{ margin-top:30px; color:#876a00; line-height:2;}
.cont{ position:fixed; top:320px; left:50%; padding-left:200px;}

.img-scro { position:relative; width:786px; margin:70px auto 20px;}
.img-scro .pre,.img-scro .nex { cursor:pointer; position:absolute; display:block;top:17px; width:19px; height:38px;}
.img-scro .pre { background:url(../images/about1_22.png) no-repeat 0 0; left:0;}
.img-scro .nex { bottom:0; background:url(../images/about1_212.png) no-repeat 0 0; right:0;}
.img-li { position:relative; margin-left:52px;width:690px; height:88px;overflow:hidden;}
.img-li ul li{ width:128px; height:88px; padding-right:10px; float:left;}


.title_t{ text-align:center;border-bottom:solid 1px #ccc49a;}

.con{ margin:0 auto; padding:50px 0; width:1198px;}
.con1{ padding-top:100px; overflow:hidden; width:1000px; margin:0 auto;}
.con1 ul{ width:1140px;}
.con1 ul li{ float:left; padding:10px; background:#fff; margin-right:10px;}

.news1{ width:500px; height:370px;}

#focus {width:500px; height:370px; overflow:hidden; position:relative;}
#focus ul {height:370px; position:absolute;}
#focus ul li {float:left; width:500px; height:370px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:500px; height:30px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:490px; height:24px; text-align:right; left:0; bottom:2px; padding-left:10px;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:18px; height:18px; line-height:18px; text-align:center; font-size:14px; font-family:"Microsoft YaHei",SimHei; margin-right:10px; cursor:pointer; color:#fff;}
#focus .btn span.on {background:#000; color:#fcc;}

.news{ width:1000px; margin:0 auto; padding:80px 0;}

.ty1_1{ width:80px;}
.news2{ width:470px;}
#ee{ overflow:auto; height:356px; padding-right:4px; width:470px;}
.news2 dl{ padding-bottom:17px; border-bottom:dotted 1px #ccc; margin-bottom:17px; margin-right:15px;}
.news2 dl dt{ float:right; width:370px;}
.news2 dl dd{ float:left; padding:10px; text-align:center; background:#ccc;}
.banner_12{ position:relative;}
.content1{ position:absolute; left:40%; width:500px; text-align:left; margin-top:10px;}
.content2{ position:absolute; margin-top:10px; left:0; width:500px; top:535px; text-align:left;}
.tta{ text-align:left; padding-top:50px;}
.content2 p{ margin-bottom:5px;}
.tt1a{ position:absolute; top:1030px; left:40%;}
.content3{ position:absolute; margin-top:10px; left:40%; width:500px; top:1055px; text-align:left;}


.content_body1{ text-align:center; margin-top:100px; font-family:"微软雅黑";}
.content_body1 h1{ margin-bottom:20px; border-bottom:dotted 1px #ccc; padding-bottom:20px; text-align:center;}
.contact{ height:400px;}
.dizhi{ line-height:2; text-align:left; }

.img{ margin:0 auto; width:1000px; position:relative; left:-115px; top:5px;}

.jieshu{ min-width:1000px; margin:0 auto; position:relative; overflow:hidden;height:331px;}
.bann{ width:1000px; position:absolute; left:50%; margin-left:-960px; top:0; }

.ty_seven{ margin:20px auto; width:1000px;}
.title_sen{ width:1155px; margin:20px auto;}
.web_seven{ width:1094px; margin:0 auto;}
.ie8{ position:relative; left:150px; top:80px;}

.w_se{ width:1154px; margin:0 auto;}
.brand_xi{ margin:0px auto; text-align:center; color:#888;}


.join_con{ width:1000px; margin:24px auto 60px;}
.con_j{ width:182px; z-index:100;}
.con_j h1{ margin-bottom:15px;}
.con_j ul li{ width:182px;font-size:13px;z-index:1000; height:24px; line-height:24px; margin-bottom:10px; position:relative;}
.con_j ul li.how{ background:#c09d1c;}
.con_j ul li:hover{ background:#c09d1c;}
.con_j ul li a.jt{ display:block; width:134px; padding-left:48px; height:24px; color:#444;}
.con_j ul li a.jt:hover{ background:#c09d1c; color:#fff;}
.con_j ul li.how a.jt{color:#fff;}
.con_j ul li:hover a{ color:#fff;}
.con_j ul li dl{ position:absolute; z-index:1000; padding-bottom:3px; display:none; left:182px; top:0; width:108px; background:#c09d1c;}
.con_j ul li dl dd{ margin-top:3px;}
.con_j ul li dl a{ display:block; height:24px; padding-left:21px; width:87px; color:#fff;}
.con_j ul li dl a:hover{ background:#444;}
.con_j1{ width:776px; z-index:1; background:url(../images/ho_23.jpg) repeat-y 4px 0; position:relative; padding-left:28px;}
.con_jj{ position:absolute; left:0; top:0; padding-top:13px; height:30px; background:#fff;}
.loc_j{ margin-bottom:12px;}
.loc_j span{ padding:0 5px;}
.loc_j a{ color:#444;}
.loc_j a:hover{ color:#c09d1c;}
.con_j1 table{ width:100%;}
.con_j1 table tr th{ height:24px; line-height:24px; background:#6e6e6e; color:#fff;}
.con_j1 table tr td{ line-height:38px; text-align:center; border-bottom:solid 1px #ccc;}
.con_j1 table tr .ttu{ text-align:left; padding-left:20px;}

.classify3{ margin:30px auto 2px; height:30px;}
.classify3 ul{ padding-left:300px;}
.classify3 ul li{ float:left; padding-left:8px;}
.classify3 ul li a{ background:#fff; border:solid 1px #ccc; padding:3px 6px;}
.classify3 ul li a:hover{ border:solid 1px #bd9606; background:#b28c00; color:#fff;}
.classify3 ul li a.hover{ border:solid 1px #bd9606; background:#b28c00; color:#fff;}
.acont h1{ background:url(../images/detail_03.jpg) no-repeat 0 0; padding-top:6px; font-size:17px; color:#bd9606; padding-bottom:4px;}
.acont p{ line-height:2.4; font-size:13px;}
.acont p span{ padding:0 15px;}
.acont p b{ font-size:15px;}
.fa{ margin-top:15px;}
.fa dd{ background:#c09d1c; line-height:2; height:31px; font-size:14px; padding:0 15px; margin-top:5px; width:180px;}
.fa dd a{ color:#fff;}
.fa dd:hover{ background:#957606;}