#banner{background-image: url(/images/00/bannerBg.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;position: relative;overflow: hidden;}

#banner .video-bg{position:absolute;top: 0;width: 100%;height: 100%;z-index: 1;opacity: .1;}

#banner_box , #banner_box .item , #banner_box .img_box {position: relative;min-width: 100vw;z-index: 2;}
#banner_box .img_box img {width: 100vw;height: 95vh;}
#banner_box .info_box , #banner_box .atag_item {position: absolute;}
#banner_box .atag_item {z-index:3;}
#banner_box .info_box{top: 21%;width: 100%;display: flex;flex-direction: column;align-items: center;z-index: 5;}
#banner_box .info_box h2{font-size: max(4.5 * (1vw + 1vh) / 2, 30px);color: #fff;word-spacing: 100vw;text-align: center;line-height: 1.4;font-weight: 500;}
#banner_box .info_box p{display:flex;justify-content: center;align-items: flex-end;font-size: max(2.3 * (1vw + 1vh) / 2, 17px);color: var(--light);position: relative;}
#banner_box .info_box p .more_btn{position: absolute;right: 0;margin-bottom: 5px;}

#banner_box .slick-dots { bottom: 20px; }
#banner_box .slick-dots li { opacity: .2; display: inline-flex; justify-content: center; align-items: center; }
#banner_box .slick-dots li.slick-active { opacity: 1; }
#banner_box .slick-dots li button { width: 10px; height: 10px; background: var(--info); border-radius: 50%; box-shadow: 0 0 5px #fff; }
#banner_box .slick-dots li button:before { content: ""; }

#followus{position:absolute;display: flex;flex-direction: column;align-items: center;bottom: 50px;left: 100px;z-index: 10;}
#followus span{width:1px;height: 90px;background:#e0dfdc;margin-bottom: 20px;}
#followus a{margin: 15px 0;}
#followus a:hover{opacity:.7}
#followus svg{fill:#e0dfdc;}

@media screen and (max-width: 1280px){
	#followus{left:50px;}
	#banner_box .img_box img {height: 100vh;}
	#followus svg{width:25px;height: 25px;}
}
@media screen and (max-width: 1160px){
	#banner_box .img_box img {height: 90vh;}
}
@media screen and (max-width: 768px){
	#banner .video-bg video{height: 100%;}
	#followus{display:none;}
	#banner_box .img_box img {height: 60vh;}
	#banner_box{padding-top:30px;}
}
@media screen and (max-width: 640px){
	#banner_box .item{padding-top: 160px;}
	#banner_box .img_box img {height: 40vh;}
	#banner_box .info_box{top: 15%;}
	#banner_box .info_box p .more_btn{margin: 135px 48px 0px;font-size: 14px;display: inline-flex;align-items: center;}
	#banner_box .info_box p{flex-direction: column;align-items: center;text-align: center;}
	
}