#banner{padding: 100px 0 0;background:url(/images/01/img-bn-bg.png) 100% 0 no-repeat;background-size:91%;position:relative}
#banner:after{content:'';position:absolute;width:12%;height:85%;background:#3d7651;right:0;top:0;z-index:0}
#banner:before{content:'';position:absolute;width:12%;height:25%;background:#3d7651;left:0;bottom:-60px;z-index:0}
#banner_box,#banner_box .item,#banner_box .img_box{position:relative;z-index:2}
#banner_box .img_box{width:100%;max-width:93.5%}
#banner_box .img_box iframe , #banner_box .img_box video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner_box .slick-dotted .slick-track { min-width: 100vw; }
#banner_box .info_box , #banner_box .atag_item { position: absolute; }
#banner_box .info_box {width: 100%;height: 100%;display: flex;align-items: center;top: 0;left: 0;display: none;}

#banner #scrollDown{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction: column-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom: 23%;right: 65px;z-index: 5;gap: 20px;}
#banner .upDown{width:100%;height: 100%;bottom: 0;left: 0;z-index: 2;position: absolute;}
#banner #scrollDown span.text{display:block;color: #ffffff;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing: 1px;font-size: 12px;font-family: "Unbounded", sans-serif;text-transform: uppercase;}
#banner #scrollDown span.scrollBtn{width:25px;height: 100px;border-radius:12.5px;position:relative;overflow:hidden;}
#banner #scrollDown:hover span.scrollBtn:after{top: 85%;width: 4px;height: 4px;}
#banner #scrollDown span.scrollBtn:after{content:"";width: 2px;height: 100%;background-color: #fff;position:absolute;top:20%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
#banner #scrollDown span.scrollArrow{width:10px;height:10px;border-right: 2px solid #414141;border-bottom: 2px solid #414141;-webkit-transform:rotate(45deg);transform:rotate(45deg);display: none;}


@media screen and (max-width: 1780px){
    #banner_box .img_box{max-width:90.5%}
	#banner #scrollDown{bottom:20%}
}
@media screen and (max-width: 1440px){
    #banner #scrollDown{bottom:18%;right:54px}
	#banner #scrollDown span.scrollBtn{height:50px}
}
@media screen and (max-width: 1280px){
    #banner #scrollDown{display:none}
	#banner_box .img_box{max-width:100%}
	#banner{padding:100px 0 0}
}
@media screen and (max-width: 1140px){
    #banner{padding:70px 0 0}
}
@media screen and (max-width: 980px){
	#banner:before{display:none}
}
@media screen and (max-width: 980px){
	#banner{padding:50px 0 0}
}