body{margin: 0;padding: 0;}
#diyi{height: 100vh;background: orange url(../img/head_bg_img_1.jpg);background-size:cover;position: relative;overflow: hidden;}
#yuan{position: relative;width: 50%;left: 25%;height: 100vh;overflow: hidden;z-index: 99999;transform: scale(0.8);}
#yuan img{position: absolute;top: 0;left: 0;}
#yuan img:first-child{width: 100%;animation: zhuan 3s infinite;}
#yuan img:nth-child(2){width: 80%;left: 10%;top: 10%;animation: zhuan 5s infinite;}
#yuan img:nth-child(3){width: 50%;left: 25%;top: 25%;}
#yuan video{position: absolute;z-index: 999;width: 40%;left: 30%;top: 35%;}
@keyframes zhuan{
	from{transform: rotate(0deg);}
	to{transform: rotate(360deg);}
}
#shan{height: 100vh;}
#shan img{position: absolute;}
#shan img:first-child{top: 0;left: 0;}
#shan img:nth-child(2){bottom: 0;}
#shan img:nth-child(3){bottom: 0;left: 0;z-index: 999;}
#shan img:nth-child(4){bottom: 0;left: 0;}
#shan img:last-child{top: 300px;left: 100px;animation: yidong 2s infinite;}
@keyframes yidong{
	from{left: 0;}
	to{left: 100px;}
}
.niao{width: 140px;height: 96px;background: url(../img/bird_img_1.png) no-repeat;position: absolute;top: 100px;left: 300px;animation: fei 0.5s infinite steps(8);}
@keyframes fei{
	from{background-position: 0px -768px;}
	to{background-position: 0px 0px;}
}
.weizhi{top: 400px;left: 1500px;}
.logo{position: absolute;top: 30px;left: 0;}

#dier{height: 100vh;background: green url(../img/head_bg_img_2.jpg);background-size:cover;position: relative;}
.huazhou{width: 60%;height: 576px;margin: 0 auto;overflow: hidden; background: url(../img/jz_img_3.png) repeat-x 0 20px; position: relative;top: 200px;left: -180px; animation: zhankai 2s;z-index: 99999;}
@keyframes zhankai{
	from{width: 0;}
	to{width: 60%;}
}
.zuozhou{width: 36px;height: 576px;background: url(../img/jz_img_1.png) no-repeat;position: absolute;left: -8px;top: 0;}
.youzhou{width: 36px;height: 576px;background: url(../img/jz_img_2.png) no-repeat;position: absolute;right: -8px;top: 0;}
.bfzhou video{margin-top: 50px;}
.dayuan6{position: absolute;top: 0;left: 300px;}
.shan6{position: absolute;left: 0;bottom: 0;}
.shennong{position: absolute;top: 0;right: -30px;}
.zi{position: absolute;right: 0;bottom: 50px; z-index: 99999;}

.disan{background: url(../img/head_bg_img_6.jpg);height: 100vh; position: relative;   background-size: cover;overflow: hidden;}
.sanyuan{width: 60%;height: 80vh;background: url(../img/yuan_img_7.png) no-repeat;position:absolute;background-size: cover;
right: 10px;top: 400px;}
.dayuan{width: 50%;height: 100%;background: seagreen;border-radius:100% ;position:absolute; left: 45%;top: 490px;overflow: hidden;}
.zhimian{position: absolute;left: 500px;top: 150px;}
.zi2{position: absolute;left: 100px;bottom: 100px;}
.hua{position: absolute;left: -850px;bottom: 0;z-index: 999;}
.shan11{position: absolute;bottom: -4px;right: -900px;}

#disi{background: url(../img/head_bg_img_3.jpg);height: 100vh; position: relative;   background-size: cover;overflow: hidden;}
.xingshi{width: 1057px;height: 373px;background: url(../img/button_public2.png) no-repeat;margin: 450px auto;}
.xingshi p{width: 151px;height: 373px;float: left;}
.xingshi p:hover{background: url(../img/button_public2.png) no-repeat;animation: tantiao 1s linear;}
.xingshi p:first-child:hover{background-position: 0 -373px;}
.xingshi p:nth-child(2):hover{background-position: -151px -373px;}
.xingshi p:nth-child(3):hover{background-position: -302px -373px;}
.xingshi p:nth-child(4):hover{background-position: -453px -373px;}
.xingshi p:nth-child(5):hover{background-position: -604px -373px;}
.xingshi p:nth-child(6):hover{background-position: -755px -373px;}
.xingshi p:nth-child(7):hover{background-position: -906px -373px;}
@keyframes tantiao{
	0%{transform: translateY(0px);}
	50%{transform: translateY(-15px);}
	100%{transform: translateY(0px);}
}
.qiannian{position: absolute;top: 80px;left:700px;}
.qiannian2{position: absolute;top: 150px;left:900px;}
.qiannian3{position: absolute;top: 80px;left:1000px;}

#diwu{height: 100vh;background: skyblue url(../img/head_bg_img_5.jpg);background-size: cover;position: relative;overflow: hidden;}
.saoma{width: 120px;height: 120px;float: left;margin: 50px;margin-top: 200px;}
.guang{height: 5px;background: linear-gradient(90deg,rgba(255,255,0,0),rgba(255,255,0,1),rgba(255,255,0,0));position: relative;top: 20px;animation: sm 1s infinite;}
@keyframes sm{
	from{top: 20px;}
	to{top: 140px;}
}
.jianbianzi{text-align: center;font-size: 68px;margin-top: 200px;
background: linear-gradient(#46736c,#d6ebe2);
color: transparent; background-clip: text;}