.indSection3 .swiper-slide{
    height: 100%;
}

@media (max-width: 480px) {
            
    .indSection3 .indCase .font {
        position: initial;
        left: 0;
        margin-left: 0;
        top: 30%;
        margin: 0 auto;
        right: 0;
        max-width: 1270px;
        width: auto;
    }

    .indSection1 .font a.btn {
        background: #6489c7;
        border-radius: 30px;
        width: 150px;
        line-height: 35px;
        height: 35px;
    }
    
    
    .indSection3-btn a {
        display: block;
        border-radius: 30px;
        width: 150px;
        line-height: 35px;
        height: 35px;
        background: #6489c7;
        color: #Fff;
        text-align: center;
    }


    .indSection1 .font h3,.indSection1 .font .f1{
        color: #fff;
    }
    
    .indSection3 .indCase .swiper-slide img {
        width: 100%;
        height: 246px;
    }
    
    .indSection3-content {
        position: absolute;
        left: 0;
        right: 0;
        max-width: 1270px;
        top: 33%;
        margin: 0 auto;
    }

    .indSection2 .swiper-slide .font .f1, .indSection3 .indCase .font .f1 {
        font-size: 20px !important;
        text-align: left;
        margin-bottom: 0;
    }
    
    
    .indSection2 .swiper-slide .font .f2, .indSection3 .indCase .font .f2 {
        display: block;
    }
    
    .indSection3-btn {
        display: block;
        padding-left: 15px;
    }

}

@media (min-width: 768px) {
    #fullpage .common_footer{
        visibility: visible !important;;
    }
    .ind_bg1{            
        height: 100%;
        background-size: 100% 100% !important;
    }
    .indSection1 .font .f1{
        margin: 1rem 0px 3rem;
    }
    .indSection1 .font h3,.indSection1 .font .f1{
        color: #fff;
    }
    .indSection1{
        padding: 15% 0;
    }
    .indSection3{
        height: 100%;
    }
    .indSection3 .indCase .item,.indSection3 .indCase .swiper-slide img{
        height: 100%;
    }
    .indSection1 .font a.btn{
        background: #6489c7;
        border-radius: 30px;
        width: 200px;
        line-height: 48px;
        height: 48px;
    }
    .indSection3 .indCase .font{
        position: initial;
        left: 0;
        margin-left:0;
        top: 30%;
        margin: 0 auto;
        right: 0;
        max-width: 1270px;
        width: auto;
    }
    .indSection3-btn {
        max-width: 1270px;
        
        margin: 0 auto;
        right: 0;
    }
     .indSection3-btn a{
         display: block;
        border-radius: 30px;
        width: 200px;
        line-height: 48px;
        height: 48px;
        background: #6489c7;
        color: #Fff;
        text-align: center;
    }
    .indSection3-btn a:hover{
        background:#6db037;
    }
    .swiper-container{
        height: 100%;
    }
    .indSection3 .swiper-slide{
    
        position: relative;
    }
    .indSection3-content{
        position: absolute;
        left: 0;
        right: 0;
        max-width: 1270px;
        top: 33%;
        margin: 0 auto;
    }
    .indSection3-btn{
         margin-top: 3%;
    }
}

 @media (max-width: 768px) {
 .indSection3{
     margin: 0.5rem 0;
    }
 .indSection3-btn{
     display:block
     }
 }
 
 @media (min-width: 1280px) {
     .pcvideo_mask{
        width: 50px;
        height: 50px;
        background-image:url(img/business/laba.png);
        background-size:100% 100%;
        position: fixed;
        left: auto;
        display: block;
        top: 10px;
        right: 70px;
     }
     
     .pcvideo_mask_close{
        width: 50px;
        height: 50px;
        background-image:url(img/business/labaClose.png);
        background-size:100% 100%;
        position: fixed;
        left: auto;
        display: block;
        top: 10px;
        right: 70px;
     }
     
 }