
.page-main{
    width: 100%;
    padding-top: 4.645vw;
}
.page-main-banner{
    width: 100%;
    height: 56vh;
    position: relative;
    overflow: hidden;
}
.page-main-banner-box{
    width: 100vw;
    height: 100%;
    display: flex;
    position: relative;
    left: 0;
    transition:0.5s ease;
}
.page-main-banner-box-item{
    width: 100vw;
    height: 100%;
    position: relative;
}
.page-main-banner-box-item img{
    display: inline-block;
    width: 100vw;
    height: 100%;
    position: relative;
    z-index: 0;
}
.page-main-banner-box-item img:last-child{
    display: none;
}

.page-main-banner-data{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.page-main-banner-data-title{
    font-family: AlibabaPuHuiTiBold;
    font-weight: bold;
    position: absolute;
}
.page-main-banner-data-subTitle{
    font-family: AlibabaPuHuiTiRegular;
    line-height: 2.744vw;
    font-weight: 500;
    font-size: 2vw;
    color: #FFFFFF;
    position: absolute;
    top: 13.671vw;
    left: 10.556vw;
}

.page-main-afterSale{
    width: 100%;
    height: 42.227vw;
    background-color: #fff;
    position: relative;
}
.page-main-afterSale::before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("/image/customer/2.png");
    background-size: 100% 100%;
    z-index: -1;
}
.page-main-afterSale-box{
    width: calc(100% - 21.113vw);
    /*min-width: 1520px;*/
    height: 100%;
    margin: 0 auto;
}
.page-main-afterSale-box-title{
    font-family: AlibabaPuHuiTiRegular;
    font-weight: 400;
    font-size: 1.953vw;
    color: #666;
    line-height: 2.691vw;
    padding-top: 4.222vw;
}
.page-main-afterSale-box-subTitle{
    font-family: AlibabaPuHuiTiMedium;
    font-weight: 500;
    font-size: 1.953vw;
    color: #333;
    line-height:2.691vw;
    padding-top: 0.527vw;
}

.page-main-afterSale-box-introduce{
    width: 100%;
    height: 14.726vw;
    display: flex;
    justify-content: flex-start;
    margin-top: 3.061vw;
}
.page-main-afterSale-box-introduce-left{
    background-color: #EDF0F7;
    width: 50%;
    height: 100%;
    position: relative;
}
.page-main-afterSale-box-introduce-left::before{
    content: "";
    display: inline-block;
    width: 2.269vw;
    height:0.263vw;
    background-color: #4A8CFF;
    position: absolute;
    left: 2.797vw;
    bottom: 2.85vw;
}
.page-main-afterSale-box-introduce-left-title{
    width: 34.2vw;
    height: 5.225vw;
    font-family: AlibabaPuHuiTiRegular;
    font-weight: 400;
    font-size: 1.266vw;
    color: #333;
    line-height: 1.477vw;
    position: absolute;
    left:2.797vw;
    top: 3.747vw;
}
.page-main-afterSale-box-introduce-left-title::before{
    content: "";
    display: inline-block;
    width: 1.741vw;
    height: 1.477vw;
    position: absolute;
    top: -2.058vw;
    left: 0;
    background-image: url("/image/customer/9.png");
    background-size: 100% 100%;
}
.page-main-afterSale-box-introduce-left-title::after{
    content: "";
    display: inline-block;
    width: 1.741vw;
    height: 1.477vw;
    position: absolute;
    top: 4.592vw;
    right: 0;
    background-image: url("/image/customer/10.png");
    background-size: 100% 100%;

}
.page-main-afterSale-box-introduce-right{
    width: 50%;
    height: 100%;
    background-image: url("/image/customer/8.png");
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.page-main-afterSale-box-introduce-right-image{
    width: 4.222vw;
    height: 4.222vw;
    margin-bottom: 0.844vw;
}
.page-main-afterSale-box-introduce-right-image img{
    width: 100%;
    height: 100%;
}
.page-main-afterSale-box-introduce-right-title{
    font-family: AlibabaPuHuiTiMedium;
    font-weight: 500;
    font-size: 1.425vw;
    color: #FFFFFF;
    line-height:1.953vw;
}
.page-main-afterSale-box-list{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin-top:2.691vw;
}
.page-main-afterSale-box-list-item{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.page-main-afterSale-box-list-item-image{
    width: 3.325vw;
    height:3.325vw;
    margin-bottom: 1.055vw;
}
.page-main-afterSale-box-list-item-image img{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.page-main-afterSale-box-list-item-title{
    font-family: AlibabaPuHuiTiRegular;
    font-weight: 400;
    font-size: 1.266vw;
    color: #333;
    line-height: 1.741vw;
}

/* 管理制度 */
.page-main-institution{
    width: 100%;
    height: 51.517vw;
    background-image: url("/image/customer/11.png");
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0 9.817vw 0 9.87vw;
    display: none;
}
.page-main-institution-box{
    width: 100%;
}
.page-main-institution-box-title{
    font-family: AlibabaPuHuiTiRegular;
    font-weight: 400;
    font-size: 1.953vw;
    color: #666;
    line-height: 2.691vw;
    box-sizing: border-box;
    padding-top: 4.222vw;
}
.page-main-institution-box-subTitle{
    font-family: AlibabaPuHuiTiMedium;
    font-weight: 500;
    font-size: 1.953vw;
    color: #333;
    line-height: 2.691vw;
    padding-top: 0.527vw;
    margin-bottom: 3.114vw;
}
.page-main-institution-box-data{
    width: 100%;
    /*min-width: 1547px;*/
    background-color: #fff;
    box-sizing: border-box;
    padding: 3vw 2.428vw 3.061vw 2.428vw;
}
.page-main-institution-box-data-row{
    width:100%;
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 1.636vw;
}
.page-main-institution-box-data-row-headline{
    font-family: AlibabaPuHuiTiRegular;
    width: 7.706vw;
    font-weight: 400;
    font-size: 1.108vw;
    color: #4A8CFF;
    margin-right: 2.111vw;
    box-sizing: border-box;
    padding-top: 0.58vw;
}
.page-main-institution-box-data-row-list{
    width: calc(100% - 16.046vw);
    display: flex;
    justify-content: space-between;
}
.page-main-institution-box-data-row-list-item{
    width: 9.289vw;
}
.page-main-institution-box-data-row:first-child .page-main-institution-box-data-row-headline{
    line-height: 3.642vw;
    padding-top: 0;
}
.page-main-institution-box-data-row:first-child .page-main-institution-box-data-row-list-item{
    height: 3.642vw;
    background: #4A8CFF;
    font-family: AlibabaPuHuiTiMedium;
    font-weight: 500;
    font-size: 1.425vw;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
.page-main-institution-box-data-row .page-main-institution-box-data-row-lsit-item:last-child{
    margin-right: 2.111vw;
}
.page-main-institution-box-data-row:first-child:before{
    content: "";
    display: inline-block;
    width: calc(100% - 11.506vw);
    height: 1.425vw;
    background-color: rgba(74,140,255,0.2);
    position: absolute;
    left: 7.706vw;
    top: 1.108vw;
    z-index: 0;
}

.page-main-institution-box-data-row:nth-child(2) .page-main-institution-box-data-row-list-item{
    background-color: #EBF1FF;
    height: 5.859vw;
    box-sizing: border-box;
    padding: 0.58vw 0 0.686vw 0.844vw;
}
.page-main-institution-box-data-row:nth-child(2) .page-main-institution-box-data-row-list-item div{
    font-family: AlibabaPuHuiTiMedium;
    font-weight: 500;
    font-size: 1vw;
    color: #333333;
    line-height: 1.372vw;
    margin-bottom: 0.211vw;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.page-main-institution-box-data-row:nth-child(2) .page-main-institution-box-data-row-list-item div::before{
    content: "";
    display: inline-block;
    width: 0.263vw;
    height: 0.263vw;
    background-color: #333;
    border-radius: 0.263vw;
    margin-right: 0.58vw;
}
.page-main-institution-box-data-row:nth-child(2) .page-main-institution-box-data-row-list-item div:last-child{
    margin: 0;
}
.page-main-institution-box-data-row:nth-child(3){
    border-bottom: 1px dashed #CBCBCB;
    padding-bottom: 1.477vw;
}
.page-main-institution-box-data-row:nth-child(3) .page-main-institution-box-data-row-list-item{
    font-family: AlibabaPuHuiTiRegular;
    font-weight: 400;
    font-size:0.844vw;
    color: #333333;
    line-height:1vw;
}

.page-main-institution-box-data-row:nth-child(4) .page-main-institution-box-data-row-headline{
    color: #FF9B04;
}
.page-main-institution-box-data-row:nth-child(4) .page-main-institution-box-data-row-list-item{
    background-color: #FFF5E6;
    height: 4.064vw;
    box-sizing: border-box;
    padding: 0.58vw 0 0.633vw 0.527vw;
}
.page-main-institution-box-data-row:nth-child(4) .page-main-institution-box-data-row-list-item div{
    font-family: AlibabaPuHuiTiRegular;
    font-weight: 500;
    font-size: 0.844vw;
    color: #FF9B04;
    line-height: 1.161vw;
    margin-bottom: 0.527vw;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.page-main-institution-box-data-row:nth-child(4) .page-main-institution-box-data-row-list-item div::before{
    content: "";
    display: inline-block;
    width: 0.263vw;
    height: 0.263vw;
    background-color: #FF9B04;
    border-radius: 0.263vw;
    margin-right: 0.422vw
}
.page-main-institution-box-data-row:nth-child(4) .page-main-institution-box-data-row-list-item div:last-child{
    margin: 0;
}
.page-main-institution-box-data-flow{
    display: none;
}



@media (min-width: 1200px){

    .page-main-banner-data-title{
        height:5.225vw;
        font-family: AlibabaPuHuiTiBold;
        font-weight: bold;
        font-size: 3.8vw;
        color: #FFFFFF;
        line-height: 5.225vw;
        position: absolute;
        top: 8.762vw;
        left: 10.556vw;
    }
}
@media (max-width: 1200px){
    .page-main{
        margin-top: 0px;
        padding-top:0;
    }
    .page-main-banner{
        height: 398px;
    }
    .page-main-banner-data-title{
        font-size: 24px;
        height: 33px;
        line-height: 33px;
        color: #FFFFFF;
        top: 183px;
        left: 31px;
    }
    .page-main-banner-data-subTitle{
        font-size: 15px;
        height: 21px;
        line-height: 21px;
        top: 233px;
        left: 31px;
    }
    .page-main-banner-box-item img{
    }
    .page-main-banner-box-item img:first-child{
        display: none;
    }
    .page-main-banner-box-item img:last-child{
        display: inline-block;
    }
    .page-main-navigation{
        box-sizing: border-box;
        padding: 0 32px;
    }
    .page-main-navigation-item{
        width: calc(100% - 32px);
    }
    .page-main-afterSale{
        box-sizing: border-box;
        padding: 20px;
        height: initial;
    }
    .page-main-afterSale-box{
        width:100%;
    }
    .page-main-afterSale-box-title{
        font-size: 18px;
        line-height: 25px;
        padding: 0;
    }
    .page-main-afterSale-box-subTitle{
        width: 100%;
        font-size: 16px;
        line-height: 22px;
        margin-top: 6px;
    }
    .page-main-afterSale-box-introduce{
        height: 357px;
        margin-top: 20px;
        display: flex;
        justify-content: flex-start;
        flex-direction:column-reverse ;
    }
    .page-main-afterSale-box-introduce-left{
        width: 100%;
        height: 191px;
    }
    .page-main-afterSale-box-introduce-right{
        width: 100%;
        height: 166px;
    }
    .page-main-afterSale-box-introduce-right-image{
        width: 57px;
        height: 52px;
        margin-bottom: 4px;
    }
    .page-main-afterSale-box-introduce-left::before{
        width: 43px;
        height: 6px;
        left: 20px;
        bottom: 20px;
    }
    .page-main-afterSale-box-introduce-right-title{
        font-size: 14px;
        line-height: 19px;
    }
    .page-main-afterSale-box-introduce-left-title{
        width: 271px;
        height: 151px;
        font-size: 14px;
        line-height: 19px;
        position: relative;
        box-sizing: border-box;
        padding-top: 25px;
    }
    .page-main-afterSale-box-introduce-left-title::before{
        width: 20px;
        height: 20px;
        top: 0px;
        left: 0px;
    }
    .page-main-afterSale-box-introduce-left-title::after{
        width: 20px;
        height: 20px;
        right: 0;
        top: 112px;
    }
    .page-main-afterSale-box-list{
        margin-top: 20px;
        margin-bottom: 50px;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .page-main-afterSale-box-list-item{
        width: 50%;
        height: 134px;
    }
    .page-main-afterSale-box-list-item-image{
        width: 42px;
        height: 42px;
        margin-bottom: 20px;
    }
    .page-main-afterSale-box-list-item-title{
        font-size: 14px;
        line-height: 19px;
    }



    .page-main-institution{
        height: auto;
        padding: 20px 16px 0 16px;
    }
    .page-main-institution-box-title{
        font-size: 18px;
        line-height: 25px;
        padding: 0;
    }
    .page-main-institution-box-subTitle{
        font-size: 16px;
        line-height: 22px;
        margin-top: 6px;
        margin-bottom: 24px;
    }
    .page-main-institution-box-data-row{
        display: none;
    }
    .page-main-institution-box-data{
        padding: 13px 15px 0 22px;
    }
    .page-main-institution-box-data-flow{
        width: 100%;
        position: relative;
        display: block;
        margin-bottom: 25px;
    }
    .page-main-institution-box-data-flow-title{
        width: 100%;
        height: 23px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 17px;
        color: #4A8CFF;
        font-weight: 500;
        box-sizing: border-box;
        padding-left: 10px;
        font-family: AlibabaPuHuiTiRegular;
        margin-bottom: 12px;
    }
    .page-main-institution-box-data-flow-title::before{
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 16px;
        background: #4A8CFF;
        position: absolute;
        z-index: 1;
        left: -8px;
        font-family: AlibabaPuHuiTiRegular;

    }
    .page-main-institution-box-data-flow-item{
        width: 100%;
        /*box-sizing: border-box;*/
        /*padding: 16px;*/
    }
    .page-main-institution-box-data-flow-item-title{
        width: 100%;
        height: 35px;
        background: #4A8CFF;
        box-sizing: border-box;
        padding-left: 20px;
        line-height: 35px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        font-family: AlibabaPuHuiTiRegular;
    }
    .page-main-institution-box-data-flow-item-row{
        width: calc(100% - 32px);
        display: flex;
        margin: 0 auto;
    }
    .page-main-institution-box-data-flow-item-row-title{
        width: 28px;
        margin-right: 10px;
        font-size: 14px;
        color: #4A8CFF;
        font-family: AlibabaPuHuiTiRegular;
    }
    .page-main-institution-box-data-flow-item-row-label{
        width: calc(100% - 38px);
        font-family: AlibabaPuHuiTiRegular;
        font-size: 13px;
        color: #333;
        line-height: 18px;
    }
    .page-main-institution-box-data-flow-item-row:nth-child(2){
        margin-top: 16px;
    }
    .page-main-institution-box-data-flow-item-row:last-child{
        margin-bottom: 16px;
    }
    .page-main-institution-box-data-flow-item-row:nth-child(3){
        margin: 10px auto;
        min-height: 38px;
    }
    .page-main-institution-box-data-flow-item-row:nth-child(2) .page-main-institution-box-data-flow-item-row-title{
        line-height: 38px;
        font-size: 14px;
    }
    .page-main-institution-box-data-flow-item-row:nth-child(2) .page-main-institution-box-data-flow-item-row-label{
        display: flex;
        color: #333;
        font-size: 13px;
        line-height: 38px;
        background: #EBF1FF;
        box-sizing: border-box;
        padding-left: 10px;
    }
    .page-main-institution-box-data-flow-item-row:last-child .page-main-institution-box-data-flow-item-row-title{
        line-height: 38px;
        font-size: 14px;
        color: #FF9B04;
    }
    .page-main-institution-box-data-flow-item-row:last-child .page-main-institution-box-data-flow-item-row-label{
        display: flex;
        line-height: 38px;
        font-size: 13px;
        color: #FF9B04;
        background: #FFF5E6;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .page-main-institution-box-data-flow-item-row:nth-child(2) .page-main-institution-box-data-flow-item-row-label span,
    .page-main-institution-box-data-flow-item-row:last-child .page-main-institution-box-data-flow-item-row-label span{
        margin-right: 10px;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .page-main-institution-box-data-flow-item-row:nth-child(2) .page-main-institution-box-data-flow-item-row-label span:before{
        content: "";
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        background: #333;
        margin-right: 5px;
    }
    .page-main-institution-box-data-flow-item-row:last-child .page-main-institution-box-data-flow-item-row-label span:before{
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: #FF9B04;
        margin-right: 5px;
    }
}