@media screen and (max-width: 768px){
    .section p {font-size: 20px; width: 89.5%;}
    .title h2 {font-size: 25px; margin-top: 40px;}
    .go_button ul li a {height: 80px; line-height: 78px; font-size: 18px;}
    .container {width: 89.5%;}

    .section2 .go_button {overflow: hidden;}
    .section2 .go_button a {animation: text 1s 0s infinite both;overflow: hidden;}  
    
    .section2 .title2 h2 {font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 30px;}
    .section2 ul li dl > dt {font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 10px;}
    .section2 ul li dl > dd {font-size: 16px; font-weight: 400; color: #fff; word-break: keep-all;}

    .go_button ul {flex-wrap: wrap;}
}

@media screen and (max-width: 600px) {
    @keyframes text {
        from {
            text-indent: 0;
        }
        to {
            text-indent: -50px;
        }
    }
}

@media screen and (max-width: 500px){
    .section p {font-size: 18px; width: 89.5%;}
    .title h2 {font-size: 20px; margin-top: 30px;}
    .go_button ul li a {height: 45px; line-height: 43px; font-size: 16px;}
}