.service-wrapper {
    background-color: #000000;
    color: #ffffff;
    padding:200px 0 10% 0;
}
.service-wrapper .info-box {
    padding-bottom: 50px;
}
.service-wrapper .info-box .title-box {
    width: 445px;
}
.service-wrapper .info-box .title {
    font-size: 70px;
	line-height:130px;
    font-family: var(--font-AlibabaSans);
    font-weight: bold;
}
.service-wrapper .info-box .sub-title {
    color: #909090 !important;
    font-size: 35px;
}
.service-wrapper .info-box .detail {
    padding: 3% 0 1% 3%;
    font-size: 18px;
    line-height:30px;
}

.service-process {
	text-align:center;
    padding: 6% 0;
    background-color: #EFEFEF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.service-process .title {
    font-size: 40px;
    font-family: var(--font-AlibabaSans);
	text-transform:uppercase
}
.service-process .sub-title {
    font-size: 25px;
    padding: 10px 0 30px 0;
}


@media (max-width:1024px) {
.service-wrapper{ padding-top:20%;}
}

@media (max-width:768px) {
 .service-wrapper .info-box .title{ font-size:100px; line-height:100px;}
 .service-wrapper .info-box .sub-title{ font-size:28px;}
 .service-wrapper .info-box .title-box{ width:345px;}
 .service-process{ padding:10% 0;}
}
@media (max-width:480px) {
.service-wrapper{ padding-top:30%;}
 .service-wrapper .info-box .title{ font-size:55px; line-height:70px;}
 .service-wrapper .info-box .sub-title{ font-size:20px;}
 .service-wrapper .info-box .title-box{ width:190px;}
 .service-wrapper .info-box .detail{ padding:5% 0; font-size:14px; line-height:24px;}
.service-process .title{ font-size:28px;}
.service-process .sub-title{ font-size:18px;}
}