.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;
}
.proj1 .tit{
    font-weight: 600;
    font-size: 3.125rem;
    color: #222222;
    margin: 6.375rem auto 5.4375rem;
    text-align: center;
}
.proj1  .bot{
    position: relative;
    display: flex;
    padding: 0 22.5rem 7.5rem;
    justify-content: space-between;
    box-sizing: border-box;
}
.proj1 .bot .bot1{
    width: 32.375rem;
    height: 28.125rem;
    background: #F8F8F8;
    border-radius: 0.875rem;
    padding: 3.125rem;
    box-sizing: border-box;
    padding-right: 1rem;
}
.proj1 .bot .bot1:nth-child(2){
    width: 40.125rem;
    padding-left: 8.9375rem;
}
.proj1 .center{
    position: absolute;
    left: 50rem;
    top: 6.875rem;
    width: 11.25rem;
    height: 11.25rem;
}
.proj1 .bot .bot1 .bot1-1{
    display: flex;
    align-items: center;
    margin-bottom: 1.375rem;
}
.proj1 .bot .bot1 .bot1-2{
    font-size:1.75rem;
    color: #222222;
    margin-bottom: 3rem;
    font-weight: 600;
}
.proj1 .bot .bot1 img{
    margin-right: 1rem;
    width: 1.5625rem;
    height: 1.5625rem;
}

.proj2{
    padding: 6.25rem 22.5rem 7.1875rem;
    background-color: #f6f7f8;
}
.proj2 .tit{
    font-weight: 600;
    font-size: 3.125rem;
    color: #222222;
    margin: 0 auto 5.4375rem;
    text-align: center;
}
.proj2  .bot{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    min-height:30.5rem;

}
.proj2  .bot1{
    display: flex;
    margin-bottom: 7.8125rem;
    min-width: 34%;
}
.proj2 .center{
    position: absolute;
    left: calc(50% - 7.6563rem);
    width:  15.3125rem;
    height:30.5rem;
}
.proj2 .bot1 img{
    width: 3.8125rem;
    height: 3.8125rem;
    margin-right: 1.6875rem;
}
.proj2 .bot1  .bot1-right{
    width:18.9375rem ;
}
.proj2 .bot1  .bot1-right .tit2{
    font-weight: 600;
    font-size: 1.375rem;
    color: #222222;
    margin-bottom: 0.625rem;
    margin-top: 1rem;
}
.proj2 .bot1  .bot1-right .desc{
    font-size: 1rem;
    color: #666666;
    line-height: 1.5rem;
}
.proj3{
    padding: 12.875rem 22.5rem 10.4375rem;
    display: flex;
    justify-content: space-between;

}
.proj3 .right{
    width: 36.25rem;
    height: 21.875rem;
}
.proj3 .left{
    width: 538px;
}
.proj3 .left .tit{
    margin-bottom: 3rem;
    font-weight: 600;
    font-size: 3.125rem;
    color: #222222;
    line-height: 4.6875rem;
} 
.proj3 .left .desc{
    font-size: 1.125rem;
    color: #666666;
    line-height: 1.875rem;
}
.proj4{
    padding: 6.25rem 22.5rem 7.5rem;
    background-color: #f6f7f8;

}
.proj4 .tit{
    font-weight: 600;
    font-size: 3.125rem;
    color: #222222;
    margin: 0 auto 5.625rem;
    text-align: center;
}
.proj4  .bot{
    display: flex;
    justify-content: space-between;

}
.proj4  .bot .bot1{
    width: 18rem;
    height: 15.625rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 1.125rem 0rem #EEEEEE;
    border-radius: 0.875rem;
    text-align: center;
}
.proj4  .bot .bot1 .num{
    color: #74BE3A;
    font-size: 3.625rem;
    font-weight: 600;
    padding: 2.25rem 0 1.5rem;
    box-sizing: border-box;
}
.proj4  .bot .bot1  .tit1{
    font-weight: 600;
    font-size: 1.375rem;
    color: #222222;
    padding: 0 0 1.125rem;
    width: 15.125rem;
    margin: 0 auto 1.5rem;
    border-bottom: 1px solid #F0F0F0;
    box-sizing: border-box;

}
.proj4  .bot .bot1 .desc{
    font-size: 1rem;
    color: #666666;
    line-height: 1.5;
    padding: 0 2rem;
    box-sizing: border-box;
}
.proj5{
    padding: 7.8125rem 22.5rem 8rem;
    box-sizing: border-box;
}
.proj5 .tit{
    font-weight: 600;
    font-size: 3.125rem;
    color: #222222;
    margin: 0 auto 4.1875rem;
    text-align: center;
}
.proj5  .bot{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.proj5  .bot .bot1{
    width: 36rem;
    height: 11.5rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.0625rem 1rem 0rem rgba(137,137,137,0.28);
    border-radius: 0.875rem;
    margin-bottom: 1rem;
    display: flex;
    padding: 2.1875rem 1.875rem 3.125rem 3.375rem;
    box-sizing: border-box;

}
.proj5  .bot .bot1 img{
    width: 2.625rem;
    height: 2.625rem;
    margin-right: 2.125rem;
}
.proj5  .bot .bot1 .tit1{
    font-weight: 600;
    font-size: 1.375rem;
    color: #222222;
    margin-bottom: 1.875rem;
}
.proj5  .bot .bot1 .desc{
    font-size: 1rem;
    color: #666666;
    line-height: 1.5;
}
@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;
    }	
    .banner .tit2 {
        width: 90%;
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 1.5;
    }
    .proj1 .tit {
        font-weight: 600;
        font-size: 18px;
        color: #222222;
        margin: 30px auto 20px;
        text-align: center;
    }
    .proj1 .bot {
        position: relative;
        display: flex;
        padding: 0 5% 30px;
        flex-wrap: wrap;
    }
    .proj1 .bot .bot1 {
        width: 100%;
        height: auto;
        background: #F8F8F8;
        border-radius: 0.875rem;
        padding: 20px 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .proj1 .center {
        display: none;
    }
    .proj1 .bot .bot1 .bot1-2 {
        font-size: 16px;
        color: #222222;
        margin-bottom: 20px;
        font-weight: 600;
    }
    .proj1 .bot .bot1 .bot1-1 {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 1.5;
    }
    .proj1 .bot .bot1 img {
        margin-right: 10px;
        width: 20px;
        height: auto;
    }
    .proj1 .bot .bot1:nth-child(2) {
        width:100%;
        padding-left: 10px;
    }
    .proj2 {
        padding: 30px 5%;
        background-color: #f6f7f8;
    }
    .proj2 .tit {
        font-weight: 600;
        font-size: 18px;
        color: #222222;
        margin: 0 auto 20px;
        text-align: center;
    }
    .proj2 .bot1 {
        display: flex;
        margin-bottom: 20px;
        min-width: 100%;
    }
    .proj2 .bot1 img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    .proj2 .bot1 .bot1-right {
        width: auto;
    }
    .proj2 .bot1 .bot1-right .tit2 {
        font-weight: 600;
        font-size: 16px;
        color: #222222;
        margin-bottom: 10px;
        margin-top: 5px;
    }
    .proj2 .bot1 .bot1-right .desc {
        font-size: 14px;
        color: #666666;
        line-height: 1.5;
    }
    .proj2 .center {
        display: none;
    }
    .proj3 {
        padding: 30px 5%;
        display: flex;
        flex-wrap: wrap;
    }
    .proj3 .left {
        width: 100%;
    }
    .proj3 .right {
        width: 100%;
        height: auto;
    }
    .proj3 .left .tit {
        margin-bottom: 20px;
        font-weight: 600;
        font-size: 18px;
        color: #222222;
        line-height: 1.5;
    }
    .proj3 .left .desc {
        font-size: 14px;
        color: #666666;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .proj4 {
        padding: 30px 5%;
        background-color: #f6f7f8;
    }
    .proj4 .tit {
        font-weight: 600;
        font-size: 18px;
        color: #222222;
        margin: 0 auto 20px;
        text-align: center;
    }
    .proj4 .bot {
        flex-wrap: wrap;
    }
    .proj4 .bot .bot1 {
        width: 49%;
        height: auto;
        border-radius: 5px;
        margin-bottom: 10px;
        text-align: center;
        padding-bottom: 10px;
    }
    .proj4 .bot .bot1 .num {
        color: #74BE3A;
        font-size: 18px;
        font-weight: 600;
        padding: 30px 0 20px;
        box-sizing: border-box;
    }
    .proj4 .bot .bot1 .tit1 {
        font-weight: 600;
        font-size: 18px;
        color: #222222;
        padding: 0 10px;
        width: 100%;
        margin: 0 auto 20px;
        border-bottom: 1px solid #F0F0F0;
        box-sizing: border-box;
        padding-bottom: 20px;
    }
    .proj4 .bot .bot1 .desc {
        font-size: 14px;
        color: #666666;
        line-height: 1.5;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .proj5 {
        padding: 30px 5%;
        box-sizing: border-box;
    }
    .proj5 .tit {
        font-weight: 600;
        font-size: 18px;
        color: #222222;
        margin: 0 auto 20px;
        text-align: center;
    }
    .proj5 .bot .bot1 {
        width: 49%;
        height: auto;
        border-radius: 5px;
        margin-bottom: 10px;
        display: flex;
        padding: 20px 10px;
        box-sizing: border-box;
    }
    .proj5 .bot .bot1 img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    .proj5 .bot .bot1 .tit1 {
        font-weight: 600;
        font-size: 16px;
        color: #222222;
        margin-bottom: 10px;
    }
    .proj5 .bot .bot1 .desc {
        font-size: 14px;
        color: #666666;
        line-height: 1.5;
    }










}