@media only screen and (max-width: 768px) {
    .mb_hidden {
        display: none !important;
    }
    body {
        font-size: 16px;
    }
    .mian-etxrs .etxrsf_banner .des_box {
        width: 90vw;
        margin: 0 auto;
        /* margin-top: 60vw; */
        text-align: justify;
    }
    .mian-etxrs .etxrsf_banner .des_box h1 {
        margin-top: 20vw; 
        margin-left: 42vw;
        white-space: nowrap;
    }
    .mian-etxrs .etxrsf_banner .des_box .p1 {
        margin-top: 30vw;
        margin-bottom: 5vw;
    }
    .mian-etxrs .container {
           padding-top: 60px;
    }

    .mian-etxrs .container h2 {
        margin-bottom: 10vw;
        width: 70vw;
        font-size: 25px;
        font-weight: 900;
        height: 11.25vw;
    }
    .mian-etxrs .s2 .xs_type_ul {
        margin-top: 15vw;
    }
    .mian-etxrs .s2 .xs_type_item ul {
        flex-flow: column;
    }
    .mian-etxrs .s2 .xs_type_item {
        padding: 50px 15px;
        padding-bottom: 20px;
        box-shadow: 15px 15px #5fcbfc;
        border-radius: 65px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 20vw;
        width: 85vw;
        position: relative;
    }
    .mian-etxrs .s2 .xs_type_item h4 {
        width: 47vw;
        height: 13.3vw;
        position: absolute;
        top: -20px;
        left: -4vw;
    }
    .mian-etxrs .s2 .xs_type_item ul li {
        flex-flow: row;
        align-items: center;
        justify-content: center;
        margin: 5vw 0;
    }
    .mian-etxrs .s2 .xs_type_item ul li img {
        width: 45vw;
        margin-right: 5vw;
    }
    .mian-etxrs .s2 .xs_type_item ul li span {
        width: 23vw;
        height: 8vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mian-etxrs .s3 h3,
    .mian-etxrs .s4 h3 {
        font-size: 20px;
        width: 71vw;
        height: 13.5vw;
        margin-bottom: 5vw;
    }
    .mian-etxrs .s3 ul {
        width: 95vw;
        margin: 6vw auto;
        height: 55vw;
    }
    .mian-etxrs .s3 ul li span {
        width: 35vw;
        height: 10vw;
        margin-right: 5vw;
    }
    .mian-etxrs .s3 ul li img {
        width: 30vw;
    }

    .mian-etxrs .s3 .notice {
        width: 95vw;
        font-size: 12px;
        padding: 4.5vw 6vw;
        padding-top: 8vw;
    }
    .mian-etxrs .s4 ul {
        margin-top: 5vw;
    }
    .mian-etxrs .s4 ul li {
        flex-flow: row;
        font-size: 14px;
        margin: 5vw 0;
        position: relative;
    }
    .mian-etxrs .s4 ul li span {
        color: white;
        background-image: linear-gradient(0deg, #fe9446 0%, #ffa15c 31%, #ffad71 59%, #ffab6d 100%);
        border: #fe9446 5px solid;
        border-radius: 100%;
        font-size: 22px;
        font-weight: 900;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -20px;
        left: -5px;
    }
    .mian-etxrs .s4 ul li img {
        width: 45vw;
        margin-right: 5vw;
    }
    .mian-etxrs .s4 ul li p {
        width: 45vw;
        white-space: nowrap;
        text-align: left;
    }

    .mian-etxrs .s5 {
        margin-top: 5vw;
        padding-top: 20vw;
        background-position: left;
        /* padding-bottom: 82vw; */
        padding-bottom: 45px;
    }

    .mian-etxrs .s5 ul li {
        width: 95vw;
        margin: 5vw 0;
        border-radius: 20px;
        box-shadow: -1.288px 2.577px 4.724px 0px rgba(166, 192, 245, 0.55);
    }

    .mian-etxrs .s5 ul li img {
        width: 85vw;
        margin: 5vw;
    }

    .mian-etxrs .s5 ul li h5 {
        font-size: 22px;
        padding: 5vw 0;
        font-weight: 900;
        border-radius: 20px 20px 0 0;
    }
    .mian-etxrs .s5 ul li p {
        padding: 0 5vw;
        padding-bottom: 10vw;
    }
    .mian-etxrs .s6 {
        margin-top: -30vw;
    }
    .mian-etxrs .s6 .imgdes_box {
        flex-flow: column;
        width: 90vw;
        margin: 0 auto;
    }

    .mian-etxrs .s6 .imgdes_box img {
        width: 90vw;
        margin: 0 auto;
        margin-bottom: 5vw;
    }
    .mian-etxrs .s6 .imgdes_box p {
        width: 80vw;
        text-align: justify;
    }

    .mian-etxrs .s7 ul li {
        margin: 3vw 0;
        font-size: 12px;
        height: 32.25vw;
        padding: 0 4vw;
        padding-left: 10vw;
        width: 98vw;

        justify-content: space-between;
    }
    .mian-etxrs .s7 ul li p {
        width: 50vw;
        margin-right: 2vw;
    }
    .mian-etxrs .s7 ul li img {
        width: 30vw;
        margin-top: 5vw;
    }
    .mian-etxrs .s7 ul li h5 {
        white-space: nowrap;
        font-size: 14px;
        margin-bottom: 1vw;
    }
    .mian-etxrs .s7 ul li:nth-child(2) h5 {
        margin-left: -5vw;
    }
    .mian-etxrs .s7 ul li:nth-child(2),
    .mian-etxrs .s7 ul li:nth-child(4) {
        padding: 0 4vw;
        padding-right: 10vw;
    }

    .mian-etxrs .s7 ul li:nth-child(2) p,
    .mian-etxrs .s7 ul li:nth-child(4) p {
        margin-left: 0;
        margin-left: 2vw;
    }
    .mian-etxrs .s7 ul li:nth-child(1) h5,
    .mian-etxrs .s7 ul li:nth-child(5) h5 {
        background: url(https://hkcmereye.com/template/default/picture/etxrs_img/rs_title15.png) no-repeat;
        background-size: cover;
        width: 27vw;
        height: 8vw;
        margin-left: 30px;
    }
    .mian-etxrs .s7 ul li:nth-child(2) h5 {
        background: url(https://hkcmereye.com/template/default/picture/etxrs_img/rs_title2.png) no-repeat;
        background-size: cover;
        width: 65vw;
        height: 8vw;
        margin-left: -25px;
    }
    .mian-etxrs .s7 ul li:nth-child(3) h5,
    .mian-etxrs .s7 ul li:nth-child(4) h5 {
        background: url(https://hkcmereye.com/template/default/picture/etxrs_img/rs_title34.png) no-repeat;
        background-size: cover;
        height: 8vw;
        width: 36vw;
    }

    .mian-etxrs .s8 {
        padding-top: 15vw;
        margin-top: 10vw;
        padding-bottom: 60vw;
    }
    .mian-etxrs .s8 .preface {
        background: unset;
        background-color: #fff;
        width: 90vw;
        border-radius: 65px 80px 70px 60px;
        margin: 20vw auto;
        padding: 4vw;
        position: relative;
    }
    .mian-etxrs .s8 .preface div {
        border: dashed 2px #0593d8;
        border-radius: 65px 80px 70px 60px;
        padding: 7vw;
    }
    .mian-etxrs .s8 .preface::before {
        content: "“";
        position: absolute;
        color: #0593d8;
        background-color: white;
        top: -10vw;
        left: -3vw;
        font-size: 60px;
        padding-top: 7vw;
        width: 10vw;
        height: 10vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }
    .mian-etxrs .s8 .preface::after {
        content: "”";
        position: absolute;
        color: #0593d8;
        background-color: white;
        bottom: -10vw;
        right: -3vw;
        font-size: 60px;
        padding-top: 7vw;
        width: 10vw;
        height: 10vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
    }
    .mian-etxrs .s8 ul li,
    .mian-etxrs .s8 ul li:nth-child(2) {
        background: unset;
        background-color: white;
        margin: 5vw auto;
        width: 90vw;
        padding: 7vw 7vw;
        border-radius: 70px 70px 70px 70px;
        text-align: justify;
    }

    .mian-etxrs .s8 ul li .img {
        display: none;
    }

    .mian-etxrs .s8 ul li div h5 img {
        margin-right: 3vw;
    }
    .mian-etxrs .s9{
        margin-top: -20vw;
        margin-bottom: 20vw;
    }

    .mian-etxrs .s9 h5 {
        background: unset;
        border: #a1e2ff solid 6px;
        border-radius: 110px;
        width: 75vw;
        padding: 3vw 0;
        margin: 0 auto;
        position: relative;
        background: #fff;
        z-index: 0;
        font-size: 22px;
    }

    .mian-etxrs .s9 p {
        background: unset;
        border: #a1e2ff solid 6px;
        border-radius: 40px;
        width: 95vw;
        padding: 3vw ;
        margin: 0 auto;
        margin-top: 10vw;
        background: #fff;
        z-index: 1;
    }

    .mian-etxrs .s9 h5::after,
    .mian-etxrs .s9 h5::before {
        position: absolute;
        content: " ";
        background-color: #a1e2ff;
        width: 6px;
        height: 46px;
        bottom: -46px;
        z-index: 0;
    }
    .mian-etxrs .s9 h5::after{
        left: 10vw;
    }
    .mian-etxrs .s9 h5::before{
        right: 10vw;
    }
}