.banner-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-wordCon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.banner-word {
    font-size: 0.36rem;
    font-weight: 300;
    line-height: 0.72rem;
    color: #FFFFFF;
    text-align: center;
}
.banner-word-2 {
    font-size: 0.56rem;
    font-weight: 400;
    color: #FFFFFF;
    position: absolute;
    left: 0.84rem;
}
.banner-btn {
    width: 2rem;
    height: 0.64rem;
    background: linear-gradient(90deg, #FFE14D 0%, #FFC34D 100%);
    border-radius: 0.5rem;

    margin-top: 0.42rem;
    font-size: 0.28rem;
    font-weight: 800;
    color: #222222;
}
.intr {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0.8rem 0.24rem .56rem .24rem;
}
.intr-title {
    font-size: 0.44rem;
    font-weight: 400;
    line-height: 0.64rem;
    color: #222222;
    text-align: center;
}
.intr-line {
    width: 0.4rem;
    border: 2px solid #222222;
    margin: 0.4rem 0;
}
.intr-tip {
    font-size: 0.24rem;
    font-weight: 400;
    line-height: 0.48rem;
    color: #666666;
    margin-bottom: 0.4rem;
    text-align: center;
}
.intrCon {
    display: flex;
    flex-wrap: wrap;
}
.intrCon__item {
    width: 3.38rem;
    height: 2.22rem;
    background: #F5F6FA;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0.24rem;
    margin-bottom: 0.24rem;
    font-size: 0.28rem;
    font-weight: 800;
}
.intrCon__item:nth-of-type(2n) {
    margin-right: 0;
}
.intrCon__item__img {
    height: 0.8rem;
    margin: 0.4rem 0 0.34rem 0;
}

.split {

}
.split-img {
    height: 2.12rem;
    -o-object-fit: cover;
       object-fit: cover;
}

.process {
    padding: 0.8rem 0.24rem 0.68rem 0.24rem;
}
.process__title {
    text-align: center;
    font-size: 0.44rem;
    font-weight: 400;
    line-height: 0.64rem;
    color: #222222;
    margin-bottom: 0.6rem;
}
.process__img {
    max-height: 600px;
}

.detail {

}
.detail-item {

}
.detail-item-img {
    width: 100%;
}
.detail-item-textCon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 0.24rem 0.8rem 0.24rem;
    position: relative;
}
.detail-item-left {
    margin-right: 50px;
    max-width: 452px;
    align-self: flex-end;
}
.detail-triangle {
    position: absolute;
    top: 0;

}
.detail-title {
    font-size: 0.44rem;
    font-weight: 400;
    color: #222222;
    margin: 0.6rem 0 0.24rem 0;
}
.detail-content {
    max-width: 452px;
    font-weight: 400;
    margin-bottom: 0.24rem;

    font-size: 0.24rem;
    line-height: 0.48rem;
    color: #666666;
    text-align: center;
}
.detail-tool {
    font-size: 0;
}
.detail-tool-img {
    height: 0.72rem;
    margin-right: 8px;
    position: relative;
}