@charset "utf-8";
/* CSS Document */
body { 
	background: #fff;
	color: #666; 
	font: 12px/24px "微软雅黑","华文细黑",Arial,sans-serif;
	padding: 0;
	margin: 0;
}
a { 
	color: #666;
}
a:hover { 
	color: #00a53a;
}
.ablock{width: 100%;height: 100%;display: block;}
/**加载图标**/
#loading {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
}
#loading img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 10px 0 0 -50px;
}
#indexWrap{
	position: relative;
	width: 100%;
	height: 715px;
	/*overflow: hidden;*/
	min-width: 960px;
}
.viewport {
	position: relative;
	height: 100%;
}
.view-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.view-bg img {
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	margin-left: -960px;
}
/*头部*/
.header{
	position: fixed;
	_position: absolute;
	width: 100%;
	height: 90px;
	min-width: 960px;
	background: url(../images/bg_head.png) repeat-x center;
	z-index: 9;
}
.header .head{
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 90px;
}
.logo{
	position: absolute;
	left: 50%;
	margin-left: -95px;
	top: 0;
	width: 190px;
	height: 135px;
	overflow: hidden;
}
.header .head .nav ul li{
	width: 120px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 14px;
	color: #fff500;
	/*font-weight: bold;*/
}
.header .head .nav ul li.fo{
	width: 240px;
}
.header .head .nav ul li a{
	color: #fff500;
}
.header .head .nav ul li a:hover { 
	color: #bfe902;
}
/*底部*/
.footer{
	border-top: 1px solid #ece6cf;
	border-bottom: 1px solid #ece6cf;
	width: 100%;
	min-width: 960px;
	padding-top: 40px;
	height: 240px;
	background: url(../images/bg10.jpg) repeat-x center;
}
.footer-main{
	margin: 0 auto;
	width: 960px;
}
.foot-nav{
	width: 900px;
	margin: 0 auto 20px;
}
.foot-nav ul li{
	width: 115px;
	height: 140px;
	padding-left: 64px;
	border-left: 1px solid #eee5c9;
}
.foot-nav ul li.first{
	border:none;
}
.foot-nav ul li a{
	display: block;
	font-size: 12px;
	color: #aa9f77;
}
.foot-nav ul li a.tit{
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 14px;
	color: #d12732;
}
.foot-nav ul li a:hover{
	color: #d12732;
}
.footer-main p{
	line-height: 30px;
	color: #b7a976;
	text-align: center;
}
.footer-main p a{
	display: inline-block;
	margin: 0 10px;
	color: #b7a976;
}
.footer-main p a:hover{
	color: #d12732;
}
/*首页*/
/***banner **/
.banner{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 3;
}
.banner ul{
	position: absolute;
	left: 0;
	top: 0;
}
.banner ul,.banner ul li{
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.banner ul li{
	position: relative;

}
.banner ul li img{
	display: none;
	position: absolute;
	left: 0;
}
.ban-num{
	position: absolute;
	width:960px;
	height: 58px;
	bottom: 30px;
	left: 50%;
	margin-left: -480px;
	z-index: 4;
	text-align: center;
}
.ban-num span{
	 display: inline-block;
	 padding: 7px;
	 width: 44px;
	 height: 44px;
	 background: url(../images/icon1.png) no-repeat;
	 background-position: 0 0;
	 margin-right:15px;  
	 overflow: hidden; 
}
.ban-num span.on{
	background-position:-68px 0px;
}
.ban-num span img{
	width: 44px;
	height: 44px;
	vertical-align: top;
}
.viewport-cont{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.viewport-cont .view-tit{
	text-align: center;
	padding-top: 180px;
}
.viewport-cont .view-tit h2{
	line-height: 100px;
	font-size: 30px;
	font-weight: normal;
	color: #00a53a;
}
.viewport-cont .view-tit span.line{
	display: block;
	margin: 0 auto 20px;
	width: 30px;
	height: 3px;
	background: #00a53a;
}
.viewport-cont .view-tit-about h2{
	color: #fff;
}
.viewport-cont .view-tit-about span.line{
	background: #fff;
}
.viewport-cont .view-tit-news h2{
	color: #333;
}
.viewport-cont .view-tit-news span.line{
	background: #333;
}
.pro-view .view-tit{
	position: relative;
	z-index: 3;
}
/*首页产品*/
.i-pro-cont .title{
	margin: 0 auto;
	width: 240px;
	height: 35px;
}
.i-pro-cont .title li{
	margin: 0 10px;
	width: 96px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	font-size: 12px;
	border: 2px solid #b2aea1;
	border-radius: 2px;
	color: #666666;
	cursor: pointer;
	transition:all 0.3s;
}
.i-pro-cont .title li:hover,.i-pro-cont .title li.on{
	color: #fff500;
	border: 2px solid #00a53a;
	background: #00a53a;

}
.honor-box{
	position:relative;
	width:840px;
	height:340px;
	margin:50px auto 0;
}
.honor-box ul{
	position:relative;
	width:840px;
	height:340px;
}
.honor-box li{
	position:absolute;
	width:0;
	height:0;
	top:0px; 
	/*padding: 25px;*/
	padding-bottom: 30px;
	left:500px;
	z-index:0;
	cursor:pointer;
	overflow:hidden; 
	text-align: center;
}
.honor-box li p{ 
	position:absolute; 
	left:0; 
	bottom:0px; 
	width:100%; 
	text-align: center;
	font-size: 18px;
	color: #00a53a;
	font-weight: bold;
	opacity:0;filter:alpha(opacity=0);
}
.honor-box li img{width:100%;height:100%;vertical-align:middle;}
.honor-box .prev, .honor-box .next{
	position:absolute;
	display: inline-block; 
	top:50%;
	width:17px;
	height:30px;
	margin-top:-15px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/prev.png) no-repeat;
}
/*.honor-box .txt{
	text-align: center;
	font-size: 18px;
	color: #00a53a;
	font-weight: bold;
}*/
.honor-box .prev{background-position: 0 0; left:-70px;}
.honor-box .next{right:-70px;background-position:-50px 0;}
.honor-box .prev:hover{background-position: 0 -34px;}
.honor-box .next:hover{background-position: -50px -34px;}

/*首页-走进博鸿*/
.i-about-con {
  text-align: center;
  padding-top: 80px;
  width: 880px;
  margin: 0 auto;
}
.i-about-con .box{
  display:block;
  position: relative;
  float: left;
  width: 180px;
  height: 270px;
  margin: 0 20px;
  cursor: pointer;
  opacity: 0;
  transform: scale(0.6);
}
.i-about-con .box.img-scale-cur{
	animation: imgscale 2s forwards;
	opacity: 1;
	transform:scale(1);
}
.i-about-con .box .imgbox{
	display: inline-block;
	margin-top: 20px;
	width: 180px;
  	height: 250px;
  	text-align: center;
}

.i-about-con .box .imgbox span.img{
   display: inline-block;
   width: 180px;
   height: 195px;
   opacity: 1;
   filter:alpha(opacity=100);
}
.i-about-con .box .imgbox span.img:hover{
	opacity: 0.8;
    filter:alpha(opacity=80);
}
.i-about-con .box .imgbox span.tit{
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}
.i-news{
	margin: 70px auto 0;
	width: 960px;
}
.i-news .left{
	width: 365px;
	margin-left: 28px;
}
.i-news .left ul li{
	margin-bottom: 25px;
	width: 365px;
	height: 70px;
	overflow: hidden;
}
.i-news .left ul li .bg{
	padding: 0 12px;
	width: 46px;
	height: 70px;
	font-family: "Arial";
	text-align: center;
	color: #727272;
	background: url(../images/bg7.png) no-repeat center;
	transition:all 0.3s;
}
.i-news .left ul li .bg .date{
	padding-top: 10px;
	text-align: center;
	font-size: 24px;
	line-height: 28px;
	color: #727272;
	border-bottom: 1px solid #acacab;
}
.i-news .left ul li .bg span{
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}
.i-news .left ul li .txt{
	width: 265px;
	height: 70px;
	overflow: hidden;
}
.i-news .left ul li .txt h2{
	font-weight: bold;
	font-size: 14px;
	color: #000;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
}
.i-news .left ul li .txt h2 a{
	color: #000;
}
.i-news .left ul li .txt p{
	line-height: 18px;
	font-size: 12px;
	color: #666;
}
.i-news .left ul li .txt p a{
	color: #666;
}
.i-news .left ul li:hover .bg{
	background: url(../images/bg8.png) no-repeat center;
}
.i-news .left ul li:hover .bg .date{
	color: #fff;
	border-bottom: 1px solid #c64f4e;
}
.i-news .left ul li:hover .bg{
	color: #fff;
}
.i-news .left ul li:hover .txt h2 a,
.i-news .left ul li:hover .txt p a{
	color: #ae0302;
}
.i-news .left a.more{
	display: block;
	width: 130px;
	height: 36px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
	font-size:14px;
	color: #333333;
	border: 2px solid #333;
	border-radius: 2px;
	transition:all 0.3s;
}
.i-news .left a.more:hover{
	color: #fff;
	border: 2px solid #ae0302;
	background: #ae0302;
}
.i-news .right{
	margin-right: 30px;
	width: 460px;
}
.i-news .right .box{
	margin-right: 40px;
	padding: 10px;
	width: 220px;
	height: 260px;
	background: #fff;
	-moz-box-shadow: 0px 0px 20px #ddd; /* 老的 Firefox */
	box-shadow: 0px 0px 20px #ddd;
}

.i-news .right .box .img{
	position: relative;
	width: 220px;
	height: 260px;
	overflow: hidden;
}
.i-news .right .box .img p{
	position: absolute;
	width: 220px;
	height: 42px;
	line-height: 42px;
	color: #fff500;
	font-size: 14px;
	font-weight: bold;
	left: 0;
	bottom: -42px;
	background: url(../images/bg1.png) repeat;
	text-align: center;
}
.i-news .right .box1{
	margin-bottom: 40px;
	padding: 10px;
	width: 160px;
	height: 100px;
	background: #fff;
	-moz-box-shadow: 0px 0px 20px #ddd; /* 老的 Firefox */
	box-shadow: 0px 0px 20px #ddd;
}
.i-news .right .box1 .img{
	position: relative;
	width: 160px;
	height: 100px;
	overflow: hidden;
}
.i-news .right .box1 .img p{
	position: absolute;
	width: 160px;
	height: 26px;
	line-height: 26px;
	color: #fff500;
	font-size: 12px;
	font-weight: bold;
	left: 0;
	bottom: -26px;
	background: url(../images/bg1.png) repeat;
	text-align: center;
}
.i-cultre{
	margin: 50px auto 0;
	width: 960px;
}
.i-cultre ul li{
	margin-left: 60px;
	width: 280px;
	height: 350px;
	background: #fff;
	-moz-box-shadow: 0px 0px 20px #999; /* 老的 Firefox */
	box-shadow: 0px 0px 20px #999;
}
.i-cultre ul li.first{
	margin: 0;
}
.i-cultre ul li .img{
	position: relative;
	margin-bottom: 10px;
	width: 280px;
	height: 180px;
	overflow: hidden;
}
.i-cultre ul li .img img{
	 position: absolute;
	 transform:scaleX(1) scaleY(1);
	 -webkit-transform:scaleX(1) scaleY(1);
	 transition:all 1.2s;
	 -webkit-transition:all 1.2s;
}
.i-cultre ul li:hover .img img {
	transform: scaleX(1.05) scaleY(1.05);
	-webkit-transform: scaleX(1.05) scaleY(1.05);
}
.i-cultre ul li .txt{
	padding: 0 30px;
}
.i-cultre ul li .txt h2{
	font-size: 18px;
	line-height: 40px;
	color: #d12732;
	font-weight: normal;
}
.i-cultre ul li .txt p{
	line-height: 20px;
}
.i-cultre ul li .txt span.line{
	margin-top: 30px;
	display: block;
	width: 20px;
	height: 1px;
	background: #ccc;

}

/*内页*/
/*走进博鸿*/
.about-fi{
	position: relative;
	width: 100%;
	height: 728px;
	background: url(../images/bg11.jpg) no-repeat center;
}
.abimg{
	position: absolute;
	left: 0;
	top: -153px;
	width: 160px;
	height:293px;
	background: url(../images/img16.png) no-repeat center;
}
.about-con{
	margin: 0 auto;
	padding-top: 180px;
	width: 960px;
	height:500px; 
}
.about-con h2{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	line-height: 70px;
	color: #00a53a;
}
.about-con span.line{
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 3px;
	background: #00a53a;
}
.about-con .con{
	margin: 50px auto 0;
	width: 930px;
}
.about-scroll{
	position: relative;
	width: 600px;
	height: 350px;
	overflow: hidden;
	text-align:justify;
	line-height: 24px;
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
}
.scroll-obj{
	position: relative;
}
.about-scroll .scroll-bar{
	position: absolute;
	right: 0;
	top:0px;
	height: 350px;
	width: 9px;
	background: url(../images/line1.jpg) repeat-y center;
}
.scroll-btn{
	position: absolute;
	width: 9px;
	height: 50px;
	background: url(../images/btn.png) no-repeat center;
	right: 0px;
	top: 0;
}
.about-con .img-box{
	width: 295px;
}
.about-sec{
	position: relative;
	width: 100%;
	height: 598px;
	min-width: 960px;
	background: url(../images/bg12.jpg) no-repeat center;
}
.abimg1{
	position: absolute;
	right: 0;
	top: -120px;
	width: 300px;
	height: 220px;
	background: url(../images/img4.png) no-repeat center;
}
.dev-con{
	margin: 0 auto;
	padding-top: 40px;
	width: 960px;
	height:550px; 
}
.dev-con h2{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	line-height: 90px;
	color: #fff;
}
.dev-con span.line{
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 3px;
	background: #fff;
}
.about-sec .con{
	position: relative;
	margin: 55px auto 0;
	width: 960px;
	height: 357px;
	background: url(../images/line2.jpg) no-repeat center;
}
.about-sec .con .hd .prev,
.about-sec .con .hd .next{
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 18px;
	height: 29px;
	background: url(../images/prev1.png) no-repeat;
}
.about-sec .con .hd .prev{
	left: 0;
	background-position: 0 0;
}
.about-sec .con .hd .prev:hover{
	background-position: 0 -31px;
}
.about-sec .con .hd .next{
	right: 0;
	background-position: -34px 0;
}
.about-sec .con .hd .next:hover{
	background-position: -34px -31px;
}
.about-sec .con .bd{
	position: relative;
	margin: 0 auto;
	width: 870px;
	height: 357px;
	overflow: hidden;

}
.about-sec .con ul li{
	position: relative;
	margin-left: -52px;
	width: 215px;
	height: 190px;

}
.about-sec .con ul li.first{
	margin-left: 0;
}
.about-sec .con ul li.even .box{
	padding: 15px 15px 26px 15px;	
	width: 185px;
	height: 103px;
	background: url(../images/bg13.png) no-repeat center;
	cursor: pointer;
	transition:all 0.3s;
}
.about-sec .con ul li.odd{
	margin-top: 167px;
}
.about-sec .con ul li.odd .box{
	position: absolute;
	left: 0;
	bottom: 0;
	padding:26px 15px 15px  15px;	
	width: 185px;
	height: 103px;
	background: url(../images/bg15.png) no-repeat center;
	cursor: pointer;
	transition:all 0.3s;
}
.about-sec .con ul li .box h3{
	margin-bottom: 15px;
	height: 36px;
	line-height: 36px;
	font-size: 20px;
	color: #1aae3f;
	font-family: "Arial";
	border-bottom: 1px solid #aed47d;
}
.about-sec .con ul li .box h3 span{
	font-weight: normal;
	font-size: 12px;
	color: #999999;
}
.about-sec .con ul li .box p{
	line-height: 18px;
}
.about-sec .con ul li .icon{
	position: absolute;
	width: 23px;
	height: 23px;
	background: url(../images/icon3.png) no-repeat center;
}
.about-sec .con ul li.even .icon{
	left: 50%;
	margin-left: -12px;
	bottom: 0;
}
.about-sec .con ul li.odd .icon{
	left: 50%;
	margin-left: -12px;
	top: 0;
}
.about-sec .con ul li .box-img{
	position: relative;
}
.about-sec .con ul li .box-img .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 185px;
	height: 103px;
	overflow: hidden;
	opacity: 0;
	filter:alpha(opacity=0);
}
.about-sec .con ul li .box-img .add{
	position: absolute;
	left: 0;
	top: 0;
	width: 185px;
	height: 103px;
	text-align: center;
	background: url(../images/bg17.png) repeat;
	opacity: 0;
	filter:alpha(opacity=0);
}
.about-sec .con ul li .box-img .add img{
	margin-top: 40px;
}
.about-sec .con ul li.even .box:hover{
	background: url(../images/bg14.png) no-repeat center;
}
.about-sec .con ul li.odd .box:hover{
	background: url(../images/bg16.png) no-repeat center;
}

/*弹出框*/
.body-shadow{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg17.png) repeat;

	z-index: 11;
	_position: absolute;
	_top:expression(offsetParent.scrollTop);
}
.dev-pop{
	display: none;
	position: fixed;
	/*height:450px;*/
	height: auto;
	width: 500px;
	padding: 20px;
	left:50%;
	top:50%;
	margin:-245px 0 0 -270px;
	background:#fff;
	_position: absolute;
	_top: 190px;
	_margin-top: 0;
	z-index: 999999;
}

.dev-pop a.close{
	position: absolute;
	top: 15px;
	right: -52px;
	display:block;
	margin:0;
	width:32px;
	height:32px;
	text-align: center;
	background: url(../images/close.png) no-repeat;
}
.dev-pop a.close:hover{
	background-position: -49px 0;
}
.dev-pop .img{
	margin-bottom: 10px;
	width: 500px;
	/*height: 350px;*/
	background: #efefef;
	text-align: center;
}
.dev-pop .img img{
	vertical-align: top;
	/*height: 100%;*/
	max-width: 500px;
}
.dev-pop p{
	font-size: 14px;
	color: #666;
}
.dev-pop p span{
	color: #1aae3f;
	font-size: 24px;
	font-weight: bold;
	margin-right: 5px;
	line-height: 40px;
}
.about-th{
	position: relative;
	width: 100%;
	height: 615px;
	background: url(../images/bg18.jpg) no-repeat center;
}
.mien-con{
	margin: 0 auto;
	padding-top: 55px;
	width: 960px;
	height:500px; 
}
.mien-con h2{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	line-height: 70px;
	color: #333333;
}
.mien-con span.line{
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 3px;
	background: #333333;
}
.mien-con .con{
	margin: 50px auto 0;
	width: 960px;
}
.mien-scroll{
	position: relative;
	width:475px;
	height: 306px;
	overflow: hidden;
	text-align:justify;
	line-height: 24px;
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
}
.mien-scroll p{
	text-indent: 2em;
}
.mien-scroll .scroll-bar{
	position: absolute;
	right: 0;
	top:0px;
	height: 305px;
	width: 9px;
	background: url(../images/line1.jpg) repeat-y center;
}

.mien-con .img-box{
	width: 470px;
}
.about-fo{
	position: relative;
	width: 100%;
	height: 598px;
	background: url(../images/bg12.jpg) no-repeat center;
}
.abimg2{
	position: absolute;
	left: 0;
	top: -105px;
	width: 210px;
	height: 210px;
	background: url(../images/img21.png) no-repeat center;
}
.abimg3{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 210px;
	height: 210px;
	background: url(../images/img21.png) no-repeat center;
}
.honor-con{
	margin: 0 auto;
	padding-top: 50px;
	width: 960px;
	height:500px; 
}
.honor-con h2{
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	line-height: 70px;
	color: #fff;
}
.honor-con span.line{
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 3px;
	background: #fff;
}
.honor-box2{
	position:relative;
	width:776px;
	height:300px;
	margin:80px auto 0;
}
.honor-box2 ul{
	position:relative;
	width:776px;
	height:300px;
}
.honor-box2 li{
	position:absolute;
	width:0;
	height:0;
	top:0px; 
	left:215px;
	padding-bottom: 40px;
	z-index:0;
	cursor:pointer;
	overflow:hidden; 
	text-align: center;
}
.honor-box2 li p{ 
	position:absolute; 
	left:0; 
	bottom:0px; 
	width:100%; 
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	opacity:0;filter:alpha(opacity=0);
}
.honor-box2 li img{width:100%;height:100%;vertical-align:middle;}
.honor-box2 .prev1, .honor-box2 .next1{
	position:absolute;
	display: inline-block; 
	top:50%;
	width:53px;
	height:53px;
	margin-top:-27px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/prev2.png) no-repeat;
}
/*.honor-box2 .txt{
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
}*/
.honor-box2 .prev1{background-position: 0 0; left:-75px;}
.honor-box2 .next1{right:-75px;background-position:-64px 0;}
.honor-box2 .prev1:hover{background-position: 0 -59px;}
.honor-box2 .next1:hover{background-position: -64px -59px;}

/*产品*/
.bg-pro{
	width: 100%;
	background: url(../images/bg21.jpg) repeat center;
}
.pro-titie{
	margin: 0 auto;
	width: 960px;
	height: 180px;
	background: url(../images/bg22.jpg) no-repeat center;
}
.products{
	position: relative;
	width: 100%;
	
}
.proimg1{
	position: absolute;
	left: 0;
	top: 350px;
	/*width: 160px;*/
	width: 219px;
	/*height: 293px;*/
	height: 169px;
	/*background: url(../images/img16.png) no-repeat center;*/
	background: url(../images/img016.png) no-repeat center;
}
.proimg2{
	position: absolute;
	right: 0;
	top: 790px;
	width: 300px;
	height: 220px;
	background: url(../images/img4.png) no-repeat center;
}
.proimg3{
	position: absolute;
	right: 0;
	top: 690px;
	width: 300px;
	height: 220px;
	background: url(../images/img4.png) no-repeat center;
}
.pro-cont{
	margin: 0 auto;
	width: 1000px;
}
.pro-cont h2{
	font-size: 24px;
	color: #00a53a;
	font-weight: normal;
	line-height: 70px;
	text-align: center;
}
.pro-cont span.line{
	margin: 0 auto;
	display: block;
	width: 30px;
	height: 3px;
	background: #00a53a;
}
.pro-cont .title{
	margin: 50px auto 0;
	/*width: 360px;*/
	width: 1000px;
	text-align: center;
	height: 35px;
}
.pro-cont .title a{
	display: inline-block;
	margin: 0 10px;
	width: 96px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	font-size: 12px;
	border: 2px solid #b2aea1;
	border-radius: 2px;
	color: #666666;
	cursor: pointer;
	transition:all 0.3s;
}

.pro-cont .title a:hover,.pro-cont .title a.on{
	color: #fff500;
	border: 2px solid #00a53a;
	background: #00a53a;
}

.pro-ban{
	width: 100%;
	height: 370px;
	overflow: hidden;
}
.pro-cont .con{
	margin: 0 auto;
	width: 960px;

}
.pro-cont .con .box-list{
	padding-top: 40px;
	width: 960px;
	height: 295px;
	overflow: hidden;
	border-bottom: 1px dotted #cfc49b;
}
.pro-cont .con .box-list1{
	border: none;
}
.pro-cont .con .box-list .box{
	position: relative;
	margin-bottom: 20px;
	width: 198px;
	height: 198px;
	overflow: hidden;
}
.pro-cont .con .box-list ul{
	margin-left: 45px;
}
.pro-cont .con .box-list li{
	margin-right: 25px;
	width: 198px;
	height: 250px;
	cursor:pointer;
}
.pro-cont .con .box-list .box .bg-img{
	position: absolute;
	left:0px;
	top:0px;
	width: 198px;
	height: 0;
	background: url(../images/bg-img1.png) no-repeat center top;
}
.pro-cont .con .box-list li p{
	font-size: 18px;
	color: #00a53a;
	font-weight: bold;
	text-align: center;
}
.pro-cont .con .box-list li p a{
	color: #00a53a;
}
.mbx{
	margin: 0 auto;
	width: 860px;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	border-bottom: 1px solid #d9d3be;
}
.mbx span{
	color: #00a53a;
}
.mbx a.back{
	margin-top: 12px;
	width: 80px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #00a53a;
	border-radius: 5px;
	color: #fff500;
	font-size: 12px;
	opacity: 1;
	filter:alpha(opacity=100);

}
.mbx a.back:hover{
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.picScroll-left{ 
	width:960px;  
	overflow:hidden; 
	position:relative;  
	/*margin-top: 30px;*/
	padding-bottom: 130px;
}
.picScroll-left .prev, .picScroll-left .next{
	position:absolute;
	display: inline-block; 
	top:110px;
	width:17px;
	height:30px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/prev.png) no-repeat;
}
.picScroll-left .prev{background-position: 0 0; left:10px;}
.picScroll-left .next{right:10px;background-position:-50px 0;}
.picScroll-left .prev:hover{background-position: 0 -34px;}
.picScroll-left .next:hover{background-position: -50px -34px;}

.picScroll-left .bd{ 
	margin: 0 auto;
	width: 860px;
	/*height: 290px;*/
	overflow: hidden;
}
.picScroll-left .bd ul{width: 960px; overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{
	margin-top: 30px; 
	margin-right: 20px; 
	width: 200px;
	height: 260px;
	float:left; _display:inline;
	overflow:hidden; 
	text-align:center;  
}

.picScroll-left .bd ul li .pic{ 
	position: relative;
	margin-bottom: 20px;
	padding: 20px;
	width: 160px;
	height: 160px;
	background: url(../images/bg23.png) no-repeat center;
	transition:all 0.3s;
	overflow: hidden;
}
.picScroll-left .bd ul li .pic img{ 
	width:160px; 
	height:160px; 
}
.picScroll-left .bd ul li .p-name{ 
	font-size: 18px;
	font-weight: bold;
	color: #00a53a;
	line-height:24px;
}
.picScroll-left .bd ul li .p-name a{
	color: #00a53a;
}
.picScroll-left .bd ul li:hover .pic{
	background: url(../images/bg27.png) no-repeat center;
}
.proinfo{
	margin: 0 auto;
	width: 860px;
	padding-top: 35px;
}
.proinfo-fi{
	margin-top: 40px;
}
.proinfo-fi .img {
	padding: 10px;
  	width: 308px;
  	height: 308px;
  	float: left;
  	background: #fff;
  	-moz-box-shadow: 0px 0px 10px #ddd; /* 老的 Firefox */
	box-shadow: 0px 0px 10px #ddd;
  	position: relative;
  	z-index: 1;
}
.proinfo-fi .img .bimg {
  	width: 308px;
  	height: 308px;
 	margin: 0 auto;
  	overflow: hidden;
  	position: relative;
}
.proinfo-fi .img .bimg li {
  	width: 308px;
  	height: 308px;
  	position: relative;
}
.proinfo-fi .img .bimg .zoom_icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  background: url(../images/img24.jpg) no-repeat;
}
.proinfo-fi .img .bimg .prev, 
.proinfo-fi .img .bimg .next{
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  background: url(../images/prev3.png) no-repeat;
  cursor: pointer;
  z-index: 9;
  transition:all 0.3s;
}
.proinfo-fi .img .bimg .prev{
	left: 0;
	background-position: 0 0;
}
.proinfo-fi .img .bimg .next{
	left: 31px;
	background-position: -31px 0;
}
.proinfo-fi .img .bimg .prev:hover{
	background-position: 0 -30px;
}
.proinfo-fi .img .bimg .next:hover{
	background-position: -31px -30px;
}
.jqbox{
	position: absolute;
	left: 333px;
	top: 0;
}
.zoomdiv{
	z-index:1;
	position:absolute;
	top:20px;
	left:0px;
	width:328px;
	height:328px;
	background:#fff;
	border:1px solid #eee;
	display:none;
	text-align: center;
	overflow: hidden;
}
.jqZoomPup {
	z-index:1;
	visibility: hidden;
	position: absolute;
	top:0px;
	left:0px;
	width: 50px;
	height: 50px;
	border: 1px solid #aaa;
	background: #ffffff ;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}
.proinfo-fi .txt{
	float: right;
	width: 490px;
}
.proinfo-fi .txt h3{
	font-size: 18px;
	color: #00a53a;
	line-height: 36px;
}
.proinfo-fi .txt p{
	font-size: 14px;
}
.proinfo-fi .txt .buy{
	margin-top: 45px;
	width: 490px;
	border-top: 1px solid #e1dbc4;
	padding-top: 25px;
}
.proinfo-fi .txt .buy a{
	display: block;
	float: left;
	width: 65px;
	height: 38px;
	line-height: 38px;
	padding-left: 55px;
	color: #fff;
	opacity: 1;
	filter:alpha(opacity=100);
}
.proinfo-fi .txt .buy a.tianmao{
	background: url(../images/bg25.png) no-repeat center; 

}
.proinfo-fi .txt .buy a.taobao{
	margin-left: 15px;
	background: url(../images/bg26.png) no-repeat center; 
}
.proinfo-fi .txt .buy a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}
.proinfo-sec{
	margin-top: 30px;
	height: 43px;
	border-bottom: 2px solid #00a53a;
}
.proinfo-sec a{
	display: block;
	width: 150px;
	height: 43px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: url(../images/bg29.png) no-repeat center;
}
.proinfo-th{
	margin-top: 20px;
	min-height: 200px;
}
/*新闻中心*/
.bg-news{
	position: relative;
	width: 100%;
	background: url(../images/bg31.jpg) repeat;
}
.news-titie{
	margin: 0 auto;
	width: 960px;
	height: 280px;
	background: url(../images/bg30.jpg) no-repeat center;
}
.news-titie h2{
	padding-top: 180px;
	font-size: 24px;
	color: #00a53a;
	font-weight: normal;
	line-height: 90px;
	text-align: center;
}
.news-titie span.line{
	margin: 0 auto;
	display: block;
	width: 30px;
	height: 3px;
	background: #00a53a;
}
.news{
	margin: 0 auto;
	width: 960px;
}
.news-cont .title{
	margin: 50px auto 0;
	width: 240px;
	height: 35px;
}
.news-cont .title li{
	margin: 0 10px;
	width: 96px;
	height: 31px;
	line-height: 31px;
	text-align: center;
	font-size: 12px;
	border: 2px solid #b2aea1;
	border-radius: 2px;
	color: #666666;
	cursor: pointer;
	transition:all 0.3s;
}
.news-cont .title li a{
	display: block;
	color: #666666;
}
.news-cont .title li:hover,.news-cont .title li.on{
	color: #fff500;
	border: 2px solid #00a53a;
	background: #00a53a;
}
.news-cont .title li:hover a,.news-cont .title li.on a{
	color: #fff500;
}
.news-list{
	margin-top: 55px;
	padding-bottom: 60px;
}
.news-list ul li{
	position: relative;
	margin-bottom: 30px;
	width: 960px;
	height: 188px;
	background: #fff;
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: 0px 2px 3px #ddd; /* 老的 Firefox */
	box-shadow: 0px 2px 3px #ddd;
	transition:all 0.3s;

}
.news-list ul li .txt{
	position: relative;
	margin: 24px 0 24px 30px;
	width: 630px;
	height: 140px;
	background: url(../images/add.png) no-repeat left bottom;

}
.news-list ul li .txt h2{
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: normal;
	color: #444;
}
.news-list ul li .txt h2 a{
	color: #444;

}
.news-list ul li .txt h2 a:hover{
	color: #00a53a;
}
.news-list ul li .txt p{
	line-height: 22px;
}
.news-list ul li .txt .date{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 65px;
	padding-left: 25px;
	height: 16px;
	line-height: 16px;
	color: #f37321;
	font-family: "Arial";
	background: url(../images/icon5.jpg) no-repeat left center;
}
.news-list ul li:hover{
	border: 1px solid #f48239;
	-moz-box-shadow: 0px 2px 3px #f0e1d7; /* 老的 Firefox */
	box-shadow: 0px 2px 3px #f0e1d7;
}
.news-list ul li .txt .img{
	width: 278px;
	height: 188px;
	overflow: hidden;
}
/*新闻详情*/
.news-info{
	margin-top:30px;
}
.clubs .top{
	height: 70px;
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 30px;
	margin-bottom: 30px;
}
.clubs .top .p1{
	text-align: center;
	font-size: 18px;
	color: #666;
}
.clubs .top .p2{
	text-align: center;
	font-size: 16px;
	color: #666;
	font-family: arial
}
.clubs p{
	text-align:justify;
	text-justify:distribute;
}
.clubs img{
	max-width: 960px;
}
.new_next{
	position: relative;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	height: 80px;
}
.new_next p.p_back{
	position: absolute;
	right: 0;
	top: 20px;
	width: 96px;
  	height: 31px;
  	line-height: 31px;
  	text-align: center;
  	font-size: 12px;
  	border: 1px solid #b2aea1;
  	border-radius: 5px;
  	color: #666666;
  	cursor: pointer;
  	transition: all 0.3s;
}
.new_next p.p_back a{
	display: block;
	color: #666;
}
.new_next p.p_back:hover{
  color: #fff500;
  border: 1px solid #00a53a;
  background: #00a53a;
}
.new_next p.p_back:hover a{
	color: #fff500;
}
/*博鸿文化*/
.cul-fi{
	position: relative;
	width: 100%;
	height: 730px;
	background: url(../images/bg31.jpg) repeat;
	
}
.cul-fi .cul-titie{
	margin: 0 auto;
	width: 960px;
	height: 280px;
	background: url(../images/bg32.jpg) no-repeat center;
}
.cul-fi .cul-titie h2{
	padding-top: 180px;
	font-size: 24px;
	color: #00a53a;
	font-weight: normal;
	line-height: 90px;
	text-align: center;
}
.cul-fi .cul-titie span.line{
	margin: 0 auto;
	display: block;
	width: 30px;
	height: 3px;
	background: #00a53a;
}
.cul-fi-con{
	position: relative;
	margin: 70px auto 0;
	width: 620px;
	height: 320px;
}
.bg-txt{
	width: 497px;
	height: 258px;
}
.cul-fi-con .bgbox{
	padding: 0 20px;
	height: 0;
	border-right: 1px solid #e5e5e5;	
}

.cul-fi-con .bg1{width: 25px;background: url(../images/t9.png) no-repeat center top;}
.cul-fi-con .bg2{width: 25px;background: url(../images/t8.png) no-repeat center top;}
.cul-fi-con .bg3{width: 25px;background: url(../images/t7.png) no-repeat center top;}
.cul-fi-con .bg4{margin-right: 10px; margin-left: 20px; width: 25px;height: 0; background: url(../images/t6.png) no-repeat center top;}
.cul-fi-con .bg5{width: 25px;padding-right: 20px;height:  0; border-right: 1px solid #e5e5e5;background: url(../images/t5.png) no-repeat left top;}
.cul-fi-con .bg6{width: 25px;background: url(../images/t4.png) no-repeat center top;}
.cul-fi-con .bg7{width: 25px;background: url(../images/t3.png) no-repeat center top;}
.cul-fi-con .bg8{width: 25px;background: url(../images/t2.png) no-repeat center top;}
.cul-fi-con .bg9{
	position: absolute;
	top: 0;
	right: -500px;
  	width: 50px;
  	height: 180px; 
  	background: url(../images/t1.png) no-repeat center top;
  	opacity: 0;
}
.cul-fi-con .bg10{
	position: absolute;
	right: 0;
	top: 195px;
	width: 100px;
	height: 120px;
	background: url(../images/img26.png) no-repeat center;
}

.cul-sec{
	position: relative;
	width: 100%;
	height: 598px;
	background: url(../images/bg33.jpg) no-repeat center;
	
}
.cul-sec-con{
	margin: 0 auto;
	width: 960px;
}
.cul-sec-con h2{
	padding-top: 40px;
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	line-height: 90px;
	text-align: center;
}
.cul-sec-con span.line{
	margin: 0 auto;
	display: block;
	width: 30px;
	height: 3px;
	background: #fff;
}
.cul-sec-con .con{
	margin-top: 40px;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}
.cul-sec-con .txt1{
	margin-left: 125px;
	width: 430px;
	margin-top: 160px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.cul-sec-con .txt2{
	width: 395px;
	margin-top: 160px;
  	opacity: 0;
  	filter: alpha(opacity=0);
}
.cul-th{
	position: relative;
	width: 100%;
	height: 615px;
	background: url(../images/bg31.jpg) repeat;
}
.cul-th .cul-titie{
	margin: 0 auto;
	width: 960px;
	height: 200px;
	background: url(../images/bg34.jpg) no-repeat center top;
}
.cul-th .cul-titie h2{
	padding-top: 50px;
	font-size: 24px;
	color: #000;
	font-weight: normal;
	line-height: 90px;
	text-align: center;
}
.cul-th .cul-titie span.line{
	margin: 0 auto;
	display: block;
	width: 30px;
	height: 3px;
	background: #000;
}
.cul-th .con{
	margin: 0 auto;
	width: 960px;
}
.cul-scroll{
	position: relative;
	width:475px;
	height: 290px;
	font-size: 14px;
	overflow: hidden;
	text-align:justify;
	line-height: 22px;
	-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;
}
.cul-scroll p{
	text-indent: 2em;
}
.cul-scroll .scroll-bar{
	position: absolute;
	right: 0;
	top:0px;
	height: 290px;
	width: 9px;
	background: url(../images/line1.jpg) repeat-y center;
}
.cul-th .con .img-box{
	width: 470px;
}
/*网络商城*/
.mall-bg{
	position: relative;
	width: 100%;
	height: 673px;
	background: url(../images/bg21.jpg) repeat;
}
.mall-fi{
	width: 100%;
	height: 205px;
	background: url(../images/bg35.jpg) no-repeat center;
}
.mall-sec{
	margin: 0 auto;
	width: 860px;
}
.bigimg{
	padding: 7px;
	width: 648px;
	height: 365px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 5px #ddd; /* 老的 Firefox */
	box-shadow: 0px 0px 5px #ddd;
}
.mall-sec .hd{
	position: absolute;
	width: 175px;

}
/* 商城焦点图效果 */
.picBtnTop{
	width: 860px;
	height:390px; 
	position:relative;  
	overflow:hidden;  
	zoom:1;   
}
.picBtnTop .hd{ 
	width:175px;  
	height:390px; 
	position:absolute; 
	right:21px;
	top: 20px;
	z-index: 2;
}
.picBtnTop .hd ul li{ 
	position: relative;
	padding-left: 15px; 
	width:160px;
	height: 50px;
	font-size: 14px;
	color: #564903;
	background: url(../images/bg36.png) no-repeat; 
	background-position: 0 -50px;
	line-height: 42px;
	cursor: pointer;
}
.picBtnTop .hd ul li span{
	margin-right: 15px;
}

.picBtnTop .hd ul li .icon{
	display: none;
	position: absolute;
	left: -1px;
	top: 14px;
	width: 10px;
	height: 17px;
	background: url(../images/icon6.png) no-repeat center;
}
.picBtnTop .bd{ 
	position:relative;
	padding: 7px;
	width: 648px;
	height: 365px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 5px #ddd; /* 老的 Firefox */
	box-shadow: 0px 0px 5px #ddd; 
	z-index: 1;
}
.picBtnTop .bd li{
	position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;}
.picBtnTop .bd li .pic img{ 
	width: 648px;
	height: 365px; 
	vertical-align:bottom; 
}

.picBtnTop .hd ul li.on{
	background-position: 0 0;
	color: #fff;
}
.picBtnTop .hd ul li.on .icon{
	display: block;
}
/*联系我们*/
.map {
  position: relative;
  height: 840px;
  width: 100%;
  min-width: 960px;
}
#dituContent {
  height: 840px;
  width: 100%;
  min-width: 960px;
}
.map .address{
	position: absolute;
	width: 438px;
	/*height: 485px;*/
	padding-bottom: 30px;
	left: 50%;
	top: 215px;
	background: url(../images/bg37.png) repeat;
}
.map .address h2{
	margin-bottom: 22px;
	height: 68px;
	line-height: 68px;
	border-bottom: 1px dashed #adaba3;
	font-size: 18px;
	color: #231815;
	font-weight: normal;
	padding: 0 30px;
}
.map .address .con{
	padding: 0 29px;
}
.map .address .con img{
	vertical-align: top;

}
.map .address .con h3{
	margin-top: 5px;
	line-height: 50px;
	font-size: 18px;
	color: #00a53a;
}
.map .address .con p{
	font-size: 14px;
	line-height: 30px;
}

.fixed-view-ico {
  position: fixed;
  _position: absolute;
  left: auto;
  right: 25px;
  top: 50%;
  z-index: 999;
  width: 15px;
  height: 100px;
  margin-top: -50px;
}
.fixed-view-ico a {
  display: block;
  width: 15px;
  height: 15px;
  margin-bottom: 5px;
  background: url(../images/icon8.png) no-repeat;
  background-position: 0 -17px;
}
.fixed-view-ico a:hover, .fixed-view-ico .cur {
  background-position: 0 0;
}