.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.container {
    width: 1100px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    .container {
        /* width: 100%;
        margin: 0 auto; */
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        box-sizing: border-box;
    }
}


.genera-title {
    padding-top: 62px;
    color: #1f1f1f;
    font-size: 40px;
    text-align: center;
 }

 .genera-title .title {
     padding-bottom: 35px;
 }

 .genera-title img {
     width: 100%;
 }

 .genera-title .line {
     display: block;
     margin: 0 auto;
 }

 .genera-title .descript {
     margin-top: 44px;
     color: #525252;
     font-size: 26px;
 }

 @media screen and (max-width: 1200px) {
    .genera-title {
        padding-top: 2rem;
        font-size: 0.33rem;
     }
    
     .genera-title .title {
         padding-bottom: .8rem;
         font-size: .75rem;
         /* line-height: 1.2rem; */
         padding: 0 .5rem;
     }

     .genera-title .line {
         margin: .8rem 0;
     }
    
     .genera-title .descript {
         margin-top: .37rem;
         font-size: 0.7rem;
     }
}