.as_item{padding: 100px 0;background: url('/images/serve/10.jpg') repeat center;background-size: 100%;}

.as_feat_i{display: flex;justify-content: space-between;align-items: center;padding: 100px;box-shadow: 0px 12px 32px 0px rgba(142, 142, 142, 0.16);border-radius: 30px;margin-bottom: 60px;background-color: #fff;transition: .5s;}
.as_feat_l>h1{font-size: 24px;color: var(--base);}
.as_feat_l>p{font-size: 16px;font-weight: 600;color: #666;margin: 10px 0 20px;}
.as_feat_l>span{font-size: 16px;display: block;line-height: 2;color: #666;}
.as_feat_r{text-align: center;}
.as_feat_r>h1{font-size: 24px;color: var(--base);font-weight: 600;line-height: 2;margin: 10px 0 0;}
.as_feat_r>p{color: #666;}
.as_feat_i:hover{transform: translateY(-10px);}

.as_qua_vid{background: url('/images/serve/20.jpg') no-repeat center;background-size: cover;display: flex;justify-content: center;align-items: center;height: 800px;}
.as_qua_i{margin: 80px 0;text-align: center;}
.as_qua_i>h1{color: #00b0f0;font-size: 36px;margin-bottom: 20px;}
.as_qua_i>p{font-size: 16px;line-height: 2;}
.as_qua_i>img{margin-top: 60px;max-width: 100%;}
.as_qua_w{display: flex;justify-content: center;gap: 20px;margin-top: 40px;}

@media screen and (max-width: 1200px) {
    .as_item{padding: 6rem 0;}
    .as_feat_i{padding: 4rem 2rem;flex-direction: column-reverse;gap: 4rem;}
    .as_feat_r{width: 100%;}
    .as_feat_l{width: 100%;}
    .as_feat_l>h1{font-size: 2rem;}
    .as_feat_l>p{font-size: 1.6rem;line-height: 2;}
    .as_feat_l>span{font-size: 1.2rem;}

    .as_qua_vid{height: 20rem;}
    .as_qua_vid>img{height: 5rem;}

    .as_qua_i>h1{font-size: 3rem;}
    .as_qua_i>p{font-size: 1.6rem;}
    .as_qua_w{flex-direction: column;}
    
}