.x1 h1{
    height: 7.5rem /* 120/16 */;
    font-size: 2.5rem /* 40/16 */;
    text-align: center;
    margin: 3.75rem /* 60/16 */;
    font-weight: 12.5rem /* 200/16 */;
}
.x1 h1 p{
    font-size: 1.0625rem /* 17/16 */;
    margin-top: 1.875rem /* 30/16 */;
    text-align: center;
}
.s{
    height: 35.625rem /* 570/16 */;
    background-color: rgb(255, 255, 255);
}
.s ul li{
    float: left;
    margin-top: 3.75rem /* 60/16 */;
}
.s img{
    margin-left: .625rem /* 10/16 */;
    width: 100%/* 400/16 */;
}
.s h1{
    font-size: 2.5rem /* 40/16 */;
    text-align: center;
    font-weight: 500;
    padding-top: 1.875rem /* 30/16 */;
    margin: 1.875rem /* 30/16 */
}

.s2{height: 32.5rem /* 520/16 */;}
.s2 h1{
    font-size: 2.5rem /* 40/16 */;
    text-align: center;
    font-weight: 500;
    margin: 1.875rem /* 30/16 */;

}
.s2 ul li{
    float: left;
    height: 22.375rem /* 358/16 */;
    width: 40rem /* 640/16 */;
    background-color: rgba(202, 179, 49, 0.055);
}
.s2 li h2{
    font-size: 1.875rem /* 30/16 */;
    font-weight: 900;
    padding-left: 1.875rem /* 30/16 */;
    margin-top: 1.875rem /* 30/16 */;
}
.s2 li h3{
    font-size: 3.125rem /* 50/16 */;
    font-weight: 500;
    padding-left: 2.5rem /* 40/16 */;
    margin: -10px;
}
.s2 p{
    font-size: 1.125rem /* 18/16 */;
    padding-left: 1.875rem /* 30/16 */;
}
.s2 img{
    width: 40rem /* 640/16 */;

}
.s3{
    height: 27.5rem /* 440/16 */;
}
.s3  li{
    float: left;
    height: 22.375rem /* 358/16 */;
    width: 640px;
    background-color: rgba(49, 154, 202, 0.055);
}
.s3 li h2{
    font-size: 1.875rem /* 30/16 */;
    font-weight: 900;
    padding-left: 1.875rem /* 30/16 */;
    margin-top: 1.875rem /* 30/16 */;
}
.s3 li h3{
    font-size: 3.125rem /* 50/16 */;
    font-weight: 500;
    padding-left: 2.5rem /* 40/16 */;
    margin: -10px;
}
.s3 p{
    font-size: 1.125rem /* 18/16 */;
    padding-left: 1.875rem /* 30/16 */;
}
.s3 img{
    width: 40rem /* 640/16 */;

}
@media screen and (max-width: 1000px){
    .x1{
        height: 15.625rem /* 250/16 */;        
    }
    .x1 h1{
        font-size: 1.5rem /* 40/16 */;
        margin-top: 1.75rem /* 60/16 */;
    }
    .s{
        margin: 0;
    }
    .s h1{
            font-size: 1.5rem /* 40/16 */;
            margin-top: 1.75rem /* 60/16 */;
            height: 0;
        
    }
    .s img{
        width: 100vw;
        margin: 0;
    }
    .s2 h1{
        font-size: 1.5rem /* 40/16 */;
        margin-top: 1.875rem /* 30/16 */;
    }
    .s2 ul li{
        width: 100vw;
        height: auto;
    }
    .s2 li img{
        width: 97vw;
        height: auto;
    }
    .s2 h3{
        width: 100vw;
    }
    .s3 h3{
        width: 100vw;
    }
    .s3{
        height: 100rem /* 1600/16 */;
    }
    .s3 h1{
        font-size: 1.5rem /* 40/16 */;
        margin-top: 1.75rem /* 60/16 */;
    }
    .s3 li{
        width: 100vw;
        height: auto;
    }
    .s3 li img{
        width: 100vw;
        height: auto;
    }

}