#visul { position: relative; width: 100vw; height: 100vh; background: #fff; clear: both; }

#visul [class^="triangle-"] { position: absolute; border-style: solid; border-width: 29vw 29vw 0 29vw; border-color: rgba(0, 42, 65, .8) transparent transparent transparent; top: 0; right: -5vw; z-index: 10; }
#visul .triangle-2 { border-width: 0 14vw 14vw 0; border-color: transparent #ed8b00 transparent transparent; top: 10vw; right: 16vw; }

#banner .item { position: relative; overflow: hidden; text-align: right; }
#banner .item:before { position: absolute; width: 100%; height: 100%; background: url(/images/32/img-bannerBg.png) rgba(0,10,15,.7); top: 0; left: 0; z-index: 2; content: ""; }
#banner .item .banner-txt { position: absolute; width: 60%; top: 36%; left: 20%; z-index: 11; }
#banner .item .banner-txt h2 { font-weight: 300; line-height: 1.2; font-size: 55px; color: #ed8b00; }
#banner .item .banner-txt p { margin: 30px 55px; }
#banner .item .banner-txt p a { line-height: 1.2; font-size: 20px; color: #fff; }
#banner .item.hero-slide .b-de { position: relative; color: #fff; background: no-repeat 50% / cover; }
#banner .item.hero-slide .b-de >img { width: 100%; height: 100vh; }
#banner .item video , #banner .item iframe { position: absolute; width: 100%; left: 0; top: 0; z-index: 1; }
#banner .item a.link::after{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

#visul .slick-dots { bottom: 65px; }
#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; }

@media screen and (max-width:1440px) {
	#visul .triangle-1 { right: 5vw; }
	#visul .triangle-2 { top: 16vw; right: 26vw; }
}
@media screen and (max-width:1280px) {
	#visul .triangle-1 { right: 15vw; }
	#visul .triangle-2 { right: 36vw; }
}
@media screen and (max-width:1024px) {
	#visul .triangle-1 { right: -15vw; }
	#visul .triangle-2 { right: 2vw; }
	#visul .slick-dots { bottom: 15vw; z-index: 10; }
}
@media screen and (max-width:980px) {
	#banner .item video { width: auto; height: 100%; }
	#banner .item iframe { height:100%; }
}
@media screen and (max-width:640px) {
	#banner .item .banner-txt { width: 80%; left: 10%; }
	#banner .item .banner-txt h2 { font-size: 10vw; }
	#banner .item .banner-txt p { margin: 10px 0; }
	#banner .item .banner-txt p a { font-size: 4vw; }
}