h1{


    font-size: 40px;


}


.gywm{


    padding: 100px 0;


}


.gywm .gyyw{


    text-align: center;


    color:red;


    font-size: 20px;


    font-weight: 600;


}


.gy100:hover .gyyw,.gy25:hover .gyyw,.gy33:hover .gyyw{


    font-size: 30px;


}


.gy100:hover .gyzw,.gy25:hover .gyzw,.gy33:hover .gyzw{


    font-size: 20px;


}


.gywm .gyzw{


    text-align: center;


}


.gy100{


    width: 100%;


    float: left;


    padding: 30px 0;


}


.gy25{


    width: 25%;


    float: left;


    padding: 30px 0;


}


.gy33{


    width: 33%;


    float: left;


    padding: 30px 0;


}


.gywm2{


    padding: 100px 20%;


    background: #555;


    color:white;


}


.gywm2  .gy{


    width: 25%;


    float: left;


    padding: 50px 0;


}


.gysz{


    font-size: 40px;


    font-weight: 600;


    text-align: center;


}


.gywz{


    font-size: 20px;


    text-align: center;


}





@media (max-width:768px) {


    .anli5,.gywm{


        padding: 30px 20px;


    }


    .gy100,.gy25,.gy33{


        width: 50%;


    }


    .gywm2{


        padding: 30px 15px;


    }


    .gywm2 .gy{


        width:50%;


        padding: 35px 0;


    }





}