.abo_con {

	box-sizing: border-box;

	padding: 0 15px;

    padding-bottom: 40px;

}

.abo_l {

    width: calc(360 / 1120 * 100%);

    float: left;

    text-align: center;

}

.abo_l .common_tit2 {

    /*margin-top: 36px;*/

    display: inline-block;

}



.common_tit2 {

    font-size: 20px;

    font-weight: bold;

    color: #333;

    text-align: center;

}

.common_tit2::after {

    content: '';

    display: block;

    margin: 16px auto 0;

    width: 20px;

    height: 2px;

    background-color: #5bb430;

}

.abo_r {

    width: calc(760 / 1120 * 100%);

    float: left;

}

.abo_r .img {

    border: solid 2px #5bb430;

}

.abo_r p {

    margin-top: 32px;

    font-size: 14px;

    line-height: 24px;

    color: #666666;

}

.container::after, .clearfix::after {

    content: '';

    height: 0;

    display: block;

    clear: both;

}

@media (max-width: 768px) {

    #video_model .video {

        width: 94%;

    }

    #video_model .video .text {

        padding: 8px 10px 8px;

    }

    #video_model .video .close {

        right: 0;

        top: -50px;

    }

    .banner_b {

        position: static;

    }

    .banner_b .container {

        padding: 0;

    }

    .banner_text_outer {

        height: 100% !important;

    }

    .banner_text h5 {

        font-size: 16px;

        line-height: 22px;

        color: #37c6c0;

    }

    .banner_text h3 {

        font-size: 22px;

        line-height: 32px;

        margin-top: 8px;

    }

    .banner_text h6 {

        margin-top: 18px;

    }

    .banner_text h6::after {

        margin-top: 12px;

    }

    .banner_b::after {

        display: none;

    }

    .banner_b_l {

        width: 100%;

        float: none;

        margin-top: 40px;

        padding: 30px 20px;

        height: auto!important;

    }

    .common_tit.r * {

        text-align: left;

    }

    .common_tit.r h3::after {

        margin: 16px 0 0;

    }

    .banner_b_l p {

        font-size: 16px;

        line-height: 24px;

        max-width: inherit;

        float: none;

        margin-right: 0px;

        margin-top: 16px;

    }

    .banner_b_l .common_btn {

        margin-top: 20px;

        text-align: center;

    }

    .banner_b_l .common_btn a {

        float: none;

        display: inline-block;

    }

    .banner_b_r {

        width: 100%;

        float: none;

        padding: 40px 20px;

        position: relative;

        background: #f9fbfc;

        flex-direction: column;

    }

    .banner_b_r_l {

        width: 100%;

        margin-top: 20px;

    }

    .banner_b_r_l ul {

        padding: 0;

    }

    .banner_b_r_r {

        width: 100%;

        order: -1;

        position: relative;

    }

    .banner_b_r_r .common_btn {

        bottom: 0px;

    }

    .banner_p {

        bottom: 10px!important;

    }

    .ind1_l {

        width: 100%;

        height: auto;

        float: none;

        padding: 30px 20px;

        position: relative;

        align-items: flex-end;

        justify-content: space-between;

        flex-direction: row;

    }

    .ind1_m {

        width: 100%;

        float: none;

        height: auto;

        padding: 30px 20px;

    }

    .ind2_inner {

        background: transparent;

    }

    .ind2_inner ul {

        height: auto;

    }

    .ind2_inner ul li {

        position: static;

        width: 100%;

        height: auto;

        margin-top: 10px;

    }

    .ind2_inner ul li a {

        padding: 30px 20px;

    }

    .footer {

        margin-top: 0;

    }

    .footer_b {

        flex-direction: column;

        padding: 40px 0 20px;

        align-items: flex-start;

    }

    .footer_b_l {

        margin-top: 20px;

        width: 100%;

        text-align: center;

    }

    .footer_b_l ul {

        margin-top: 12px;

    }

    .footer_b_r {

        order: -1;

        width: 100%;

        text-align: center;

    }

    .footer_b_r .inp {

        display: inline-block;

    }

    .footer_b_l p {

        line-height: 22px;

    }

    .inner_banner .banner_p {

        bottom: 10px;

    }

    .inner_banner .banner_text_outer .common_btn {

        margin-top: 5px;

    }

    .wrapper > .container {

        padding: 0;

    }

    .inner_con {

        margin: 0;

        padding-left: 3%;

        padding-right: 3%;

    }

    .pro {

        margin: 0 -3%;

        padding: 40px 3% !important;

    }

    .pro1 {

        padding: 40px 0 70px;

    }

    .pro2_nav {

        margin-bottom: 20px;

    }

    .pro2_nav li a {

        font-size: 14px;

    }

    .pro2_nav li::after {

        display: none;

    }

    .pro3_inner {

        padding: 0;

    }

    .pro3_inner ul li {

        width: calc((100% - 10px) / 2);

        margin-right: 10px;

        margin-top: 10px;

    }

    .pro3_inner ul li:nth-child(3n) {

        margin-right: 10px;

    }

    .pro3_inner ul li:nth-child(2n) {

        margin-right: 0;

    }

    .pro3_inner ul li:nth-child(3n + 1) {

        clear: none;

    }

    .pro3_inner ul li:nth-child(2n + 1) {

        clear: both;

    }

    .pro3_inner ul li:nth-child(-n + 3) {

        margin-top: 10px;

    }

    .pro3_inner ul li:nth-child(-n + 2) {

        margin-top: 0;

    }

    .pro3_inner p {

        font-size: 14px;

    }

    .pro3_inner p span::before,

    .pro3_inner p span::after {

        display: none;

    }

    .pro3_inner ul li .text {

        padding: 16px;

    }

    .pro3_inner ul li .text h5 {

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

        overflow: hidden;

        text-overflow: ellipsis;

        height: 36px;

    }

    .pro3_inner ul li .text span {

        top: 8px;

        right: 16px;

        bottom: auto;

    }

    .indu_list li a {

        flex-direction: column;

    }

    .indu_list li a .img {

        width: 100%;

        order: -1!important;

    }

    .indu_list li a .text {

        width: 100%;

        margin-top: 20px;

    }

    .indu_list li a p {

        margin-top: 12px;

    }

    .process1 {

        padding: 40px 0;

    }

    .process1 .text {

        margin: 20px 0;

    }

    .process2 {

        padding: 40px 3%;

        margin: 0 -3%;

    }

    .recl3 {

        padding-bottom: 0;

    }

    .recl3_list li {

        width: 50%;

        filter: grayscale(0%);

    }

    .recl3_list li:nth-child(4n) {

        border-right-width: 0px;

    }

    .recl3_list li:nth-child(2n) {

        border-right-width: 1px;

    }

    .recl3_list li:nth-child(-n + 4) {

        border-top-width: 0px;

    }

    .recl3_list li:nth-child(-n + 2) {

        border-top-width: 1px;

    }

    .recl3_list li:nth-child(4n + 1) {

        clear: none;

    }

    .recl3_list li:nth-child(2n + 1) {

        clear: both;

    }

    .resp1_con {

        flex-direction: column;

    }

    .resp1_l {

        float: none;

        width: 100%;

        margin-right: 0px;

    }

    .resp1_r {

        float: none;

        width: 100%;

        margin-top: 20px;

    }

    .resp2 {

        flex-direction: column;

    }

    .resp2_m {

        width: 100%;

        float: none;

    }

    .resp2_m_b {

        margin-top: 0;

    }

    .resp2_l {

        width: 100%;

        float: none;

    }

    .resp2_r {

        width: 100%;

        float: none;

    }

    .resp2 .inner {

        width: 100%;

        margin-top: 20px;

    }

    .resp2_l .inner .common_tit2,

    .resp2_r .inner .common_tit2,

    .resp2_l .inner p,

    .resp2_r .inner p {

        text-align: center;

    }

    .resp2_l .inner .common_tit2:after,

    .resp2_r .inner .common_tit2:after {

        margin: 16px auto 0;

    }

    .resp2 .inner .img {

        text-align: center;

    }

    .cont1 {

        margin-left: -3%;

        margin-right: -3%;

    }

    .join .inner_con_nav > ul > li,

    .honer .inner_con_nav > ul > li,

    .care .inner_con_nav > ul > li,

    .devlopment .inner_con_nav > ul > li,

    .culture .inner_con_nav > ul > li,

    .about .inner_con_nav > ul > li {

        width: calc((100% - 40px) / 3);

        margin-top: 10px;

    }

    .join .inner_con_nav > ul > li:nth-child(3n),

    .honer .inner_con_nav > ul > li:nth-child(3n),

    .care .inner_con_nav > ul > li:nth-child(3n),

    .devlopment .inner_con_nav > ul > li:nth-child(3n),

    .culture .inner_con_nav > ul > li:nth-child(3n),

    .about .inner_con_nav > ul > li:nth-child(3n) {

        margin-right: 0;

    }

    .join .inner_con_nav > ul > li:nth-child(-n + 3),

    .honer .inner_con_nav > ul > li:nth-child(-n + 3),

    .care .inner_con_nav > ul > li:nth-child(-n + 3),

    .devlopment .inner_con_nav > ul > li:nth-child(-n + 3),

    .culture .inner_con_nav > ul > li:nth-child(-n + 3),

    .about .inner_con_nav > ul > li:nth-child(-n + 3) {

        margin-top: 0;

    }

    .abo_l {

        width: 100%;

        float: none;

    }

    .abo_l .common_tit2::after {

        margin-left: auto;

    }

    .abo_r {

        width: 100%;

        float: none;

        margin-top: 20px;

    }

    .culture_list ul li {

        flex-direction: column;

    }

    .culture_list ul li .img {

        width: 100%;

    }

    .culture_list ul li .text {

        width: 100%;

    }

    .devlopment .devlop_box .inner.inner_a {

        position: static;

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0);



        font-size: 24px;

        color: #333;

        width: auto;

        height: auto;

        line-height: inherit;

        text-align: left;

        background: transparent;

        border: 0;

        -webkit-border-radius: 0%;

        -moz-border-radius: 0%;

        border-radius: 0%;

        margin: 0 0 20px;

    }

    .devlop_box .inner.inner_a .text {

        position: static;

        padding-top: 0px;

        width: 100%;

        border-top: 0;

    }

    .my-map .text {

        width: 100%;

        position: static;

        height: auto;

    }

    .my-map {

        height: auto;

    }

    #mapContainer {

        height: 320px;

    }

    .my-map .text ul {

        padding: 40px 0;

    }

    .contact .form ul li label {

        width: 100%;

        margin-right: 0px;

        float: none;

        margin-bottom: 20px;

    }

    .contact_b_r .swiper-slide .inner ul li:not(.flex) {

        width: 100%;

        margin-top: 12px;

    }

    .contact_b_r .swiper-slide .inner ul li.flex {

        flex-direction: column;

        margin-top: 0px;

    }

    .contact_b_r .swiper-slide .inner ul li.flex > div {

        width: 100%;

        margin-top: 12px;

    }

    .news_list li a {

        flex-direction: column;

    }

    .news_list li a .img {

        margin-right: 0px;

        width: 100%;

    }

    .news_list li a .text {

        width: 100%;

        padding-right: 100px;

        margin-top: 10px;

    }

    .news_list li a .text h4 {

        font-size: 16px;

        margin-bottom: 10px;

    }

    .news_list li a .text h4::after {

        display: none;

    }

    .news_list li a .text .common_btn {

        margin-top: 10px;

    }

    .news_detail_t h1 {

        font-size: 16px;

        padding-right: 0px;

    }

    .news_detail_t h1 span {

        font-size: 16px;

        margin-top: 10px;

        position: static;

        display: block;

    }

    .news_detail_t h6 span {

        margin-left: 20px;

    }

    .news_detail_b {

        padding: 30px 0 30px;

    }

    .inner_con.contact {

        padding-bottom: 0;

    }

    .inner_con.industry {

        padding-bottom: 0px;

    }

    .inner_con.culture {

        padding-bottom: 0px;

    }

    .inner_con.care {

        padding-bottom: 0px;

    }

}