@media (max-width: 1900px) {

    
}


@media (max-width: 1600px) {
.header {width: 100%; padding-right: 20px; padding-left: 20px;}
.w_1600 {width: 100%; padding-left: 15px; padding-right: 15px;}


/* sec5 */
.sec5_li {flex-wrap: wrap; gap: 20px 0;}
.sec5_li > li {width: 49%;}
    
}

@media (max-width: 1400px) {

.w_1400 {width: 100%; padding-left: 15px; padding-right: 15px;}
}
@media (max-width: 1300px) {
.main_banner {height: 750px;}
.main_txt {width: calc(48% - 20px); margin-right: 20px;}
.main_txt .m_b_btn {bottom: 100px;}


/* sec4 */
.sec4_txt {font-size: 36px; padding-left: 20px; padding-right: 20px;}
.sec4 {height: 400px;}

/* sec6 */
.sec6_wrap {flex-flow: column;}
.sec6_left {top: 0; padding-top: 50px; padding-bottom: 40px; background-color: #FFF; z-index: 99; width: 100%;}
}


@media (max-width: 1200px) {
.w_1200 {width: 100%; padding-left: 15px; padding-right: 15px;}
.sec2_li > li > h6 {font-size: 24px;}
.sec2_li > li > p > br {display: none;}
.sec2_li > li > p {font-size: 15px;}
.sec3_chat_li > li .bubble {padding: 17px 30px; height: auto; font-size: 20px;}


/* sec3 */

.sec3_left {width: 30%;}
.sec3_left h4 {font-size: 40px;}
.main-content {width: 68%; height: auto;}


/* sec6 */
.svc-timeline {width: 100%; }

.web_content {flex-wrap: wrap;}
.web_content li {width: 30%;}
}



@media (max-width: 1080px) {
.main_txt h2 {font-size: 40px;}
.main_txt p {font-size: 18px;}
.main_banner {height: 750px;}
.main_txt {width: calc(48% - 20px); margin-right: 20px;}
.main_txt .m_b_btn {bottom: 100px;}
.main_txt .m_b_btn {width: 230px; height: 50px; line-height:50px; font-size: 20px;}

.sec_title {font-size: 36px;}

/* sec5 */
.sec5 .sec_title {margin-bottom: 60px;}

/* sec6 */
.sec7_title {font-size: 50px; margin-bottom: 60px;}
.a2_slide_li {width: 300px;}





}

@media (max-width: 860px) {
.main_banner {height: 600px;}
.main_txt h2 {font-size: 30px; margin-bottom:30px;}
.main_txt p {font-size: 16px;}
.main_slide {height: 60%;}




/* sec2 */

.sec2_li {flex-wrap: wrap;  gap: 40px 0;}
.sec2_li > li {width: 48%;}
.sec2_li > li > p {font-size: 16px; line-height: 1.4;}
.sec2_li > li > .img_wrap {margin-bottom: 20px;}
.sec2_li > li > span {margin-bottom: 5px;}
.sec2_li > li > h6 {margin-bottom: 10px;}


/* sec3 */
.sec3_chat_li > li .bubble { padding: 15px 20px;}


/* sec5 */
.sec5_li > li > img {width: 50px;}
.sec5_li > li > h6 {font-size: 20px;}
.sec5_li > li > p {font-size: 16px; margin-bottom: 20px; line-height: 1.4;}
.svc-img {width: 49%;}
.svc-content {width: 48%;}
.svc-img > img {left: 40%;}


/* sec6 */
.a2_slide_li {width: 250px;}
.a2_slide {margin-bottom: 80px;}
.pf_more_btn {font-size: 18px;}
.pf_more_btn::after {width: 100px;}

.sec8_title {font-size: 40px; margin-bottom: 50px;}
.form-box .box_row {flex-flow: column;}
.form-box input[type="text"] {width: 100%; }
.box_row #name {margin-bottom: 12px;}

.form-box .box_row {margin-bottom: 12px;}
.form-box select{margin-bottom: 12px;}
.form-box input[type="text"], .form-box select, .form-box textarea {padding: 10px 20px;}
.form-box input[type="text"], .form-box select, .form-box textarea {font-size: 18px;}
.form-box input[type="text"], .form-box select {height: 65px;}

.web_content {gap:  30px 4%;}
.web_content li {width: 48%;}

.wc_box {height: 280px;}
}


@media (max-width: 768px) {
.main_banner {flex-flow: column;}
.main_slide {width: 100%;}
.main_txt {width: 100%; margin-right: 0; position: relative; background-color: #f9f9f9;}
.main_txt p {margin-bottom: 0;}
.main_txt > .txt {top: 35%; right: 30px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {width: 100% !important; bottom: 63%;}
.main_txt .m_b_btn {right: 30px; bottom: 40px;}
br.m_br {display: block;}





/* sec1 */
.sec1_num > li {width: 25%;}
.sec1_num > li > h5 > span {font-size: 28px;}
.sec1_num > li > h5 {margin-top: 30px; margin-bottom: 20px; font-size: 16px;}
.sec1_num > li > p {font-size: 16px;}

section {    padding-top: 70px;
    padding-bottom: 70px;}

/* sec2 */

.sec2 .title_sub {line-height: 1.5; font-size: 18px; margin-bottom: 50px;}

/* sec3 */
section.sec3 {padding-top: 30px;}
.sec3 .w_1600 {padding-left: 0; padding-right: 0;}
.sec3_wrap {flex-flow: column;}
.main-content {width: 100%; padding-left: 20px; padding-right: 20px;}
.sec3_left {width: 100%; padding-left: 20px; padding-right: 20px;       background: linear-gradient(
        to bottom,
        rgba(25, 195, 162, 1) 0%,
        rgba(25, 195, 162, 1) 80%,
        rgba(25, 195, 162, 0.5) 92%,
        rgba(25, 195, 162, 0) 100%
    ); z-index: 99; top: 0; padding-top: 40px; padding-bottom: 30px;}


    /* sec5 */
     .sec5_li > li {height: 300px;}
     .sec5_li > li > img {position: absolute; bottom: 30px;}
     .svc_c_inner > h3 {font-size: 18px;}
     .svc-num {font-size: 40px;}
     .svc-num > span {font-size: 22px;}
     .svc-img > img {width: 50px;}

     section.sec6 {padding-top: 20px;}

     .web_content li > a > p {font-size: 16px;}
     .wc_box {height: 230px;}

     .pf_top_txt > h5 {font-size: 18px;}
     .pf_top_txt > h4 {font-size: 30px;}
     .pf_top_txt > p {font-size: 16px;}
     .pf_title {font-size: 20px; margin-bottom: 20px;}
     .pf_top_txt {margin-bottom: 60px;}
}

@media (max-width: 680px) {
    /* sec1 */
    .sec_title {font-size: 28px;}
    .sec1 .sec_title {margin-bottom: 60px;}
    .sec1_num > li > img {width: 30px;}

    /* sec2 */
    .sec2_li > li > span {font-size: 14px; }
    .sec2_li > li > h6 {font-size: 20px;}
    
    /* sec3 */
    .sec3_chat_li > li .bubble {width: 85%;}
    .sec3_chat_li {gap: 30px;}
    .sec3_left h4 {font-size: 36px;}

    /* sec4 */
    .sec4 {height: 250px;}
    .sec4_txt {font-size: 28px;}

    /* sec5 */

    .sec5_li > li > p > br {display: none;}

    .sec5_li > li {padding: 30px 20px; border-radius: 15px; height: 280px;}
    .sec5_li > li > h6 {font-size: 18px;}
    

    .sec5_wrap > p {font-size: 16px; line-height: 1.7;}
     .sec8_title {font-size: 32px; margin-bottom: 30px;}

     .form-box input[type="text"], .form-box select {height: 60px;}
     .form-box button{height: 60px;}

     .sec3_left > h4 > br {display: none;}

}

@media (max-width: 500px) {
    /* sec1 */
    .sec1_num > li > p {font-size: 14px;}

    br.mm_br {display: block;}
    .sec3_chat_li > li .bubble {width: auto;}
    .sec3_chat_li > li .bubble {padding: 15px 30px;}

    .sec5_li > li > p {font-size: 15px;}
    .svc_c_inner > p > br {display: none;}
    .svc_c_inner > p > br.mm_br{display: block;}
    .sec6_left > h6 {font-size: 70px;}
    .sec6_left > h5 {font-size: 24px;}
    .sec8_title {font-size: 24px; }
    .sec4_txt {font-size: 22px;}
    .sec4 {height: 200px;}


   

}


@media (max-width: 400px) {
    .sec3_chat_li > li .bubble {font-size: 16px; padding: 15px 20px;}
    .svc_c_inner {height: 170px; padding-left: 0; padding-right: 0; font-size: 14px;}
    
    
}



@media (max-width: 998px) {
    #header {
        display: none;
    }

    #m_header {
        display: block;
    }
}