@charset "UTF-8";

.wrap-depart {position: relative; width:100%; z-index: 1;}
.wrap-depart .inner {display: flex; font-size: 0;}
.wrap-depart .box {position: relative; border-radius:20px 45px 20px 20px; overflow:hidden; background:#000;}
.wrap-depart .img-box {width:100%; height:100%; position: relative; padding-bottom:100%;}
/* .wrap-depart .img-box img {width:100%; height:100%; object-fit: cover;} */
.wrap-depart .img-box img {width:100%; height:100%; object-fit: cover; min-height:100%; position: absolute; left:0; top: 0; opacity:0.9; transition: transform .35s;}
.wrap-depart a:hover .img-box img {transform:scale(1.1)}
.wrap-depart .main-slider {position: relative; width:670px; padding:0 80px; margin-right: 30px; margin-top: 70px;}
.wrap-depart .main-slider .box {width:450px; margin:0 30px;}
.wrap-depart .main-slider .img-box {position: relative;}
.wrap-depart .main-slider .img-box::after {content:''; position: absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, transparent 20%, rgba(0,0,0,0.5) 70%) no-repeat;}
.wrap-depart .main-slider .text-box {position: absolute; bottom:0; padding:30px 30px 50px 30px;width:100%;}
.wrap-depart .main-slider .text-box strong {font-size: 26px; line-height: 36px; font-family: 'SUITE Medium'; color:#fff; display: block; border-bottom:1px solid #fff; padding-bottom:8px; margin-bottom: 12px; width:100%;}
.wrap-depart .main-slider .text-box p {font-size: 16px; font-family: 'HG Regular'; color:#fff; line-height: 24px;}
.wrap-depart .nodata {height:450px; font-size: 17px; display: flex; align-items: center; justify-content: center; font-family: 'HG Regular';}
/* .sub-slider{display: none;} */
/* .wrap-depart .sub-slider {width:73.2%;} */
.wrap-depart .sub-slider {width:68.6%;}
.wrap-depart .sub-slider .slick-slide {margin-right:50px; position: relative; padding-top:70px; transition: padding 1s cubic-bezier(0.7, 0, 0.3, 1)}
.wrap-depart .sub-slider .slick-now {padding-top: 0;}
.wrap-depart .sub-slider .slick-slide img {opacity:0.7;}
.wrap-depart .sub-slider strong {position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size: 30px; line-height: 36px; font-family: 'SUITE Medium'; width:100%; text-align: center;}

.wrap-depart .control {position: absolute; top:50%; left:0; width:100%; }
.wrap-depart .control button {width:80px; height:80px; background-color:#AEAEAE; background-repeat:no-repeat; background-position:center; border-radius:50%; overflow:hidden; text-indent: -9999px; position: absolute; top:50%; margin-top:-40px;}
.wrap-depart .control button:hover {background-color:#005BAC;}
.wrap-depart .control .prev {left:0; background-image:url('../images/prev.png');}
.wrap-depart .control .next {right:0; background-image:url('../images/next.png');}

@media screen and (max-width:1200px) {
    .wrap-depart .inner {flex-direction: row-reverse; margin:0 40px; position: relative;}
    .wrap-depart .main-slider {width:670px; margin-right:0; margin-top: 0;}
    .wrap-depart .sub-slider {width:220px; position: absolute; left:0; bottom:0; top:unset !important; }
    .wrap-depart .sub-slider .slick-slide {margin-right:0; padding-top: 0;}
    .wrap-depart .sub-slider .box {border-radius:10px;}
    .wrap-depart .sub-slider strong {font-size: 22px;}
}
@media screen and (max-width:980px) {
    .wrap-depart {margin-top: 25px;}
    .wrap-depart .inner {flex-direction: unset; justify-content: center;}
    .wrap-depart .main-slider {width:670px;}
    .wrap-depart .main-slider .box {width:auto;}
    .wrap-depart .sub-slider {display: none;}
}
@media screen and (max-width:768px) {
    .wrap-depart .inner {margin:0 20px;}
    .wrap-depart .main-slider {width:100%; padding:0 30px;}
    .wrap-depart .main-slider .box {margin:0;}
    .wrap-depart .main-slider .text-box {padding:30px;}
    .wrap-depart .main-slider .text-box strong {font-size: 22px;}
    .wrap-depart .main-slider .text-box p {font-size: 14px; }
    .wrap-depart .control button {width:50px; height: 50px;}
}