.jj h1{
    font-size: 2.5rem /* 40/16 */;
    text-align: center;
    margin: 2.5rem /* 40/16 */;
    font-weight: 12.5rem /* 200/16 */;
}
.jj h1 p{
    font-size: 1.25rem /* 20/16 */;
    text-align: center;
}

.xy{
    height: 30rem /* 480/16 */;
    margin-top: 3.75rem /* 60/16 */;
    background-color: rgba(57, 218, 78, 0.048);
}
.xy li{
    float: left;

}

.xy h2{
    font-size: 2.1875rem /* 35/16 */;
    padding-left: 5.625rem /* 90/16 */;
    margin-top: 10rem /* 160/16 */;
}

.xy h2 p{
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.875rem /* 30/16 */;
    padding-top: .625rem /* 10/16 */;
}
.xy img{
    height: 30rem /* 480/16 */;
}
.xy1{
    height: 30rem /* 480/16 */;
    margin-top: 3.75rem /* 60/16 */;
    background-color: rgba(245, 91, 176, 0.041);
}
.xy1 li{
    float: left;

}

.xy1 h2{
    font-size: 2.1875rem /* 35/16 */;
    padding-left: 5.625rem /* 90/16 */;
    margin-top: 10rem /* 160/16 */;
}
.xy1 h2 a{
    color: black;
}
.xy1 h2 p{
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.875rem /* 30/16 */;
    padding-top: .625rem /* 10/16 */;
}
.xy1 img{
    height: 30rem /* 480/16 */;
}
.xy2{
    height: 30rem /* 480/16 */;
    margin-top: 3.75rem /* 60/16 */;
    background-color: rgba(185, 145, 34, 0.048);
}
.xy2 li{
    float: left;

}

.xy2 h2{
    font-size: 2.1875rem /* 35/16 */;
    padding-left: 5.625rem /* 90/16 */;
    margin-top: 10rem /* 160/16 */;
}
.xy2 h2 a{
    color: black;
}
.xy2 h2 p{
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.875rem /* 30/16 */;
    padding-top: .625rem /* 10/16 */;
}
.xy2 img{
    height: 30rem /* 480/16 */;
}
.xy3{
    height: 30rem /* 480/16 */;
    margin-top: 3.75rem /* 60/16 */;
    background-color: rgba(174, 57, 189, 0.048);
}
.xy3 li{
    float: left;

}
.xy3 img{
    height: 30rem /* 480/16 */;
    width: 31.25rem /* 500/16 */;
    margin-left: 3.125rem /* 50/16 */;
}
.xy3 h2{
    font-size: 2.1875rem /* 35/16 */;
    padding-left: 5.625rem /* 90/16 */;
    margin-top: 10rem /* 160/16 */;
}
.xy3 h2 a{
    color: black;
}
.xy3 h2 p{
    font-size: 1.125rem /* 18/16 */;
    line-height: 1.875rem /* 30/16 */;
    padding-top: .625rem /* 10/16 */;
}


@media screen and (max-width: 1000px){
    .jj h1{
        font-size: 1.5rem /* 40/16 */;
        margin-top: 1.5rem /* 40/16 */;
    }
    .xy{
        height: 43.75rem /* 700/16 */;
    }.xy img{
        width: 97vw;
    }
    .xy li {
        width: 100%;
        height: auto;
        text-align: center;

    }
    .xy h2{
        font-size: 1.875rem /* 35/16 */;
        width: 97vw;
        padding: 0;
        margin-top: 28.125rem /* 450/16 */;
        text-align: center;
}
.xy1{
    height: 43.75rem /* 700/16 */;
}
.xy1 img{
    width: 97vw;
}
.xy1 li{
    width: 100%;
    height: auto;
    text-align: center;
}
.xy1 h2{
    font-size: 1.875rem /* 35/16 */;
    width: 97vw;
    padding: 0;
    margin-top: 450px;
    text-align: center;
}
.xy2{
    height: 43.75rem /* 700/16 */;
}
.xy2 img{
    width: 97vw;
    padding: 0;
    margin: 0;
}
.xy2 li{
    width: 100%;
    height: auto;
    text-align: center;
}
.xy2 h2{
    font-size: 1.875rem /* 35/16 */;
    width: 97vw;
    padding: 0;
    margin-top: 410px;
    text-align: center;
}
.xy3{
    height: 50rem /* 800/16 */;
}
.xy3 img{
    width: 97vw;
    padding: 0;
    margin: 0;
}
.xy3 li{
    width: 100%;
    height: auto;
    text-align: center;
}
.xy3 h2{
    font-size: 1.875rem /* 35/16 */;
    width: 97vw;
    padding: 0;
    margin-top: 30rem /* 480/16 */;
    text-align: center;
}
}