/* main banner */
#main-banner{overflow:hidden;position:relative}
#main-banner .rslides_tabs{position:absolute;width:100%;text-align:center;bottom:44px;z-index:100}
#main-banner .rslides_tabs li{margin:0 5px;display:inline-block}
#main-banner .rslides_tabs li a{width:55px;height:5px;background:#fff;display:block;text-indent:-999999px;opacity:.5}
#main-banner .rslides_tabs li:hover a,#main-banner .rslides_tabs li.rslides_here a{opacity:1}


/* banner */
#banner .slick-slider{margin:0}
#banner{position:relative;margin-top:90px;z-index:2}
#banner .photo{position:relative;width:calc((100% / 1) - 0px);height:100%;background:no-repeat 50% 100% / cover}

/* scrollBtn */
#scrollBtn{position:absolute;margin-left:-15px;padding-bottom:70px;width:20px;text-transform:uppercase;text-align:center;letter-spacing:2px;font-size:13px;color:rgb(20 20 20);bottom:36px;right:54px;z-index:1;animation:godown 1s infinite linear;-webkit-animation:godown 1s infinite linear;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}
#scrollBtn::before{position:absolute;margin-left:-.5px;width:1px;height:70px;background:linear-gradient(to top,transparent 32%,#000 0,#000 66%,transparent 0,transparent 100%) 50% 100%/1px 300% no-repeat;top:70px;left:46%;-webkit-animation:2.3s scrollBtnAni linear both infinite;animation:2.3s scrollBtnAni linear both infinite;content:""}

#banner video{position: absolute;top: 0;z-index: 22;object-fit: cover;height: 100%;object-position: 50%;}
#banner .masklink{z-index: 2222222;width: 100%;height: 100%;top: 0;}

@media screen and (max-width:1470px) {
	#banner{margin-top:77px}
	#banner .photo img{height:523px}
	header #header_bar a.btn{padding:13px}
}

@media screen and (max-width:1160px) {
	#banner{margin-top:88px}
	#banner .photo{}
	#scrollBtn{display:none}
}

@media screen and (max-width:768px) {
	#main-banner ul li img{height:37vh}
	a.photo{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:block}
	#banner .photo{background-position: 22% 50%;background-size:cover}
	#banner .photo img{height: 410px;}
}

@media screen and (max-width:640px) {
	#main-banner .rslides_tabs {display: none;}
	#banner video{left: -44%;}
}

@media screen and (max-width:480px) {
	#main-banner ul li img{height:24vh}
	#banner .photo{background-position: 30% 50%;}
	#banner .photo img{height: 425px;}
}