@media only screen and (min-width: 1242px){
    .banner-img{
        position: relative;
        width: 100%;
        height: 51vw;
    }
    .banner-img > div{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 59.2vw;
        height: 36.4vw;
        margin: auto;
        z-index: 2;
    }
    .banner-img > img{
        width: 100%;
        z-index: 1;
    }
    .banner-img > div > div{
        display: inline-block;
        vertical-align: top;
    }
    .banner-left-nav{
        width: 18vw;
        height: 100%;
    }
    .banner-left-nav > ul > li{
        width: 100%;
        height: 5.6vw;
        line-height: 5.6vw;
        padding-left: 2.8vw;
        cursor: pointer;
    }
    .banner-left-nav > ul > li >span{
        display: inline-block;
        vertical-align: middle;
        font-size: 1.3vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.1vw;
        color: #ffffff;
    }
    .banner-left-nav > ul > li >span:first-child{
        display: inline-block;
        width: 1.5vw;
        height: 1.5vw;
        margin-right: 1.6vw;
    }
    .choose-icon{
        display: inline-block;
        width: 1.5vw;
        height: 1.5vw;
        background: url("../imgs/service/choose.png") no-repeat 0 0/cover;
    }
    .banner-right-content{
        width: 40vw;
        height: 100%;
        padding: 2vw 0 0 5vw;
        color: #ffffff;
    }
    .banner-right-content > div > div:first-child{
        font-size: 1.25vw;
        font-weight: bold;
    }
    .banner-right-content > div > div:nth-child(2){
        margin-top: 1.3vw;
        font-size: 0.8vw;
        line-height: 1.8vw;
    }
    #bannerButton{
        display: none;
        margin-top: 3.8vw;
        font-size: 0.9vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.2vw;
        color: #ffffff;
        cursor: pointer;
    }
    #bannerButton > span{
        vertical-align: middle;
    }
    section{
        width: 1242px;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
    }
    .sectionbg{
        background-color: #ffffff;
    }
    .spms{
        width: 100%;
        padding-top: 69px;
    }
    .spms > div:first-child{
        margin: 0 auto;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        color: #434f5c;
    }
    .spms > div:nth-child(2){
        margin: 16px auto 73px;
        font-size: 24px;
        text-align: center;
        color: #434f5c;
    }
    .spms > div:nth-child(3),.spms > div:nth-child(4){
        margin-bottom: 48px;
        white-space:nowrap;
    }
    .spms > div:nth-child(3) > div,.spms > div:nth-child(4) > div {
        display: inline-block;
        vertical-align: top;
        width: 621px;
        height: 440px;
    }
    .spms-one-img-url{
        background: url("../imgs/service/Requirementcommunication.jpg") no-repeat 0 0/621px 440px;
    }
    .spms-two-img-url{
        float: right;
        background: url("../imgs/service/Projectorder.jpg") no-repeat 0 0/621px 440px;
    }
    .spms-two-img-url:after{
        content: '';
        clear: both;
    }
    .spms-text{
        padding: 118px 95px 0;
    }
    .spms-text > div:first-child{
        margin-bottom: 52px;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        color: #434f5c;
    }
    .spms-text > div:last-child{
        font-size: 14px;
        color: #120b0a;
        white-space:normal;
        /*word-wrap: break-word;*/
        /*word-break: normal important;*/
    }
    .shoot{
        height: 1755px;
        padding-top: 35px;
        text-align: center;
        color: #ffffff;
        background-image: linear-gradient(
                rgba(37, 44, 51, 0.33),
                rgba(37, 44, 51, 0.33)),
        linear-gradient(90deg,
                #1e1e28 0%,
                #131318 68%,
                #080808 100%);
        background-blend-mode: normal,
        normal;
    }
    h1{
        font-size: 24px;
        letter-spacing: 2px;
    }
    p{
        width: 828px;
        margin: 33px auto 52px;
    }
    .shoot-nav > figure{
        display: inline-block;
        width: 70px;
        margin: 0 65px;
        opacity: .6;
    }
    .shoot-nav > figure > img{
        width: 100%;
    }
    .shoot-nav > figure > figcaption{
        margin-top: 10px;
        font-size: 16px;
        letter-spacing: 1px;
    }
    #selectShootNav{
        opacity: 1;
    }
    .select-shoot-nav{
        width: 26px;
        height: 2px;
        margin: 14px auto 0;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        background-color: #ffffff;
    }
    .shoot-video{
        width: 100%;
        height: 473px;
        margin: 4.8vw 0 8.7vw;
    }
    .shoot-video > ul{
        position: relative;
        width: 842px;
        height: 473px;
        margin: 0 auto;
    }
    .shoot-video > ul > li{
        position: absolute;
        top: 0;
        left: 0;
        width: 842px;
        height: 473px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .shoot-video > ul > li > video{
        width: 100%;
        height: 100%;
    }
    .shoot-video > ul > li > div{
        display: none;
    }
    .p1 {
        transform: translate3d(190px, 0, 0) scale(0.78);
        opacity: 0.4;
        z-index: 1;
    }
    .p2 {
        transform: translate3d(0, 0, 0) scale(0.78);
        transform-origin: 0 50%;
        opacity: 0.6;
        z-index: 2;
    }
    .p3 {
        transform: translate3d(-100px, 0, 0) scale(0.78);
        transform-origin: 0 50%;
        opacity: 0.8;
        z-index: 3;
    }
    .p4 {
        transform: translate3d(0px, 0, 0) scale(1);
        opacity: 1;
        z-index: 4;
    }
    .shoot-ul-dot{
        margin: 32px auto 66px;
        text-align: center;
    }
    .shoot-ul-dot > li{
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 0 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #ffffff;
        transition: all .5s;
    }
    #selectDotLi{
        opacity: 0.5;
    }
    .last-nav{
        margin: 66px auto 0;
        width: 278px;
        /*border: solid #ffffff 1px;*/
    }
    .last-nav > li{
        display: inline-block;
        width: 92px;
        height: 30px;
        line-height: 28px;
        font-size: 14px;
        letter-spacing: 2px;
        color: #ffffff;
        border: solid #ffffff 1px;
        /*background: rgba(0,0,0,0);*/
        cursor: pointer;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    #selectLastNav{
        color: #000;
        background-color: #ffffff;
    }
    .shoot-last-img{
        margin-top: 85px;
        letter-spacing: -8px;
    }
    .shoot-last-img > figure{
        display: inline-block;
    }
    .shoot-last-img > figure > figcaption{
        margin-top: 60px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 24px;
        letter-spacing: 2px;
        color: #ffffff;
    }
    .edit{
        width: 1242px;
        height: 876px;
        margin: 48px auto 0;
        padding: 73px 115px 106px;
        background-image: linear-gradient(
                rgba(37, 44, 51, 0.33),
                rgba(37, 44, 51, 0.33)),
        linear-gradient(90deg,
                #1e1e28 0%,
                #131318 68%,
                #080808 100%);
        background-blend-mode: normal,
        normal;
    }
    .edit > h1{
        font-size: 24px;
        letter-spacing: 2.4px;
        text-align: center;
        color: #ffffff;
    }
    .edit > p {
        font-size: 14px;
        text-align: center;
        letter-spacing: 2.8px;
        color: #ffffff;
    }
    .edit-conten{
        width: 100%;
        height: 367px;
        margin-top: 117px;
    }
    .edit-conten-nav, .edit-conten-img{
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
    }
    .m-edit{
        display: none;
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .edit-conten-nav{
        width: 154px;
        height: 367px;
        padding-top: 100px;
    }
    .edit-conten-nav > div{
        margin-bottom: 46px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 2.8px;
        color: #4f5457;
        cursor: pointer;
    }
    #selectEditNav{
        color: #ffffff;
    }
    .edit-conten-nav > div > span{
        vertical-align: middle;
    }

    .edit-conten-img{
        width: 853px;
        height: 367px;
    }
    .m-edit-conten-img{
        display: none;
    }
    .edit-text{
        width: 408px;
        /*height: 39px;*/
        margin: 101px auto 0;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 2.8px;
        text-align: center;
        color: #ffffff;
    }
    .video-carousel{
        width: 100%;
        /*height: 802px;*/
        padding-top: 92px;
        padding-bottom: 149px;
        text-align: center;
        background-color: #f7f8f9;
    }
    .video-img{
        position: relative;
        width: 100%;
        min-width: 1024px;
        height: 405px;
    }
    .video-img > ul{
        width: 2456px;
        white-space: nowrap;
        margin-left: -313px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    .video-img > ul > li{
        display: inline-block;
        position: relative;
        width: 602px;
        height: 405px;
        margin: 0 12px;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .video-img > ul > li > div{
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 66px;
        height: 66px;
        margin: auto;
        background: url("../imgs/common/play.png") no-repeat 0 0/66px 66px;
        cursor: pointer;
        z-index: 2;
    }
    .video-img > div{
        display: none;
        position: absolute;
        width: 88px;
        height: 82px;
        top: 161.5px;
        z-index: 1;
        cursor: pointer;
    }
    .video-img-left{
        left: 0;
        background: url("../imgs/service/last.png") no-repeat 0 0/cover;
    }
    .video-img-right{
        right: 0;
        background: url("../imgs/service/next.png") no-repeat 0 0/cover;
    }
    .after-sale{
        width: 1242px;
        /*height: 836px;*/
        margin-bottom: 48px;
        padding: 79px 114px 99px;
        text-align: center;
        color: #ffffff;
        background: url("../imgs/service/AftersaleBG.jpg") no-repeat 0 0/cover;
    }
    .after-sale-content{
        display: flex;
        width: 100%;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .after-sale-content > figure{
        width: 251px;
    }
    .after-sale-content > figure > figcaption{
        margin-top: 22px;
        margin-bottom: 25px;
        font-size: 16px;
        letter-spacing: 3px;
    }
    .after-sale-content > figure > span{
        font-size: 12px;
        line-height: 24px;
        letter-spacing: 2px;
        color: #ffffff;
    }
    .after-sale-button{
        display: block;
        width: 471px;
        height: 70px;
        margin: 123px auto 0;
        line-height: 64px;
        font-size: 24px;
        color: #ffffff;
        border-radius: 4px;
        border: solid 2px #ffffff;
        background: rgba(0,0,0,0);
    }

}
@media only screen and (max-width: 1242px){
    .banner-img{
        position: relative;
        width: 100vw;
        height: 140.9vw;
        overflow-x: hidden;
    }
    .banner-img > div{
        width: 500vw;
        height: 100%;
        background: url("../imgs/mobile/service/banner01.jpg") no-repeat 0 0/100vw 140.9vw,url("../imgs/mobile/service/banner02.jpg") no-repeat 100vw 0/100vw 140.9vw,url("../imgs/mobile/service/banner03.jpg") no-repeat 200vw 0/100vw 140.9vw,url("../imgs/mobile/service/banner04.jpg") no-repeat 300vw 0/100vw 140.9vw,url("../imgs/mobile/service/banner05.jpg") no-repeat 400vw 0/100vw 140.9vw;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .banner-left-nav,.banner-img > img{
        display: none;
    }
    .banner-right-content{
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        padding-top: 43vw;
        text-align: center;
        color: #ffffff;
    }
    #bannerTitle{
        font-size: 4.8vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 1px;
        color: #ffffff;
    }
    #bannerText{
        width: 86.5vw;
        margin: 10.7vw auto 0;
        font-size: 3.2vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.3vw;
        color: #ffffff;
    }
    #bannerButton{
        margin-top: 40.6vw;
        font-size: 3.2vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.6vw;
        color: #ffffff;
    }
    .choose-icon{
        display: inline-block;
        width: 5vw;
        height: 5vw;
        background: url("../imgs/mobile/service/goto.png") no-repeat 0 0/cover;
        vertical-align: middle;
    }
    .m-banner-nav{
        position: absolute;
        top: 120vw;
        left: 0;
        right: 0;
        margin: 10vw auto 0;
        text-align: center;
    }
    .m-banner-nav > li{
        display: inline-block;
        width: 9.7vw;
        height: 3px;
        margin: 0 0.4vw;
        background-color: #ffffff;
        border-radius: 0.1vw;
        opacity: 0.5;
    }
    #selectMBnaerNav{
        opacity: 1;
    }
    .spms{
        padding-top: 5vw;
    }
    .spms >div:first-child{
        margin: 0 auto;
        font-size: 2.9vw;
        font-weight: bold;
        font-stretch: normal;
        line-height: 3.9vw;
        text-align: center;
        letter-spacing: 0vw;
        color: #434f5c;
    }
    .spms > div:nth-child(2){
        margin: 1.1vw auto 5.8vw;
        font-size: 2.4vw;
        font-weight: normal;
        text-align: center;
        letter-spacing: 0vw;
        color: #434f5c;
    }
    .spms-one-img-url{
        width: 100%;
        height: 35.4vw;
        background: url("../imgs/mobile/service/Requirementcommunication.jpg") no-repeat 0 0/cover;
    }
    .spms > div:last-child >div{
        display: inline-block;
    }
    .spms-two-img-url{
        float: left;
        width: 100%;
        height: 35.4vw;
        background: url("../imgs/mobile/service/Projectorder.jpg") no-repeat 0 0/cover;
    }
    .spms-text{
        width: 100%;
        /*height: 29.1vw;*/
        padding: 8.7vw 0 8.5vw;
        background-color: #ffffff;
    }
    .spms-text > div:first-child{
        margin: 0 auto 3.9vw;
        font-size: 2.9vw;
        font-weight: bold;
        font-stretch: normal;
        line-height: 3.9vw;
        text-align: center;
        letter-spacing: 0vw;
        color: #434f5c;
    }
    .spms-text > div:last-child{
        padding: 0 6.3vw;
        font-size: 2.4vw;
        font-weight: normal;
        /*text-align: center;*/
        letter-spacing: 0vw;
        color: #434f5c;
    }
    .shoot{
        overflow-x: hidden;
        padding-top: 7.9vw;
        background-color: #121416
    }
    .shoot > h1{
        font-size: 2.9vw;
        font-weight: bold;
        font-stretch: normal;
        text-align: center;
        letter-spacing: 0.3vw;
        color: #ffffff;
    }
    .shoot > p{
        margin: 2.7vw auto 7.1vw;
        width: 87.3vw;
        font-size: 2.3vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.1vw;
        color: #ffffff;
    }
    .shoot-nav{
        display: flex;
        justify-content: space-around;
        color: #ffffff;
        text-align: center;
    }
    .shoot-nav > figure{
        display: inline-block;
        width: 10vw;
        /*margin: 0 5.5vw;*/
        opacity: 0.5;
        cursor: pointer;
    }
    .shoot-nav > figure > img{
        width: 100%;
        height: 8.5vw;
    }
    .select-shoot-nav{
        width: 3.5vw;
        height: 2px;
        margin: 1vw auto;
        background-color: #ffffff;
        border-radius: 0.1vw;
    }
    #selectShootNav{
        opacity: 1;
    }
    .shoot-nav > figure > figcaption{
        margin-top: 1.1vw;
        font-size: 2.4vw;
        font-weight: normal;
        font-stretch: normal;
        text-align: center;
        letter-spacing: 0.1vw;
        color: #ffffff;
    }
    .shoot-video{
        width: 64.9vw;
        height: 36.4vw;
        margin: 4.8vw auto 8.7vw;
        color: #fff;
    }
    .shoot-video > ul{
        /*width: 64.9vw;*/
        height: 36.4vw;
        margin-left: -1.6vw;
        white-space: nowrap;
        -webkit-transition: margin-left .3s;
        -moz-transition: margin-left .3s;
        -ms-transition: margin-left .3s;
        -o-transition: margin-left .3s;
        transition: margin-left .3s;
    }
    .shoot-video > ul > li{
        display: inline-block;
        position: relative;
        width: 64.9vw;
        height: 36.4vw;
        margin: 0 1.6vw;
    }
    .shoot-video > ul > li > video{
        width: 100%;
        height: auto;
    }
    .shoot-video > ul > li > div{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 10vw;
        height: 10vw;
        background: url("../imgs/mobile/common/plya_white.png") no-repeat 0 0/cover;
    }
    .shoot-video > ul > li:nth-child(2){
        opacity: .5;
    }
    .shoot-ul-dot{
        margin: 4.8vw auto;
        text-align: center;
    }
    .shoot-ul-dot > li{
        display: inline-block;
        width: 1.2vw;
        height: 1.2vw;
        margin: 0 2vw;
        -webkit-border-radius: 0.6vw;
        -moz-border-radius: 0.6vw;
        border-radius: 0.6vw;
        background-color: #ffffff;
        transition: all .5s;
    }
    #selectDotLi{
        opacity: 0.5;
    }
    .last-nav{
        text-align: center;
    }
    .last-nav > li{
        display: inline-block;
        width: 15.9vw;
        height: 5.2vw;
        line-height: 5vw;
        font-size: 2.4vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.5vw;
        color: #ffffff;
        text-align: center;
        border-radius: 0.2vw;
        border: solid 1px #ffffff;
        transition: all .5s;
        cursor: pointer;
    }
    #selectLastNav{
        color: #000;
        background-color: #ffffff;
    }
    .shoot-last-img{
        margin: 7.2vw auto 0;
        text-align: center;
        letter-spacing: -8px;
    }
    .shoot-last-img > figure{
        display: inline-block;
        width: 46.2vw;
        /*height: 29.8vw;*/
        vertical-align: top;
    }
    .shoot-last-img > figure > img{
        width: 100%;
    }
    .shoot-last-img > figure > figcaption{
        margin: 5.6vw 0 8.6vw;
        font-size: 1.3vw;
        font-weight: normal;
        font-stretch: normal;
        line-height: 1.9vw;
        letter-spacing: 0.3vw;
        color: #ffffff;
    }
    .edit{
        width: 100vw;
        /*height: 81.1vw;*/
        margin-top: 0.8vw;
        padding: 8.6vw 0 5.4vw;
        background-image: linear-gradient(
                rgba(37, 44, 51, 0.33),
                rgba(37, 44, 51, 0.33)),
        linear-gradient(90deg,
                #1e1e28 0%,
                #131318 68%,
                #080808 100%);
        background-blend-mode: normal,
        normal;
    }
    .edit > h1{
        line-height: 2.9vw;
        font-size: 2.9vw;
        font-weight: normal;
        font-stretch: normal;
        text-align: center;
        letter-spacing: 0.3vw;
        color: #ffffff;
    }
    .edit > p{
        width: 86.3vw;
        margin: 2.9vw auto ;
        font-size: 2.4vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.5vw;
        color: #ffffff;
    }
    .edit-conten-nav{
        display: none;
    }
    .m-edit{
        margin-top: 4.7vw;
    }
    .m-edit-dot{
        text-align: center;
    }
    .m-edit-dot > li{
        display: inline-block;
        width: 1.2vw;
        height: 1.2vw;
        margin: 0 1.6vw;
        -webkit-border-radius: 0.6vw;
        -moz-border-radius: 0.6vw;
        border-radius: 0.6vw;
        background-color: #ffffff;
        opacity: 0.5;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    #selectEditDot{
        opacity: 1;
    }
    .m-edit-nav{
        margin-top: 4.8vw;
        text-align: center;
    }
    .m-edit-nav > li{
        display: inline-block;
        width: 15.9vw;
        height: 5.2vw;
        border-radius: 0.2vw;
        font-size: 2.4vw;
        font-weight: normal;
        font-stretch: normal;
        line-height: 5.2vw;
        letter-spacing: 0.5vw;
        color: #ffffff;
        border: solid 0.1vw #ffffff;
        cursor: pointer;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    #selectEditNavM{
        color: #1c1e26;
        background-color: #ffffff;
    }
    .edit-conten-img{
        display: none;
    }
    .m-edit-conten-img{
        width: 84.5vw;
        margin: 3.4vw auto 4.5vw;
    }
    .m-edit-conten-img > img{
        width: 100%;
    }
    .edit-text{
        width: 86vw;
        margin: 0 auto;
        font-size: 2.3vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.5vw;
        color: #68757c;
        opacity: 0.5;
    }
    .video-carousel{
        width: 100%;
        overflow-x: hidden;
        margin-top: 1.6vw;
        margin-bottom: 1.6vw;
        padding: 8.1vw 0;
        background-color: #ffffff;
    }
    .video-carousel > h1{
        font-size: 3.5vw;
        font-size: 3.5vmin;
        text-align: center;
        letter-spacing: 0vw;
        color: #1a1d22;
    }
    .video-carousel > p{
        margin-top: 3.9vw;
        font-size: 2.9vw;
        font-size: 2.9vmin;
        text-align: center;
        letter-spacing: 0vw;
        color: #120b0a;
    }
    .video-img{
        width: 58.6vw;
        height: 39.5vw;
        margin: 4.9vw auto 0;
    }
    .video-img > ul{
        width: auto;
        white-space: nowrap;
        -webkit-transition: margin-left .3s ease;
        -moz-transition: margin-left .3s ease;
        -ms-transition: margin-left .3s ease;
        -o-transition: margin-left .3s ease;
        transition: margin-left .3s ease;
    }
    .video-img > ul > li{
        display: inline-block;
        position: relative;
        width: 58.6vw;
        height: 39.5vw;
        margin-right: 2.7vw;
    }
    .video-img > ul > li > div{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 12.8vw;
        height: 12.8vw;
        margin: auto;
        background: url("../imgs/mobile/common/plya_white.png") no-repeat 0 0/cover;
        z-index: 1;
        cursor: pointer;
    }

    .after-sale{
        width: 100%;
        /*height: 81vw;*/
        padding-top: 5.6vw;
        padding-bottom: 8.7vw;
        background: url("../imgs/mobile/service/AftersaleBG.jpg") no-repeat 0 0/cover;
    }
    .after-sale > h1{
        line-height: 2.9vw;
        font-size: 2.9vw;
        font-weight: normal;
        font-stretch: normal;
        text-align: center;
        letter-spacing: 0.3vw;
        color: #ffffff;
    }
    .after-sale > p{
        width: 87.1vw;
        margin: 2.5vw auto 9.3vw;
        font-size: 2.4vw;
        font-weight: normal;
        font-stretch: normal;
        text-align: center;
        letter-spacing: 0vw;
        color: #ffffff;
    }
    .after-sale-content{
        display: flex;
        justify-content: space-around;
    }
    .after-sale-content > figure{
        display: inline-block;
        vertical-align: top;
        width: 28vw;
    }
    .after-sale-content > figure > img{
        display: block;
        width: 9.4vw;
        margin: 0 auto 1.5vw;
    }
    .after-sale-content > figure > figcaption{
        font-size: 2.4vw;
        font-weight: normal;
        font-stretch: normal;
        text-align: center;
        letter-spacing: 0vw;
        color: #ffffff;
    }
    .after-sale-content > figure > span{
        display: block;
        margin-top: 2.3vw;
        font-size: 2.3vw;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0.5vw;
        color: #ffffff;
    }
    .after-sale > a{
        display: block;
        width: 37.9vw;
        height: 6.4vw;
        line-height: 6vw;
        margin: 8.8vw auto 0;
        font-size: 2.9vw;
        text-align: center;
        letter-spacing: 0;
        color: #ffffff;
        border-radius: 0.3vw;
        border: solid 0.2vw #ffffff;
        background: rgba(0,0,0,0);
        cursor: pointer;
    }
}