﻿/* header */
.headerTop{
    width:100%;
    height:50px;
    border-bottom: 1px solid #cccccc;
}
.header_subscript_show{
	opacity: 1 !important;
	transition: all 0.5s ease 0s;
}
.header_subscript_hide{
	opacity: 0;
	transition: all 0.5s ease 0s;
}
.clock{
	float: left;
	font-size:14px;
	line-height: 50px;
}
.cloud{
	float: left;
	margin-left:15px;
	margin-top:6px;
}
.sousuo{
	float:right;
	margin-top:7px;
}

.headerTop .headerLeft{
    float: left;
}

.nav {
    width: 100%;
    height: 148px;
    line-height: 148px;
    background: #fdfdfd url(../images/nav_bg.png) no-repeat center;
    border-bottom: 4px solid #e7d3bb;
}

.navR>ul{
	width:1200px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.navR>ul>li {
    position: relative;
    float: left;
    margin:0 50px;
} 
.navR>ul>li b{
	color:#eab684;
}
.navR ul li a{
    font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #2b2b2b;
}
.navR ul li a:hover{color:#eab684;}
.navR ul li a b {
    position: absolute;
    bottom: -20px;
    display: inline-block;
   	font-size:12px;
   	transform: translate(-50%);
   	left: 50%;
}



/* banner */
.banner { position: relative; overflow: auto; text-align: center;}
.banner li { list-style: none; }
.banner ul li { float: left; position: relative; height:883px;}
#b04 { width: 100% !important; height:833px; overflow: hidden;}
#b04 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}
#b04 .dots li 

{ 
	display: inline-block; 
	width: 10px; 
	height: 10px; 
	margin: 0 4px; 
	text-indent: -999em; 
	border: 2px solid #fff; 
	border-radius: 6px; 
	cursor: pointer; 
	opacity: .4; 
	-webkit-transition: background .5s, opacity .5s; 
	-moz-transition: background .5s, opacity .5s; 
	transition: background .5s, opacity .5s;
	
}
#b04 ul li img{
	width:auto;
	height:100%;
	display: inline-block;
  /* 以下为图片能居中的主要代码，需父级user-img相对定位 position:relative; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#b04 .dots li.active 
{
	background: #fff;
	opacity: 1;
}
#b04 .arrow { position: absolute; top: 296px;}
#b04 #al { left: 15px;}
#b04 #ar { right: 15px;}
/* 动态 */								
.dongtai{
	height:100px;
	background:url(../images/dogntai.png) no-repeat;
	border:1px solid #dcdcdc;
	margin:19px auto;
}
.dongtai h2{
	text-align: center;
	margin:0 auto;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-top:15px;
	width:1030px;	
}
.dongtai p{
	margin-top:8px;
	text-align: center;	
}
.dongtai p .con{
	display: inline-block;
	width:1030px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	color:#888888;	
}

/* 一屏  */
.con1{
	height:372px;
	margin-bottom:26px;
}
/*图片滚动*/
.turn 
{ 
float: left; 
overflow: hidden; 
position: relative; 
} 
.turn #adpica 
{ 
width: 600px; 
height: 372px; 
overflow: hidden; 
} 
.turn #adpica img 
{ 
width: 100%; 
height: auto; 
float: left; 
overflow: hidden; 
} 
.turn #adtipa 
{ 
height: 17px; 
position: absolute; 
right: 5px; 
bottom: 8px; 
} 
.turn #adtipa ul li 
{ 
width: 25px; 
height: 19px; 
line-height: 19px; 
float: left; 
text-align: center; 
display: inline; 
margin: 0 1px; 
cursor: pointer; 
color: #fff; 
background: #8b898a; 
} 
.turn #adtipa ul li.current 
{ 
color: #fff; 
background: #f67d12; 
} 
.turn .hidden 
{ 
display: none; 
} 
.turn .show 
{ 
display: block !important; 
} 
#adpica span 
{ 
position: absolute; 
bottom: 0; 
left: 0; 
color: #fff; 
font-size: 14px; 
height: 30px; 
width: 512px; 
filter: alpha(opacity=70); 
opacity: 0.7; 
background: #000; 
text-indent: -9999em; 
} 
#adpica p 
{ 
position: absolute; 
bottom: 0; 
left: 0; 
color: #fff; 
font-size: 14px; 
height: 24px; 
width: 480px; 
padding-left: 5px; 
font-weight: bold; 
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
} 
/* 新闻资讯 */
.new{
	width:592px;
	height:370px;
	background: #fafafa;
	border-top:2px solid #1d9b30;
	position: relative;
}
.new1{	
	float:right;	
}
.new .tit{
	width:128px;
	height:42px;
	position: absolute;
	top:-9px;
	text-align: center;
	line-height: 42px;
	color:#FFFFFF;
	background:url(../images/titbg.png) no-repeat;
}
.new .bbox li span{
	display: inline-block;
	float:right;	
}
.new .more{
	padding-top:4px;
	padding-right:10px;
	float:right;	
}
.new .bbox{
	margin-top:45px;
}
.new .bbox li{
	width:570px;
	margin-left:8px;
	line-height: 40px;
}
.new .bbox li a{
	display: inline-block;	
	width:470px;
	float:left;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.new ul li b{	
	display: inline-block;
	margin-right:8px;
	color:#f67d12;
}

/* 宣传图片 */
.xcpic img{
	width:100%;
}
/*  二屏   */
.con2{
	margin-top:35px;
}
.new2{	
	float:left;
}
.new3{
	float:right;
}
.new3 .left{
	float:left;
	width:230px;
	height:147px;
	margin-top:50px;
	margin-left:17px;
}
.new3 .left img{
	width:100%;
}
.new3 .right{
	float:right;
	width:314px;
	margin-top:40px;
	margin-right:6px;
}
.new3 .right h4{
	font-size:18px;
	font-weight: bold;
}
.new3 .right p{
	width:310px;
	font-size:18px;
	color:#555555;
	margin-top:16px;
	display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.new3 .line{
	width:564px;
	text-align: center;
	background: url(../images/line.png) no-repeat center;
	margin:22px auto;
}
.new3 .icon li{
	width:142px;
	float:left;
	margin-left:27px;
	margin-right:27px;
	text-align: center;
}
.new3 .icon li img{
	height:41px;
}
.new3 .icon li span{
	width:142px;
	margin-top:6px;
	font-size:14px;
	display: inline-block;
}

/*  三屏    */
.con3{
	margin-top:38px;
	margin-bottom:38px;
}
.new4{
	width:100%;
	height:10px;
}
.tupian li{
	width:228px;
	height:112px;
	overflow: hidden;
}
/*  四屏   */
.new5{
	float:right;
	background:#FFFFFF;
}
.sheying{
	margin-top:46px;
}
.sheying li{
	width:272px !important;
	float:left;
	text-align: center;
	margin-left:15px !important;
	margin-top:6px;
	font-size:14px;
}
.sheying li div{
	height: 136px;
}
.sheying li img{
	width:100%;
}
.sheying li p{
	width:100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

/* 底部 */
#footer{
	background:#231816;
	height: 394px;
}
.footer{
    width: 100%;
    height: 394px;
    background:#231816;
} 
.footer h4{
	margin-left:80px;
	color:#FFFFFF;
	font-size:16px; 
	font-weight: bold; 
	float:left;
	line-height: 44px;
}
.footer ul {
	width:1056px;
	float:right;
    padding-top:9px;
}
.footer ul li{
	padding-right:100px;
	float:right;
	width:1056px;
}
.footer ul li .form-group{
	float:right;
}
.footer ul .form-control{
	height:26px;
	padding:0 12px;
}
.bq{
	width:1200px;
	margin:0 auto;
}
.bq .bq_shang{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 80px;
}
.bq .left{
	width:56px;
	float:left;
}
.bq .zhong{
	width:502px;
	float:left;
	margin-left:160px;
	
}
.bq .zhong_nav{float: left; margin-right:40px; width:52px; }
.bq .fhdb{background:url(../images/fanhuidingbu.png) no-repeat center right;}
.bq .wzsy{background:url(../images/wangzhanshouye.png) no-repeat center right;}
.bq .bjjs{background:url(../images/beijingjieshao.png) no-repeat center right;}
.bq .rglc{background:url(../images/rengouliucheng.png) no-repeat center right;}
.bq .zzlc{background:url(../images/zhongzhiliucheng.png) no-repeat center right;}

.bq p{text-align: center; color:#fff; margin-top:84px;}

.bq .zhong_nav:after{}
.bq .zhong_nav a{color:#fff; font-size:22px; width:22px; display: inline-block;}
.bq .zhong .top{
	font-size:14px;
	color:#333333;
	text-align: center;
}
.bq .zhong .bottom{
	text-align: center;
	font-size:14px;
	color:#939393;
	margin-top:18px;
}
.bq .right{
	float: right;
}

/*背景介绍*/
.bjjs_box{width:100%; height:967px; background: url(../images/bjjs_bg.png) no-repeat center; position: relative;}
.bjjs_box .but{width:189px; height:59px; background: url(../images/but_bg.png) no-repeat; position: absolute; bottom:180px; line-height: 59px;padding-left: 46px;}
.bjjs_box a {color:#482b23; cursor:pointer;}
.bjjs_box a:hover{color:#eab684;}

/*认购流程*/
.rglc_box{width:100%; height:668px; background: url(../images/rglc_bg.png) no-repeat center;}
.rglc_box .rglc_ul{display: flex; align-items: center; justify-content: space-between; margin-top:60px;}
.rglc_box .rglc_ul .rglc_li{width:181px; height:266px; background:url(../images/rglc_li_bg.png) no-repeat;}
.rglc_box .rglc_ul .rglc_li:hover{background:url(../images/rglc_active.png) no-repeat;}
.rglc_box .rglc_ul .rglc_li img{width:80px; height:80px; display: inline-block; margin-left: 50px; margin-top:35px;}
.rglc_box .rglc_ul .rglc_li .shuzi{width:30px; height:30px; line-height: 30px; text-align: center; background:url(../images/icon/yuan_bg.png) no-repeat; margin:20px auto;}
.rglc_box .rglc_ul .rglc_li .wenzi{text-align: center;}

/*种植流程*/
.zzlc_box{width:100%; height:1297px; background:url(../images/zzlc_bg.png) no-repeat center; position: relative;}
.zzlc_box .zzlc_ul{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top:60px;}
.zzlc_box .zzlc_li{width:258px; height:409px; background:url(../images/zzlc_li_bg.png) no-repeat; margin-bottom: 60px;}
.zzlc_box .zzlc_li:hover{background:url(../images/zzlc_active.png) no-repeat;}
.zzlc_box .zzlc_li img{margin-left: 45px; margin-top:50px;}
.zzlc_box .zzlc_li .shuzi{text-align: center; font-size:24px; width:100px; margin-left:67px; text-align: center; margin-top:38px;}
.zzlc_box .zzlc_li:hover .shuzi{color: #fff;}
.zzlc_box .zzlc_li .wenzi{text-align: center; color:#c39c6d; font-size:18px; width:170px; letter-spacing:6px; margin-left:35px; margin-top:23px;}
.zzlc_box .zzlc_li:hover .wenzi{color:#fff;}
.zzlc_box .but{width:189px; height:59px; background: url(../images/but_bg.png) no-repeat; position: absolute; bottom:80px; 	transform: translate(-50%);
   	left: 50%; line-height: 59px;padding-left: 46px;  color:#482b23; cursor:pointer;}
.zzlc_box .but:hover{color:#eab684;}



#show-video,#show-video2{
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999 !important;
		background: rgba(0, 0, 0, .85);
		display: none;
	}

	.video-close,.video-close2 {
		width: 45px;
		height: 45px;
		color: #211d1e;
		position: absolute;
		right: 118px;
		top: 113px;
		z-index: 999;
		cursor: pointer;
	}

	#show-video video,#show-video2 video {
		outline: none;
		max-width: 85%;
		max-height: 88vh;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		box-shadow: 0 20px 40px rgb(0 0 0 / 50%);
	}
	
	.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
	.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
	.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
	.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
	.bigbox>.imgbox>img{width:100%;}
	.imgbox:hover{cursor:zoom-in}
	.mask:hover{cursor:zoom-out}
	.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
	.mask>img:hover{cursor:pointer}
	
	@media screen and (max-width:767px) {
		.wrapper{padding:0 20px;}
		/* banner */
		.banner ul li{height:200px;}
		/* 背景介绍 */
		.bjjs_box{
			width: 100%;
			height: 484px;
			background-image: url(../images/bjjs_moble_bg.png);
			background-size: auto 100%;
		}
		.bjjs_box img{width:175px; height:auto;}
		.bjjs_box .but{bottom:26px; margin-left:10px; width:140px; height:50px; line-height:50px; background-size: 100% 100%;padding-left: 22px;}  
		
		.rglc_box img{width:175px; height:auto;}
		.rglc_box .rglc_ul .rglc_li{width:30%; height:180px; background-size: 100% 100%; margin-top:20px; display:flex; align-items:center;flex-direction:column;}
		.rglc_box .rglc_ul{flex-wrap:wrap;}
		.rglc_box .rglc_ul .rglc_li img{width:40px;height:40px; margin-left:0px; margin-top:26px;}
		
		.zzlc_box{height:1500px; background:none;}
		.zzlc_box img{width:175px; height:auto;}
		.zzlc_box .zzlc_li{width:48%; height:260px; background-size: 100% 100%; margin-top:20px;display:flex; align-items:center;flex-direction:column; margin-bottom:0px;}
		.zzlc_box .zzlc_li img{width:115px; margin-left:0px; margin-top:20px; margin-left:-14px;}
		.zzlc_box .zzlc_li .shuzi{margin-left:0px; margin-top:13px; font-size:20px; margin-left:-14px;}
		.zzlc_box .zzlc_li .wenzi{margin-left:0px; width:143px; margin-top:8px; font-size:16px; letter-spacing:2px; margin-left:-14px;}
		
		#footer{height:auto;}
		.bq p{margin-top:46px; padding-bottom:10px;}
		.bq{width:100%;}
		.bq .bq_shang{flex-direction:column; padding-top:42px;}
		.bq .left{width:auto;}
		.bq .zhong{margin-left:0px; width:100%; margin-top:10px; display: flex; align-items: center; justify-content: center;}
		.bq .zhong_nav{margin-right:5px; margin-left:5px;}
		.bq .zhong_nav a{font-size:20px;}
		.bq .right{margin-top:10px;}
	}


 
