@charset "utf-8";

.ds-body-mid-index #ds-lt-header-main:not(.scroll-to-fixed-fixed) {border:none;}

#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-index-A {position:relative; overflow:hidden; height:800px;}
#ds-index-A .ds-lt-width {display:flex; justify-content:space-between; align-items:center; margin-top:250px; z-index:1; position:relative; max-width:1300px;}

#ds-index-A-icon {flex:0 0 47%; max-width:47%;}
#ds-index-A-ban {flex:0 0 45%; max-width:45%;}

#ds-index-A .ds-video-bg iframe {z-index:-2;
	width: 100vw;
	height: 41.67vw;
	min-height: 100vh;
	min-width: 240vh;
}

#ds-index-A-icon span {display:block;}
#ds-index-A-icon h2 {font-size:1.8em; margin:0 0 1em 0;}
#ds-index-A-icon h2 span:nth-of-type(2) {color:#fff; font-size:1.5em;}

#ds-index-A-icon ul {display:flex; flex-wrap:wrap; align-items:stretch; text-align:center; padding:0; margin: 1em 0 0 0; color:#fff;}
#ds-index-A-icon li {flex:0 0 25%;}
#ds-index-A-icon li:nth-of-type(4)~li {margin-top:15px;}
#ds-index-A-icon a {display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%;}
#ds-index-A-icon a:hover img {transform:scale(1.05,1.05); transition-delay:0;}
#ds-index-A-icon a span {margin-top:0.5em;}

#ds-index-A-ban {border:8px solid #fff; box-shadow:10px 10px 10px #333;}
#ds-index-A-ban .ds-wg-swiper .swiper-slide {padding-bottom:60.56%;}

.ds-index-A-bg {position:absolute; z-index:-1;}
#ds-index-A-bg-a {width:7.1%; height:12.8%; background-image:url('../layout/img/m11cloud.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; left:-90px; top: -5px;}
#ds-index-A-bg-b {width:7.7%; height:15.8%; background-image:url('../layout/img/m12cloud.png'); background-repeat:no-repeat; background-size:contain; background-position:center center; right:-110px; bottom:0;}
#ds-index-A-bg-c {width:100%; height:100%; background-image:url('../layout/img/m13mt.png'); background-repeat:repeat-x; background-position:center bottom; bottom:0;}

#ds-index-A-icon h2 span {transition-duration:4s}
#ds-index-A-icon h2 span:nth-of-type(1) {transition-delay:0.5s;}
#ds-index-A-icon h2 span:nth-of-type(2) {transition-delay:1.3s;}

#ds-index-A-icon li:nth-of-type(1) {transition-delay:0.2s;}
#ds-index-A-icon li:nth-of-type(2) {transition-delay:0.4s;}
#ds-index-A-icon li:nth-of-type(3) {transition-delay:0.6s;}
#ds-index-A-icon li:nth-of-type(4) {transition-delay:0.8s;}
#ds-index-A-icon li:nth-of-type(5) {transition-delay:0.5s;}
#ds-index-A-icon li:nth-of-type(6) {transition-delay:0.7s;}
#ds-index-A-icon li:nth-of-type(7) {transition-delay:0.9s;}
#ds-index-A-icon li:nth-of-type(8) {transition-delay:1.1s;}

#ds-index-A-ban {transition-duration:4s; transition-delay:0s;}
#ds-index-A-bg-c {transition-duration:5s; transition-delay:0s;}
#ds-index-A-bg-a {transition-duration:7s; transition-delay:0s;}
#ds-index-A-bg-b {transition-duration:7s; transition-delay:2s;}

.ds-index-wg>div {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
.ds-index-B h2 {flex:1 0 100%; margin:10% 0; text-align:center; font-size:1.8em;}

.ds-index-B>div>div,
.ds-index-C>div>div {flex:0 0 48%;}

.ds-index-wg >div>div ul {list-style:none; margin:0; padding:0;}

.ds-index-B>div>div ul {display:flex; justify-content:space-between; align-items:stretch; text-align:center; flex-wrap:wrap;}

.ds-index-B>div>div ul>li {flex:0 0 47%; border-radius:20px; overflow:hidden; position:relative; background:url('../pages/img/cns1000.png') no-repeat #eee center center; background-size:cover;}

.ds-index-wg>div>div ul>li a {display:block;}
.ds-index-wg>div>div ul>li:hover img{transform:scale(1.02,1.02)}
.ds-index-wg>div>div ul>li>div.thumbnail {font-size:0; }
.ds-index-wg>div>div ul>li>div.thumbnail img {max-width:100%; height:auto;}

.ds-index-B>div>div ul>li>div.content_wrp {height:initial!important; background:rgba(0,0,0,0.8); color:#fff; position:absolute; bottom:0; width:100%; padding:0.3em 0; opacity:0; transition:all 0.5s;}
.ds-index-B>div>div ul>li:hover>div.content_wrp {opacity:1;}
.ds-index-B>div>div ul>li>div.content_wrp>div {overflow:hidden;}

.ds-index-B p.title_wrp {margin:0; font-size:0.9em;}
.ds-index-B p.title_wrp a {margin:0; font-size:0.9em; -webkit-line-clamp:2;}
.ds-index-wg p.content {text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical;}
.ds-index-wg p.title_wrp a {text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical;}

.ds-index-wg .date {font-size:0.9em;vertical-align:middle;}
.ds-index-wg .date * {vertical-align:middle;}
.ds-index-wg .date .xi-time {margin-right:0.5em;}
.ds-index-wg .date .ds-time-d:before,
.ds-index-wg .date .ds-time-m:before {content:"-"}
.ds-index-wg .date .ds-time-h {display:none;}

.ds-index-C-title h2 {margin:20% 0 3% 0; padding:0 0 0.5em 0.3em; border-bottom:2px solid #59417c; text-align:left; font-size:1.5em;}
.ds-index-C ul.vc_list>li{display:flex; flex-direction:row-reverse; justify-content:space-between; width:98%; margin-left:auto; margin-right:auto; height:160px;}
.ds-index-C ul.vc_list>li+li {margin-top:2em;}
.ds-index-C ul.vc_list>li .content_wrp{flex:auto; height:initial!important;}
.ds-index-C ul.vc_list>li .thumbnail{max-width:30%;}
.ds-index-C ul.vc_list>li .thumbnail>a{font-size:0; background:#eee; border-radius:20px; overflow:hidden;}
.ds-index-C ul.vc_list>li .title_wrp{margin:0 0 0.5em 0; font-weight:bold;}
.ds-index-C ul.vc_list>li .title_wrp a { -webkit-line-clamp:1;}
.ds-index-C ul.vc_list>li .content { -webkit-line-clamp:3; font-size:0.85em; margin:0;}
/* .ds-index-C ul.vc_list>li .content_wrp>div>* {margin:0;} */


#ds-index-D>div>div {flex:0 0 100%;}
#ds-index-D>div>div ul>li {flex:0 0 24%;}
#ds-index-D>div>div ul>li:nth-of-type(4)~li {margin-top:10px;}

#ds-index-E {margin:8% 0 0 0; text-align:center;}
#ds-index-E ul {list-style:none; margin:0; padding:0; display:flex; justify-content:space-around; align-items:flex-start; font-size:0;}
#ds-index-E li~li{margin-left:3%;}
/* #ds-index-E li:nth-last-child(1) {flex:0 0 10%; width:10%;} */
#ds-index-E a {display:block;}
#ds-index-E a img { max-width:100%; height:auto;}
#ds-index-E a:hover img{transform:scale(1.03, 1.03);}

#ds-index-E li:nth-of-type(1) {transition-delay:0.0s}
#ds-index-E li:nth-of-type(2) {transition-delay:0.2s}
#ds-index-E li:nth-of-type(3) {transition-delay:0.4s}
#ds-index-E li:nth-of-type(4) {transition-delay:0.6s}
#ds-index-E li:nth-of-type(5) {transition-delay:0.8s}
#ds-index-E li:nth-of-type(6) {transition-delay:1.0s;}