@media(min-width:1700px) {
    .main{
        padding-bottom: 380px;
    }
    .first-main{
        padding-bottom: 350px;
    }
    .privacy-main{
        padding-bottom: 150px;
    }
    .contact-main{
        padding-bottom: 200px;
    }
    .info-main{
        padding-bottom: 250px;
    }
    .introduce{
        transform: scale(1.3);
        padding-top: 100px;
    }
    .first-introduce{
        padding-top: 300px;
    }
    .play-section{
        transform: scale(1.3);
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 140px;
    }
    .year-section{
        transform: scale(1.3);
        margin-top: 260px;
        margin-bottom: 0;
    }
    .privacy-section{
        transform: scale(1.3);
    }
    .contact-section{
        transform: scale(1.3);
    }
    .max-width{
        transform: scale(1.3);
        padding-bottom: 30px;
    }
    .pdt-190{
        padding-top: 260px;
    }
}

@media(max-width:1199px) {
    
}

@media(max-width:991px) {
    .banner-section>.bg_p{
        font-size: 18px;
        line-height: 25px;
        bottom: 30px;
    }

    .earch{
        height: auto;
    }
    .earch-box{
        position: relative;
        padding-bottom: 30px;
    }
    .earch-counter{
        width: 100%;
        height: auto;
        display: flow-root;
    }
    .earch-info{
        width: 80%;
        margin: 0 auto;
        padding: 0;
        font-size: 14px;
        line-height: 28px;
    }
    
    .introduce{
        width: 100%;
        margin: 0;
        padding: 0;
        padding-bottom: 20px;
    }
    .introduce .introduce-item{
        width: 80%;
        height: auto;
        padding: 20px 20px;
        position: unset;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .introduce .introduce-item:nth-child(1){
        background: url(../images/introduce_mobile_icon1.png) no-repeat 100% 100%;
        background-size: 100% 100%;
    }
    .introduce .introduce-item:nth-child(2){
        background: url(../images/introduce_mobile_icon2.png) no-repeat 100% 100%;
        background-size: 100% 100%;
    }
    .introduce .introduce-item:nth-child(3){
        background: url(../images/introduce_mobile_icon3.png) no-repeat 100% 100%;
        background-size: 100% 100%;
    }
    .introduce .info {
        background-image: url(../images/info/bg-m.png) !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
    }
    .introduce .introduce-item .introduce-info{
        width: 100%;
        height: auto;
        position: unset;
    }
    .introduce .introduce-item .icon{
        display: none;
    }
    .introduce-desc{
        font-size: 14px;
        margin-top: 20px;
    }

    .video-introduction-content{
        width: 80%;
        overflow: hidden;
    }
    .video-swiper-pc{
        display: none;
    }
    .video-swiper-mobile{
        display: block;
    }
    
    .play-section-content{
        width: 80%;
        margin: 0 auto;
    }
    .play-swiper-content-box{
        width: 100%;
        height: auto;
    }
    .play-swiper-content-box .swiper-slide{
        width: 100%;
        border-radius: 14px;
        overflow: hidden;
    }
    .play-section-info{
        width: 100%;
        height: auto;
        padding-top: 20px;
        background: url(../images/info/playBack.jpg);
    }
    .play-swiper-pc{
        display: none;
    }
    .play-swiper-mobile{
        display: block;
    }

    .year-section{
        width: 70%;
        height: auto;
    }
    .year-section-title{
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .year-section-pc{
        display: none;
    }
    .year-section-mobile{
        height: 100px;
        display: block;
    }
    .year-section .year-content{
        font-size: 18px;
        min-height: 32px;
        line-height: 20px;
    }
    .year-section .swiper-slide .year-title{
        font-size: 12px;
    }
    .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
    }

    .privacy-section{
        width: 90%;
        justify-content: center;
        padding: 20px;
    }
    .privacy-section .privacy-icon{
        display: none;
    }
    .privacy-section .privacy-section-info .privacy-section-content .privacy-section-item{
        width: 120px;
        font-size: 18px;
    }
    .privacy-section .privacy-section-info .privacy-section-content .privacy-section-item img{
        width: 20px;
    }

    .contact-section{
        width: 100%;
        display: block;
        padding: 20px;
    }
    .contact-section .contact-section-info{
        width: 80%;
        margin: 0 auto;
    }
    .contact-section .contact-map{
        width: 80%;
        margin: 20px auto;
    }

    .footer-section{
        padding: 10px 20px;
        margin-top: -100px;
    }

    .section-title{
        font-size: 18px;
    }
    .sub-title{
        font-size: 12px;
        /* padding: 0 20px; */
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        margin-top: 0;
        line-height: 20px;
    }
    .mgt-50{
        margin-top: 10px;
    }
    .mgt-70{
        margin-top: 15px;
    }
    .mgt-120{
        margin-top: 30px;
    }

    .mgb-30{
        margin-bottom: 15px;
    }
    .mgb-50{
        margin-bottom: 25px;
    }
    .mgb-166{
        margin-bottom: 40px;
    }

    .pdt-70{
        padding-top: 30px;
    }
    .pdt-190{
        padding-top: 100px;
    }

    .pdM-20{
        width: 80%;
        margin: 0 auto;
    }
    .pdtM-70{
        padding-top: 70px;
    }

    .mgbM-30{
        margin-bottom: 30px;
    }

    .font24{
        font-size: 18px;
    }
    .fontM-24{
        font-size: 16px;
    }
    .font14{
        font-size: 12px;
    }
}

@media(max-width:767px) {
    
}

@media(max-width:575px) {
    
}

@media(max-width:440px) {
    
}