.home-title{font-size: 36px;font-weight: 700;text-align: center;}
.home-des{font-size: 20px;text-align: center;margin-bottom:30px}
.services{position: relative;}
.services .bgimg img{width: 100%;height: 100%;}
.services .l-wrap{position: absolute;left: 0;top: 3%;}

@media (max-width:768px) {
.home-title{font-size: 24px;}
.home-des{font-size: 16px;margin-bottom:0}
.services .l-wrap{position: static;top: auto;left: auto;z-index: 9;padding: 5vw;}
.services .bgimg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
}

.brand{background: #000;color: #fff;padding: 3% 0;}
.brand .box{background: #383838;color: var(--color);padding: 40px;margin-top: 10px;}
.brand .box .title{font-size: 36px;font-weight: bold;text-align: center;}
.brand .box .des{font-size: 22px;text-align: center;}
.brand .info{background: #faf5eb;color: #34322e;padding: 40px;display: flex;justify-content: space-between;margin-top: 10px;flex-wrap: wrap;}
.brand .item{width: 48%;}
.brand .item .tit{text-align: center;font-size: 28px;font-weight: bold;margin-bottom: 5px;}
.brand .item p{display: flex;margin-bottom: 10px;}
.brand .item p em{color:var(--color);transform: rotate(90deg);width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;font-style: initial;}
.brand .item p span{width: calc(100% - 24px);padding-left: 3px;}
@media (max-width:768px) {.brand .item{width: 100%;}
.brand .box .title{font-size: 24px;}
.brand .item .tit{font-size: 20px;}
.brand .box .des{font-size: 18px;}
.brand .info,.brand .box{padding: 3vw;}

}