html,body{
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.contain{
    width: 100%;
    height: 100%;
}
.header-tabs{
    display:inline-block;
    padding:10px 0;
    width: 1200px;

}
.header-tabs-flex{
    display: flex;
    justify-content: center;
}

.header-tabs-flex > div{
    padding: 0 10px;
    margin: 0 15px;
    line-height: 50px;
    cursor: pointer;
}
.header-tabs-flex > img{
    padding: 0 10px;
    margin: 0 15px;
    line-height: 50px;
}
.active{
    border-bottom:2px solid #F4A51F;
    color: #F4A51F;
    font-weight: bold;
}

/**/
.contain-logo{
    width: 100%;
    position: relative;
    background-image: url("../image/background2.png");
    background-size:100% 100%;
}
.contain-logo-flex{
    position: inherit;
    z-index: 99;
    margin:0 auto;
    padding-top:40px ;
    display: flex;
    flex-flow: column;
    width: 60%;
    justify-content: space-between;
    align-content: space-between;
}
.contain-logo-flex > div{
    margin:0 auto;

}
.contain-logo-flex-text{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-content: space-between;
}
.contain-logo-flex-text > div{
    display: flex;
    justify-content: space-between;
}
.variety-title{
    font-family: Source Han Sans CN;
    padding: 0 40px;
    font-size: 20px;
    font-weight: 500;
    width: 900px;
    height: 66px;
    line-height: 60px;
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-image: url("../image/variety.png");
    margin: 0 auto;
    display: flex;
    justify-content:space-between;
}
.chief-image{
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.app-text{
    display: flex;
    flex-flow:column;
    align-content: space-between;
    width:500px;
    text-align: left;
}
.app-text > div{
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #454B66;
    line-height: 40px;
    margin-bottom: 15px;
}
/**/
.footer{
    background: #31353C;
    width: 100%;
}
.footer > div{
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
}
.span-text{
    font-size: 19px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #E0DDD3;
    display: flex;
    justify-content: left;
    padding:10px 0;
}
.span-text > div{
    padding: 0 20px;
}
.xclm-index{
    width: 100%;
    background-image: url("../image/background2.png");
    background-size:100% 100%;
    margin: 0 auto;
    text-align: left;
}
.xclm-index > div{
    width: 100%;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 30px;

}
/**/
.xcct-image{
    width: calc(100% - 400px) !important;
    height: 300px;
    padding: 150px 200px;
    background-image: url("../image/jb-background.png");
    background-size:100% 100%;
    display: flex;
    justify-content: space-between;
}
.xcct-white{
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #fff;
    font-size: 17px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #343434;
}
.xcct-white > div{
    margin: 0 auto;
    text-align: center;
}