.text-moBlue{color:#00c8ff!important}
.bg-moBlue{background-color:#00c8ff!important}
.bd-moBlue{border-style:solid;border-color:#00c8ff!important}
.text-earthGold{color:#f2f2f2!important}
.bg-earthGold{background-color:#f2f2f2!important}
.bd-earthGold{border-style:solid;border-color:#f2f2f2!important}
.text-orange{color:#ff8000!important}
.bg-orange{background-color:#ff8000}
.bd-orange{border-style:solid;border-color:#ff8000}
.text-cherry{color:#e31d64!important}
.bg-cherry{background-color:#e31d64!important}
.bd-cherry{border-style:solid;border-color:#e31d64!important}
.text-mintGreen{color:#f2f8e7!important}
.bg-mintGreen{background-color:#f2f8e7!important}
.bd-mintGreen{border-style:solid;border-color:#f2f8e7!important}
.text-limeGreen{color:#b4d26c!important}
.bg-limeGreen{background-color:#b4d26c!important}
.bd-limeGreen{border-style:solid;border-color:#b4d26c!important}
.text-tomatoRed{color:#f84e59!important}
.bg-tomatoRed{background-color:#f84e59!important}
.bd-tomatoRed{border-style:solid;border-color:#f84e59!important}
.text-silver{color:#eee!important}
.bg-silver{background-color:#eee!important}
.bd-silver{border-style:solid;border-color:#eee!important}
.text-gray{color:#b1b3b6!important}
.bg-gray{background-color:#b1b3b6!important}
.bd-gray{border-style:solid;border-color:#b1b3b6!important}
.sec1{aspect-ratio:1/.6;margin-bottom:0}
.sec1 .bg,.sec1 .content{width:80%;margin:0 10%}
.sec1 .bg{background-image:url(../images/sec1Bg.jpg)}
.sec1 .bg .imgCnt img{-webkit-filter:blur(5px);filter:blur(5px)}
.sec1 .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.sec1 .content .titleBlock .title{font-size:25px;letter-spacing:17px;color:#000}
.sec1 .content .titleBlock .titleS,.sec1 .content .titleBlock .titleS>div{font-size:21px;letter-spacing:17px;color:#000;background:-webkit-linear-gradient(90deg,#ddd 0,#000 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:3px;margin-bottom:10px}
.sec2 .bg{width:80%;margin:0 10%;height:100%;background-image:url(../images/sec1Bg.jpg);background-size:contain}

.sec2 .content .topArea{padding:40px 0 100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;overflow:hidden}
.sec2 .content .stage{padding-bottom:50px}
.sec2 .content .stage .block{position:relative;margin:200px 0}
.sec2 .content .stage .imgCnt{position:fixed;width:35%;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);top:40%;margin-top:-100px;opacity:0;height:initial;z-index:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;max-width: 640px; height: auto;}
.sec2 .content .stage .imgCnt.lock{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.sec2 .content .stage .imgCnt img{-o-object-fit:contain;object-fit:contain;}
.sec2 .content .stage .category{font-size:18px;color:#000;font-weight:700}
.sec2 .content .stage .title{font-size:30px;font-weight:700;line-height:30px;margin:30px 0;color:#ff8000}
.sec2 .content .stage .status{width:150px;color:#fff;border-radius:25px;letter-spacing:2px;padding:5px 8px;text-align:center;background-color:#00c8ff;margin-bottom:20px}
.sec2 .content .stage ul li{list-style-type:disc;font-size:16px;color:#333;padding:5px 0;margin-left:20px}

#smooth-content .desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;min-height: 180px;}

.sec3 .bg{width:100%;height:100%;background-position-x:-500px;background-image:url(../images/sec1Bg.jpg);background-size:contain}
.sec3 .content .topArea{padding:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.sec3 .content .stage{padding-bottom:50px}
/* .sec3 .content .stage .swiper{-webkit-box-shadow:10px 10px 8px #ccc;box-shadow:10px 10px 8px #ccc;height:500px} */
.sec3 .content .stage .listGroup .list-group-item .desc{font-size:16px;font-weight:700}
.sec4 .bg{width:100%;height:100%;background-position-x:900px;background-image:url(../images/sec1Bg.jpg);background-size:contain}
.sec4 .content .topArea{padding:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.sec4 .content .swiper{height:300px;margin-bottom:70px}
.sec4 .content .swiper .swiper-slide{width:auto}
.sec4 .content .stage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.sec4 .content .stage .desc{font-size:16px;line-height:40px;text-align:center;margin-bottom:40px}
.sec4 .content .stage .joinBtn{background-image: -webkit-gradient(linear, left top, right top, from(#f5ce62), color-stop(#e43603), color-stop(#fa7199), to(#e85a19));background-image: -o-linear-gradient(left, #f5ce62, #e43603, #fa7199, #e85a19);background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);-webkit-box-shadow: 0 4px 15px 0 rgb(229 66 10 / 75%);box-shadow: 0 4px 15px 0 rgb(229 66 10 / 75%); border: 0 none;background-size: 300% 100%;}
.sec4 .content .stage .joinBtn.active,.sec4 .content .stage .joinBtn:hover{    background-position: 100% 0;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.sec5 .content .topArea{padding:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}

.sec5 .content .swiper{height:300px;margin-bottom:70px}
.sec5 .content .stage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:50px}
.sec5 .content .stage .listGroup .list-group-item{-webkit-box-align:start;-ms-flex-align:start;align-items:start}

/* news */
.sec3 .swiper{border: 0 none;}
.sec3 .NewsImage{display: none;position: relative;}

.sec3 .NewsImage.active{display: block;height:500px;width: 100%;}
/* .sec3 .NewsImage::after{content: ""; -webkit-box-shadow: 10px 10px 8px #ccc;box-shadow: 10px 10px 8px #ccc; position:absolute; left: -10px; right: -10px; top: -10px; bottom:-10px;} */
/* .sec3 .NewsImage.active img{} */
.sec3 .list-group .list-group-item{padding: 4% 20px;}
.sec5 .ImgBlock{height: 410px;}
@media (max-width:991px){
  .sec1{aspect-ratio:initial}
  .sec1 .bg,.sec1 .content{width:100%;margin:0;height:400px}
  .sec1 .bg{background-size:contain}
  .sec1 .bg .imgCnt img{-o-object-fit:contain;object-fit:contain}
  .sec1 .content{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
  .sec1 .content .titleBlock{right:5%}
  .sec1 .content .titleBlock .title{font-size:23px;letter-spacing:8px}
  .sec1 .content .titleBlock .titleS,.sec1 .content .titleBlock .titleS>div{font-size:17px;letter-spacing:1.5px;margin-bottom:10px}
  .sec2 .content .topArea{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:40px 0}
  .sec2 .content .stage .imgCnt{width:30%}
  .sec2 .content .stage .block{margin:100px 0 200px}
  .sec2 .content .stage #smooth-content div:nth-child(3){margin-bottom:50px}
  .sec2 .content .stage .title{font-size:25px;line-height:25px;margin:20px 0}
  .sec2 .bg{width:100%;margin:0}
  .sec3 .NewsImage.active{height:450px}
  .sec5 .ImgBlock{height: auto;}
  /* .sec3 .content .stage .swiper{height:450px} */
}

@media (max-width:768px){
  .sec1 .bg{top:0;bottom:0;margin:auto;aspect-ratio:1/.6}
  .sec1 .content .titleBlock{width:100%;right:initial;padding:0 15px;text-align:center}
  .sec1 .content .titleBlock .title{letter-spacing:2px;line-height:30px}
  .sec1 .content .titleBlock .titleS,.sec1 .content .titleBlock .titleS>div{letter-spacing:1.2px;margin-bottom:10px}
  .sec2 .content .stage .imgCnt{position:relative;width:100%;top:initial;left:initial;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
  .sec2 .content .stage .imgCnt img{-o-object-fit:contain;object-fit:contain}
  .sec2 .content .stage .block .category{font-size:16px;margin-top:20px}
  .sec2 .content .stage .block ul li{padding:2px 0}
  .sec3 .content .topArea{padding:20px 0}
  /* .sec3 .content .stage .swiper{height:initial;aspect-ratio:1/.6} */
  .sec4 .content .topArea{padding:20px 0}
  .sec4 .content .swiper .swiper-slide{width:100%}
  .sec5 .content .topArea{padding:20px 0}
  .sec5 .content .stage .imgCnt{height:auto}
  .sec3 .NewsImage.active{height: auto;}
}