@charset "utf-8";

#ds-lt-header {position:relative!important;}

#ds-lt-content>main>section.ds-lt-width {padding-top:0; padding-left:0; padding-right:0; min-width:100%; max-width:100%;}

@media all and (min-width:768px){
	#ds-lt-content>main>section.ds-lt-width {font-size:19px; line-height:1.5;}
}

.ds-lt-img {text-align:center; font-size:0;}
.ds-lt-img a {display:inline-block;}
.ds-lt-img img{max-width:100%; height:auto;}
.ds-a-scale a:hover {transform:scale(1.05); font-weight:bold;}
.ds-index-link-box a {padding:0.5em 2em; border:2px solid #fff; white-space:nowrap; color:#fff; }
.ds-index-link-box a:hover {background:steelblue;}

/* SWIPER */
.ds-swiper .swiper-slide {background-size:cover; background-position:center center; background-repeat:no-repeat; opacity:0!important;}
.ds-swiper .swiper-slide-active {z-index:2; opacity:1!important;}
.ds-swiper .swiper-slide> .ds-lt-width {display:flex; justify-content:center; align-items:center; height:100%;}
.ds-swiper .swiper-slide> .ds-lt-width >div {display:flex; flex-direction:column; align-items:center;}

/* SWIPER */
.ds-swiper>ul>li.swiper-slide-prev *[class*="ds-swiper-prx"],
.ds-swiper>ul>li.swiper-slide-active *[class*="ds-swiper-prx"] {opacity:1!important; transform:translate(0, 0) scale(1, 1)!important; transition-property:opacity, transform!important;}

/* SWIPER MAIN */
#ds-index-ban1 {/*height:100vh; min-height:800px;*/ text-align:center; color:#fff; background:#ebebeb;}

#ds-index-ban1 .swiper-slide>div {position:relative;}
#ds-index-ban1 .swiper-slide>div>div {position:relative; width:100%; height:0; padding-bottom:50.78%;}
#ds-index-ban1 .swiper-slide>div>div * {position:absolute; width:100%; height:100%;}
#ds-index-ban1 .ds-index-ban1-bg {background-size:cover; background-position:center center; background-repeat:no-repeat; transition-delay:0; transition-duration:6s; transform:scale(1, 1);}
#ds-index-ban1 .ds-swiper>ul>li.swiper-slide-prev *.ds-index-ban1-bg,
#ds-index-ban1.ds-swiper>ul>li.swiper-slide-active *.ds-index-ban1-bg {transform:scale(1.02,1.02)!important;}

#ds-index-ban1-A .ds-index-ban1-bg {background-image:url('../layout/img/mainbanner01.jpg')}
#ds-index-ban1-B .ds-index-ban1-bg {background-image:url('../layout/img/mainbanner02.jpg')}
#ds-index-ban1-C .ds-index-ban1-bg {background-image:url('../layout/img/mainbanner03.jpg')}
#ds-index-ban1-D .ds-index-ban1-bg {background-image:url('../layout/img/mainbanner04.jpg')}
#ds-index-ban1-E .ds-index-ban1-bg {background-image:url('../layout/img/mainbanner05.jpg')}
#ds-index-ban1-F .ds-index-ban1-bg {background-image:url('../layout/img/mainbanner06.jpg')}
#ds-index-ban1-G .ds-index-ban1-bg {background-image:url('../layout/img/mainbanner07.jpg')}
#ds-index-ban1-H .ds-index-ban1-bg {background-image:url('../layout/img/mainbanner08.jpg')}
#ds-index-ban1-I .ds-index-ban1-bg {background-image:url('../layout/img/mainbanner09.jpg')}

#ds-index-2 {font-size:0; line-height:1; text-align:center; margin:0.5% 0;}
#ds-index-2 ul {display:flex; justify-content:space-evenly; align-items:center;}
#ds-index-2 li {flex:1 0 25%;}
#ds-index-2 li:nth-of-type(1) {transition-delay:0.5s!important;}
#ds-index-2 li:nth-of-type(2) {transition-delay:0.8s!important;}
#ds-index-2 li:nth-of-type(3) {transition-delay:1.1s!important;}
#ds-index-2 li:nth-of-type(4) {transition-delay:1.4s!important;}
#ds-index-2 a {display:block;}
#ds-index-2 img {max-width:100%; height:auto;}

.ds-index {font-size:0; line-height:1; text-align:center;}
.ds-index a {display:block; overflow:hidden;}
.ds-index img{max-width:100%; height:auto;}
@media all and (min-width:768px) {
.ds-index a:hover img{transform:scale(1.01, 1.01)}
}

#ds-index-3 {background:#ff9900}
#ds-index-4 {background:#006699}
#ds-index-video .ds-video-bg,
#ds-index-video {background-image:url('https://i.vimeocdn.com/video/1441571578-3be7621ec12be4d5745aabe03f46b518e3c83b0b126b9d10f10885849a024152-d?mw=1900&mh=495'); background-repeat:repeat-x; background-position:center center; background-size:contain}
#ds-index-video>div {max-width:1600px; margin:0 auto; position:relative;}
#ds-index-video .ds-video-bg {width:100%; padding-bottom:26.04%; position:relative;}
#ds-index-video iframe{position:absolute; width:100%; height:100%;}

.ds-index-video-item img {position:absolute; z-index:1; bottom:0; width:auto; transition-duration:5s!important;}
.ds-index-video-item img:nth-of-type(1) {height:75%; left:5%;}
.ds-index-video-item img:nth-of-type(2) {height:75%; right:5%; transition-delay:0.5s!Important;}