/*@font-face {
 font-family: 'FZLTXH';
 src: url('img/FZLTXHK.eot');
 src: url('img/FZLTXHK.eot@#iefix') format('embedded-opentype'), url('img/FZLTXHK.woff') format('woff'), url('img/FZLTXHK.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}*/
body { font-family:"Microsoft YaHei","Hiragino Sans GB",sans-serif; font-weight:normal;overflow:hidden;   }
img{max-width: 100%;width: 100%;height: 100%;}
a, a:hover { color:#000; text-decoration:none }
.fs-12 { font-size:12px }
.fs-14 { font-size:14px }
.fs-16 { font-size:16px }
.fs-18 { font-size:18px }
.fc-fff, .fc-fff a { color:#FFF }
.fc-999, .fc-999 a { color:#999 }
#nav { position:fixed; left:0; top:0; height:120px; width:100%;background-color: rgba(23,85,41,0.51); z-index:999999; }
#nav .nav_box { width:1300px; margin:0 auto; }
#nav .menu { float:right;width: 65%;margin-top: 40px;}
#nav .menu li { float:left; margin:0 5px;}
#nav .menu li a { display:block; font-size: 16px; line-height: 26px; height:auto; margin: 0 15px; text-decoration: none; color:#fff; 
  
}
#nav .menu li a:hover{
	color:#fff;
	border-bottom: 1px #fff solid;
}
#nav .language{float:right;}
#nav .language a{display: inline-block;text-align: center;color: #fff;background: #528b24;width: 80px;margin: 0 1px;padding: 10px 0;}
#nav .logo { margin-top:15px; width:30%;display: inline-block;float: left;}
#nav .logo img{width:100%;}
.scroll_hint { position: fixed; right: 10px; top: 70px; z-index:999 }
.page-wrap { height: 100%; margin: 0 auto; position: relative; width: 1200px; }
.section { overflow:hidden }
.section .page-inner { left: -120px; margin: 0; min-height: 100%; position: absolute; right: -120px; top: 0; width: auto; z-index:1 }
.section .font { display:none }
.clear{clear:both;}
.max{
	animation-name: bgMagnify;
	animation-duration: 12.6s;
	animation-delay: 0s;
}
/*=================================第一屏=================================*/
#section1 {
	position: relative;
}
#section1 .maxbg{
	 background:url(../images/banner1.jpg) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#section1 .box{
	position: relative;
	width: 594px;
	height: 594px;
	margin: 8% auto 0 auto;
	

}
#section1 .box .boxbg{
	position: absolute;
	width: 100%;
	height: 100%;
	background:url(../images/huan.png) center center no-repeat;background-size: 100% 100%; 
}
#section1 .box .rotate{
	-webkit-animation: rotate 16s infinite linear;
	animation: rotate 16s infinite linear;
	animation-delay: 6s;
	z-index: 1;
}
#section1 .box .word{
    position: absolute;
    top: 97px;
    left: 120px;
    z-index: 2;
    width: 76px;
    height: 86px;
}
#section1 .box .word{
    position: absolute;
    top: 97px;
    left: 120px;
    z-index: 2;
    width: 76px;
    height: 86px;
}
#section1 .box .word1{
    position: absolute;
    top: 105px;
    left: 204px;
    z-index: 4;
    width: 77px;
    height: 63px;
}
#section1 .box .word2{
	position: absolute;
	top: 78px;
	left: 294px;
	z-index: 5;
	width: 97px;
	height: 101px;
}
#section1 .box .word3{
	position: absolute;
	top: 129px;
	left: 391px;
	z-index: 6;
	width: 126px;
	height: 142px;
}
#section1 .box .word4{
	position: absolute;
	top: 213px;
	left: 67px;
	z-index: 17;
	width: 59px;
	height: 82px;
}
#section1 .box .word5{
	position: absolute;
	top: 225px;
	left: 142px;
	z-index: 8;
	width: 84px;
	height: 58px;
}
#section1 .box .word6{
	position: absolute;
	top: 209px;
	left: 236px;
	z-index: 9;
	width: 61px;
	height: 79px;
}
#section1 .box .word7{
	position: absolute;
	top: 219px;
	left: 305px;
	z-index: 10;
	width: 98px;
	height: 69px;
}
#section1 .box .word8 {
    position: absolute;
    top: 311px;
    left: 97px;
    z-index: 12;
    width: 400px;
    height: 41px;
}
#section1 .box .word9{
    position: absolute;
    top: 370px;
    left: 53px;
    z-index: 13;
    width: 488px;
    height: 15px;
}
#section1 .box .word10{
	position: absolute;
	top: 412px;
	left: 158px;
	z-index: 15;
	width: 262px;
	height: 30px;
}
#section1 .box .word11{
	    position: absolute;
    top: 463px;
    left: 100px;
    z-index: 14;
    width: 362px;
    height: 15px;
}
#section1 .box .word12{
	position: absolute;
    top: 478px;
    left: 250px;
    z-index: 16;
    width: 93px;
    height: 96px;
}
/*=================================第二屏=================================*/

#section2 {position: relative;}
#section2 .maxbg{
	 background:url(../images/banner2.jpg) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#section2 .box{
	width: 80%;
	height: 70%;
	position: relative;
	margin: 8% auto 0 auto;
	
}
#section2 .box .boxTitle{
	position: absolute;
	top: 0%;
	left: 0%;
	z-index: 7;
	width: 32%;
	height: 60%;
}
#section2 .box .boxContect{
	position: absolute;
	top: 32%;
	left: 8%;
	z-index: 8;
	width: 33%;
	height:60%;
}
#section2 .box .tag{
	position: absolute;
	top:10%;
	left: 50%;
	z-index: 9;
	width: 168px;
	height: 446px;
}
#section2 .box .tag1{
	position: absolute;
	top: 10%;
	left: 65%;
	z-index: 9;
	width: 168px;
	height: 446px;
}
#section2 .box .tag2{
	position: absolute;
	top: 10%;
	left: 80%;
	z-index: 9;
	width: 168px;
	height: 446px;
}
/*=================================第三屏=================================*/
#section3 {position: relative;}
#section3 .maxbg{
	 background:url(../images/banner3.jpg) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#section3 .box{
	width: 80%;
	height: 70%;
	position: relative;
	margin: 6% auto 0 auto;
	
}
#section3 .box .pro_t{
	width:25%;
	margin: 0 auto;
}
#section3 .box .pro_s{
	width:100%;
	font-size: 16px;
	text-align: center;
	color: #fff;
	margin: 2% auto;
}
#section3 .box .class{
	width:100%;
	text-align: center;
	
}
#section3 .box .class a{
	background-color: rgba(255, 205, 54, 1);
	border:1px rgba(255, 255, 255, 1) solid;
	width:15%;
	height: 44px;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	line-height: 44px;
	color:#333333;
	border-radius: 5px;
	cursor: pointer;
}
#section3 .box .class a:hover{
	background-color: rgba(255, 255, 255, 1);
}
#section3 .box .list{
	width:100%;	
	margin-top: 2%;
}
#section3 .box .list ul{
	width:100%;
}
#section3 .box .list ul::after{
	content:'';
	display: block;
	clear:both;
}
#section3 .box .list ul li{
	float: left;
	width:18%;
	background-color: rgba(255,255,255,0.50);
	border-radius: 10px;
	margin: 0 1%;
}
#section3 .box .list ul li img{
	width:70%;
	height: 220px;
	margin: 15% 0 15% 15%;
	transition: 424ms linear;
}
#section3 .box .list ul li:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}
#section3 .box .pro_n{
	display: block;
	color: #fff;
	font-size: 18px;
	width: 100%;
	height: 50px;
	text-align: center;
	background: #228209;
	line-height: 50px;
	transition: 350ms;
	margin-bottom: 10%;
}

/*=================================第四屏=================================*/
#section4 {position: relative;}
#section4 .maxbg{
	 background:url(../images/banner4.jpg) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#section4 .box{
	width: 80%;
	height: 70%;
	position: relative;
	margin: 8% auto 0 auto;
	
}
#section4 .box .boxTitle{
	position: absolute;
	top: 0%;
	left: 0%;
	z-index: 7;
	width: 32%;
	height: 60%;
}
#section4 .box .boxContect{
	position: absolute;
	top: 32%;
	left: 8%;
	z-index: 8;
	width: 33%;
	height:60%;
}
#section4 .box .newlist{
	position: absolute;
	top:10%;
	left: 50%;
	z-index: 9;
}
#section4 .box .newlist .tag{
	display:flex;
	background-color: rgba(255,255,255,0.50);
	padding: 2%;
	margin: 2% 0;
	border-radius: 8px;
}
#section4 .box .newlist .tag:hover{
	background-color: rgba(255,255,255,1.00);
}
#section4 .box .newlist .tag .imgL{
	width:20%;
}
#section4 .box .newlist .tag img{
	width:80%;
	height: 90px;
}
#section4 .box .newlist .tag .contR{
	widows: 80%;
}
#section4 .box .newlist .tag h1{
	font-size:18px;
	color:#356c2a;
	font-weight: normal;
	
}
#section4 .box .newlist .tag .contR div{
	color:#555;
	font-size: 12px;
	line-height: 22px;
	margin-top: 1%;
}
#section4 .box .newlist .tag

/*=================================第五屏=================================*/
#section5 {background:url(../images/bg3.jpg) center center no-repeat;background-size: 100% 100%;position: relative; }
#section5 .maxbg{
	 background:url(../images/banner5.jpg) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#section5 .box{
	width: 80%;
	height: 70%;
	position: relative;
	margin: 8% auto 0 auto;
	
}
#section5 .box .l_t{
	width:70%;
	margin: 5% auto;
}
#section5 .box .c_info{width: 90%;margin: 0 auto;}
#section5 .box .c_info .c_left{
	color:#fff;
	width: 35%;
	position: relative;
	float: left;
	
}
#section5 .box .c_info .c_left h1{
	font-size: 18px;
	margin: 5% 0;
}
#section5 .box .c_info .c_left p{
	font-size:14px;
	margin:5% 0 10% 0;
	line-height: 22px;
}
#section5 .box .c_info .c_left .lista{
	font-size:16px;
	margin: 4% 0;
}
#section5 .box .c_info .c_left .lista img{
	width:18px;
	height: 18px;
	display: inline-block;
	margin: 0 2% 0 0;
}
#section5 .box .c_info .c_left .ewm{
	width: 30%;
	display: flex;
float: right;
	position: absolute;
	bottom: 20%;
	right: 20%;
}
#section5 .box .c_info .c_left .ewm img{
	width:100px;
	height: 100px;
	margin: 0 0.5%;
}
#section5 .box .c_info .c_right{width:50%;float: right;height:300px;}
#section5 .box .c_info .c_right iframe{
	border: none;
	width: 100%;
	height: 100%;
}

.footer{
	background:rgba(34,105,37,0.52);
	width:100%;
	height:40px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
}
.footBox{
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	color:#fff;
	line-height: 40px;
}
.footerL{
	float: left;
}
.footerR{
	float: right;
}
/*=================================帧动画=================================*/
@keyframes rotate{
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes bgMagnify{
	0% {
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	}
	100% {
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	}
}
.s1{
animation-duration: 2s!important;
animation-delay: 1s!important;
}
.s2{
animation-duration: 2s!important;
animation-delay: 1.5s!important;
}
.s3{
	animation-duration: 2s!important;
animation-delay: 2s!important;
}
.s4{
animation-duration: 2s!important;
animation-delay: 3s!important;
}
.s5{
animation-duration: 2s!important;
animation-delay: 4s!important;
}

.p1{
	animation-delay: 1s!important;
}
.p2{
	animation-delay: 1.5s!important;
}
.p3{
	animation-delay:2s!important;
}
.p4{
	animation-delay: 3s!important;
}