@charset "utf-8";
/*首页*/

.banner img {
	width: 100%;
	height: auto;
	float: left;
}
.banner video {
	width: 100%;
	height: 400px;
	z-index: 100;
}
.product-center {
	width: 100%;
	height: 56px;
	margin: auto;
	background: url("../images/title-bg.png") center no-repeat;
	padding: 60px 0;
}
.product-center p {
	font-size: 24px;
	color: #dc771d;
	margin: auto;
	width: 420px;
	text-align: center;
	margin-top: -20px;
}
.product-center p a {
	color: #dc771d;
}
.product {
	width: 100%;
	height: 659px;
	background: url("../images/hg-bg.png") center no-repeat;
}
.product ul {
	width: 1200px;
	margin: auto;
	position: relative;
}
.product ul li {
	width: 180px;
	height: 240px;
	margin: 60px 60px 0 60px;
	float: left;
	position: relative;
	border-radius: 50%;
}
.product ul li span {
	display: block;
	font-size: 24px;
	color: #ffffff;
	width: 180px;
	height: 17px;
	text-align: center;
	margin-top: 25px;
}
.product ul li div {
	width: 180px;
	height: 180px;
	position: absolute;
	top: 0;
	background: rgba(0,0,0,.0);
	border-radius: 50%;
}
.product ul li .fdj {
	position: absolute;
	top: 0;
	left: 90%;
	display: none;
	cursor: pointer;
}
.product ul li:hover div {
	background: rgba(0,0,0,0.7);
	transition: opacity 1s;
	box-shadow: 4px 4px 4px #251c0a;
}
.product ul li a>img {
	width: 180px;
	height: 180;
	border-radius: 50%;
}
.new-center {
	width: 100%;
	height: 540px;
	background: #f2f2f2;
}
.new {
	width: 1200px;
	height: 407px;
	padding: 66px 0;
	margin: auto;
}
.newr {
	width: 630px;
	height: 407px;
	margin-left: 80px;
	float: left;
}
.newr ul li {
	width: 630px;
	height: 80px;
	overflow: hidden;
	margin-bottom: 28px;
}
.newr ul li a>p {
	width: 76px;
	height: 76px;
	border: 2px solid #176a34;
	float: left;
}
.newr ul li a>p b {
	font-size: 30px;
	color: #176a34;
	display: block;
	text-align: center;
}
.newr ul li a>p em {
	font-size: 18px;
	color: #176a34;
	display: block;
	text-align: center;
	font-style: normal;
	font-weight: bolder;
}
.newr ul li a>div {
	float: left;
	width: 510px;
	height: 75px;
	margin-left: 40px;
}
.newr ul li a>div>p {
	width: 350px;
	height: 28px;
	font-size: 14px;
	color: #1a1a1a;
	background: url("../images/new-line.png") left bottom no-repeat;
}
.newr ul li a>div>span {
	width: 510px;
	height: 42px;
	font-size: 12px;
	color: #4c4c4c;
	line-height: 22px;
	overflow: hidden;
	display: block;
	margin-top: 10px;
}
.company-profile {
	width: 100%;
	height: 380px;
	background: url("../images/company-bg.png") center no-repeat;
	padding-bottom: 30px;
}
.company-profile p {
	color: #fff;
	font-size: 48px;
	text-align: center;
	padding-top: 55px;
}
.company-profile p>a {
	color: #fff;
}
.company-profile span {
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 25px;
	width: 1200px;
	display: block;
	margin: 60px auto;
}
.company-profile>a {
	width: 240px;
	height: 50px;
	color: #ffffff;
	font-size: 24px;
	text-align: left;
	margin: -20px auto 0;
	padding: 0 20px;
	background: #dc771d url("../images/video.png") right center no-repeat;
	background-position: 230px 6px;
	border-radius: 120px;
	line-height: 50px;
	display: block;
}
.honor {
	width: 100%;
	height: 438px;
	background: url("../images/honor.png") center no-repeat;
}
.rollBox {
	width: 1150px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 60px;
}
.rollBox .LeftBotton {
	height: 25px;
	width: 25px;
	background: url(../images/carousel_control.png) no-repeat 7px 0;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 128px 0 0 0;
	cursor: pointer;
}
.rollBox .RightBotton {
	height: 25px;
	width: 25px;
	background: url(../images/carousel_control.png) no-repeat -15px 0;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 128px 0 0 35px;
	cursor: pointer;
}
.rollBox .Cont {
	width: 1060px;
	overflow: hidden;
	float: left;
	margin-left: 5px;
}
.rollBox .ScrCont {
	width: 10000000px;
}
.rollBox .Cont .pic1 {
	width: 172px;
	float: left;
	margin-left: 40px;
}
.rollBox .Cont .pic1 img {
	width: 172px;
	height: 230px;
	padding: 4px;
	display: block;
	margin: 0 auto;
}
.rollBox .Cont .pic1 p {
	line-height: 26px;
	color: #505050;
	text-align: center;
}
.rollBox .Cont a:link, .rollBox .Cont a:visited {
	color: #626466;
	text-decoration: none;
}
.rollBox #List1, .rollBox #List2 {
	float: left;
}
.link li {
	width: 103px;
	height: 103px;
	margin-left: 90px;
	float: left;
	padding-bottom: 50px;
}
/*回到顶部*/

#gotop {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0.5rem;
	bottom: 7rem;
	cursor: pointer;
	z-index: 7;
}
#gotop img {
	width: 100%;
}
/*产品中心-果品系列详情*/

.navigationl {
	width: 250px;
	height: auto;
	background: #576d39;
	margin: 90px 0;
	float: left;
}
.navigationl>p {
	color: #ffffff;
	font-size: 38px;
	padding: 30px 28px;
}
.navigationl>p a>span {
	color: #ffffff;
	font-size: 24px;
	display: block;
}
.navigationl>p a {
	color: #ffffff;
}
.navigationl ul {
	width: 250px;
	background: #e6e6e6;
}
.navigationl ul li {
	color: #000000;
	margin: auto;
	border-bottom: 1px solid #78aa79;
	text-align: left;
	font-size: 18px;
	padding:20px 0;
}
.navigationl ul li a {
	padding-left:50px;
	color: #000000;
}
.navigationl ul li .xfln{border-top:1px dashed #a8e331; margin-top:15px; padding-top:10px; display:none;}
.navigationl ul li .xfln a{line-height:30px; display:block; text-align:left; padding-left:70px; color:#666; font-size:14px;}
.navigationl ul li.active .xfln a{color:#333;}
.navigationl ul li.active .xfln a.on{color:#096;}
.navigationl ul li.active .xfln{display:block;}
.navigationl ul li:last-child {
	border-bottom: 1px solid #e6e6e6;
}
.navigationl ul li:hover a {
	color: #176a34;
}
.navigationl ul li.active a {
	color: #176a34;
}
.navigationr {
	width: 920px;
	height: auto;
	margin: 90px 0 50px 0;
	float: right;
}
.navigationr>p {
	color: #1a1a1a;
	width: 920px;
	height: 30px;
	border-bottom: 1px solid #78aa79;
	font-size: 14px;
}
.navigationr>p span {
	color: #176a34;
}
.navigationr>p a {
	color: #1a1a1a;
}
.watermelon {
	margin-top: 30px;
}
/*水果切换*/

#preview {
	width: 490px;
	height: 355px;
	zoom: 1;
	overflow: hidden;
	float: left;
}
#spec-n1 {
	float: left;
	width: 352px;
	height: 352px;
	border: 1px solid #f3f3f3;
	overflow: hidden;
	position: relative;
	z-index: 5;
	zoom: 1;
}
#spec-n1 .o-img {
	width: 350px;
	height: 350px;
	text-align: center;
}
#spec-n1 .switch {
	width: 350px;
	height: 350px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}
#spec-n1 img {
	width: 350px;
	height: 350px;
	border: 1px solid #e6e6e6;
}
#spec-n5 {
	position: relative;
	float: right;
	width: 134px;
	height: 300px;
	padding: 21px 0px;
	zoom: 1
}
#spec-list {
	width: 85px;
	height: 317px;
	overflow: hidden;
}
#spec-list ul {
	height: 85px;
	overflow: hidden;
	margin: 0;
}
#spec-list li {
	width: 85px;
	height: 80px;
	text-align: center;
}
#spec-list img {
	padding: 1px;
	width: 72px;
	height: 72px;
}
#spec-list .curr img {
	border: 1px solid #f3f3f3;
}
#spec-n5 .control {
	position: absolute;
	width: 15px;
	height: 10px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: -10px;
}
#spec-top {
	top: -2px;
	background: url(../images/icoin.png) 0 -30px;
}
#spec-top.disabled {
	background-position: 0 -10px;
}
#spec-bottom {
	bottom: 0;
	background: url(../images/icoin.png) 0 0;
}
#spec-bottom.disabled {
	background-position: -139px -61px;
}
.apple {
	width: 430px;
	height: auto;
	float: right;
}
.apple p {
	color: #000000;
	font-size: 24px;
	margin-top: 10px;
}
.apple span {
	color: #999999;
	font-size: 14px;
	margin-top: 20px;
	display: block;
}
.apple b {
	color: #333333;
	font-size: 12px;
	margin-top: 20px;
	display: block;
	font-weight: normal;
	line-height: 23px;
}
.apple a {
	width: 200px;
	height: 55px;
	background: #7ba81c;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	line-height: 55px;
	display: block;
	margin-top: 30px;
	border-radius: 10px;
}
.detail {
	width: 900px;
	height: 40px;
	background: #eeeeee;
	font-size: 18px;
	color: #78aa79;
	line-height: 40px;
	padding-left: 20px;
	margin: 20px 0;
}
.watermelon img {
	text-align: center;
	width: 850px;
	height: auto;
	display: block;
	margin: 0 auto;
}
/*公司荣誉*/

.certificate {
	width: 920px;
	height: auto;
}
.certificate ul {
	width: 920px;
	margin-top: 20px;
}
.certificate li {
	width: 240px;
	margin: 20px 20px 0 40px;
	float: left;
}
.certificate img {
	width: 240px;
	height: 163px;
}
.certificate li p {
	width: 240px;
	height: 20px;
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
}
.certificate a {
	color: #4c4c4c;
}
/*分页*/

.fy {
	width: 900px;
	text-align: center;
	display: block;
	margin: auto;
	padding-top: 100px;
}
.page {
	width: auto;
	height: 30px;
	_display: block;
	display: inline-block;
}
.page a span {
	width: auto;
	height: 30px;
	display: block;
	padding: 0 5px;
	float: left;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #000;
	cursor: pointer;
}
.page a {
	width: auto;
	height: 30px;
	display: block;
	margin-left: 5px;
	float: left;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	color: #000;
}
.page input {
	width: auto;
	height: 30px;
	display: block;
	outline: none;
	cursor: pointer;
	float: left;
	padding: 0 5px;
	text-align: center;
	line-height: 30px;
	background: #FFFFFF;
	font-family: '微软雅黑';
	border: none;
}
/*公司荣誉详情*/

.certificate1 {
	width: 920px;
	height: auto;
}
.certificate1 img {
	margin: auto;
	text-align: center;
	display: block;
	max-width:800px;
}
.certificate1 p {
	width: 920px;
	height: 20px;
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
	color: #2d2d2d;
}
/*乐苹企业*/

.certificate2 {
	width: 920px;
	height: auto;
}
.certificate2 img {
	display: block;
	margin: 20px 0;
}
.certificate2 span {
	color: #4c4c4c;
	display: block;
	font-size: 14px;
	line-height: 25px;
	margin-top: 40px;
}
/*联系我们*/

.certificate3 {
	width: 920px;
	height: auto;
}
.certificate3 b {
	display: block;
	margin: 15px 0;
	font-size: 18px;
	color: #333333;
	font-weight: normal;
}
.certificate3 p {
	display: block;
	margin-top: 15px;
	font-size: 12px;
	color: #333333;
}
.certificate3 span {
	width: 920px;
	height: 300px;
	margin-top: 30px;
}
.map {
	width: 920px;
	height: 300px;
	border: #ccc solid 1px;
	margin: 30px 0;
}
/*西瓜培养过程*/

.certificate4 {
	width: 890px;
	height: auto;
}
.certificate4 img {
	display: block;
	margin: 20px 0;
}
.certificate4 span {
	font-size: 14px;
	color: #000000;
	display: block;
	margin-top: 40px;
	line-height: 25px;
}
/*新闻中心*/

.certificate5 {
	width: 850px;
	height: auto;
	margin-top: 30px;
}
.certificate5 ul {
	margin-top: 15px;
	margin-left: 30px;
}
.certificate5 ul li {
	margin-top: 15px;
}
.certificate5 ul li a {
	font-size: 12px;
	color: #1a1a1a;
}
.certificate5 ul li span {
	float: right;
}
.certificate5 ul li p {
	width: 700px;
	height: 17px;
	overflow: hidden;
}
/*新闻中心-详情*/

.certificate6 {
	width: 850px;
	height: auto;
	margin-top: 30px;
}
.certificate6 p {
	text-align: center;
	font-size: 18px;
	color: #1a1a1a;
}
.certificate6>span {
	width: 920px;
	height: 25px;
	background: #f2f2f2;
	font-size: 12px;
	color: #333333;
	display: block;
	line-height: 25px;
	margin-top: 10px;
}
.certificate6>span i {
	margin-left: 290px;
	display: block;
	font-style: normal;
	float: left;
}
.certificate6>span em {
	margin-left: 140px;
	display: block;
	font-style: normal;
	float: left;
}
.certificate6>b {
	font-weight: normal;
	line-height: 30px;
	width: 850px;
	height: auto;
	padding: 20px 0;
	display: block;
	margin-left: 40px;
	font-size: 12px;
	color: #666666;
}
.certificate6>em {
	margin-left: 40px;
	display: block;
	font-weight: normal;
	font-style: normal;
}
.certificate6>em b {
	margin-top: 10px;
	display: block;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #444;
}
.certificate6>em b a {
	color: #444;
}
/*产品中心-果品系列*/

.watermelon1 {
	margin-top: 30px;
}
.watermelon1 li {
	width: 222px;
	margin: 20px 8px 0 0;
	float: left;
}
.watermelon1 img {
	width: 222px;
	height: 199px;
}
.watermelon1 li p {
	width: 222px;
	text-align: center;
	font-size: 12px;
	color: #1a1a1a;
	padding: 20px 0 0;
}
/*产品中心*/

#wrap .cont {
	width: 1200px;
	margin: 0 auto;
	padding-top: 10px;
}
#wrap .cont .tit1 {
	margin-top: 5px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#wrap .cont .tit1 img {
	width: 22px;
	height: 32px;
}
#wrap .cont .tit2 {
	padding-right: 20px;
	height: 31px;
	line-height: 31px;
	margin-top: 14px;
	float: left;
	font-size: 18px;
	color: #333;
}
#wrap .cont .tit {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
}
#wrap .cont .tit2 a {
	color: #333;
}
#wrap .cont:nth-child(1) .tit2 {
	padding-right: 20px;
	height: 31px;
	line-height: 31px;
	margin-top: 14px;
	float: left;
	font-size: 18px;
	color: #d32121;
}
#wrap .cont:nth-child(1) .tit2 a {
	color: #d32121;
}
#wrap .cont:nth-child(1) .tit {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #d32121;
	margin-bottom: 10px;
}
#wrap .cont:nth-child(2) .tit2 {
	padding-right: 20px;
	height: 31px;
	line-height: 31px;
	margin-top: 14px;
	float: left;
	font-size: 18px;
	color: #36d584;
}
#wrap .cont:nth-child(2) .tit2 a {
	color: #36d584;
}
#wrap .cont:nth-child(2) .tit {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #36d584;
	margin-bottom: 10px;
}
#wrap .cont:nth-child(3) .tit2 {
	padding-right: 20px;
	height: 31px;
	line-height: 31px;
	margin-top: 14px;
	float: left;
	font-size: 18px;
	color: #f5cd21;
}
#wrap .cont:nth-child(3) .tit2 a {
	color: #f5cd21;
}
#wrap .cont:nth-child(3) .tit {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #f5cd21;
	margin-bottom: 10px;
}
#wrap .cont:nth-child(4) .tit2 {
	padding-right: 20px;
	height: 31px;
	line-height: 31px;
	margin-top: 14px;
	float: left;
	font-size: 18px;
	color: #6b3a17;
}
#wrap .cont:nth-child(4) .tit2 a {
	color: #6b3a17;
}
#wrap .cont:nth-child(4) .tit {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #6b3a17;
	margin-bottom: 10px;
}
#wrap .cont:nth-child(5) .tit2 {
	padding-right: 20px;
	height: 31px;
	line-height: 31px;
	margin-top: 14px;
	float: left;
	font-size: 18px;
	color: #56abe4;
}
#wrap .cont:nth-child(5) .tit2 a {
	color: #56abe4;
}
#wrap .cont:nth-child(5) .tit {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #56abe4;
	margin-bottom: 10px;
}
#wrap .cont:nth-child(6) .tit2 {
	padding-right: 20px;
	height: 31px;
	line-height: 31px;
	margin-top: 14px;
	float: left;
	font-size: 18px;
	color: #eb871e;
}
#wrap .cont:nth-child(6) .tit2 a {
	color: #eb871e;
}
#wrap .cont:nth-child(6) .tit {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #eb871e;
	margin-bottom: 10px;
}
#wrap .cont:nth-child(7) .tit2 {
	padding-right: 20px;
	height: 31px;
	line-height: 31px;
	margin-top: 14px;
	float: left;
	font-size: 18px;
	color: #eb4f38;
}
#wrap .cont:nth-child(7) .tit2 a {
	color: #eb4f38;
}
#wrap .cont:nth-child(7) .tit {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #eb4f38;
	margin-bottom: 10px;
}
#wrap .cont:nth-child(8) .tit2 {
	padding-right: 20px;
	height: 31px;
	line-height: 31px;
	margin-top: 14px;
	float: left;
	font-size: 18px;
	color: #53525f;
}
#wrap .cont:nth-child(8) .tit2 a {
	color: #53525f;
}
#wrap .cont:nth-child(8) .tit {
	width: 1200px;
	height: 45px;
	border-bottom: 1px solid #53525f;
	margin-bottom: 10px;
}
#wrap .cont .tit2 span {
	font-size: 18px;
	padding-left: 4px;
}
#wrap .cont .tit3 {
	width: auto;
	height: 27px;
	margin-top: 18px;
	float: right;
	margin-left: 3px;
}
#wrap .cont .tit3 ul li {
	float: left;
	height: 20px;
	line-height: 20px;
	border-right: 1px solid #333333;
	position: relative;
	padding: 0 12px;
	font-size: 12px;
	color: #0f1111;
	cursor: pointer;
}
#wrap .cont .tit3 ul li:last-child {
	border-right: none;
}
#wrap .cont .tit3 ul li.on {
	color: #d32121;
}
#wrap .cont .F1 {
	width: 1200px;
}
#wrap .cont .F1 .F1a {
	width: 1200px;
	display: none;
}
#wrap .cont .F1 .F1a.on {
	display: block;
}
#wrap .cont .F1 .F1a ul {
	width: 1212px;
	margin-right: -12px;
}
#wrap .cont .F1 .F1a ul li {
	width: 280px;
	height: 315px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px;
}
#wrap .cont .F1 .F1a ul li:hover .txt {
	background: #448b09;
	color: #FFFFFF;
}
/*#wrap .cont .F1 .F1a ul li h3{  width:280px; height:280px; }*/

#wrap .cont .F1 .F1a ul li .txt {
	width: 278px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border-right: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	font-size: 14px;
	color: #4c4c4c;
}
#wrap .cont .F1 .F1a img {
	width: 280px;
	height: 280px;
}
#wrap .cont .F1 .F1a h3 {
	width: 280px;
	height: 280px;
	overflow: hidden;
}
#wrap .cont .F1 .F1a h3 img {
	width: 280px;
	height: 280px;
	z-index: 0;
}
#wrap .cont .F1 .F1a ul li:hover h3 img {
	transform: scale(1.1);
	transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	cursor: pointer;
}
/*左侧楼梯导航*/

#elevator {
	width: 53px;
	border: 1px solid #eee;
	position: fixed;
	top: 200px;
	display: none;
}
#elevator ul li {
	width: 35px;
	line-height: 18px;
	text-align: center;
	background: #FFF;
	border-bottom: 1px solid #eee;
	padding: 5px 9px 5px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}
#elevator ul li:hover {
	background: #4f8a0e;
	color: #FFF;
}
#elevator .back {
	width: 46px;
	height: 47px;
	background: #FFF url(../images/back.png) no-repeat center center;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	margin: auto;
}
#elevator .back span {
	width: 28px;
	height: 36px;
	padding: 6px 9px 5px;
	display: block;
	background: #ea2317;
	color: #FFF;
}
#elevator .back.on {
	background: #ea2317;
	color: #FFF;
}
/*分页*/

.page_info {
	text-align: center;
	margin-top: 10px;
	color: #333;
}
.page_info span {
	padding: 0 2px;
	font-weight: bold;
}
.page_list {
	height: 24px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0;
	font-family: "Arial Black";
	font-size: 12px;
	margin-top: 20px;
}
.page_list a {
	display: inline-block;
	color: #070;
	border: 1px solid #e8e8e8;
	background: #f8f8f8;
	text-align: center;
	padding: 0 8px;
	margin: 0 1px;
}
.page_list a:hover {
	color: #fff;
	border: 1px solid #070;
	background: #070;
}
.page_list a.on {
	color: #333;
	border: 1px solid #ccc;
	background: #070;
}