.banner[data-v-6f29cabb] {
    height: 400px;
    background: url(../img/5f912aa4fcb3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
}

.grid-container[data-v-6f29cabb] {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}

.grid-container .banner-text[data-v-6f29cabb] {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 15px;
    padding-left: 15px;
    width: 710px;
    height: 100%;
    color: #fff;
}

.grid-container .text-table-center[data-v-6f29cabb] {
    width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.grid-container .banner-slogan[data-v-6f29cabb] {
    margin-bottom: 16px;
    color: #fafafa;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 50px;
    line-height: 66px;
    padding-top: 36px;
}

.grid-container .banner-body[data-v-6f29cabb] {
    margin-bottom: 36px;
    color: #e0e0e0;
    font-size: 18px;
    line-height: 26px;
}

.solution-content[data-v-6f29cabb] {
    width: 100%;
    padding: 40px 0 115px 0;
}

.solution-content .solution-wrap[data-v-6f29cabb] {
    width: 1260px;
    margin: 0 auto;
}

.solution-content .importance-field[data-v-6f29cabb] {
    position: relative;
    margin-bottom: 5px;
    height: 286px;
}

.solution-content .importance-field .wrap[data-v-6f29cabb] {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.solution-content .importance-field .img-container[data-v-6f29cabb] {
    position: absolute;
    overflow: hidden;
    z-index: 8;
    width: 100%;
    height: 100%;
}

.solution-content .importance-field .bg-cover[data-v-6f29cabb] {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.solution-content .importance-field .wrap[data-v-6f29cabb]:first-child {
    height: 290px;
    width: 720px;
    display: inline-block;
    padding: 10px;
    padding-left: 30px;
}

.solution-content
    .importance-field
    .wrap:first-child
    .img-container[data-v-6f29cabb] {
    width: 690px;
    height: 270px;
}

.solution-content
    .importance-field
    .wrap:first-child:hover
    .bg-cover[data-v-6f29cabb] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.solution-content
    .importance-field
    .wrap:first-child:hover
    .p-con[data-v-6f29cabb] {
    bottom: 0;
    opacity: 1;
}

.solution-content
    .importance-field
    .wrap:first-child:active
    .left[data-v-6f29cabb] {
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.76);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.76);
    border: 1px solid #fff;
}

.solution-content .importance-field .wrap[data-v-6f29cabb]:last-child {
    height: 290px;
    width: 506px;
    margin-left: 12px;
    display: inline-block;
    padding: 10px;
}

.solution-content
    .importance-field
    .wrap:last-child
    .img-container[data-v-6f29cabb] {
    width: 486px;
    height: 270px;
}

.solution-content
    .importance-field
    .wrap:last-child:hover
    .bg-cover[data-v-6f29cabb] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.solution-content
    .importance-field
    .wrap:last-child:hover
    .p-con[data-v-6f29cabb] {
    bottom: 0;
    opacity: 1;
}

.solution-content
    .importance-field
    .wrap:last-child:active
    .right[data-v-6f29cabb] {
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.76);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.76);
    border: 1px solid #fff;
}

.solution-content .importance-field img[data-v-6f29cabb] {
    display: inline-block;
    vertical-align: middle;
    border: none;
    height: 100%;
    width: auto;
    position: absolute;
    z-index: 10;
}

.solution-content .importance-field .title[data-v-6f29cabb] {
    position: absolute;
    z-index: 15;
    left: 40px;
    top: 32px;
    max-width: calc(100% - 80px);
    line-height: 52px;
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.76);
}

.solution-content .importance-field .p-con[data-v-6f29cabb] {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: -240px;
    z-index: 13;
    width: 100%;
    height: 140px;
    padding: 0 40px;
    color: #fff;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-color: rgba(0, 0, 0, 0.02);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(transparent),
        to(#000)
    );
    background-image: linear-gradient(180deg, transparent, #000);
}

.solution-content .importance-field .p-con .p-info[data-v-6f29cabb] {
    position: absolute;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    left: 40px;
    right: 40px;
    bottom: 24px;
}

.solution-content .importance-field .clamp[data-v-6f29cabb] {
    width: 100%;
    max-height: 60px;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.solution-content .importance-field i[data-v-6f29cabb] {
    display: block;
    position: absolute;
    z-index: 12;
    width: 248px;
    height: 164px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.solution-content .importance-field .left[data-v-6f29cabb] {
    background-repeat: no-repeat;
    background-position: 50%;
    border: 1px solid #fff;
    background-size: cover;
    position: absolute;
    z-index: 25;
    overflow: hidden;
    height: 272px;
    width: 692px;
    left: 30px;
}

.solution-content .importance-field .left[data-v-6f29cabb]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.solution-content .importance-field .left i[data-v-6f29cabb] {
    background-image: url(../img/2b6339aabd89.png);
}

.solution-content .importance-field .right[data-v-6f29cabb] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    overflow: hidden;
    height: 272px;
    border: 1px solid #fff;
    width: 488px;
}

.solution-content .importance-field .right[data-v-6f29cabb]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.solution-content .importance-field .right i[data-v-6f29cabb] {
    background-image: url(../img/088e05b48591.png);
}

.solution-content .other-field ul[data-v-6f29cabb] {
    overflow: hidden;
    margin-left: 4px;
}

.solution-content .other-field ul li[data-v-6f29cabb] {
    cursor: pointer;
    width: 406px;
    padding-left: 16px;
    height: 272px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 4px;
}

.solution-content .other-field ul li .wrap[data-v-6f29cabb] {
    width: 396px;
    height: 272px;
    padding: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.solution-content .other-field ul li .wrap .img-container[data-v-6f29cabb] {
    position: absolute;
    overflow: hidden;
    z-index: 8;
    width: 100%;
    height: 100%;
}

.solution-content .other-field ul li .wrap .bg-cover[data-v-6f29cabb] {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.solution-content .other-field ul li .wrap:hover .bg-cover[data-v-6f29cabb] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.solution-content .other-field ul li .wrap:hover .cup .p-con[data-v-6f29cabb] {
    bottom: 0;
    opacity: 1;
}

.solution-content .other-field ul li .wrap:active .cup[data-v-6f29cabb] {
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
    border: 1px solid #fff;
}

.solution-content .other-field ul li .cup[data-v-6f29cabb] {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border: 1px solid #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
}

.solution-content .other-field ul li .cup[data-v-6f29cabb]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.solution-content .other-field ul li img[data-v-6f29cabb] {
    display: inline-block;
    vertical-align: middle;
    border: none;
    width: 100%;
    position: absolute;
    z-index: 10;
}

.solution-content .other-field ul li .title[data-v-6f29cabb] {
    position: absolute;
    z-index: 15;
    left: 40px;
    top: 25px;
    max-width: calc(100% - 80px);
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 30px;
}

.solution-content .other-field ul li .p-con[data-v-6f29cabb] {
    opacity: 0;
    position: absolute;
    overflow: hidden;
    left: 0;
    bottom: -240px;
    z-index: 13;
    width: 100%;
    height: 140px;
    padding: 0 40px;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-color: rgba(0, 0, 0, 0.02);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(transparent),
        to(#000)
    );
    background-image: linear-gradient(180deg, transparent, #000);
}

.solution-content .other-field ul li .p-con .p-info[data-v-6f29cabb] {
    position: absolute;
    font-size: 13px;
    color: #fff;
    height: auto;
    line-height: 20px;
    left: 40px;
    right: 40px;
    bottom: 24px;
}

.solution-content .other-field ul li .clamp[data-v-6f29cabb] {
    width: 100%;
    max-height: 60px;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.solution-content .other-field ul li i[data-v-6f29cabb] {
    display: block;
    position: absolute;
    z-index: 12;
    width: 180px;
    height: 134px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.solution-content .other-field ul li i.wl[data-v-6f29cabb] {
    background-image: url(../img/52ee6a612cf8.png);
}

.solution-content .other-field ul li i.zz[data-v-6f29cabb] {
    background-image: url(../img/74071fe1297e.png);
}

.solution-content .other-field ul li i.spyp[data-v-6f29cabb] {
    background-image: url(data:image/png;base64,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);
}

.banner[data-v-6e584c83] {
    height: 644px;
    background-repeat: no-repeat;
    background-size: 1920px 644px;
    background-color: #222220;
    background-position: 50%;
    width: 100%;
}

.more-title[data-v-6e584c83] {
    display: inline-block;
    font-size: 40px;
    color: #252525;
    position: relative;
    border-bottom: 8px solid #836b48;
    line-height: 33px;
}

.more-title[data-v-6e584c83]:before {
    left: -5px;
    border-left: 5px solid transparent;
}

.more-title[data-v-6e584c83]:after,
.more-title[data-v-6e584c83]:before {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: -8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    width: 0;
    border-bottom: 8px solid #836b48;
}

.more-title[data-v-6e584c83]:after {
    right: -5px;
    border-right: 5px solid transparent;
}

.base-line[data-v-6e584c83] {
    margin-top: 7px;
    font-family: ArialMT;
    font-size: 18px;
    color: #8b8b8b;
    letter-spacing: 0;
}

.grid-container[data-v-6e584c83] {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}

.grid-container .banner-text[data-v-6e584c83] {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 211px;
    width: 100%;
    text-align: center;
    height: 100%;
    color: #fff;
}

.grid-container .text-table-center[data-v-6e584c83] {
    vertical-align: middle;
}

.grid-container .banner-slogan[data-v-6e584c83] {
    width: auto;
    height: 106px;
    margin: 0 auto;
    font-weight: 700;
    font-size: 80px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
}

.grid-container .sub-title[data-v-6e584c83] {
    font-size: 24px;
    color: #fff;
    letter-spacing: 12px;
    text-align: center;
    line-height: 64px;
    text-shadow: 0 1px 2px #000;
    font-weight: 400;
    margin-bottom: 15px;
}

.grid-container .p-body[data-v-6e584c83] {
    width: 996px;
    margin: 0 auto;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    text-shadow: 0 1px 2px #000;
    opacity: 0.76;
}

.grid-container .last-body[data-v-6e584c83] {
    margin-bottom: 36px;
}

.challenges[data-v-6e584c83] {
    margin: 0 auto;
    width: 100%;
    height: 810px;
    background-repeat: no-repeat;
    background-size: 1584px 810px;
    background-position: 50%;
}

.challenges .challenges-wrap[data-v-6e584c83] {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    padding-top: 94px;
}

.challenges .challenges-wrap .title-wrap[data-v-6e584c83] {
    text-align: center;
}

.challenges .content-wrap[data-v-6e584c83] {
    margin: 0 auto;
    margin-top: 40px;
    width: 1134px;
}

.challenges .content-wrap ul[data-v-6e584c83] {
    overflow: hidden;
    margin-left: -294px;
}

.challenges .content-wrap ul li[data-v-6e584c83] {
    width: 714px;
    height: 198px;
    float: left;
    padding-left: 294px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 80px;
}

.challenges .content-wrap ul li .main-con[data-v-6e584c83] {
    width: 100%;
    height: 100%;
    text-align: center;
}

.challenges .content-wrap ul li .main-con img[data-v-6e584c83] {
    width: 90px;
    height: 90px;
    display: inline-block;
    margin-bottom: 6px;
}

.challenges .content-wrap ul li .main-con h3[data-v-6e584c83] {
    font-size: 22px;
    color: #222;
    letter-spacing: 0;
    text-align: center;
    line-height: 29px;
    margin-bottom: 19px;
}

.challenges .content-wrap ul li .main-con p[data-v-6e584c83] {
    font-size: 12px;
    color: #888;
    text-align: center;
    line-height: 18px;
}

.solution-wrap[data-v-6e584c83] {
    width: 100%;
    height: 920px;
    background-repeat: no-repeat;
    background-size: 1920px 920px;
    background-position: 50%;
    padding-top: 130px;
}

.solution-wrap .con-wrap[data-v-6e584c83] {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

.solution-wrap .con-wrap .con-left[data-v-6e584c83] {
    width: 588px;
    height: 100%;
}

.solution-wrap .con-wrap .con-left .sub-title[data-v-6e584c83] {
    font-size: 26px;
    color: #1e1e1e;
    line-height: 54px;
}

.solution-wrap .con-wrap .con-left h2[data-v-6e584c83] {
    font-size: 40px;
    color: #000;
    line-height: 54px;
    font-weight: 700;
    margin-bottom: 24px;
}

.solution-wrap .con-wrap .con-left .con-intro[data-v-6e584c83] {
    font-size: 14px;
    color: #2d2d2d;
    line-height: 24px;
    margin-bottom: 14px;
}

.solution-wrap .con-wrap .con-left .con-intro-sec[data-v-6e584c83] {
    font-size: 14px;
    color: #797979;
    line-height: 24px;
    margin-bottom: 40px;
}

.solution-wrap .con-wrap .con-left .con-intro-sec span[data-v-6e584c83] {
    color: #797979;
    font-weight: 700;
}

.solution-wrap .con-wrap .con-left .condition[data-v-6e584c83] {
    margin-bottom: 50px;
}

.solution-wrap .con-wrap .con-left .condition .right-wrap[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    width: 250px;
    height: 93px;
}

.solution-wrap .con-wrap .con-left .condition .title[data-v-6e584c83] {
    font-size: 20px;
    color: #939393;
    line-height: 20px;
    margin-bottom: 18px;
}

.solution-wrap .con-wrap .con-left .condition img[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    width: 51px;
    height: 51px;
    margin-right: 12px;
}

.solution-wrap .con-wrap .con-left .condition span[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    line-height: 37px;
    font-size: 28px;
    color: #626262;
    font-weight: 700;
}

.solution-wrap .con-wrap .con-left .condition span span[data-v-6e584c83] {
    font-size: 19px;
    line-height: 37px;
}

.solution-wrap .con-wrap .con-left .condition.other-condition[data-v-6e584c83] {
    margin-bottom: 47px;
}

.solution-wrap
    .con-wrap
    .con-left
    .condition.other-condition
    .title[data-v-6e584c83] {
    margin-bottom: 18px;
}

.solution-wrap
    .con-wrap
    .con-left
    .condition.other-condition
    img[data-v-6e584c83] {
    width: 52px;
    height: 52px;
    margin-right: 15px;
}

.solution-wrap
    .con-wrap
    .con-left
    .condition.other-condition
    span[data-v-6e584c83] {
    font-size: 34px;
}

.solution-wrap .con-wrap .con-left .main-p[data-v-6e584c83] {
    font-size: 14px;
    color: #797979;
    line-height: 24px;
}

.solution-wrap .left-wrap[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    width: 282px;
    height: 93px;
    margin-right: 10px;
}

.intelligent-logistics[data-v-6e584c83] {
    overflow: hidden;
    background: #fff;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(162, 170, 178, 0.07)),
        to(rgba(82, 87, 92, 0.07))
    );
    background-image: linear-gradient(
        180deg,
        rgba(162, 170, 178, 0.07),
        rgba(82, 87, 92, 0.07)
    );
}

.intelligent-logistics .title[data-v-6e584c83] {
    text-align: center;
    padding-top: 94px;
}

.intelligent-logistics .animation-contaniner[data-v-6e584c83] {
    position: relative;
    margin: 0 auto;
    width: 1816px;
    height: 933px;
    background-image: url(../img/2c14942b1f4d.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.intelligent-logistics .description[data-v-6e584c83] {
    margin: 0 auto;
    padding-top: 31px;
    width: 996px;
    font-size: 16px;
    color: #7a7a7a;
    text-align: center;
    line-height: 24px;
}

.intelligent-logistics .tag-content[data-v-6e584c83] {
    visibility: hidden;
    opacity: 0;
}

.intelligent-logistics .dot-yellow[data-v-6e584c83] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0iYyI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGOTM0MyIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNzY5MDAiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGZpbHRlciB4PSItMjAuNSUiIHk9Ii0yMC41JSIgd2lkdGg9IjE0MC45JSIgaGVpZ2h0PSIxNDAuOSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU9mZnNldCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS41IiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb21wb3NpdGUgaW49InNoYWRvd0JsdXJPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC41MDE5OTQxIDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PHBhdGggaWQ9ImIiIGQ9Ik05IDloMjJ2MjJIOXoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSAyMCAyMCkiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI2EpIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsbC1vcGFjaXR5PSIuMDgiIGZpbGw9IiMxODE4MTgiIHhsaW5rOmhyZWY9IiNiIi8+PHBhdGggc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBmaWxsPSJ1cmwoI2MpIiBkPSJNMTAgMTBoMjB2MjBIMTB6Ii8+PC9nPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMCAxNC4zNDNMMjUuNjU3IDIwIDIwIDI1LjY1NyAxNC4zNDMgMjB6Ii8+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: cover;
}

.intelligent-logistics .dot-grey[data-v-6e584c83] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0iYyI+PHN0b3Agc3RvcC1jb2xvcj0iIzIzMzQ1RSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMxQjI1MkQiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGZpbHRlciB4PSItNDUuNSUiIHk9Ii0zNi40JSIgd2lkdGg9IjE5MC45JSIgaGVpZ2h0PSIxOTAuOSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU9mZnNldCBkeT0iMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE3NTg5MDUxNiAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjxwYXRoIGlkPSJiIiBkPSJNOSA5aDIydjIySDl6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMjAgMjApIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGwtb3BhY2l0eT0iLjA4IiBmaWxsPSIjMTgxODE4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIGZpbGwtb3BhY2l0eT0iLjQiIGZpbGw9InVybCgjYykiIGQ9Ik05LjUgOS41aDIxdjIxaC0yMXoiLz48L2c+PHBhdGggZmlsbC1vcGFjaXR5PSIuOCIgZmlsbD0iI0ZGRiIgZD0iTTIwIDE0LjM0M0wyNS42NTcgMjAgMjAgMjUuNjU3IDE0LjM0MyAyMHoiLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: cover;
}

.intelligent-logistics .dot-grey .bottom[data-v-6e584c83] {
    width: 56px;
    left: 15px;
    top: 17px;
}

.intelligent-logistics .dot-grey .top[data-v-6e584c83] {
    width: 56px;
    left: 15px;
    bottom: 17px;
}

.intelligent-logistics .bottom[data-v-6e584c83] {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 58px;
    z-index: 9;
}

.intelligent-logistics .bottom img[data-v-6e584c83] {
    width: 100%;
    display: block;
}

.intelligent-logistics .top[data-v-6e584c83] {
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: 58px;
    z-index: 9;
}

.intelligent-logistics .top img[data-v-6e584c83] {
    width: 100%;
    display: block;
}

.intelligent-logistics .cache-wrap[data-v-6e584c83] {
    display: none;
    position: absolute;
    left: 153px;
    top: 415px;
    z-index: 7;
    width: 584.5px;
    height: 130.5px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.intelligent-logistics .cache-wrap .cache-bg[data-v-6e584c83] {
    width: 100%;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTg1IiBoZWlnaHQ9IjEzMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjUgNzEuNUwxIDQ4IDE3MSAwbDE4NC43MzUgMjQuOTI0TDM1NSA0Nmw0OC41LTE1aDYuNWwzLjUgMTdMNDQwIDM4bDQ1IDEuNUw1ODQuNSA1MmwuNSAyMi0xNTUuNSA1Ni41LTEyNC4yNzgtMTYuNjk0TDMwNSA5OWwtMTMtMS04IDN2MTBsLTU1LjUtNy41TDIyOCA4MGwtMTgtMy0xLTQ3LTU5LTgtMzEgOS0uNSA5LjVMMTIwIDQydjM4bC0xOS41IDYuNXoiIGZpbGw9IiNGRkExMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbC1vcGFjaXR5PSIuMyIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.intelligent-logistics .cache-wrap .word[data-v-6e584c83] {
    position: absolute;
    left: 175.5px;
    bottom: 63px;
    width: 304.7px;
    height: 83.7px;
    background-image: url(../img/d3e5e764d193.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.intelligent-logistics .warehouse-wrap[data-v-6e584c83] {
    display: none;
    position: absolute;
    left: 96.5px;
    top: 63.7px;
    z-index: 6;
    width: 1708px;
    height: 459.5px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.intelligent-logistics .warehouse-wrap .warehouse-bg[data-v-6e584c83],
.intelligent-logistics .warehouse-wrap[data-v-6e584c83] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcwOSIgaGVpZ2h0PSI0NjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS41IDE3Ny41VjQ2TDE3OC41LjVsNzEwIDYwVjEwNGwxMzctMzUgNjgzIDU1djI5MGwtNjMuNDQyIDI5LjA3OEwxNjI1LjUgNDQwbC0xNC41IDd2OWwtOS41IDRoLTcuNXYtMTNoLTExbC00IDJ2MTFsLTguNS0xdi0yMGgtMTFsLTQuNSA0djEuNS04LjVoLTExbC00IDQtMS41IDguNS03IDMtOC41LS41LTEzLjUtMXYtMTAuNWwtMTEuNS0xIC41LThIMTQ4OGwtNSAzLjUtLjUgMTAuNS0yNS0uNXYtMTBsLTIwMy0xMC41TDE0MTggNDMyYzguNjY3LjY2NyAxNi42NjcuNjY3IDI0IDAgMTEtMSAxOC41LTIgMjQuNS0zLjUgNC0xIDgtMi4zMzMgMTItNEwxNTYzIDM4NnYtNmwtNDQtNHYtMTQuNWwtMjIuNS0zLjUtMy41IDMuNXYzaC0yVjM1OWwtMTAtLjUtNCAyLTIgMWgtNi41VjM1NGgtMTBsLTUgNHYzLjVoLTRWMzUxbC05LjUtMS01IDF2M2gtOWwtMy41LTF2LTJoLTQuNXYyaC05bC0xIDYtMS41IDEuNWgtMS41VjM1M2wtMS41LTJoLTEzbC0yLTEtNC0xLjVoLTZsLTUgMi41LTEgOGgtNWwtNzYtOHYtMTJsLTEwLTItNyAydjRoLTRsLTIuNSAxLjV2NGwtMjAuNS0ydi0xNWwtOS0xLTYgMnYxMmwtMzkuNS0zdi0xM2wtMTEuNS0xLTQgMy0xIDguNS0yMi0zLjV2LTE1bC05LTItNS41IDItMS41IDEyaC0yM3YtMTBsLTcuNS00LTcgMi0xLjUgNC41LTI0LTM1TC41IDE3Ny41eiIgZmlsbD0iI0ZGQTEwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsLW9wYWNpdHk9Ii4zIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.intelligent-logistics .warehouse-wrap .warehouse-bg[data-v-6e584c83] {
    width: 100%;
    height: 100%;
}

.intelligent-logistics .warehouse-wrap .word[data-v-6e584c83] {
    position: absolute;
    left: 549px;
    top: 160px;
    width: 500px;
    height: 115px;
    background-image: url(../img/7e31ee4fc668.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.intelligent-logistics .forword[data-v-6e584c83] {
    display: none;
    width: 155px;
    height: 30px;
    position: absolute;
    top: 46px;
    left: 13px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU1IiBoZWlnaHQ9IjMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iOC44MTIlIiB5MT0iNDguMTI3JSIgeDI9IjEwMCUiIHkyPSI1MS4xMjUlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0icmVkIiBzdG9wLW9wYWNpdHk9Ii43ODYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSJyZWQiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTUyMy41NDYgNzQ3TDY2NCA3NjZsLTEyIDExLTExOS44NTQtMTcuNDg1LS4wMzUtLjM0Ni0xLjc3OC0xLjc5MS0zLjQwNy0uOTk4LTIuODQtMS40My0yLjk4LS40MjMtMy43NTcgMS41MTYtLjg4NCAxLjE4NC03LjQ2NS0xLjA4OUw1MjMuNTQ2IDc0N3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDkgLTc0NykiIGZpbGw9InVybCgjYSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    cursor: default;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.intelligent-logistics .forword .direction[data-v-6e584c83] {
    position: absolute;
    left: 7px;
    bottom: 10px;
    width: 43px;
    height: 27px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iMTguNzIyJSIgeTE9IjQ1LjE0MSUiIHgyPSI5OC42NjMlIiB5Mj0iNTguOTU4JSIgaWQ9ImMiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9Ii4xNDciIG9mZnNldD0iMTAwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkYiIHN0b3Atb3BhY2l0eT0iLjM2NyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIHg9Ii0xNC44JSIgeT0iLTEwJSIgd2lkdGg9IjExOS44JSIgaGVpZ2h0PSIxMzkuOSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImEiPjxmZU9mZnNldCBkeD0iLTIiIGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDg4MDk1NDk4MyAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0zOC43MDcgMTAuODQzbDIuNTggNi42My0xMi4xNDcgNC4xMS0uNDEtMi40NzYgOC45MTQtMy4wMTgtMS41Mi0zLjkwNSAyLjU4My0xLjM0em0tNy41MzEtMS45NTVsMi41OCA2LjYzLTEyLjE0NyA0LjExLS40MTEtMi40NzcgOC45MTUtMy4wMTctMS41Mi0zLjkwNSAyLjU4My0xLjM0em0tNy4xNTQtMS45bDIuNTggNi42MjgtMTAuNjA5IDMuNTktLjAwNC0uOTU0LTEuMTUtMS4yNyA4LjEyLTIuNzUtMS41Mi0zLjkwNCAyLjU4My0xLjM0em0tNi42MDMtMi42MWwyLjU4IDYuNjMtOC4wOTMgMi43NC0uODEtLjI0Mi0yLjQzOS0xLjI3NyA3LjctMi42MDUtMS41Mi0zLjkwNCAyLjU4Mi0xLjM0MXptLTYuNTY3LTIuODMzbDIuNTggNi42My0xMi4xNDggNC4xMS0uNDEtMi40NzcgOC45MTUtMy4wMTctMS41Mi0zLjkwNSAyLjU4My0xLjM0eiIgaWQ9ImIiLz48L2RlZnM+PGcgdHJhbnNmb3JtPSJyb3RhdGUoLTEwIDIuNzU5IC0zLjQ4NykiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0ibm9uZSI+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PHVzZSBmaWxsPSJ1cmwoI2MpIiB4bGluazpocmVmPSIjYiIvPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: -4px 5px;
    background-size: contain;
}

.intelligent-logistics .breath-cache[data-v-6e584c83],
.intelligent-logistics .breath-warehouse[data-v-6e584c83],
.intelligent-logistics .breathSport[data-v-6e584c83] {
    -webkit-animation-name: breath-data-v-6e584c83;
    animation-name: breath-data-v-6e584c83;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes breath-data-v-6e584c83 {
    0% {
        opacity: 0.1;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0.1;
    }
}

@-webkit-keyframes breath-data-v-6e584c83 {
    0% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 0.3;
    }
}

.intelligent-logistics .hover-active[data-v-6e584c83] {
    display: block;
}

.intelligent-logistics .hover-active .tag-content[data-v-6e584c83] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.intelligent-logistics .active[data-v-6e584c83],
.intelligent-logistics .hover-active .forword[data-v-6e584c83] {
    display: block;
}

.intelligent-logistics .active .tag-content[data-v-6e584c83] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.intelligent-logistics .active .forword[data-v-6e584c83] {
    display: block;
}

.intelligent-logistics .tag-wrap[data-v-6e584c83] {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.intelligent-logistics .tag1[data-v-6e584c83] {
    left: 812px;
    top: 710px;
}

.intelligent-logistics .tag2[data-v-6e584c83] {
    left: 1129px;
    top: 660px;
}

.intelligent-logistics .tag3[data-v-6e584c83] {
    left: 1396px;
    top: 625px;
}

.intelligent-logistics .tag4[data-v-6e584c83] {
    left: 203px;
    top: 560px;
}

.intelligent-logistics .tag5[data-v-6e584c83] {
    left: 439px;
    top: 487px;
}

.intelligent-logistics .tag6[data-v-6e584c83] {
    left: 1113px;
    top: 442px;
}

.intelligent-logistics .tag7[data-v-6e584c83] {
    left: 1247px;
    top: 369px;
}

.intelligent-logistics .tag8[data-v-6e584c83] {
    left: 1365px;
    top: 439px;
}

.intelligent-logistics .tag9[data-v-6e584c83] {
    left: 1630px;
    top: 526px;
}

.intelligent-logistics .tag10[data-v-6e584c83] {
    left: 516px;
    top: 586px;
}

.intelligent-logistics .tag11[data-v-6e584c83] {
    left: 270px;
    top: 439px;
}

.intelligent-logistics .tag12[data-v-6e584c83] {
    left: 667px;
    top: 490px;
}

.intelligent-logistics .tag13[data-v-6e584c83] {
    left: 872px;
    top: 349px;
}

.intelligent-logistics .tag14[data-v-6e584c83] {
    left: 989px;
    top: 445px;
}

.intelligent-logistics .tag15[data-v-6e584c83] {
    left: 1574px;
    top: 417px;
}

.architecture[data-v-6e584c83] {
    width: 100%;
    height: 1565px;
    padding-top: 100px;
    background: #000;
}

.architecture .my-wrap[data-v-6e584c83] {
    text-align: center;
    margin-bottom: 70px;
}

.architecture .my-wrap .more-title[data-v-6e584c83] {
    font-size: 40px;
    color: #fff;
    text-align: center;
}

.architecture .my-wrap .base-line[data-v-6e584c83] {
    color: #f1f1f1;
    text-align: center;
}

.architecture .main-wrap[data-v-6e584c83] {
    width: 1200px;
    margin: 0 auto;
}

.architecture .main-wrap .content-wrap[data-v-6e584c83] {
    width: 100%;
    height: 1316px;
    position: relative;
    overflow: hidden;
}

.architecture .main-wrap .content-wrap .top[data-v-6e584c83] {
    position: absolute;
    width: 100%;
    height: 216px;
    background: #1d1d1f;
    border: 1px solid #3f3f3f;
}

.architecture .main-wrap .content-wrap .top[data-v-6e584c83]:after {
    content: "";
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: -37px;
    top: -1px;
    width: 43px;
    height: 43px;
    border-left: 1px solid #3f3f3f;
    background-color: #000;
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
}

.architecture .main-wrap .content-wrap .top .top-arrow[data-v-6e584c83] {
    position: absolute;
    width: 943px;
    height: 260px;
    z-index: 20;
    left: 156px;
}

.architecture .main-wrap .content-wrap .top .left-side[data-v-6e584c83] {
    background: #606060;
    position: absolute;
    width: 54px;
    height: 216px;
    padding: 69px 12px 0;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
}

.architecture .main-wrap .content-wrap .top .menu[data-v-6e584c83] {
    position: absolute;
    top: 40px;
    border: 1px solid #696969;
    border-radius: 4px;
    width: 150px;
    height: 50px;
    padding: 12px 38px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
}

.architecture .main-wrap .content-wrap .top .menu.left-menu[data-v-6e584c83] {
    left: 156px;
}

.architecture .main-wrap .content-wrap .top .menu.center-menu[data-v-6e584c83] {
    left: 439px;
}

.architecture .main-wrap .content-wrap .top .menu.right-menu[data-v-6e584c83] {
    left: 721px;
}

.architecture .main-wrap .content-wrap .top .info[data-v-6e584c83] {
    position: absolute;
    width: 150px;
    height: 50px;
    top: 126px;
    padding-top: 10px;
    text-align: center;
}

.architecture .main-wrap .content-wrap .top .info img[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.architecture .main-wrap .content-wrap .top .info span[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
}

.architecture
    .main-wrap
    .content-wrap
    .top
    .info.info-inhouse[data-v-6e584c83] {
    left: 156px;
    background-color: #836b48;
    font-weight: 700;
}

.architecture
    .main-wrap
    .content-wrap
    .top
    .info.info-repertory[data-v-6e584c83] {
    left: 420px;
    background-color: #45698e;
}

.architecture
    .main-wrap
    .content-wrap
    .top
    .info.info-transport[data-v-6e584c83] {
    left: 685px;
    background-color: #45698e;
}

.architecture
    .main-wrap
    .content-wrap
    .top
    .info.info-outhouse[data-v-6e584c83] {
    left: 949px;
    background-color: #3899ff;
    font-weight: 700;
}

.architecture .main-wrap .content-wrap .level-arrow[data-v-6e584c83] {
    position: absolute;
    width: 54px;
    height: 54px;
    z-index: 20;
    top: 208px;
}

.architecture .main-wrap .content-wrap .main[data-v-6e584c83] {
    position: absolute;
    top: 260px;
    width: 1200px;
    height: 617px;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#23345e),
        to(#000724)
    );
    background-image: linear-gradient(180deg, #23345e, #000724);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);
}

.architecture .main-wrap .content-wrap .main .manage-arrow[data-v-6e584c83] {
    position: absolute;
    width: 940px;
    height: 651px;
    z-index: 20;
    left: 157px;
}

.architecture .main-wrap .content-wrap .main .left-side[data-v-6e584c83] {
    width: 54px;
    height: 617px;
    background: #274889;
    position: absolute;
    padding: 270px 12px 0;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
}

.architecture .main-wrap .content-wrap .main .iwms-title[data-v-6e584c83],
.architecture .main-wrap .content-wrap .main .rcs-title[data-v-6e584c83] {
    position: absolute;
    width: 174px;
    height: 36px;
    left: 86px;
}

.architecture .main-wrap .content-wrap .main .iwms-title img[data-v-6e584c83],
.architecture .main-wrap .content-wrap .main .rcs-title img[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    margin-right: 14px;
}

.architecture .main-wrap .content-wrap .main .iwms-title span[data-v-6e584c83],
.architecture .main-wrap .content-wrap .main .rcs-title span[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
}

.architecture .main-wrap .content-wrap .main .iwms-title[data-v-6e584c83] {
    top: 36px;
}

.architecture .main-wrap .content-wrap .main .rcs-title[data-v-6e584c83] {
    top: 351px;
}

.architecture .main-wrap .content-wrap .main .iwms-content[data-v-6e584c83] {
    position: absolute;
    width: 1080px;
    height: 259px;
    left: 86px;
    top: 52px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item[data-v-6e584c83] {
    position: absolute;
    top: 40px;
    width: 280px;
    height: 179px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item
    .item-top[data-v-6e584c83] {
    width: 100%;
    height: 50px;
    border-radius: 4px 4px 0 0;
    text-align: center;
    padding-top: 10px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item
    .item-top
    img[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item
    .item-top
    span[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item
    .item-bottom[data-v-6e584c83] {
    width: 100%;
    height: 129px;
    border-radius: 4px 4px 0 0;
    text-align: center;
    padding-top: 29px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item
    .item-bottom
    div[data-v-6e584c83] {
    margin-bottom: 24px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item
    .item-bottom
    div
    span[data-v-6e584c83]:first-child {
    margin-right: 54px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item
    .item-bottom
    span[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.inhouse[data-v-6e584c83] {
    left: 70px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.inhouse
    .item-top[data-v-6e584c83] {
    background: #836b48;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.inhouse
    .item-top
    span[data-v-6e584c83] {
    font-weight: 700;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.inhouse
    .item-bottom[data-v-6e584c83] {
    background: #644e3f;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.repertory[data-v-6e584c83] {
    left: 400px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.repertory
    .item-top[data-v-6e584c83] {
    background: #45698e;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.repertory
    .item-bottom[data-v-6e584c83] {
    background: #44505c;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.repertory
    .item-bottom
    div:first-child
    span[data-v-6e584c83]:first-child {
    margin-right: 40px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.repertory
    .item-bottom
    div[data-v-6e584c83]:last-child {
    margin-left: -18px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.repertory
    .item-bottom
    div:last-child
    span[data-v-6e584c83]:first-child {
    margin-right: 58px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.outhouse[data-v-6e584c83] {
    left: 730px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.outhouse
    .item-top[data-v-6e584c83] {
    background: #3899ff;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.outhouse
    .item-top
    span[data-v-6e584c83] {
    font-weight: 700;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .iwms-content
    .iwms-item.outhouse
    .item-bottom[data-v-6e584c83] {
    background: #1e538a;
}

.architecture .main-wrap .content-wrap .main .rcs-content[data-v-6e584c83] {
    position: absolute;
    width: 1080px;
    height: 212px;
    left: 86px;
    top: 369px;
}

.architecture .main-wrap .content-wrap .main .rcs-content ul[data-v-6e584c83] {
    width: 100%;
    height: 100%;
    padding-left: 70px;
    padding-top: 42px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .rcs-content
    ul
    li[data-v-6e584c83] {
    float: left;
    text-align: center;
    margin-bottom: 50px;
    margin-right: 72px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .rcs-content
    ul
    li
    img[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    margin-right: 14px;
}

.architecture
    .main-wrap
    .content-wrap
    .main
    .rcs-content
    ul
    li
    span[data-v-6e584c83] {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
}

.architecture .main-wrap .content-wrap .main .iwms-point[data-v-6e584c83] {
    position: absolute;
    width: 1080px;
    height: 259px;
    left: 86px;
    top: 52px;
    z-index: 12;
}

.architecture .main-wrap .content-wrap .main .rcs-point[data-v-6e584c83] {
    position: absolute;
    width: 1080px;
    height: 212px;
    left: 86px;
    top: 369px;
    z-index: 12;
}

.architecture .main-wrap .content-wrap .bottom[data-v-6e584c83] {
    position: absolute;
    top: 773px;
    width: 1200px;
    height: 332px;
    z-index: 20;
}

.architecture .main-wrap .content-wrap .bottom img[data-v-6e584c83] {
    width: 100%;
}

.intelligent-logistics[data-v-6e584c83] {
    width: 100%;
    height: 1210px;
}

.goodness[data-v-6e584c83] {
    width: 100%;
    height: 668px;
    padding-top: 130px;
}

.goodness .my-wrap[data-v-6e584c83] {
    text-align: center;
    margin-bottom: 72px;
}

.goodness .good-wrap[data-v-6e584c83] {
    width: 1200px;
    margin: 0 auto;
    font-weight: 400;
    height: auto;
}

.goodness .good-wrap ul li[data-v-6e584c83] {
    display: inline-block;
    margin-right: 180px;
    min-height: 96px;
    margin-bottom: 36px;
}

.goodness .good-wrap ul li[data-v-6e584c83]:nth-child(2n) {
    margin-right: 0;
}

.goodness .good-wrap ul li .left-container[data-v-6e584c83] {
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
}

.goodness .good-wrap ul li .left-container > img[data-v-6e584c83] {
    width: 50px;
    height: 50px;
    border: none;
}

.goodness .good-wrap ul li .right-container[data-v-6e584c83] {
    display: inline-block;
    vertical-align: top;
    margin-left: 28px;
}

.goodness .good-wrap ul li .right-container h4[data-v-6e584c83] {
    font-size: 20px;
    color: #1f1f1f;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 10px;
    max-width: 432px;
}

.goodness .good-wrap ul li .right-container p[data-v-6e584c83] {
    width: 432px;
    font-size: 18px;
    color: #4d4d4d;
    letter-spacing: 0;
    line-height: 24px;
    opacity: 1;
    word-break: break-all;
}

.practice[data-v-6e584c83] {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}

.practice:hover .bg[data-v-6e584c83] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.bg[data-v-6e584c83] {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.best-practice[data-v-6e584c83] {
    z-index: 15;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 86px;
}

.practice-wrap[data-v-6e584c83] {
    text-align: center;
}

.practice-wrap .practice-slogan[data-v-6e584c83] {
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 44px;
    color: #fff;
}

.practice-wrap .practice-text[data-v-6e584c83] {
    margin: 12px auto 54px auto;
    width: 792px;
    height: 78px;
    font-size: 16px;
    color: #f2f2f2;
    text-align: center;
    line-height: 26px;
}

.practice-wrap .config-wrap[data-v-6e584c83] {
    text-align: center;
    position: relative;
    width: 100%;
    height: 126px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.practice-wrap .config-wrap .item[data-v-6e584c83] {
    text-align: center;
    width: 322px;
}

.practice-wrap .config-wrap .item h4[data-v-6e584c83] {
    font-size: 56px;
    color: #fff;
    display: inline-block;
    line-height: 74px;
    max-width: 278px;
    vertical-align: bottom;
}

.practice-wrap .config-wrap .item span[data-v-6e584c83] {
    font-size: 20px;
    color: #fff;
    padding-left: 3px;
    max-width: 44px;
    display: inline-block;
    width: auto;
    height: 26px;
    vertical-align: bottom;
    margin-bottom: 12px;
}

.practice-wrap .config-wrap .item p[data-v-6e584c83] {
    font-size: 20px;
    color: #fff;
    line-height: 26px;
    max-width: 322px;
}

.connect-page[data-v-6e584c83] {
    padding: 100px 0 141px 0;
}

.connect-page h2[data-v-6e584c83] {
    text-align: center;
    font-size: 40px;
    color: #000;
    line-height: 52px;
}

.connect-page p[data-v-6e584c83] {
    text-align: center;
    font-size: 16px;
    color: #000;
    line-break: 21px;
    margin-top: 21px;
    margin-bottom: 40px;
}

.connect-page .connect-wrap[data-v-6e584c83] {
    width: 1200px;
    margin: 0 auto;
    padding: 0 102px;
}

.my-btn:hover:not(.is-disabled) {
    background: #836b48;
    color: #fff;
}

.solution-page {
    margin-bottom: 55px;
}

.solution-page .solution-bread {
    top: 70px;
}

.banner[data-v-460e81e4] {
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 100%;
    margin-top: 115px;
    background-color: rgba(0, 0, 0, 0.5);
}

.page-header[data-v-460e81e4] {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.83);
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.12);
}

.page-header.fixed-header[data-v-460e81e4] {
    position: fixed;
    z-index: 888;
    top: 64px;
}

.breadCrumb[data-v-460e81e4] {
    margin: 0 auto;
    width: 1200px;
    height: 60px;
    line-height: 60px;
}

.breadCrumb .LMR-bread[data-v-460e81e4] {
    display: inline-block;
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.grid-container[data-v-460e81e4] {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}

.grid-container .banner-text[data-v-460e81e4] {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 15px;
    padding-left: 15px;
    width: 720px;
    height: 100%;
    color: #fff;
}

.grid-container .text-table-center[data-v-460e81e4] {
    width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.grid-container .banner-logo[data-v-460e81e4] {
    width: 90px;
    color: #fff;
    text-align: center;
    font-size: 36px;
    line-height: 47px;
}

.grid-container .banner-logo .title[data-v-460e81e4] {
    position: relative;
    z-index: 3;
    color: #fa5400;
}

.grid-container .banner-logo .decorate[data-v-460e81e4] {
    position: relative;
    top: -15px;
    left: 10px;
    display: block;
    width: 70px;
    height: 10px;
    background-color: #666;
}

.grid-container .banner-logo .decorate[data-v-460e81e4]:before {
    position: absolute;
    left: -10px;
    z-index: 2;
    width: 0;
    height: 0;
    border-bottom: 10px solid #666;
    border-left: 10px solid transparent;
    content: "";
}

.grid-container .banner-logo .decorate[data-v-460e81e4]:after {
    position: absolute;
    right: -10px;
    z-index: 2;
    width: 0;
    height: 0;
    border-top: 10px solid #666;
    border-right: 10px solid transparent;
    content: "";
}

.grid-container .banner-slogan[data-v-460e81e4] {
    margin-bottom: 30px;
    padding-top: 48px;
    color: #fafafa;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 50px;
    line-height: 66px;
}

.grid-container .banner-body[data-v-460e81e4] {
    overflow-wrap: break-word;
    margin-bottom: 30px;
    color: #e0e0e0;
    font-size: 18px;
    line-height: 26px;
}

.ul-wrap[data-v-460e81e4] {
    float: right;
    height: 100%;
}

.ul-wrap .li-item[data-v-460e81e4] {
    display: inline-block;
    margin-left: 24px;
    font-size: 14px;
    color: grey;
    cursor: pointer;
}

.ul-wrap .li-item span[data-v-460e81e4] {
    position: relative;
}

.ul-wrap .li-item.is-active[data-v-460e81e4],
.ul-wrap .li-item[data-v-460e81e4]:hover {
    font-weight: 700;
    font-size: 14px;
    color: #4d4d4d;
}

.ul-wrap .li-item.is-active span[data-v-460e81e4]:before,
.ul-wrap .li-item:hover span[data-v-460e81e4]:before {
    display: inline-block;
    content: "";
    background: #836b48;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    height: 3px;
    position: absolute;
    margin-left: -1px;
    width: 100%;
    bottom: 0;
}

.ul-wrap .li-item a[data-v-460e81e4] {
    color: #000;
    text-decoration: none;
}

.page[data-v-460e81e4] {
    margin: 0 auto;
    width: 1200px;
    height: 100vh;
    border-bottom: 1px solid #fff;
    color: #000;
    font-weight: 700;
    font-size: 30px;
}

#features[data-v-460e81e4] {
    padding: 30px 0 4px;
}

.page.features-page[data-v-460e81e4] {
    width: 1200px;
    height: auto;
}

.page.features-page.fixed-margin[data-v-460e81e4] {
    margin-top: 61px;
}

.page.features-page .base-line[data-v-460e81e4] {
    font-weight: 400;
}

.page.features-page .pain-wrap[data-v-460e81e4] {
    margin-top: 40px;
    text-align: left;
    font-weight: 400;
    height: auto;
}

.page.features-page .pain-wrap ul li[data-v-460e81e4] {
    display: inline-block;
    margin-right: 153px;
    min-height: 96px;
    margin-bottom: 36px;
}

.page.features-page .pain-wrap ul li[data-v-460e81e4]:nth-child(2n) {
    margin-right: 0;
}

.page.features-page .pain-wrap ul li .left-container[data-v-460e81e4] {
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
}

.page.features-page .pain-wrap ul li .left-container > img[data-v-460e81e4] {
    width: 50px;
    height: 50px;
    border: none;
}

.page.features-page .pain-wrap ul li .right-container[data-v-460e81e4] {
    display: inline-block;
    vertical-align: top;
    margin-left: 28px;
}

.page.features-page .pain-wrap ul li .right-container h4[data-v-460e81e4] {
    font-size: 20px;
    color: #1f1f1f;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 10px;
    max-width: 432px;
}

.page.features-page
    .pain-wrap
    ul
    li
    .right-container
    .painDetail[data-v-460e81e4] {
    width: 432px;
    font-family: HiraginoSansGB-W3;
    font-size: 18px;
    color: #4d4d4d;
    letter-spacing: 0;
    line-height: 24px;
    opacity: 1;
    word-break: break-all;
}

.page.hot-page[data-v-460e81e4] {
    width: 100%;
    height: 444px;
    position: relative;
    overflow: hidden;
    padding-top: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.page.hot-page:hover .bg-img[data-v-460e81e4] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.page.hot-page .bg-img[data-v-460e81e4] {
    position: absolute;
    z-index: 15;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.page.hot-page .cover[data-v-460e81e4] {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    padding-top: 100px;
}

.page.hot-page .more-title[data-v-460e81e4] {
    font-size: 40px;
    color: #fff;
    text-align: center;
}

.page.hot-page .base-line[data-v-460e81e4] {
    font-family: ArialMT;
    font-size: 18px;
    color: #f1f1f1;
    letter-spacing: 0;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 38px;
}

.page.hot-page .base-wrap[data-v-460e81e4] {
    margin: 0 auto;
    width: 792px;
    font-size: 16px;
    color: #f2f2f2;
    text-align: center;
    line-height: 26px;
    font-weight: 400;
}

.dp-pane[data-v-460e81e4] {
    float: left;
    margin-bottom: 0;
    width: 486px;
}

.dp-li[data-v-460e81e4] {
    float: right;
}

.clear-both[data-v-460e81e4] {
    clear: both;
}

.left-container[data-v-460e81e4] {
    display: inline-block;
    vertical-align: middle;
}

.left-container > img[data-v-460e81e4] {
    width: 54px;
    height: 54px;
}

.right-container[data-v-460e81e4] {
    display: inline-block;
    margin-left: 18px;
    vertical-align: middle;
}

.right-container h4[data-v-460e81e4] {
    color: #f2f2f2;
    font-size: 36px;
    font-family: HiraginoSansGB-W6;
    max-width: 100%;
}

.right-container .word-size[data-v-460e81e4] {
    margin-bottom: 12px;
    font-size: 24px;
}

.right-container p[data-v-460e81e4] {
    width: 150px;
    color: #f2f2f2;
    font-size: 16px;
    line-height: 26px;
    opacity: 0.8;
}

.right-container p.wrap-style[data-v-460e81e4] {
    width: auto;
}

.hot-container[data-v-460e81e4] {
    height: 590px;
}

.product-logo[data-v-460e81e4] {
    width: 443px;
    height: 276px;
    margin-left: 80px;
    padding-top: 10px;
}

.product-logo img[data-v-460e81e4] {
    display: block;
    width: 443px;
    height: 276px;
}

.right-content[data-v-460e81e4] {
    height: 100%;
    width: calc(100% - 568px);
    margin-left: 45px;
    padding-top: 10px;
}

.table-wrap[data-v-460e81e4] {
    margin-top: 17px;
    width: 567px;
    height: 264px;
    margin-left: 54px;
}

.table-style[data-v-460e81e4] {
    width: 100%;
}

.table-style tr[data-v-460e81e4] {
    height: 44px;
    line-height: 44px;
    background: #2d353d;
    border: 1px solid #191a1c;
}

.table-style td[data-v-460e81e4] {
    border: 1px solid #191a1c;
}

.table-style .td-name[data-v-460e81e4] {
    padding-left: 28px;
    font-size: 16px;
    line-height: 28px;
    opacity: 0.8;
    color: #f8f9fa;
}

.table-style .td-param[data-v-460e81e4] {
    padding-left: 52px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.more-page[data-v-460e81e4] {
    width: 100%;
    padding-top: 50px;
}

.more-page .more-title[data-v-460e81e4] {
    display: inline-block;
    font-size: 40px;
    color: #252525;
    position: relative;
    border-bottom: 8px solid #836b48;
    line-height: 33px;
}

.more-page .more-title[data-v-460e81e4]:before {
    left: -5px;
    border-left: 5px solid transparent;
}

.more-page .more-title[data-v-460e81e4]:after,
.more-page .more-title[data-v-460e81e4]:before {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: -8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    width: 0;
    border-bottom: 8px solid #836b48;
}

.more-page .more-title[data-v-460e81e4]:after {
    right: -5px;
    border-right: 5px solid transparent;
}

.more-page .base-line[data-v-460e81e4] {
    margin-top: 7px;
    font-family: ArialMT;
    font-size: 18px;
    color: #8b8b8b;
    letter-spacing: 0;
}

.more-page .more-wrap[data-v-460e81e4] {
    padding: 34px 0 128px 0;
}

.more-page .more-wrap ul[data-v-460e81e4] {
    overflow: hidden;
    margin-left: -24px;
}

.more-page .more-wrap ul li[data-v-460e81e4] {
    width: 408px;
    height: 356px;
    float: left;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 24px;
}

.more-page .more-wrap .more-container[data-v-460e81e4] {
    height: 100%;
    background: #f7f7f7;
    border: 2px solid #dedede;
    border-radius: 2px;
}

.more-page .more-wrap .more-container .top[data-v-460e81e4] {
    height: 288px;
    position: relative;
}

.more-page .more-wrap .more-container .top img[data-v-460e81e4] {
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.more-page .more-wrap .more-container .bottom[data-v-460e81e4] {
    font-weight: 700;
    font-size: 28px;
    color: #262626;
    text-align: center;
}

.group-page[data-v-460e81e4] {
    padding-bottom: 44px;
    background-color: #f8f9fa;
}

.group-page .group-wrap[data-v-460e81e4] {
    margin-top: 48px;
}

.best-practice[data-v-460e81e4] {
    width: 100%;
    height: 444px;
    position: relative;
    overflow: hidden;
}

.best-practice[data-v-460e81e4]:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 50;
}

.best-practice:hover .bg-img[data-v-460e81e4] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.best-practice .bg-img[data-v-460e81e4] {
    position: absolute;
    z-index: 15;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.best-practice .practice-wrap[data-v-460e81e4] {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    z-index: 52;
    padding-top: 60px;
}

.best-practice.no-config[data-v-460e81e4] {
    height: 444px;
}

.best-practice.no-config .practice-wrap[data-v-460e81e4] {
    padding-top: 106px;
}

.best-practice.no-config .practice-wrap .practice-text[data-v-460e81e4] {
    margin-top: 42px;
    margin-bottom: 44px;
}

.practice-wrap[data-v-460e81e4] {
    text-align: center;
}

.practice-wrap .practice-slogan[data-v-460e81e4] {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 40px;
    color: #fff;
}

.practice-wrap .practice-text[data-v-460e81e4] {
    margin: 14px auto 28px auto;
    width: 792px;
    height: 78px;
    font-size: 16px;
    color: #f2f2f2;
    opacity: 0.86;
    letter-spacing: 0.1em;
    text-align: center;
    line-height: 26px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.practice-wrap .practice-text.no-config[data-v-460e81e4] {
    margin-bottom: 60px;
    margin-top: 0;
}

.practice-wrap .config-wrap[data-v-460e81e4] {
    text-align: center;
    position: relative;
    width: 100%;
    height: 126px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.practice-wrap .config-wrap .item[data-v-460e81e4] {
    text-align: center;
    width: 322px;
}

.practice-wrap .config-wrap .item h4[data-v-460e81e4] {
    font-size: 56px;
    color: #fff;
    display: inline-block;
    line-height: 74px;
    max-width: 278px;
    vertical-align: bottom;
}

.practice-wrap .config-wrap .item span[data-v-460e81e4] {
    font-size: 20px;
    color: #fff;
    padding-left: 3px;
    max-width: 44px;
    display: inline-block;
    width: auto;
    height: 26px;
    vertical-align: bottom;
    margin-bottom: 12px;
}

.practice-wrap .config-wrap .item p[data-v-460e81e4] {
    font-size: 20px;
    color: #fff;
    line-height: 26px;
    max-width: 322px;
}

.industry-wrap[data-v-460e81e4] {
    padding: 50px 0 66px 0;
    width: 100%;
}

.industry-wrap .industry-undertext[data-v-460e81e4] {
    font-family: ArialMT;
    font-size: 18px;
    color: #8b8b8b;
    letter-spacing: 0;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 45px;
}

.industry-wrap .good-wrap[data-v-460e81e4] {
    width: 1220px;
    margin: 0 auto;
    text-align: center;
}

.industry-wrap .good-wrap .good-item[data-v-460e81e4] {
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 305px;
    height: auto;
}

.industry-wrap .good-wrap .good-item[data-v-460e81e4]:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    background: #d9d9d9;
    top: 40px;
    right: 0;
}

.industry-wrap .good-wrap .good-item[data-v-460e81e4]:last-child:after {
    display: none;
}

.industry-wrap .good-wrap .good-item img[data-v-460e81e4] {
    width: 120px;
    margin-bottom: 14px;
}

.industry-wrap .good-wrap .good-item .itemInfo[data-v-460e81e4] {
    padding: 0 24px;
    font-size: 20px;
    color: #1f1f1f;
    text-align: center;
    line-height: 26px;
    max-height: 104px;
    max-width: 100%;
}

.connect-page[data-v-460e81e4] {
    padding: 60px 0 135px 0;
}

.connect-page h2[data-v-460e81e4] {
    text-align: center;
    font-size: 40px;
    color: #000;
    line-height: 52px;
}

.connect-page p[data-v-460e81e4] {
    text-align: center;
    font-size: 16px;
    color: #000;
    line-break: 21px;
    margin-top: 21px;
    margin-bottom: 40px;
}

.connect-page .connect-wrap[data-v-460e81e4] {
    width: 1200px;
    margin: 0 auto;
    padding: 0 102px;
}

.solution-detail-page[data-v-460e81e4] {
    margin-bottom: 125px;
}

.solution-detail-page.en-type .banner-text[data-v-460e81e4] {
    width: 1118px;
    padding: 0;
}

.solution-detail-page.en-type #features .painDetail[data-v-460e81e4],
.solution-detail-page.en-type #more .painDetail[data-v-460e81e4] {
    word-break: normal;
}

.solution-detail-page.en-type #features .more-title[data-v-460e81e4],
.solution-detail-page.en-type #more .more-title[data-v-460e81e4] {
    text-transform: uppercase;
    margin-bottom: 39px;
}

.solution-detail-page.en-type #features .base-line[data-v-460e81e4],
.solution-detail-page.en-type #more .base-line[data-v-460e81e4] {
    display: none;
}

.solution-detail-page.en-type #hot .more-title[data-v-460e81e4] {
    text-transform: uppercase;
    margin-bottom: 53px;
}

.solution-detail-page.en-type #hot .base-line[data-v-460e81e4] {
    display: none;
}

.solution-detail-page.en-type #industry .industry-slogan[data-v-460e81e4] {
    text-transform: uppercase;
    margin-bottom: 60px;
}

.solution-detail-page.en-type #industry .industry-undertext[data-v-460e81e4] {
    display: none;
}

.my-btn {
    color: #fff;
}

.my-btn,
.my-btn:hover:not(.is-disabled) {
    border-color: #836b48;
    background-color: #836b48;
}

.group-wrap .productImg {
    background-position: 0 60px;
    background-size: contain !important;
}

.group-wrap .productImg .name {
    max-width: 276px;
}

.group-wrap .productImg .name,
.text-overflow-style {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.enContainer .navLeft > li {
    width: 140px;
}

.enContainer .navLeft > li:first-child {
    margin-left: 14px;
    margin-right: 8px;
}

.enContainer .navLeft > li:nth-child(2) {
    margin-left: -18px;
}

.enContainer .navLeft > li:nth-child(3) {
    margin-left: -6px;
}

.enContainer .navLeft > li:nth-child(4) {
    margin-left: -10px;
}
.page {
    width: 1200px;
    margin: 0 auto;
}
.page .title {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 30px;
}
.page-header .desc {
    font-size: 28px;
    font-weight: normal;
    line-height: 50px;
}
.page-content {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
}
.top-border {
    border-top: 2px solid #000;
}

.page-content .title {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 30px;
}

.page-income {
    width: 100%;
    height: 358px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
.page-income .content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 1400px;
}
.page-income .title {
    width: 1200px;
    margin: 0 auto;
    font-size: 50px;
    font-weight: bold;
    line-height: 50px;
    color: #fff;
    margin-top: 70px;
}
.income-list {
    padding-top: 80px;
    width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.income-item {
    width: 326px;
    height: 281px;
    background: #ececec;
    padding: 0 30px;
    position: relative;
}
.income-item .title {
    font-size: 36px;
    font-weight: 600;
    line-height: 50px;
    color: #3d3d3d;
}
.income-item .icon {
    width: 98px;
    height: 95px;
    position: absolute;
    left: 0;
    top: -40px;
}
.income-item .desc {
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    color: #3d3d3d;
    margin-top: 24px;
}
.page .product-video {
}

.page .physical-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    color: #000;
}

.page .physical-subtitle {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 40px;
    color: #000;
}
.page .physical-desc {
    font-size: 18px;
    font-weight: normal;
    line-height: 40px;
    margin: 140px 0;
    color: #000;
}