*{

}
.header {margin-top: 0vw;}

.submain .gen_al{
    background-color:rgb(255, 255, 255);
    height: 75vh;
    margin-top: 3vw;
    margin-bottom: 3vw;
}

.submain .gen_al .title h1{

    padding-left: 3vw;
    padding-top: 4vw;
}

.submain .gen_al .news{
    height: 22.5vw;
    width: 22.5vw;
    margin-left: 4vw;
    margin-top: 3vw;
    background-size: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    display: inline-block;

}

.submain .gen_al .news .shadow{
    height: 100%;
    width: 100%;
display: none;
    background-color: rgba(0,0,0,0.8);
}


.submain .gen_al .news:hover .shadow{
    background-color: rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 0;
    transition: 0.1s ease;
    display: block;
    position: relative;
}
.submain .gen_al .news:hover .shadow p{

    display: block;
    position: absolute;
    color: white;
    font-weight:600;
    padding-top: 7.5vw;
    padding-left: 2vw;
    font-size: 1vw;
}
                        
.submain .gen_al .news:hover .shadow a{

    width: 8vw;
    height:25px;
    font-size: 1.1vw;
    font-weight:550;
    display: block;
    position: absolute;
    color: white;
    margin-top: 18.5vw;
    text-align: center;
 padding-top: 0.5vw;
    margin-left: 12.5vw;
    background-color: rgb(0,70,155);

    border-radius: 5px;
    border: none;

}

.submain .gen_al .news:hover .shadow a:hover{
        background-color: rgb(26, 98, 186);

}

.submain .gen_al .news:hover .shadow a:active{
        background-color: rgb(70, 121, 183);
}

.submain .gen_al a.archive{
    display: block;
    width: 10vw;
    margin-left:74vw ;
    margin-top: 5vw;
    padding-bottom: 1vw;
    

}


/*адаптация*/


@media (max-width: 1440px) {
    .submain .gen_al{background-color:rgb(255, 255, 255);min-height: 80vh;height: auto;width:95vw;margin-left:2.5vw;margin-top: 10vw;margin-bottom: 25vw;}
.submain .gen_al .title h1{padding-left: 5vw;padding-top: 5vw;}
.submain .gen_al .news{height: 25vw;width: 25vw;margin-left: 5vw;margin-top: 5vw;}
.submain .gen_al .news .shadow{height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.374);box-shadow: 0 0 5px 0;transition: 0.1s ease;display: block;position: relative;}
/*костыльное исправление бага при наведении*/
.submain .gen_al .news .shadow p,.submain .gen_al .news:hover .shadow p{display: block;position: absolute;color: white;font-weight:600;padding-top: 3vw;padding-left: 3vw;font-size: 1.25vw;}                    
.submain .gen_al .news .shadow a, .submain .gen_al .news:hover .shadow a{width: 10vw;height:2.25vw;font-size: 1.5vw;font-weight:550;display: block;position: absolute;color: white;margin-top: 20vw;text-align: center;padding-top: 0.5vw;margin-left: 12.5vw;background-color: rgb(0, 70, 155);border-radius: 5px;border: none;}

.submain .gen_al a.archive{display: block;width: 10vw;margin-left:10vw ;margin-top: 0vw;padding-bottom: 5vw;}

}
@media (max-width: 992px) {
.submain .gen_al{background-color:rgb(255, 255, 255);min-height: 80vh;height: auto;width:95vw;margin-left:2.5vw;margin-top: 10vw;margin-bottom: 25vw;}
.submain .gen_al .title h1{padding-left: 5vw;padding-top: 5vw;}
.submain .gen_al .news{height: 40vw;width: 40vw;margin-left: 5vw;margin-top: 3vw;}
.submain .gen_al .news .shadow{height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.374);box-shadow: 0 0 5px 0;transition: 0.1s ease;display: block;position: relative;}
/*костыльное исправление бага при наведении*/
.submain .gen_al .news .shadow p,.submain .gen_al .news:hover .shadow p{display: block;position: absolute;color: white;font-weight:600;padding-top: 3vw;padding-left: 3vw;font-size: 2.5vw;}                    
.submain .gen_al .news .shadow a, .submain .gen_al .news:hover .shadow a{width: 15vw;height:4vw;font-size: 2.5vw;font-weight:550;display: block;position: absolute;color: white;margin-top: 33.5vw;text-align: center;padding-top: 1vw;margin-left: 22.5vw;background-color: rgb(0, 70, 155);border-radius: 5px;border: none;}

.submain .gen_al a.archive{display: block;width: 10vw;margin-left:10vw ;margin-top: 20vw;padding-bottom: 5vw;}


}
@media (max-width: 768px) {

.submain .gen_al{background-color:rgb(255, 255, 255);min-height: 70vh;height: auto;width:95vw;margin-left:2.5vw;margin-top: 10vw;margin-bottom: 25vw;}
.submain .gen_al .title h1{padding-left: 5vw;padding-top: 7.5vw;}
.submain .gen_al .news{height: 40vw;width: 40vw;margin-left: 5vw;margin-top: 5vw;}
.submain .gen_al .news .shadow{height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.374);box-shadow: 0 0 5px 0;transition: 0.1s ease;display: block;position: relative;}
/*костыльное исправление бага при наведении*/
.submain .gen_al .news .shadow p,.submain .gen_al .news:hover .shadow p{display: block;position: absolute;color: white;font-weight:600;padding-top: 3vw;padding-left: 3vw;font-size: 2.5vw;}                    
.submain .gen_al .news .shadow a, .submain .gen_al .news:hover .shadow a{width: 17.5vw;height:4.5vw;font-size: 2.5vw;font-weight:550;display: block;position: absolute;color: white;margin-top: 33.5vw;text-align: center;padding-top: 1vw;margin-left: 20vw;background-color: rgb(0, 70, 155);border-radius: 5px;border: none;}

.submain .gen_al a.archive{display: block;width: 10vw;margin-left:10vw ;margin-top: 20vw;padding-bottom: 5vw;}

}
@media (max-width: 576px) {
.submain .gen_al{background-color:rgb(255, 255, 255);min-height: 90vh;height: auto;width:95vw;margin-left:2.5vw;margin-top: 15vw;margin-bottom: 25vw;}
.submain .gen_al .title h1{padding-left: 7.5vw;padding-top: 10vw;}
.submain .gen_al .news{height: 80vw;width: 80vw;margin-left: 7.5vw;margin-top: 5vw;}
.submain .gen_al .news .shadow{height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.374);box-shadow: 0 0 5px 0;transition: 0.1s ease;display: block;position: relative;}
/*костыльное исправление бага при наведении*/
.submain .gen_al .news .shadow p,.submain .gen_al .news:hover .shadow p{display: block;position: absolute;color: white;font-weight:600;padding-top: 7.5vw;padding-left: 5vw;font-size: 4vw;}                    
.submain .gen_al .news .shadow a, .submain .gen_al .news:hover .shadow a{width: 30vw;height:8vw;font-size: 5.5vw;font-weight:550;display: block;position: absolute;color: white;margin-top: 65vw;text-align: center;padding-top: 1.5vw;margin-left: 45vw;background-color: rgb(0, 70, 155);border-radius: 5px;border: none;}
.submain .gen_al .news .shadow a:hover{background-color: rgb(26, 98, 186);}
.submain .gen_al .news .shadow a:active{background-color: rgb(70, 121, 183);}
.submain .gen_al a.archive{display: block;width: 10vw;margin-left:10vw ;margin-top: 20vw;padding-bottom: 5vw;}

}

@media (max-width: 400px) {
.submain .gen_al{background-color:rgb(255, 255, 255);min-height: 70vh;height: auto;width:95vw;margin-left:2.5vw;margin-top: 25vw;margin-bottom: 25vw;}
.submain .gen_al .title h1{padding-left: 5vw;padding-top: 10vw;}
.submain .gen_al .news{height: 80vw;width: 80vw;margin-left: 7.5vw;margin-top: 20vw;}
.submain .gen_al .news .shadow{height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.374);box-shadow: 0 0 5px 0;transition: 0.1s ease;display: block;position: relative;}
/*костыльное исправление бага при наведении*/
.submain .gen_al .news .shadow p,.submain .gen_al .news:hover .shadow p{display: block;position: absolute;color: white;font-weight:600;padding-top: 7.5vw;padding-left: 5vw;font-size: 5vw;}                    
.submain .gen_al .news .shadow a, .submain .gen_al .news:hover .shadow a{width: 30vw;height:8vw;font-size: 5.5vw;font-weight:550;display: block;position: absolute;color: white;margin-top: 65vw;text-align: center;padding-top: 1.5vw;margin-left: 45vw;}

.submain .gen_al a.archive{display: block;width: 10vw;margin-left:10vw ;margin-top: 20vw;padding-bottom: 5vw;}

}
@media (max-width: 350px) {
.submain .gen_al{background-color:rgb(255, 255, 255);min-height: 70vh;height: auto;width:95vw;margin-left:2.5vw;margin-top: 25vw;margin-bottom: 25vw;}
.submain .gen_al .title h1{padding-left: 5vw;padding-top: 10vw;}
.submain .gen_al .news{height: 80vw;width: 80vw;margin-left: 7.5vw;margin-top: 20vw;}
.submain .gen_al .news .shadow{height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.374);box-shadow: 0 0 5px 0;transition: 0.1s ease;display: block;position: relative;}
/*костыльное исправление бага при наведении*/
.submain .gen_al .news .shadow p,.submain .gen_al .news:hover .shadow p{display: block;position: absolute;color: white;font-weight:600;padding-top: 7.5vw;padding-left: 5vw;font-size: 5vw;}                    
.submain .gen_al .news .shadow a, .submain .gen_al .news:hover .shadow a{width: 30vw;height:8vw;font-size: 5.5vw;font-weight:550;display: block;position: absolute;color: white;margin-top: 65vw;text-align: center;padding-top: 1.5vw;margin-left: 45vw;background-color: rgb(0, 70, 155);border-radius: 5px;border: none;}

.submain .gen_al a.archive{display: block;width: 10vw;margin-left:10vw ;margin-top: 20vw;padding-bottom: 5vw;}

}