#visul { position: relative; background: #fff; clear: both; z-index: 3; }
.hero-slide .b-de { position: relative; color: #fff; background: no-repeat 50% / cover; }
.hero-slide .b-de a { display: block; }
.hero-slide .b-de img {}
.banner-txt { position: absolute; width: 100%; top: 15%; left: 0; z-index: 11; }
.banner-txt h2 { font-size: 70px; transform: translateY(-30px); opacity: 0; }
.banner-txt p { transform: translateY(30px); transition-delay: .5s; opacity: 0; }
.banner-txt p a { font-size: 18px; color: #fff; }
.slick-current.slick-active .banner-txt h2 ,
.slick-current.slick-active .banner-txt p { transform: translateY(0); opacity: 1; }

#banner .item { position: relative; overflow: hidden; text-align: right; }
#banner .item video ,
#banner .item iframe { position: absolute; width: 100%; left: 0; top: 0; }
#visul .slick-dots { bottom: 10px; }
#visul .slick-dots li button:before { color: #808080; opacity: 1; }
#visul .slick-dots li.slick-active button:before { color: #fff; }
#visul .slick-slider { margin-bottom: 0; }
#banner .btn { width: 100%; text-align: center; }
#banner .btn a {position: absolute;width: 80px;height: 60px;background: #004985;display: inline-block;right: 80px;bottom: 0;}
#banner  .btn a:before , #banner  .btn a:after {position: absolute;height: 2px;background: #fff;transition: right .2s ease-in;content: "";-webkit-transform: rotate(225deg);transform: rotate(225deg);width: 20px;bottom: 38%;right: 45%;}
#banner  .btn a:after {margin: 1px 0 0 1px;width: 20px;bottom: 60%;right: 45%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#banner  .btn a#nextBtn {background: #444b50;left: auto;right: 0;}
#banner  .btn a#nextBtn:before , #banner  .btn a#nextBtn:after {background: #ffffff;}
#banner .btn a#nextBtn:before {margin: 1px 1px 0 0;left: auto;-webkit-transform: rotate(135deg);transform: rotate(135deg);width: 20px;bottom: 38%;right: 35%;}
#banner .btn a#nextBtn:after {margin: 1px 1px 0 0;left: auto;bottom: 60%;right: 35%;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

@media screen and (max-width:1440px) {
	#banner .btn a {right: 75px;}
}
@media screen and (max-width:1280px) {
	#visul{margin-top: 60px;}
	#banner .btn a{right: 78px;}
}
@media screen and (max-width: 980px) {
	#banner .item video { width: auto; height:100%; }
	#banner .item iframe { height:100%; }
	.banner-txt h2 { font-size: 8vw; }
	#visul{margin-top: 85px;}
}
@media screen and (max-width:640px) {
	.banner-txt { top: 25%; left: 10%; width: 80%; }
	.hero-slide .b-de >img { padding: 30px 0; }
	#visul{margin-top: 85px;}
}
@media screen and (max-width:480px) {
	.banner-txt { top: 20%; }
	.banner-txt p a { font-size: 4vw; }
	#visul{margin-top: 62px;}
	#banner .btn a{right: 49px;width: 50px;height: 25px;}
	#banner  .btn a:before , #banner  .btn a:after {height: 1px;width: 10px;bottom: 32%;right: 43%;}
	#banner  .btn a:after {width: 10px;bottom: 57%;right: 42%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	#banner .btn a#nextBtn:before {margin: 1px 1px 0 0;left: auto;width: 10px;bottom: 32%;right: 35%;}
	#banner .btn a#nextBtn:after {left: auto;bottom: 60%;right: 35%;}
}
@media screen and (max-width:380px) {
	.banner-txt { top: 20%; }
	.banner-txt p a { font-size: 4vw; }
	#visul{margin-top: 64px;}
	#banner .btn a{right: 34px;width: 9.5vw;height: 5vw;}
	#banner  .btn a:before , #banner  .btn a:after {height: 1px;width: 8px;bottom: 32%;right: 43%;}
	#banner  .btn a:after {width: 8px;bottom: 57%;right: 42%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	#banner .btn a#nextBtn:before {margin: 1px 1px 0 0;left: auto;width: 8px;bottom: 32%;right: 35%;}
	#banner .btn a#nextBtn:after {left: auto;bottom: 60%;right: 35%;}
}
@media screen and (max-width:380px) {
	#banner .btn a{right: 28px;}
}