* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
}
#mainBox {
    width: 100%;
}
.common-header {
    width: 100%;
    height: 80px;
}
.common-footer {
    width: 100%;
    height: 476px;
}
.bannerBg {
    background: url('../assets/tc-banner.jpg') no-repeat;
    height: 600px;
    background-size: 100%;
    /* margin-top: -4px; */
}
.service-system-bg {
    height: 750px;
    background: url('../assets/tc-tab-bg.png') no-repeat;
}
.ecosystemBg {
    height: 755px;
    background: #f2f2f2;
    margin-top: 130px;
}
.contentBox {
    width: 1200px;
    position: absolute;
    left: calc(50% - 600px);
    top: 80px;
}
.banner-content div:nth-child(1) {
    text-align: center;
    padding-top: 200px;
}
.banner-content div:nth-child(2) {
    text-align: center;
    padding-top: 40px;
}
.banner-content {
    height: 600px;
    /* margin-top: 80px; */
}
.tc-bg-1 {
    width: 100%;
    height: 130px;
    background: url(../assets/tc-bg-1.jpg) no-repeat;
    position: absolute;
    left: 0;
    top: 1430px;
}
.service-system {
    height: 750px;
    padding-top: 85px;
    position: relative;
}
.service {
    width: 648px;
    height: 135px;
    position: absolute;
    right: -144px;
    top: 106px;
}
.service-system .ss-p1 {
    font-size: 50px;
    text-align: center;
    color: #3f1a59;
    font-weight: 600;
}
.ecosystem {
    margin-top: 128px;
    padding-top: 75px;
}
.ecosystem p {
    font-size: 50px;
    text-align: center;
    color: #3f1a59;
    font-weight: 600;
}
.ecosystem div {
    text-align: center;
    margin-top: 80px;
}
.service-system-tab {
    margin-top: 95px;
}
.nav-tab {
    width: 100%;
    height: 55px;
}
.nav-tab div {
    width: 25%;
    height: 55px;
    float: left;
}
.nav-tab div:nth-child(1) {
    background: url('../assets/tc-tab-1-bg.png') no-repeat;
}
.nav-tab div:nth-child(2) {
    background: url('../assets/tc-tab-2-bg.png') no-repeat;
}
.nav-tab div:nth-child(3) {
    background: url('../assets/tc-tab-3-bg.png') no-repeat;
}
.nav-tab div:nth-child(4) {
    background: url('../assets/tc-tab-4-bg.png') no-repeat;
}
.nav-tab div:nth-child(1) a {
    display: inline-block;
    width: 82px;
    height: 24px;
    margin-left: 104px;
    margin-top: 16px;
    background: url('../assets/show.png') no-repeat;
}
.nav-tab div:nth-child(2) a {
    display: inline-block;
    width: 96px;
    height: 24px;
    margin-left: 97px;
    margin-top: 16px;
    background: url('../assets/social.png') no-repeat;
}
.nav-tab div:nth-child(3) a {
    display: inline-block;
    width: 111px;
    height: 24px;
    margin-left: 90px;
    margin-top: 16px;
    background: url('../assets/service.png') no-repeat;
}
.nav-tab div:nth-child(4) a {
    display: inline-block;
    width: 81px;
    height: 24px;
    margin-left: 105px;
    margin-top: 16px;
    background: url('../assets/sales.png') no-repeat;
}
.content-tab {

}
.content-tab .item {
    width: 25%;
    height: 382px;
    overflow: hidden;
    float: left;
    position: relative;
}
.content-tab .box {
    width: 100%;
    height: 382px;
}
.content-tab .item:nth-child(1) .box {
    background: url('../assets/tc-tab-1.jpg') no-repeat;
    transition: all 1s linear;
}
.content-tab .item:nth-child(1):hover .box {
    transform: scale(1.2);
}
.box-shadow {
    background: url('../assets/tc-tab-shadow.png') no-repeat;
    padding-left: 35px;
    padding-top: 35px;
    height: 382px;
    display: none;
}
.box-shadow {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.content-tab .item:nth-child(2) .box {
    background: url('../assets/tc-tab-2.jpg') no-repeat;
    transition: all 1s linear;
}
.content-tab .item:nth-child(2):hover .box {
    transform: scale(1.2);
}
.content-tab .item:nth-child(3) .box {
    background: url('../assets/tc-tab-3.jpg') no-repeat;
    transition: all 1s linear;
}
.content-tab .item:nth-child(3):hover .box {
    transform: scale(1.2);
}
.content-tab .item:nth-child(4) .box {
    background: url('../assets/tc-tab-4.jpg') no-repeat;
    transition: all 1s linear;
}
.content-tab .item:nth-child(4):hover .box {
    transform: scale(1.2);
}
.box-shadow div:nth-child(1) {
    width: 84%;
    height: 85px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    line-height: 30px;
}
.box-shadow div:nth-child(2) {
    font-size: 16px;
    margin-top: 80px;
    color: #fff;
    line-height: 30px;
}