* {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    color: white;
    box-sizing: border-box;
}

body {
    visibility: hidden;
    opacity: 0;
    transition: 0.5s linear;
    background: #1a1a1a;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.banner {
    width: 100%;
    background-size: cover;
    min-width: 1200px;
}

.banner .banner-top {
    width: 100%;
    height: 91px;
    background-color: #1b1617;
    color: white;
}

.banner .banner-top .top-center {
    width: 642px;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.banner .banner-top .top-center .clip {
    display: flex;
    width: 214px;
    font-size: 16px;
    align-items: center;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 42px;
}

.banner .banner-top .top-center .clip .clip-img {
    width: 56px;
    height: 58px;
    position: relative;
    /* top: 20px; */
    z-index: 99;
}

.banner .banner-top .top-center .clip .clip-1 {}

.banner .banner-top .top-center .clip .clip-2 {}

.banner .banner-top .top-center .clip .clip-1 .clip-1>a>span {
    width: 16px;
    height: 8px;
    font-size: 14px;
    color: #FFFFFF;
}

.clip-1 a.active>span,
.clip-1 a:hover>span {
    padding-bottom: 30px;
    border-bottom: 3px solid #40a2cf;
}

.triangle {
    position: absolute;
    left: 916px;
}

.active {
    padding-bottom: 30px;
    border-bottom: 3px solid #40a2cf;
}

.bottom {
    width: 100%;
    height: 300px;
    background-color: #1b1617;
}

.bottom .bottom1 {
    width: 1200px;
    height: 258px;
    background-color: #1b1617;
}

.bottom .bottom1 .bottom-title {
    background-color: #1b1617;
    display: flex;
    align-items: center;
    position: relative;
    top: 52px;
}

.bottom .bottom1 .bottom-content {
    width: 1200px;
    display: flex;
    position: relative;
    top: 88px;
}

.bottom .bottom1 .bottom-content .bottom-clip {
    width: 400px;
    height: 86px;
}

.bottom .bottom1 .bottom-content .bottom-clip .bottom-img {
    width: 36px;
    height: 36px;
    position: relative;
    left: 50%;
    top: 20%;
    margin-left: -20px;
    margin-top: -20px;
}

.bottom .bottom1 .bottom-content .bottom-clip .bottom-font {
    font-size: 16px;
    position: relative;
    bottom: 0;
    margin-top: 10px;
    text-align: center;
    color: #999999;
}

.bottom .bottom2 {
    height: 42px;
    background-color: #2b2b2c;
    text-align: center;
    font-size: 14px;
    line-height: 42px;
    color: #666666;
}

.bottom .bottom2 .bottom-font2 {
    align-items: center;
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 42px;
    font-weight: 500;
}

.banner-bottom {
    width: 100%;
    min-width: 1200px;
    height: 846px;
    background-size: cover;
    justify-content: center;
    background-image: url("../img/business/banner.png");
    background-repeat: no-repeat;
    background-clip: border-box;
    background-position-y: 0;
}

.banner-bottom .banner-icon {
    width: 312px;
    position: absolute;
    top: 210px;
    left: 50%;
    transform: translateX(-50%);
}

.body {
    width: 100%;
    height: 1298px;
    position: absolute;
    top: 447px;
}

.body .body1 {
    width: 1200px;
    min-width: 1200px;
    padding-top: 59px;
    /* height: 459px; */
    /* opacity: 0.7; */
    background-color: #2b2b2c;
    display: flex;
}

.body .body1 .body1-right {
    width: 512px;
}

.body .body1 .body1-right .body1-title {
    width: 310px;
}

.body .body1 .body1-right .body1-content {
    width: 532px;
    /* height: 142px; */
    /* position: relative;
    top: 136px; */
    font-weight: 500;
    color: #999999;
    line-height: 42px;
    padding-top: 39px;
}

.body .body2 .lineRight {
    width: 518px;
    height: 14px;
    padding-bottom: 78px;
}

.body1-img {
    width: 520px;
    height: 309px;
    /* left: 407px;  */
}

.body2 {
    width: 100%;
    min-width: 1200px;
    /* height: 810px; */
    background-color: #1a1a1a;
}

.body2 .body2-top {
    width: 1200px;
    background-color: #2b2b2c;
    display: flex;
    padding-top: 66px;
}

.body2 .body2-top .body2-left {
    width: 526px;
}

.body2 .body2-top .body2-left .body2-title {
    width: 311px;
}

.body2 .body2-top .body2-left .body2-content {
    width: 526px;
    font-weight: 500;
    color: #999999;
    line-height: 42px;
    padding-top: 40px;
}

.body2 .body2-bottom {
    width: 1200px;
    min-width: 1200px;
    background-color: #2b2b2c;
    display: flex;
    padding-top: 96px;
    padding-bottom: 66px;
}

.body2 .body2-bottom .body3-right {
    width: 526px;
}

.body2 .body2-bottom .body3-right .body3-title {
    width: 310px;
}

.body2 .body2-bottom .body3-right .body3-content {
    width: 526px;
    font-weight: 500;
    color: #999999;
    line-height: 42px;
    padding-top: 40px;
}

.body2 .body2-bottom .lineLeft {
    width: 518px;
    height: 14px;
    padding-bottom: 78px;
}

.body2 .body3-img {
    width: 520px;
    height: 309px;
}

/*# sourceMappingURL=business.css.map */