@charset "utf-8";

 /* 视网膜屏幕 */
@media screen and (-webkit-min-device-pixel-ratio: 2),
        screen and (min-resolution: 192dpi) {
    .parallax-bg {
        background-image: url('../images/information_bg.jpg');
        background-size: cover;
    }
}

/* 禁止触摸时的视差效果以提高性能 */
@media screen and (hover: none) and (pointer: coarse) {
    #parallaxBg {
        transition: none !important;
        transform: none !important;
    }
    
    .bg-wrapper {
        height: 100% !important;
    }
}

@media screen and (max-width: 1921px) {
    .parallax-box {
        height: 180px;
        max-width: 100%;
    }
    
    .bg-wrapper {
        height: 1100px;
    }
    
    /* .information_button {
        font-size: 18px;
        line-height: 40px;
    } */
}

@media screen and (max-width: 1800px) {
    .parallax-box {
        height: 180px;
        max-width: 100%;
    }
    
    .bg-wrapper {
        height: 1100px;
    }
    
    /* .information_button {
        font-size: 18px;
        line-height: 40px;
    } */
}

/* 调大看小 */
/* 1920~1441 pc大屏幕 */

@media screen and (max-width: 1680px) {

    .home_chang_li_wrap {
        padding: 40px 40px;
        height: 570px;
    }

    .hclw_label1 {
        bottom: 70px;
    }

    .std_tit28 {
        font-size: 26px;
    }

    .hclw_label p {
        padding: 5px 10px;
    }

    .parallax-box {
        height: 180px;
        max-width: 100%;
    }
    
    .bg-wrapper {
        height: 1100px;
    }
    
    /* .information_button {
        font-size: 18px;
        line-height: 40px;
    } */
    /* 1680end */
}

@media screen and (max-width: 1560px) {}

/* 1440~1200 pc小屏幕 重点*/

@media screen and (max-width: 1440px) {
    .banner_swiper {
        height: 430px;
    }
    
    .banner_swiper .swiper-slide img {
        height: 430px;
    }

    .home_chang_li_wrap {
        padding: 32px 32px;
        height: 500px;
    }

    .hclw_label1 {
        bottom: 50px;
    }

    .std_tit28 {
        font-size: 22px;
    }

    /* 1440end */
}



@media screen and (max-width: 1360px) {}



@media screen and (max-width: 1280px) {

    .std_tit28 {

        font-size: 20px;

    }

    .home_chang_li_wrap {

        padding: 28px 28px;

        height: 460px;

    }
    /* 1280end */
}



/* 1200~992 平板横屏*/
@media screen and (max-width: 1200px) {
    .banner_swiper {
        height: 400px;
    }
    
    .banner_swiper .swiper-slide img {
        height: 400px;
    }

    .parallax-box {
        max-width: 1920px;
    }
    /* 1200end */
}



/* 平板和小型笔记本 (768px - 1199px) */
@media screen and (max-width: 1199px) {
    .banner_swiper {
        height: 370px;
    }
    
    .banner_swiper .swiper-slide img {
        height: 370px;
    }

    .home_chang_ul {
        display: block;
    }
    
    .home_chang_li {
        transition: all 0s;
        width: 50%;
        display: none;
    }

    .home_chang_li:first-child {
        display: block;
    }

    .hclw_label1 {
        display: none;
    }

    .hclw_btm {
        opacity: 1;
        pointer-events: all;
    }

    .home_chang_li_wrap {
        padding: 28px 20px;
    }

    .hclw_label p {
        padding: 3px 16px;
    }

    .hclw_btm_tit {
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .parallax-box {
        height: 264px;
    }
    
    .bg-wrapper {
        height: 820px;
    }
    
    .parallax-bg {
        background-position: center;
        background-size: cover;
    }
}



/* 991~768 平板竖屏 重点*/
@media screen and (max-width: 991px) {
    .banner_swiper {
        height: 310px;
    }
    
    .banner_swiper .swiper-slide img {
        height: 310px;
    }
    .parallax-box {
        height: 180px;
        margin: 2rem auto;
    }
    
    .bg-wrapper {
        height: 740px;
    }
    
    .information_button {
        font-size: 16px;
        line-height: 32px;
    }
}

/* <768 移动端 重点*/
@media screen and (max-width: 768px) {
    .wh_main {
        margin-top: 64px;
    }

    .banner_swiper {
        height: 270px;
    }
    
    .banner_swiper .swiper-slide img {
        height: 270px;
    }
    
    .banner_swiper .swiper-pagination {
        bottom: 20px !important;
    }
    
    .wh-pc-header {
        display: none;
    }
    .home_chang_ul {
        display: block;
        margin: 0;
    }

    .home_chang_li {
        width: 100%;
        display: block;
        padding: 0 0 16px 0;
    }

    .home_chang_li_wrap {
        height: 200px;
        padding: 40px 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home_chang_li {
        width: 100%;
    }

    .std_tit28 {
        font-size: 18px;
    }

    .std_word,
    .std_word p {
        font-size: 14px;
    }

    .home_chang_li .std_tit28 {
        font-size: 16px;
    }

    .wh_footer .wh_footer_ul {
        display: none;
    }
    .wh_footer .contact-infor {
        width: 100%;
        /* margin-top: 30px;
        padding-top: 30px; */
    }
    /* .wh_footer {
        padding-bottom: 10px;
    } */
    .wh-tabber .wh-tabber-ul>li.active::after {
        content: '';
        position: absolute;
        bottom: -3px;
        width: 100px;
        height: 3px;
        background: #ed6c00;
        left: 50%;
        transform: translateX(-50%);
    }
    .join-swiper {
        height: 350px;
    }
    
    .join-swiper .swiper-slide img {
        height: 280px;
    }
    
    .join-swiper .swiper-button-prev,
    .join-swiper .swiper-button-next {
        width: 30px;
        height: 30px;
    }
    
    .join-swiper .swiper-button-prev::after,
    .join-swiper .swiper-button-next::after {
        font-size: 16px;
    }

    /* Banner轮播图小圆点手机端样式 */
    .banner_swiper .swiper-pagination {
        bottom: 20px !important;
    }

    .banner_swiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .banner_swiper .swiper-pagination-bullet-active {
        width: 8px;
        height: 8px;
    }

    .wh-tabber .wh-tabber-ul>li.active::after {
        width: 80px;
    }
    .wh_text {
        line-height: 1.5;
    }
    .course-left {
        width: 100px;
        margin-right: 70px;
    }
    .course-right {
        /* max-height: 300px;  */
        overflow-y: auto;
    }
    /* 768end */
}

/* 小型平板和手机 (480px - 767px) */
@media screen and (max-width: 767px) {
    .home_chang_ul {
        display: block;
        margin: 0;
    }

    .home_chang_li {
        width: 100%;
        display: block;
        padding: 0 0 16px 0;
    }

    .home_chang_li_wrap {
        height: 200px;
        padding: 40px 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .home_chang_li {
        width: 100%;
    }

    .home_more_ri {
        width: 12px;
    }

    .std_word1,
    .std_word1 p {
        font-size: 14px;
    }
    .parallax-box {
        height: 180px;
        margin: 1.5rem auto;
        padding: 0 16px;
    }
    
    .bg-wrapper {
        height: 680px;
    }
    
    .information_button {
        font-size: 14px;
        line-height: 28px;
        padding: 10px 20px;
    }
    .wh-tabber .wh-tabber-ul>li.active::after {
        width: 80px;
    }

    .wh_text {
        line-height: 1.5;
    }

    .banner_swiper {
        height: 250px;
    }
    
    .banner_swiper .swiper-slide img {
        height: 250px;
    }

    .course-left {
        width: 100px;
        margin-right: 70px;
    }

    .course-right {
        /* max-height: 300px;  */
        overflow-y: auto;
    }
    /* 480end */
}

@media screen and (max-width: 480px) {
    .banner_swiper {
        height: 140px;
    }
    
    .banner_swiper .swiper-slide img {
        height: 140px;
    }

    .hclw_btm_tit {
        margin-bottom: 0px;
    }
    .parallax-box {
        height: 180px;
        margin: 1rem auto;
        padding: 0 12px;
    }
    
    .bg-wrapper {
        height: 620px;
    }
    
    .information_button {
        font-size: 13px;
        line-height: 24px;
        padding: 8px 16px;
    }

    /* 万航 */
    .course-left {
        width: 100px;
        margin-right: 70px;
    }
    .course-right {
        /* max-height: 300px;  */
        overflow-y: auto;
    }

    .wh-tabber .wh-tabber-ul>li.active::after {
        width: 80px;
    }
    .wh_text {
        line-height: 1.5;
    }
    .course-left {
        width: 114px;
        margin-right: 70px;
    }
    .course-right {
        /* max-height: 300px;  */
        overflow-y: auto;
    }
}

/* 超小屏幕 (320px 以下) */
@media screen and (max-width: 320px) {
    .parallax-box {
        height: 180px;
        margin: 0.75rem auto;
        padding: 0 8px;
    }
    
    .bg-wrapper {
        height: 580px;
    }
    
    .information_button {
        font-size: 12px;
        line-height: 22px;
        padding: 6px 12px;
    }
}