.banner {
    width: 100%;
    position: relative;
    height: 37.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.banner .tit1 {
    font-weight: normal;
    font-size: 3.375rem;
    color: #FFFFFF;
    line-height: 5.0625rem;
    padding-top: 13.875rem;
    margin-left: 22.5rem;

}

.banner .tit2 {
    font-weight: normal;
    font-size: 1.125rem;
    color: #FFFFFF;
    line-height: 1.6875rem;
    margin-left: 22.5rem;
    margin-top: 1rem;
}
.proj9{
    height: 58rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 6.25rem 22.5rem 0rem;
    box-sizing: border-box;
}
.proj9 .tt{
    font-weight: 600; 
    font-size: 3.25rem;
    margin:0 auto 12.5rem;
    color: #222222;
    text-align: center;

}
.proj9 .tit{
    width: 16.625rem;
    font-weight: 600;
    font-size: 2.375rem;
    line-height: 3.5625rem;
    margin: 12.625rem 0 2.3125rem;
    background-image: -webkit-gradient(linear, left 0, right 0, from(#B71896 ), to(#5C32C8 ));
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}
.proj9 .desc{
    width: 33.625rem;
    font-size: 1.125rem;
    color: #666666;
    line-height: 1.5;
}
.proj7{
    padding: 7rem 22.5rem 8.625rem;
    box-sizing: border-box;
    background-color: #f6f7f8;
}
.proj7 .tit{
    font-weight: 600;
    font-size: 3.25rem;
    margin:0 auto 6.125rem;
    color: #222222;
    text-align: center;

}
.proj7  .bot{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.proj7  .bot .bot1{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* justify-content: center; */
    width: 17.75rem;
    height: 18.25rem;
    background: linear-gradient( 180deg, #F9F6FD 0%, #FFFFFF 100%);
    box-shadow: 0rem 0.1875rem 1.5rem 0rem rgba(165,165,165,0.24);
    border-radius: 0.875rem;
    margin-bottom: 1.3125rem;
    box-sizing: border-box;
    padding: 1.875rem 0.625rem 1.875rem 2.1875rem;
}
.proj7  .bot .bot1 img{
    width: 4.25rem;
    height: 4.25rem;
    margin-bottom: 2.0625rem;
}
.proj7  .bot .bot1 .tit1{
    font-weight: 600;
    font-size: 1.375rem;
    color: #222222;
    margin-bottom: 1.5rem;
}
.proj7  .bot .bot1 .desc{
    font-size: 1rem;
    color: #666666;
    line-height: 1.5;
}
.proj11{
    width: 100%;
    height: 53.375rem;
    background: linear-gradient( 196deg, #FFFAF6 0%, #F9F6FD 100%);
    padding: 6.25rem 22.5rem;
    box-sizing: border-box;
}
.proj11 .tit{
    font-weight: 600;
    font-size: 3.25rem;
    margin:0 auto 5rem;
    color: #222222;
    text-align: center;

}
.proj11 .bot{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.proj11 .bot .bot1{
    width: 36.375rem;
    height: 15.625rem;
    background: #FFFFFF;
    border-radius: 0.875rem;
    padding: 2.625rem  2.1875rem  0  2.1875rem;
    box-sizing: border-box;
    margin-bottom: 1.25rem;
    position: relative;
}
.proj11  .bot .bot1::after{
    width: 2.5rem;
    height: 0.25rem;
    background: #FFE3FC;
    position: absolute;
    left: 2.0625rem;
    bottom: 2.375rem;
    content: '';
}
.proj11 .bot .bot1 .tit1{
    font-weight: 600;
    font-size: 1.5rem;
    color: #222222;
    margin-bottom: 1.875rem;
}
.proj11 .bot .bot1 .desc{
    font-size: 1rem;
    color: #222222;
    line-height: 1.5;
}
.proj11 .bot .bot1 img{
    width: 3rem;
    height: 1.8125rem;
    position: absolute;
    right: 2.25rem;
    bottom: 2.25rem;
}
.proj11 .bot .bot1:hover{
    background: linear-gradient( 196deg, #894CEC 0%,#F680F3 50%, #9259EE 100%);
    color: #fff!important;

}
.proj11 .bot .bot1:hover .tit1 ,.proj11 .bot .bot1:hover .desc{
    color: #fff;
}
.proj11 .bot .bot1:hover::after{
    background: rgba(255, 255, 255,.7);

}



.proj12{
    padding: 7.5rem 22.5rem 3.875rem;
    box-sizing: border-box;
    background-color: #fff;
}
.proj12 .tit{
    font-weight: 600;
    font-size: 3.25rem;
    margin:0 auto 4.75rem;
    color: #222222;
    text-align: center;

}
.proj12  .bot{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.proj12  .bot .bot1{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 36.25rem;
    height: 18.75rem;
    background: #FFFFFF;
    border-radius: 0.875rem;
    border: 1px solid #E1E1E4;
    margin-bottom: 1.3125rem;
    box-sizing: border-box;
    padding: 1.875rem 0.625rem 1.875rem 3.3125rem;

}

.proj12 .bot .bot1 img{
    width: 5rem;
    height:5rem;
    margin-bottom: 1.75rem;
}
.proj12  .bot .bot1 .tit1{
    font-weight: 600;
    font-size: 1.375rem;
    color: #222222;
    margin-bottom: 1.5rem;
}
.proj12  .bot .bot1 .desc{
    font-size: 1rem;
    color: #666666;
    line-height: 1.5;
}
.proj13{
    padding: 7.1875rem 22.5rem 5rem;
    height: 67.5rem;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.proj13 .tit{
    font-weight: 600;
    font-size: 3.25rem;
    margin:0 auto 5.375rem;
    color: #fff;
    text-align: center;

}
.proj13  .bot{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.proj13  .bot .bot1{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 36.25rem;
    height: 21.25rem;
    background: rgba(255,255,255,0.24);
    /* box-shadow: inset -0.0625rem -0.0625rem 0.125rem 0rem #FFFFFF; */
    border-radius: 0.875rem;
    border: 0.0625rem solid rgba(255,255,255,0.26);
    margin-bottom: 2.125rem;
    box-sizing: border-box;
    padding: 1.875rem 2.9375rem 1.875rem 3.3125rem;
}
.proj13 .bot .bot1 img{
    width: 5rem;
    height:5rem;
    margin-bottom: 1.75rem;
}
.proj13  .bot .bot1 .tit1{
    font-weight: 600;
    font-size: 1.375rem;
    color: #fff;

    margin-bottom: 1.5rem;
}
.proj13  .bot .bot1 .desc{
    font-size: 1rem;
    color: #fff;

    line-height: 1.5;
}
.proj14{
    padding-top: 13.75rem;
    padding-left: 63.875rem;
    height:53.125rem;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.proj14 .tit{
    font-weight: 600;
    font-size: 3.25rem;
    margin:0 auto 4.375rem;
    color: #222222;

}
.proj14 .tit1{
    background-image: -webkit-gradient(linear, left 0, right 0, from(#B71896 ), to(#5C32C8 ));
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    font-size: 2.125rem;
    font-weight: 600;
    width: 33.75rem;
    margin-bottom: 0.75rem;
}
.proj14 .desc{
    width: 33.625rem;
    font-size: 1.125rem;
    color: #666666;
    margin-bottom: 4.375rem;
    line-height: 2;
}
@media screen and (max-width:767px) {
    .Header_header__11G5T {
        min-width: 0px;
        display: none;
    }
    .banner {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        position: relative;
        height: 300px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
	.banner .tit1 {
        font-size: 18px;
        font-weight: 600;
        margin: auto;
        margin-bottom: 15px;
        margin-top: 30px;
        line-height: 1.5;
        text-align: center;
    }	
    .banner .tit2 {
        width: 90%;
        font-size: 14px;
        margin: 0 auto 15px;
        line-height: 1.5;
        text-align: center;
    }
    .proj9 {
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 30px 5%;
        background-position: left;
    }

    .proj9 .tt {
        font-weight: 600;
        font-size: 18px;
        margin: 0 auto 20px;
        color: #222222;
        text-align: center;
    }
    .proj9 .tit {
        width: auto;
        font-weight: 600;
        font-size: 16px;
        line-height: 1.5;
        margin: 20px auto;
    }
    .proj9 .desc {
        width: 100%;
        font-size: 14px;
        color: #666666;
        line-height: 1.5;
    }
    .proj7 {
        padding: 30px 5%;
    }
    .proj7 .tit {
        font-weight: 600;
        font-size: 18px;
        margin: 0 auto 20px;
        color: #222222;
        text-align: center;
    }
    .proj7 .bot .bot1 {
        width: 49%;
        height: auto;
        padding: 20px ;
        border-radius: 5px;
        margin-bottom: 10px;
    }
    .proj7 .bot .bot1 img {
        width: 30px;
        height: 30px;
        margin-bottom: 10px;
    }
    .proj7 .bot .bot1 .tit1 {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .proj7 .bot .bot1 .desc {
        font-size: 14px;
        color: #666666;
        line-height: 1.5;
    }
    .proj11 {
        width: 100%;
        height: auto;
        padding: 30px 5%;
        box-sizing: border-box;
    }
    .proj11 .tit {
        font-weight: 600;
        font-size: 18px;
        margin: 0 auto 20px;
    }
    .proj11 .bot .bot1 {
        width: 49%;
        height: auto;
        background: #FFFFFF;
        border-radius: 5px;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
        position: relative;
    }
    .proj11 .bot .bot1 .tit1 {
        font-weight: 600;
        font-size: 16px;
        color: #222222;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .proj11 .bot .bot1 .desc {
        font-size: 14px;
    }
    .proj12 {
        padding: 30px 5%;
    }
    .proj12 .tit {
        font-weight: 600;
        font-size: 18px;
        margin: 0 auto 20px;
    }
    .proj12 .bot .bot1 {
        width: 49%;
        height: auto;
        border-radius: 5px;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
        position: relative;
    }
    .proj12 .bot .bot1 .tit1 {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .proj12 .bot .bot1 .desc {
        font-size: 14px;
    }
    .proj12 .bot .bot1 img {
        width: 30px;
        height: 30px;
        margin-bottom: 10px;
    }
    .proj13 {
        padding: 30px 5%;
        height: auto;
    }
    .proj13 .tit {
        font-weight: 600;
        font-size: 18px;
        margin: 0 auto 20px;
    }
    .proj13 .bot .bot1 {
        width: 49%;
        height: auto;
        border-radius: 5px;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
        position: relative;
    }
    .proj13 .bot .bot1 .tit1 {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .proj13 .bot .bot1 .desc {
        font-size: 14px;
    }
    .proj13 .bot .bot1 img {
        width: 30px;
        height: 30px;
        margin-bottom: 10px;
    }
    .proj14 {
        padding: 30px 5%;
        height: auto;
        background-position: right;
    }
    .proj14 .tit {
        font-weight: 600;
        font-size: 18px;
        margin: 0 auto 20px;
        color: #222222;
    }
    .proj14 .tit1 {
        font-size: 16px;
        font-weight: 600;
        width: 100%;
        margin-bottom: 10px;
    }
    .proj14 .desc {
        width: 100%;
        font-size: 14px;
        color: #666666;
        margin-bottom: 10px;
        line-height: 2;
    }














}