*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    font-size: clamp(12px, 1vw, 16px);
}

.main{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.header{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 4rem;
    background-color: rgba(255, 255, 255, 0.8);
    border-bottom: #2CB5AD solid 1px;
    position: fixed;
    z-index: 10;
}
.header_c{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 80vw;
}
.header_l{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.header_l>img{
    height: 2.6rem;
}
.header_l>div{
    color: #858585;
    font-size: 0.9rem;
    margin-left: 10px;
}
.header_r{
    display: flex;
    flex-direction: row;
}
.header_r>div{
    margin-left: 1.5rem;
    cursor: pointer;
    /*color: white;*/
}
.active_enter{
    border-bottom: #2CB5AD 2px solid;
    padding-bottom: 3px;
}

.banner1{
    background-image: url('../img/banner.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 70vh;
    max-height: 600px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.banner_c{
    display: flex;
    flex-direction: column;
    color: white;
}
.banner_c>div:nth-child(1){
    font-size: 4rem;
    margin-bottom: 0.7rem;
}
.banner_c>div:nth-child(2){
    font-size: 2.9rem;
    margin-bottom: 1.6rem;
}
.banner_c>div:nth-child(3){
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

}
.banner_c>div:nth-child(3)>div{
    margin-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    border:rgba(255,255,255,0.82) solid 1px;
    border-radius: 5px;
    padding: 4px 8px;
    background-color: rgba(77,77,77,0.42);
}
.banner_c>div:nth-child(3)>div>img{
    width: 1.5rem;
    margin-right: 5px;
}
.block1_title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top:3rem;
    margin-bottom: 1rem;
}
.block1_title>div:nth-child(1){
    font-size: 1.7rem;
}
.block1_title>div:nth-child(2){
    margin-top:5px;
    font-size: 1rem;
    color: #6B6B6B;
}
.block1_content{
    background-image: url('../img/bk1.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 55vh;
    max-height: 500px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.block1_content>img{
    height: 40vh;
    max-height: 360px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
}


.block2{
    background-image: url('../img/bk2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 25vh;
    max-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 2.2rem;
}
.block2>div:nth-child(1){
    margin-bottom: 1rem;
}
.block3_title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top:3rem;
}
.b_title1{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.b_title1>hr{
    border: #2CB5AD solid 2px;
    width: 10rem;
}
.b_title1>img{
    width: 1.8rem;
    margin: 0 10px;
}
.b_title1>div{
    font-size: 2rem;
}
.block3_title>div:nth-child(2){
    font-size:1.3rem;
    margin-top: 0.4rem;
    margin-bottom: 2rem;
    color: #6B6B6B;
}
.block3{
    width: 65vw;
    height: 33vw;
    background-image: url('../img/b3_mid2.png');
    background-size: 100% 23%;
    background-position: 50% 47%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.b3_top,.b3_bottom{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}
.b3_top>div{
    width: 23%;
    height: 14vw;
    padding-top: 1.5rem;
}
.b3_bottom>div{
    width: 23%;
    height: 14vw;
    padding-top: 2rem;
}
.b3_top>div:nth-child(1){
    background-image: url('../img/b3_mb.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 170px;
    position: absolute;
    left:-1.5%;
}
.b3_top>div:nth-child(2){
    background-image: url('../img/b3_mb.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left:38.5%;
    min-width: 170px;
}
.b3_top>div:nth-child(3){
    background-image: url('../img/b3_mb.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left:79%;
    min-width: 170px;
}
.b3_bottom>div:nth-child(1){
    background-image: url('../img/b3_mb2.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left:18%;
    top:-14vw;
    min-width: 170px;
}
.b3_bottom>div:nth-child(2){
    background-image: url('../img/b3_mb2.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left:59%;
    top:-14vw;
    min-width: 170px;
}
.b3_top>div,.b3_bottom>div{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.b3_top>div>div>img,.b3_bottom>div>div>img{
    width: 2rem;
}
.b3_top>div>div:nth-child(2),.b3_bottom>div>div:nth-child(2){
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 3px;
}
.b3_top>div>div:nth-child(3),.b3_bottom>div>div:nth-child(3){
    font-size: 0.8rem;
    font-weight: bold;
    color: #31B6AE;
    margin-bottom: 3px;
}
.b3_top>div>div:nth-child(4),.b3_bottom>div>div:nth-child(4){
    font-size: 0.75rem;
    width: 80%;
    margin-bottom: 3px;
    color: #6B6B6B;
}

@media(min-width: 1600px) {
    .block3{
        width: 50vw;
        height: 25vw;
        background-image: url('../img/b3_mid2.png');
        background-size: 100% 23%;
        background-position: 50% 47%;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .b3_top>div{
        width: 23%;
        height: 11vw;
        padding-top: 1.5rem;
    }
    .b3_bottom>div{
        width: 23%;
        height: 11vw;
        padding-top: 2rem;
    }
    .b3_bottom>div:nth-child(1){
        background-image: url('../img/b3_mb2.png');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left:18%;
        top:-11vw;
        min-width: 170px;
    }
    .b3_bottom>div:nth-child(2){
        background-image: url('../img/b3_mb2.png');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left:59%;
        top:-11vw;
        min-width: 170px;
    }
}

@media(max-width: 1024px) {
    .block3{
        width: 80vw;
        height: 45vw;
        background-image: url('../img/b3_mid2.png');
        background-size: 100% 23%;
        background-position: 50% 47%;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .b3_top>div{
        width: 23%;
        height: 19vw;
        padding-top: 1.5rem;
    }
    .b3_bottom>div{
        width: 23%;
        height: 19vw;
        padding-top: 2rem;
    }
    .b3_bottom>div:nth-child(1){
        background-image: url('../img/b3_mb2.png');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left:18%;
        top:-19vw;
        min-width: 170px;
    }
    .b3_bottom>div:nth-child(2){
        background-image: url('../img/b3_mb2.png');
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left:59%;
        top:-19vw;
        min-width: 170px;
    }
}

.block4{
    width: 100vw;
    height: 50vh;
    background-image: url('../img/block4_bk.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.block4_content{
    width: 50%;
    height: 100%;
    min-width: 700px;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.block4_content>div{
    margin: 1rem;
    background-color: rgba(255,255,255,0.6);
    width: 65%;
    height: 40%;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
}

@media (max-width: 1000px) {
    .block4_content>div{
        margin: 1rem;
        background-color: rgba(255,255,255,0.6);
        width: 80%;
        height: 30%;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
    }

}
.block4_content>div:nth-child(1)>div:nth-child(1)>img{
    height: 100%;
}
.block4_content>div:nth-child(2)>div:nth-child(1)>img{
    height: 100%;
}
/*.block4_content>div:nth-child(1)>div:nth-child(1){*/
/*    background-image: url('../img/ma1.png');*/
/*    background-size: contain;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    height: auto;*/
/*    width: 40%;*/
/*    border-radius: 10px;*/
/*}*/

/*.block4_content>div:nth-child(2)>div:nth-child(1){*/
/*    background-image: url('../img/kef.png');*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    height: 100%;*/
/*    width: 40%;*/
/*    border-radius: 10px;*/
/*}*/
.block4_content>div>div:nth-child(2){
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0.8rem;
}
.block4_content>div>div:nth-child(2)>div:nth-child(1){
    margin-bottom: 4px;
    font-size: 1.2rem;
    font-weight: bold;
}

.block4_content>div>div:nth-child(2)>div:nth-child(2){
    font-size: 0.9rem;
    color: #3E3E3E;
}
.block5{
    width: 63rem;
    height: clamp(200px,60vh,500px);
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.b5_bk_img{
    background-image: url('../img/block5_bk1.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 95%;
    width: 20rem;
    position: absolute;
    top:0;
    left:0;
    border-radius: 11px;
}
.block5>div:nth-child(2){
    width: 48rem;
    height: 100%;
    z-index: 3;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
.block5>div:nth-child(2)>div:nth-child(1){
    height: 95%;
    width: 27rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.b5_mid>div{
    background-color: white;
    border-radius: 11px;
    padding:15px;
    box-shadow: 0px 2px 13px 0px rgba(226,226,226,0.5);
}
.b5_mid>div>div:nth-child(1){
    font-weight: bold;
    font-size: 1.1rem;
}
.b5_mid>div>div:nth-child(2){
    font-size: 0.9rem;
    color: #6B6B6B;
    margin-top: 8px;
}
.b5_mid>div:nth-child(1){
    margin-bottom: 40px;
}
.b5_right{
    border-radius: 11px;
    height: 95%;
    width: 20rem;
    box-shadow: 0px 2px 13px 0px rgba(226,226,226,0.5);
}
.b5_right>div:nth-child(1){
    border-radius: 11px 11px 0 0;
    background-image: url('../img/block5_bk2.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 50%;
    width: 20rem;
}
.b5_right>div:nth-child(2){
    height: 50%;
    width: 20rem;
    padding: 20px;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
}
.b5_right>div:nth-child(2)>div:nth-child(1){
    font-weight: bold;
    font-size: 1.1rem;
}
.b5_right>div:nth-child(2)>div:nth-child(2){
    font-size: 0.9rem;
    color: #6B6B6B;
    margin-top: 8px;
}
.block6{
    background-image: url('../img/bk1.png');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 70vh;
    max-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 3rem;
    padding-top: 7vh;
}
.block6_content{
    width: 60rem;
    height: 100%;
    object-fit: contain;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.block6_content>div:nth-child(1){
    width: 28rem;
    height: 90%;
    background-image: url('../img/block6_bk.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.block6_content>div:nth-child(2){
    width: 28rem;
    height: 90%;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.b6_right>div{
    width: 28rem;
    box-sizing: border-box;
    max-height: 30%;
    padding: 15px;
    border-radius: 5px;
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.b6_right>div>div:nth-child(1)>img{
    width: 3rem;
}

.b6_right>div>div:nth-child(2){
    margin-left: 20px;
    display: flex;
    flex-direction: column;
}

.b6_right>div>div:nth-child(2)>div:nth-child(1){
    font-size: 1.1rem;
    margin-bottom: 5px;
    font-weight: bold;
}
.b6_right>div>div:nth-child(2)>div:nth-child(2){
    font-size: 0.9rem;
    color: #676464;
}
.block7{
    margin-top: 20px;
    width: 60rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.b7_top{
    display: flex;
    flex-direction: row;
}
.b7_top>div{
    width: 10rem;
    height: 15rem;
}
.b7_mid{
    width: 60rem;
    height: 6rem;
}
.b7_bottom{
    display: flex;
    flex-direction: row;
}
.b7_bottom>div{
    width: 10rem;
    height: 15rem;
}
.b7_c{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.b7_c>div:nth-child(1){
    background-image: url('../img/b7_c.png');
    width: 8rem;
    height: 8rem;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
}

.b7_c>div:nth-child(1)>img{
    width:2.5rem;
}
.b7_c>div:nth-child(1)>div:nth-child(1){
    font-size: 1rem;
    margin: 5px 0;
}
.b7_c>div:nth-child(1)>div:nth-child(2){
    font-size: 1rem;
}
.b7_c>div:nth-child(2){
    font-size: 0.9rem;
    color:#676464;
    display: flex;
    flex:1;
    justify-content: center;
    align-items: center;
}
.b7_l>div:nth-child(1){
    width: 8rem;
    height: 8rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-image: url('../img/line.png');
    background-size: 100% 1px;
    background-position: center;
    background-repeat: no-repeat;
}
.b7_l>div:nth-child(1)>img{
    width: 0.7rem;
}
.b7_mid{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.b7_mid>div:nth-child(1){
    width: 10rem;
    height: 8vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-image: url('../img/line2.png');
    background-size: 1px 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.b7_mid>div:nth-child(1)>img{
    width: 0.7rem;
}
.block8{
    margin-top: 50px;
    width: 100vw;
    height: 75vh;
    background-image: url('../img/block8.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
}

.b8_bottom{
    display: flex;
    flex-direction: row;
    width: 100vw;
    height: 60vh;
}
.bt_left{
    margin-right: 20px;
    width: 50vw;
    height: 60vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.bt_left_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bt_left_content>div{
    margin-top: -1.5rem;
}
.bt_left_content>div:nth-child(2)>div{
    font-size: 1.3rem;
    color: white;
    margin: 0.3rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.qr_c>img{
    width: 17rem;
    height: 17rem;
}
.bt_right{
    margin-left: 20px;
    width: 50vw;
    height: 60vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.bt_right>img{
    height: 50vh;
    max-width: 100%;
    width: auto;
    object-fit: contain;
}
.qr_c{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.b8_ck{
    display: flex;
    flex-direction: row;
    margin: 0.3rem;
}
.b8_ck>div{
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    justify-content: center;
    align-items: center;
    padding: 3px 5px;
    border-radius: 2px;
    border: white solid 1px;
    margin: 0.3rem ;
}
.b8_ck>div>img{
    width: 1rem;
    margin-left: 2px;
}

.footer{
    height: 14vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: black;
    color: white;
}
.footer>div:nth-child(1){
    font-size: 1rem;
    margin-bottom: 0.3rem;
}
.footer>div:nth-child(2){
    font-size: 0.8rem;
    margin-bottom: 0.3rem;
}
.footer>div:nth-child(3){
    font-size: 0.7rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #d4d4d4;
}
.footer>div:nth-child(3)>div:nth-child(2){
    cursor: pointer;
}

.banner2{
    background-image: url('../img/banner2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 50vh;
    max-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: white;
}
.block10,.block11{
    width: 60rem;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 3rem;
}
.block10>div:nth-child(1),.block11>div:nth-child(1){
    font-size: 2rem;
    margin-right: 20px;
    width: 10rem;
}
.b10_c,.b11_c{
    width: 40rem;
}

.b11_c>div{
    font-size: 1.2rem;
    margin-bottom: 1.1rem;
}

.b10_c>div:nth-child(1){
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
}
.b10_c>div:nth-child(2){
    font-size: 1rem;
    color: #646464;
    line-height: 1.7rem;
}
.b10_c>div:nth-child(3){
    margin-top: 0.8rem;
    font-size: 1rem;
    color: #646464;
    line-height: 1.7rem;
    margin-bottom: 1.5rem;
}
.b10_cc{
    width: 40rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 3rem 0;
}
.b10_cc>div{
    width: 13.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.b10_cc>div:nth-child(1),.b10_cc>div:nth-child(2){
    border-right: solid 1px #EFEDEC;
}
.b10_cc>div>div:nth-child(2){
    font-size: 0.9rem;
    margin: 0.8rem 0;
}
.b10_cc>div>div:nth-child(3){
    width: 10rem;
    font-size: 0.8rem;
    color: #565656;
}
.b10_cc img{
    width: 4rem;
}