.TitleSection__page .sub-banner {
    margin: 0 auto 50px;
}

.TitleSection__page img {
    width: 100%;
}

.margin-b60 {
    margin-bottom: 60px;
}

.max-1200 {
    max-width: 1240px;
}

.max-1200, .max-1400, .max-1680 {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 15px;
}

.breadcrumb {
    margin-bottom: 20px;
    font-size: 14px;
}

.TitleSection__page .header {
    position: relative;
}

.TitleSection__page .h1 {
    font-size: 48px;
    margin-bottom: 35px;
    word-break: break-word;
}

.description__page {
    word-break: break-word;
}

.ql-editor {
    word-wrap: break-word;
    box-sizing: border-box;
    cursor: text;
    height: 100%;
    line-height: 1.42;
    outline: 0;
    overflow-y: auto;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
}

.ql-editor .ql-align-justify {
    text-align: justify;
}

.description__page .ql-align-justify img {
    display: block;
    width: 100%;
}

.ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor ol, .ql-editor p, .ql-editor pre, .ql-editor ul {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    margin: 0;
    padding: 0;
}

img {
    border-style: none;
}

img {
    display: block;
    max-width: 100%;
}

.afterSale__page {
    background-color: #222833;
}

.afterSale__page .banner {
    margin: 0 auto;
}

.afterSale__page .banner img {
    margin: 0 auto;
    width: 100%;
}

.afterSale__page .max-1680 {
    text-align: center;
}

.max-1680 {
    max-width: 1680px;
}

.max-1200, .max-1400, .max-1680 {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 15px;
}

.afterSale__page .max-1680 .content-text {
    margin-top: 100px;
    padding: 0 10%;
    word-break: break-word;
}

.afterSale__page .max-1680 .content-text h1 {
    margin-bottom: 24px;
}

.afterSale__page h1, .afterSale__page h3 {
    color: #fff;
    font-size: 42px;
    line-height: 48px;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

.afterSale__page .max-1680 .content-text p {
    line-height: 28px;
}

.afterSale__page .pre-text {
    white-space: pre;
}

.afterSale__page p {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
}

.afterSale__page .max-1680 .content-service {
    margin-top: 70px;
}

.el-row--flex {
    display: flex;
}

.el-row {
    box-sizing: border-box;
}

.el-col-pull-0, .el-col-pull-1, .el-col-pull-10, .el-col-pull-11, .el-col-pull-12, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-2, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-push-0, .el-col-push-1, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-2, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-row, .el-upload-dragger, .el-upload-list__item {
    position: relative;
}

.el-col-9 {
    width: 37.5%;
}

[class*=el-col-] {
    box-sizing: border-box;
    float: left;
}

.afterSale__page .max-1680 .content-service .el-col .service-item {
    position: relative;
}

.afterSale__page .max-1680 .content-service .el-col-9 .service-item, .afterSale__page .max-1680 .content-service .el-col-9 .service-item>div {
    height: 870px;
}

.afterSale__page .max-1680 .content-service .el-col-9 .service-item, .afterSale__page .max-1680 .content-service .el-col-9 .service-item>div {
    height: 870px;
}

.afterSale__page .max-1680 .content-service .el-col .service-item .service-item__icon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.afterSale__page .max-1680 .content-service .el-col .service-item .service-item__text {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    padding: 0 20%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.afterSale__page .max-1680 .content-service .el-col-9 .service-item, .afterSale__page .max-1680 .content-service .el-col-9 .service-item>div {
    height: 870px;
}

.el-col-15 {
    width: 62.5%;
}

.afterSale__page .max-1680 .content-service .el-col-13 {
    margin-top: 11px;
    width: 100%;
}

.el-col-13 {
    width: 54.16667%;
}

[class*=el-col-] {
    box-sizing: border-box;
    float: left;
}

.el-col-24 {
    width: 100%;
}

.afterSale__page .max-1680 .content-service .el-col .service-item {
    position: relative;
}

.afterSale__page .max-1680 .content-service .el-col-13 .service-item, .afterSale__page .max-1680 .content-service .el-col-13 .service-item>div {
    height: 450px;
}

.afterSale__page .max-1680 .content-service .el-col .service-item .service-item__icon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}


.afterSale__page .max-1680 .content-service .el-col .service-item .service-item__text h3 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 0;
}

.afterSale__page .max-1680 .content-service .el-col .service-item .service-item__text p {
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.afterSale__page h1, .afterSale__page h3 {
    color: #fff;
    font-size: 42px;
    line-height: 48px;
}

.afterSale__page p {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
}

.ellipsis5line {
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.afterSale__page .max-1680 .content-service .el-col .service-item .service-item__icon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.afterSale__page .max-1680 .content-service .el-col-9 .service-item, .afterSale__page .max-1680 .content-service .el-col-9 .service-item>div {
    height: 870px;
}

.afterSale__page .max-1680 .content-service .el-col .service-item .service-item__text h3 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 0;
}

.afterSale__page .max-1680 .content-service .el-col .service-item .service-item__text p {
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.afterSale__page .max-1680 .content-service {
    margin-top: 70px;
}

.afterSale__page .max-1680 .content-service .el-col .service-item .service-item__text p {
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.afterSale__page p {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
}

.afterSale__page .max-1680 .content-service .el-col .service-item .service-item__icon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.afterSale__page .max-1680 .content-service .el-col-13 .service-item, .afterSale__page .max-1680 .content-service .el-col-13 .service-item>div {
    height: 450px;
}

.afterSale__page .max-1680 .content-maps {
    margin-top: 100px;
}

.afterSale__page .max-1680 .content-maps h3 {
    margin: 30px 0;
}

.afterSale__page h1, .afterSale__page h3 {
    color: #fff;
    font-size: 42px;
    line-height: 48px;
}

.afterSale__page .max-1680 .content-maps p {
    margin-bottom: 120px;
}

.afterSale__page p {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
}

.afterSale__page .max-1680 .content-maps div {
    margin-bottom: 100px;
}

.afterSale__page .max-1680 .content-maps>div {
    align-items: center;
    display: flex;
    justify-content: center;
}

.afterSale__page .max-1680 .content-maps>div img {
    max-width: 1100px;
    width: 100%;
}

.afterSale__page .content-item {
    margin-top: 70px;
    text-align: center;
}

.afterSale__page .content-item h3 {
    margin-bottom: 70px;
}

.afterSale__page .content-item {
    margin-top: 70px;
    text-align: center;
}

.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}

.swiper {
    width: 100%;
}

.swiper .image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination {
    position: absolute !important;
    text-align: center !important;
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    -webkit-transition: opacity .3s !important;
    transition: opacity .3s !important;
    z-index: 10 !important;
}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000;
}

.swiper .swiper-pagination-bullet-custom {
    background-color: #fff !important;
    border-radius: 0 !important;
    height: 2px !important;
    opacity: .3 !important;
    transition: .3s !important;
    width: 30px !important;
}

.swiper .swiper-pagination-bullet-custom.swiper-pagination-bullet-active {
    opacity: 1 !important;
    transition: .3s !important;
}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.history__page .timeline {
    display: flex;
    flex-direction: row;
    margin: 80px 0;
    overflow: hidden;
    padding: 0 50px;
    position: relative;
    width: 100%;
}

.lg .history__page .timeline .timeline-bg {
    font-size: 440px;
}

.history__page .timeline .timeline-bg {
    color: #f7f7f7;
    font-size: 540px;
    height: 100vh;
    left: 0;
    line-height: 100vh;
    overflow: hidden;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: -100;
}

.history__page .timeline .timeline-bg span {
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}

.history__page .timeline .timeline-line {
    background: url(/broken-line.png) repeat-y;
    height: calc(100% - 23px);
    left: 61px;
    overflow: hidden;
    position: absolute;
    top: 18px;
    width: 2px;
    z-index: 2;
}

.history__page .timeline .timeline-line span {
    background: #d2281b;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.history__page .timeline .timeline-content {
    flex: 1;
    overflow: hidden;
    position: relative;
    z-index: 20;
}

.history__page .timeline .timeline-content .timeline-pannel {
    overflow: hidden;
    padding-bottom: 110px;
    position: relative;
}

.history__page .timeline .timeline-content .timeline-pannel.active .timeline-pannel-year {
    color: #d2281b;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-year {
    color: #1a1a1a;
    font-size: 36px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding: 0 50px;
    position: relative;
    z-index: 12;
}

.history__page .timeline .timeline-content .timeline-pannel.active .timeline-pannel-year:before {
    border: 2px solid #d2281b;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-year:before {
    border: 2px solid #1a1a1a;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 24px;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-year:before {
    border: 2px solid #1a1a1a;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 24px;
}

.history__page .timeline .timeline-content .timeline-pannel.active .timeline-pannel-year:after {
    background: #d2281b;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-year:after {
    background: #1a1a1a;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    height: 12px;
    left: 6px;
    position: absolute;
    top: 12px;
    width: 12px;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    margin-top: 80px;
    overflow: hidden;
    padding-left: 50px;
    position: relative;
    width: 100%;
    z-index: 12;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-item .timeline-left {
    box-sizing: border-box;
    color: #868583;
    font-size: 24px;
    margin-top: 1px;
    overflow: hidden;
    width: 14%;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-item .timeline-right {
    overflow: hidden;
    width: 70%;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-item .timeline-right span {
    color: #1a1a1a;
    font-size: 27px;
    font-weight: 700;
    overflow: hidden;
    width: 100%;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-item .timeline-right .timeline-info {
    color: #1a1a1a;
    font-size: 18px;
    line-height: 36px;
    margin-top: 25px;
    overflow: hidden;
    width: 100%;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-item .timeline-right .timeline-pic {
    margin-top: 40px;
    overflow: hidden;
    width: 100%;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-item .timeline-right .timeline-pic img {
    width: 100%;
}

.history__page .timeline .timeline-pos {
    position: relative;
    width: 64px;
}
.history__page .timeline .timeline-pos .timeline-pos-content {
    border-left: 1px solid #e6e6e6;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
}

.history__page .timeline .timeline-pos .timeline-pos-content span.active {
    color: #d1291a;
}

.history__page .timeline .timeline-pos .timeline-pos-content span.active:before {
    background: #d1291a;
    content: "";
    height: 22px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 4px;
}

.history__page .timeline .timeline-pos .timeline-pos-content span {
    color: #868583;
    cursor: pointer;
    display: block;
    font-size: 18px;
    line-height: 22px;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    text-align: right;
}

.history__page .timeline .timeline-content .timeline-pannel .timeline-pannel-item .timeline-right .timeline-info {
    color: #1a1a1a;
    font-size: 18px;
    line-height: 36px;
    margin-top: 25px;
    overflow: hidden;
    width: 100%;
}