/* 首页 */
html,
body {
    font-family: "Microsoft YaHei", -apple-system, BlinkMacSystemFont, San Francisco, "Helvetica Neue", Helvetica, STHeiti, STKaiti, STFangsong;
    background-color: #000000;
}

#container {
    max-width: 1920px;
    margin: 0 auto;
}

#container .top-banner {
    width: 100%;
}
#container .block {
    width: 100%;
    overflow: hidden;
}
#container .block .box {
    max-width: 1200px;
}
#container .business .box {
    margin: -182px auto 0;
}
#container .case .box {
    margin: -180px auto 0;
}
#container .partners .box {
    margin: -211px auto 94.25px;
}

#container .block .bg {
    width: 100%;
    display: block;
    user-select: none;
}
#container .split {
    height: 10px;
    opacity: 0.3;
    background: #83FFF0;
}
.business .title {
    color: #FFFFFF;
    font-size: 42px;
    font-weight: bold;
    line-height: 55px;
    margin-top: 78px;
    font-family: 'MicrosoftYaHei-Bold';
}

.business .english {
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    line-height: 16px;
    margin-top: 16px;
    font-family: 'MicrosoftYaHei';
}

.business .desc {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 40px;
    margin-top: 28px;
    font-family: 'MicrosoftYaHei';
    text-align: justify;
}

.business .wrap {
    display: flex;
}

.block .wrap {
    margin-top: 48px;
}

.business .img {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 270px;
    height: 480px;
    transition: width .3s;
    padding: 0 31px;
    box-sizing: border-box;

}

.business .active-img {
    width: 390px;
    transition: width .3s;
}

.block .block-title {
    font-weight: bold;
    font-size: 55px;
    color: #FFFFFF;
    line-height: 72px;
    padding-left: 26px;
    user-select: none;
}

.swiper1 {
    height: 840px;
}

.swiper1 .swiper-slide {
    width: 375.24px;
    height: 390.12px;
    cursor: pointer;
}

.swiper1 .swiper-slide .img {
    width: 100%;
    height: 227.86px;
}

.swiper1 .swiper-slide .brand {
    font-size: 24px;
    color: #FFFFFF;
    text-align: justify;
    line-height: 31px;
    font-weight: 400;
    margin-top: 25.14px;
    font-family: MicrosoftYaHei;
}

.swiper1 .swiper-slide .desc {
    font-size: 26px;
    color: #FFFFFF;
    text-align: justify;
    line-height: 40px;
    font-weight: bold;
    margin-top: 14px;
    word-break: break-all;
    font-family: MicrosoftYaHei;
}
.case .wrap {
    position: relative;
}
.case .wrap .swiper-button-disabled {
    display: none;
}

.case .wrap .swiper1-button-prev {
    width: 61px;
    height: 61px;
    position: absolute;
    top: 384px;
    left: -131px;
    cursor: pointer;
}

.case .wrap .swiper1-button-next {
    width: 61px;
    height: 61px;
    position: absolute;
    top: 384px;
    right: -131px;
    cursor: pointer;
}

.case .swiper-container a {
    user-select: none;
    text-decoration: none
}

.swiper2 {
    width: 1200px;
    height: 284.75px;
}

.swiper2 .swiper-slide {
    width: 223px;
    height: 285px;
}

img {
    -webkit-user-drag: none;
}