#menu{position: fixed;right: 80px;z-index: 1;top:50%;margin-top: -85px;font-size: 14px;color: #fff;font-weight: 700;text-shadow: 1px 0 3px rgba(0,0,0,.7);text-align: right;line-height: 1.15}
#menu:before{position: absolute;right: 0;width: 1px;top:50%;height: 170px;margin-top: -85px;background: #fff;content: ''}
#menu li{margin-top: 18px}
#menu li:first-child{margin-top: 0;}
#menu a{display: block;padding-right: 36px;position: relative;}
#menu a:after{position: absolute;top:50%;right: -5px;content: '';width: 10px;height: 10px;background: #fff;border-radius: 50%;margin-top: -5px;z-index: 1}
#menu .active a:after{background: #ee6321}
#menu .active a:before{position: absolute;content: '';width: 24px;height: 24px;background: #fff;right: -12px;top:50%;margin-top: -12px;opacity: 0.5;border-radius: 50%}

#menu.l{right: auto;left: 80px;text-align: left}

.intro_w .section{background:url('') center center no-repeat;background-size: cover}
#intro_bg{background: url('/resources/img/farm/intro_bg.jpg') center center no-repeat;background-size: cover;padding: 270px 0 100px 0}
#intro1{background-image: url('/resources/img/farm/intro1.jpg')}
#intro2{background-image: url('/resources/img/farm/intro2.jpg')}
#intro3{background-image: url('/resources/img/farm/intro3.jpg')}
#intro4{background-image: url('/resources/img/farm/intro4.jpg')}
#intro_bg p{transform: scale(.88);transition: all 0.3s;opacity: 0;padding-bottom: 180px}
#intro_bg .scale{transform:scale(1);opacity: 1}
#intro_bg img{display: block;margin: 0 auto;max-width: 80%}
#intro_bg .scroll{position: absolute;;bottom:100px;left: 50%;margin-left: -18px}
#intro_bg .scroll img{position: relative;}
.intro_w .bg{background: #fff;width: 40%;max-width: 670px;padding: 200px 50px 280px 50px;position: relative;}
.intro_w .txt_r{float: right}
.intro_w h2{font-size:2.625em;line-height: 1.18;margin-bottom: 1.8em;color: #000;position: relative;}
.intro_w h2 span{position: absolute;bottom: -0.952em;width: 3.5em;height: 3px;content: '';background: #FF6400;display: block;opacity: 0}
.txt_r h2 span{left: 0}
.txt_l h2 span{left: 0}
.intro_w .txt p{color: #666;line-height: 1.5}
.intro_nav{position: absolute;bottom: 180px;white-space: nowrap;font-size: 0.933em;font-weight: 700;color: #000}
.intro_nav a{float: left;width: 20px;height: 12px;white-space: nowrap;overflow: hidden;text-indent: -999px;background: url('') center center no-repeat;background-size: 100%}
.intro_nav .up{background-image: url('/resources/img/farm/intro_up.gif');position: relative}
.intro_nav:before{position: absolute;left:33px;width: 2px;height: 1em;background: #ddd;content: '';top:50%;margin-top: -0.5em}
#intro4 .intro_nav:after{background: none}
.intro_nav .down{background-image: url('/resources/img/farm/intro_down.gif');margin-left: 28px}
.intro_nav p{margin-left: 25px;line-height: 12px;float: left}

#video {display: flex; width: 100%; height: 80vh; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
#video iframe{width:60%; height: 100%;}
#video .twrap{width: 40%; height: auto; padding: 150px 50px 280px 50px;}
#video .twrap h2{font-size: 1.95em;line-height: 1.18;margin-bottom: 1.8em;color: #000;position: relative;}
#video .twrap h2 p{color: #FF6400;}
#video .twrap h2 span{position: absolute;bottom: -0.952em;width: 3.5em;height: 3px;content: '';background: #FF6400;display: block;}
#video .twrap >p{color: #666;line-height: 1.5}

.section h2,.section .txt{position: relative;opacity: 0}
.section .txt_r h2, .section .txt_r .txt{left: 30px}
.section .txt_l h2, .section .txt_l .txt{left: 30px}
.section .txt_r h2 span,
.section .txt_l h2 span{margin-left: -80px}
@media (max-width:1280px){
	#menu{right: 3%}
	#video iframe{width: 50%;}
	.intro_w .bg{width: 50%;padding: 100px 30px}
	#video .twrap{width: 50%;padding: 100px 30px;}
}
@media (max-width:1024px){
	#menu{display: none}
	#intro_bg{padding: 180px 0;position: relative;}
	#intro_bg .scroll{bottom: 1.5em}
	#intro_bg p{padding-bottom: 0}
	.intro_nav{bottom: 30px}
	.intro_w h2{font-size: 2.1em}	
	#video .twrap h2{font-size: 1.7em}
	#video .twrap >p {font-size: 0.9em;}
}
@media (max-width:640px){
	.intro_w .bg{width: 100%;padding: 10% 1rem}
	#video{display: block;height: auto;}
	#video iframe{width: 100%;height: 20em;}
	#video .twrap{width: 100%;padding: 10% 1rem}
	.intro_nav{position: relative;margin-top:3em;bottom: 0}
	.i1,.i2,.i3,.i4{padding-bottom: 50%}
/* 	.txt_l h2 span{right: -30px}
	.txt_r h2 span{left: -30px} */
}