@media screen and (max-width: 1200px) {
    .header .navgation ul {
        grid-gap: 40px;
    }
    .view_more a {
        padding: 10px 60px;
        font-size: 16px;
    }
    .business_contain .business_content .business_txt {
        margin-left: 0px;
    }
    .business_contain .business_content .business_txt .view_more {
        margin-top: 40px;
    }
    .business_contain .business_content {
        grid-gap: 50px;
    }
    .business_contain .business_content .business_txt .para_title h3 {
        margin: 15px 0;
    }
    .business_contain .business_content .business_txt::after {
        width: 130%;
        top: -10vw;
        right: -30%;
    }
    .header .header_contain {
        padding: 0px 50px;
    }
    .section_title {
        padding: 0 0 0 100px;
    }
    .business_contain .business_content .business_txt .business_describ {
        padding-right: 50px;
    }
    .first_container .first_title {
        left: 100px;
    }
    .greeting .greeting_contain {
        padding: 0 100px;
    }
    .subpage_title {
        padding: 0 0 0 100px;
    }
    .com_information .com_information_contain {
        padding: 70px 100px 150px 100px;
        max-width: 1720px;
        margin: auto;
    }
}

@media screen and (max-width:768px) {
    .show {
        display: none;
    }
    .hide {
        display: block;
    }
    .header_line {
        height: 4px;
    }
    .header .navgation {
        display: none;
    }
    .header .menu_btn {
        display: block;
    }
    .header .logo {
        padding: 12px 0 12px 15px;
    }
    .header .navgation ul {
        padding: 0;
    }
    .header .header_contain {
        padding: 0px 0px;
    }
    /* first */
    .first_container .first_img img {
        width: 100%;
        height: auto;
    }
    .first_container .first_title {
        position: absolute;
        top: 65%;
        transform: translate(0px, -35%);
        left: 0%;
    }
    .first_container .first_title h1 {
        font-size: 37px;
        margin: 48px 0px 18px 0px;
    }
    .first_container .first_title h1 span {
        background-color: white;
        padding: 16px 0 16px 16px;
    }
    .first_container .first_title .small_txt {
        font-size: 13px;
        margin: 5px 0;
       
    }
.first_container .first_title .small_txt span.left_20 {
    padding-left: 16px;
}
    /* business section */
    .business {
        margin-top: 80px;
    }
    .section_title {
        margin-bottom: 25px;
    }
    .section_title {
        padding: 0 20px;
    }
    .business_contain .business_content .business_txt .business_describ {
        padding-right: 0px;
    }
    .section_title h2 {
        font-size: 30px;
    }
    .section_title h2 span {
        font-size: 18px;
    }
    .business_contain .business_content {
        grid-gap: 25px;
        grid-template-columns: auto;
        padding: 0 20px;
    }
    .business_contain .business_content .business_txt .para_title h3 {
        font-size: 20px;
        text-align: left;
        margin: 25px 0;
    }
    .business_contain .business_content .business_txt .business_describ {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 70px;
    }
    .business_contain .business_content .business_txt {
        padding: 0px;
    }
    .view_more {
        margin: auto;
        text-align: center;
    }
    .view_more a {
        padding: 17px 80px;
        font-size: 16px;
    }
    /* company section*/
    .company {
        margin-top: 90px;
        margin-bottom: 60px;
    }
    .company .company_content .company_txt {
        margin-top: -20vw;
    }
    .company .company_content .company_txt .company_txt_contain {
        padding: 40px 30px 0 30px;
    }
    .company .company_content .company_txt .company_txt_contain .company_describ {
        text-align: left;
    }
    .company .company_content .company_txt .para_title h3 {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .company .company_content .company_txt .company_describ {
        font-size: 14px;
        line-height: 30px;
    }
    .company .company_content .view_more {
        margin-top: 50px;
    }
    footer .footer_contain .footer_nav ul {
        flex-direction: column;
        grid-gap: 20px;
        align-items: flex-start;
        padding: 0;
    }
    footer .footer_contain {
        padding: 50px 20px 0 20px;
    }
    footer .footer_contain .footer_nav ul li a {
        font-size: 14px;
    }
    footer .footer_line {
        width: 100%;
        height: 1px;
        background-color: #fff;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    footer .footer_line1 {
        width: 100%;
        height: 1px;
        background-color: #fff;
        margin-top: 50px;
    }
    footer .footer_logo {
        text-align: left;
    }
    footer .footer_address {
        font-size: 12px;
        text-align: left;
    }
    footer .copyright {
        padding: 20px 0 20px;
        text-align: left;
    }
    /* company page */
    .subpage_title h2 {
        font-size: 30px;
        padding-left: 0px;
        padding-bottom: 30px;
    }
    .greeting .greeting_contain .head_title h3 {
        font-size: 20px;
    }
    .greeting {
        margin-top: 60px;
    }
    .greeting_contain .greeting_content p {
        font-size: 14px;
        line-height: 30px;
    }
    .com_information {
        margin-top: 50px;
    }
    .com_information .com_information_contain {
        padding: 40px 20px 80px;
    }
    .information_contnet .content_row .row_title {
        width: 30%;
    }
    .content_row .row_context {
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 20px;
    }
    .information_contnet .content_row p {
        font-size: 14px;
    }
    .information_contnet .content_row {
        padding: 30px 5px;
    }
    .com_information .com_information_contain .head_title h3 {
        font-size: 20px;
    }
    /* contact */
    .form {
        margin-top: 60px;
    }
    .form .step {
        grid-gap: 35px;
        max-width: 250px;
        margin: auto;
    }
    .form .step .step_list {
        width: 50px;
        height: 50px;
        font-size: 16px;
        line-height: 3;
    }
    .input_contain .form_control input,
    .input_contain .form_control textarea {
        width: 90%;
    }
    .business_contain .business_content .business_txt::after {
        width: 130%;
        top: -3vw;
        right: -53%;
    }
    .input_contain .send_btn {
        flex-direction: column;
    }
    .subpage_title {
        padding: 0 0 0 20px;
    }
    .greeting .greeting_contain {
        padding: 0 20px;
    }
    .content_row .row_context {
        width: 70%;
    }
    .information_contnet .content_row .flex-wd {
        width: 70%;
    }
    .content_row .row_con {
        width: 70%;
    }
}