@media screen and (max-width:768px) and (orientation:portrait) {
        .content1 {
            height: auto !important;
            padding: 4vh 1vw 4vh !important;
        }
        .content1 .innerWrap .left {
            margin-bottom: 1vh !important;
        }
        .content1 .innerWrap .left .p2 {
            margin-bottom: 1vh !important;
        }
        .content1 .innerWrap .left .p3 {
            margin-bottom: 0.5vh !important;
        }
        .content2 {
            margin-top: 7vh;
            height: auto !important;
            padding: 1vh 0 0 !important;
        }
        .content .innerWrap .title {
            padding: 1vh 0 !important;
            margin-bottom: 0.5vh !important;
        }
        .title h1 {
            padding-bottom: 1vh !important;
        }
        .title h1::after {
            width: 6vw !important;
            margin-left: -4vw !important;
        }
        .content2 .ctx1 {
            margin: 3vw !important;
        }
        .content2 .ctx1 .right .p1 {
            margin-bottom: 1vh !important;
        }
        .content2 .ctx1 .right .p2 {
            margin-bottom: 1vh !important;
        }
        .innerWrap {
            height: 100% !important;
        }
        .content2 .ctx1 {
            height: 40% !important;
        }
        .content2 .ctx2 {
            height: auto !important;
        }
        .content2 .ctx2 .bottom {
            height: 100% !important;
        }
        .content2 .ctx2 .bottom .imgBox {
            height: 100% !important;
            padding: 0;
        }
        .content2 .ctx2 .bottom .imgBox {
            width: 30%;
            overflow: visible !important;
        }
        .content2 .ctx2 .bottom .imgBox2 {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        .content2 .ctx2 .bottom .imgBox3 {
            /* text-align: center; */
            margin: 0;
        }
        .content2 .ctx2 .imgBox .bg {
            width: 35vw;
            height: 35vw;
            background-size: cover;
            transform: translate(-10%, 40%);
            z-index: 5;
            /* margin: 0 auto; */
        }
        .afterSale p {
            font-size: 12px;
        }
        .content2 .ctx2 .bottom {
            justify-content: space-around;
        }
    }
    
    @media screen and (max-width: 920px) and (orientation:landscape) {
        .content1 {
            height: auto !important;
            padding: 4vh 1vw 4vh !important;
        }
        .content1 .innerWrap .left {
            margin-bottom: 1vh !important;
        }
        .content1 .innerWrap .left .p2 {
            margin-bottom: 1vh !important;
        }
        .content1 .innerWrap .left .p3 {
            font-size: 14px;
            margin-bottom: 0.5vh !important;
        }
        .content2 {
            margin-top: 25vh;
            height: auto !important;
            padding: 1vh 0 0 !important;
        }
        .content .innerWrap .title {
            padding: 1vh 0 !important;
            margin-bottom: 0.5vh !important;
        }
        .title h1 {
            padding-bottom: 1vh !important;
        }
        .title h1::after {
            width: 6vw !important;
            margin-left: -4vw !important;
        }
        .content2 .ctx1 {
            margin: 3vw !important;
        }
        .content2 .ctx1 .right .p1 {
            margin-bottom: 1vh !important;
        }
        .content2 .ctx1 .right .p2 {
            font-size: 14px;
            margin-bottom: 1vh !important;
        }
        .innerWrap {
            height: 100% !important;
        }
        .content2 .ctx1 {
            height: 40% !important;
        }
        .content2 .ctx2 {
            margin: 15vh 0;
            height: auto !important;
        }
        .content2 .ctx2 .bottom {
            height: 100% !important;
        }
        .content2 .ctx2 .bottom .imgBox {
            height: 100% !important;
            padding: 0;
        }
        .content2 .ctx2 .bottom .imgBox {
            width: 30%;
            overflow: visible !important;
        }
        .content2 .ctx2 .bottom .imgBox2 {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        .content2 .ctx2 .bottom .imgBox3 {
            /* text-align: center; */
            margin: 0;
        }
        .content2 .ctx2 .imgBox .bg {
            width: 25vw;
            height: 25vw;
            background-size: cover;
            transform: translate(5%, -15%);
            z-index: 5;
            /* margin: 0 auto; */
        }
        .afterSale p {
            font-size: 14px;
        }
        .content2 .ctx2 .bottom {
            justify-content: space-around;
        }
        .footer {
            display: none !important;
        }
    }
    
    @media screen and (max-width: 920px) and (min-width: 768px) and (orientation:portrait) {
        .content1 {
            height: auto !important;
            padding: 4vh 3vw 4vh !important;
        }
        .content1 .innerWrap .left {
            margin-bottom: 1vh !important;
        }
        .content1 .innerWrap .left .p2 {
            margin-bottom: 1vh !important;
        }
        .content1 .innerWrap .left .p3 {
            margin-bottom: 0.5vh !important;
        }
        .content2 {
            margin-top: 10vh;
            height: auto !important;
            padding: 1vh 0 0 !important;
        }
        .content .innerWrap .title {
            padding: 1vh 0 !important;
            margin-bottom: 0.5vh !important;
        }
        .title h1 {
            padding-bottom: 1vh !important;
            font-size: 30px !important;
        }
        .title h1::after {
            width: 6vw !important;
            margin-left: -4vw !important;
        }
        .content2 .ctx1 {
            margin: 3vw !important;
        }
        .content2 .ctx1 .right .p1 {
            margin-bottom: 1vh !important;
        }
        .content2 .ctx1 .right .p2 {
            margin-bottom: 1vh !important;
        }
        .innerWrap {
            height: 100% !important;
        }
        .content2 .ctx1 {
            height: 40% !important;
        }
        .content2 .ctx2 {
            height: auto !important;
        }
        .content2 .ctx2 .bottom {
            height: 100% !important;
        }
        .content2 .ctx2 .bottom .imgBox {
            height: 100% !important;
            padding: 0;
        }
        .content2 .ctx2 .bottom .imgBox {
            width: 25%;
            overflow: visible !important;
        }
        .content2 .ctx2 .bottom .imgBox2 {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        .content2 .ctx2 .bottom .imgBox2 div:first-child {
            margin-bottom: 10vh;
        }
        .content2 .ctx2 .bottom .imgBox3 {
            /* text-align: center; */
            margin: 0;
        }
        .content2 .ctx2 .bottom .imgBox4 {
            margin-left: 4vw;
        }
        .content2 .ctx2 .bottom .imgBox4 div:first-child {
            margin-bottom: 5vh;
        }
        .content2 .ctx2 .imgBox .bg {
            width: 25vw;
            height: 25vw;
            background-size: cover;
            transform: translate(4%, 10%);
            z-index: 5;
            /* margin: 0 auto; */
        }
        .afterSale p {
            font-size: 16px;
        }
        .content2 .ctx2 .bottom {
            justify-content: center;
        }
        .footer {
            display: none !important;
        }
    }
    
    @media screen and (max-width: 1200px) and (min-width: 920px) and (orientation:landscape) {
        .content1 {
            height: auto !important;
            padding: 4vh 1vw 4vh !important;
        }
        .content1 .innerWrap .left {
            margin-bottom: 1vh !important;
        }
        .content1 .innerWrap .left .p2 {
            margin-bottom: 1vh !important;
        }
        .content1 .innerWrap .left .p3 {
            margin-bottom: 0.5vh !important;
        }
        .content2 {
            margin-top: 10vh;
            height: auto !important;
            padding: 1vh 0 0 !important;
        }
        .content .innerWrap .title {
            padding: 1vh 0 !important;
            margin-bottom: 0.5vh !important;
        }
        .title h1 {
            padding-bottom: 1vh !important;
        }
        .title h1::after {
            width: 6vw !important;
            margin-left: -4vw !important;
        }
        .content2 .ctx1 {
            margin: 3vw !important;
        }
        .content2 .ctx1 .right .p1 {
            margin-bottom: 1vh !important;
        }
        .content2 .ctx1 .right .p2 {
            margin-bottom: 1vh !important;
        }
        .innerWrap {
            height: 100% !important;
        }
        .content2 .ctx1 {
            height: 40% !important;
        }
        .content2 .ctx2 {
            height: auto !important;
        }
        .content2 .ctx2 .bottom {
            height: 100% !important;
        }
        .content2 .ctx2 .bottom .imgBox {
            height: 100% !important;
            padding: 0;
        }
        .content2 .ctx2 .bottom .imgBox {
            width: 11%;
            overflow: visible !important;
        }
        .content2 .ctx2 .bottom .imgBox2 {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        .content2 .ctx2 .bottom .imgBox2 div:first-child {
            margin-bottom: 10vh;
        }
        .content2 .ctx2 .bottom .imgBox3 {
            /* text-align: center; */
            margin: 0;
        }
        .content2 .ctx2 .bottom .imgBox4 {
            margin-left: 4vw;
        }
        .content2 .ctx2 .bottom .imgBox4 div:first-child {
            margin-bottom: 5vh;
        }
        .content2 .ctx2 .imgBox .bg {
            width: 15vw;
            height: 15vw;
            background-size: cover;
            transform: translate(-10%, 10%);
            z-index: 5;
            /* margin: 0 auto; */
        }
        .afterSale p {
            font-size: 12px;
        }
        .content2 .ctx2 .bottom {
            justify-content: center;
        }
        .footer {
            display: none !important;
        }
    }