@media (max-width:1280px){
  #section3 .business_list li{
    padding:20px 40px;
  }
  #section5 .history_list{
    grid-column-gap: 0;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    justify-content:space-between;
  }
  #section4 .wrap_process{
    padding: 80px 20px 120px;
  }
  #section4 .wrap_process img{
    width:30%;
  }
  #section4 .wrap_process img:nth-child(2n){
    width:3%;
  }
}
@media (max-width:960px){
  .header h1{margin-right:60px;}
  .header h1 img{height:26px;}
  .header .container{
    height:60px;
  }
  .header nav ul{
    gap:60px;
    font-size:14px;
  }
  .header nav ul a:hover{
    color: inherit;
  }
  .header nav ul a:hover:after{
    display:none;
  }


  #section1{
    height:500px;
  }
  #section2, #section3, #section4, #section5, #section5 .sec5_grid{
    padding-top:120px;
  }
  #section4, #section3, #section6{
    padding:120px 0;
  }
  #section1 .sec1_title, .container .sec_title{font-size:36px;}
  #section3 .business_list{
    grid-template-columns:repeat(1, 1fr);
  }
  #section3 .business_list li{
    padding:20px 80px;
  }
  #section4{padding:120px 0;}
  #section4 .sec_subtitle br{
    display:none;
  }
  #section4 .sec4_banner{height:300px;}
  #section5 .sec5_grid{
    gap:180px;
  }
  #section5 .history_list .circle{
    min-width:150px;
    width:150px;
    height:150px;
  }
  #section5 .history_list .circle img{
    height:50%;
  }
  #section5 .wrap_history:after{
    top:191px;
  }
  #section5 .wrap_banner, #section6 .wrap_banner{
    height:400px;
  }
  #section7{height:auto !important; padding:80px 0;}

  
}

@media (max-width:767px){
  .header .container{flex-wrap:wrap; justify-content:center; height:auto; padding:0;}
  .header h1{padding:15px 0;text-align:center; margin:0;}
  .header h1 img{margin:auto;}
  .header nav ul{width:100%; gap:0; margin:0;}
  .header nav ul li{width:33.33%; text-align:center; padding-bottom:10px;}
  .header nav ul li a{width:100%; height:40px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;}
  .header .wrap_lang{position:absolute; top: 16px; right:20px;}
  .header .wrap_lang li{ font-size:14px;}
  .header.white nav .btn_link{width:25%; border:0; padding:0; padding-bottom:10px;height:auto; font-size:14px;} 

  .container .category{
    margin-bottom:20px;
  }
  .container .sec_title, #section4 .sec4_box1 .sec_title{font-size:30px;}
  .container .sec_subtitle{font-size:16px; line-height:1.6;}
  #section1{padding-top:106px;}
  #section2, #section3, #section4, #section5, #section5 .sec5_grid{
    padding-top:120px;
  }
  #section4 .sec4_box2{
    padding-top:80px;
  }
  #section4, #section3, #section6{
    padding:120px 0;
  }
  #section2 .about-img, #section3 .business-img{
    margin-top:40px;
  }
  #section3 .business_list{
    margin-top:20px;
  }
  #section3 .business_list li{
    padding:20px;
    align-ite
  }
  #section3 .business_list li .wrap_txt {
    margin-left:20px;
  }

  #section4 .sec4_banner{
    margin:60px 0;
  }
  #section4 .wrap_process{
    padding:40px 20px 80px;
  }
  #section4 .goods_list{
    margin-top:40px;
  }
  #section5 .sec_title br{
    display:none;
  }
  #section5 .wrap_banner{
    margin-top:60px;
    height:400px;
  }
  #section5 .wrap_history{
    margin:auto;
    margin-top:60px;
    width:80%
  }
  #section5 .history_list{
    flex-flow:column;
    gap:20px;
  }
  #section5 .wrap_history:after{
    transform-origin: top left;
    transform:rotate(90deg);
    top:0;
    left:161px;
    width:564px;
  }
  #section5 .sec5_grid{
    gap:120px;
  }
  #section5 .history_list li{
    display:flex;
    align-items:center;
    width:auto;
    max-width:100%;
  }
  #section5 .history_list .circle{
    min-width:120px;
    width:120px;
    height:120px;
  }
  #section5 .history_list p{
    padding:0;
    margin:0;
    padding-left:35px;
    margin-left:35px;
    text-align:left;
  }
  #section5 .history_list p:before{
    left:0;
    top:50%;
  }
  #section5 .partner_list{
    width:80%;
    margin:auto;
    grid-template-columns:repeat(2, 1fr);
    margin-top:80px;
  }
  #section5 .partner_list li{
    height:80px
  }
  #section5 .partner_list li img{
    max-height:60px;
  }
  #section5 .wrap_map{
    margin-top:40px;
  }
  #section6 .wrap_banner{
    margin:40px 0;
  }
  #section7 .container{
    padding:0 40px;
  }
  #section5 .wrap_banner, #section6 .wrap_banner{
    height:300px;
  }
  
}

@media (max-width:640px){
  body{font-size:14px;}

  .container .sec_title, #section4 .sec4_box1 .sec_title{font-size:24px;}
  #section1 .container .box{padding:0 20px;}

  .container .category{font-size:16px;}
  .container .sec_title, #section4 .sec4_box1 .sec_title{font-size:24px; word-break:keep-all;}
  #section3 .sec_subtitle br, #section2 .sec_subtitle br{
    display:none;
  }
  #section3 .business_list li .wrap_img{
    min-width:70px;
  }
  #section3 .business_list li .wrap_img img{
    width:70px;
    height:70px;
  }
  #section3 .business_list li .item_tit{
    font-size:18px;
  }

  #section4 .sec4_banner{height:200px;}
  #section5 .wrap_history:after{
    left:141px;
  }
  #section5 .history_list .circle{
    height:100px;
    min-width:100px;
    width:100px;
  }
  #section5 .wrap_banner, #section6 .wrap_banner{
    height:240px;
  }
  #section5 .partner_list{
    width:100%;
    margin-top:60px;
  }
  #section5 .partner_list img{
    max-width:100%;
    height:auto;
  }
  #section6 .btn_contact{
    height:50px;
    font-size:16px;
  }
  #section7{padding:80px 30px;}
  #section7 .container{ padding:0;}
  

.footer{font-size:12px; padding:30px 0; }
.footer .container{line-height:1.8;}
.footer .container img{margin-bottom:20px;}
.logo_gray{height:20px; margin-bottom:8px;}

}

@media (max-width:560px){


  .container .sec_title, #section4 .sec4_box1 .sec_title{
    font-size:20px;
  }

  

 
  #section1 .sec1_title{font-size:24px;}
  
  #section7{padding:80px 20px;}
}

@media (min-width:640px) and (max-height:600px){
  #section1 .container .box{padding:0 20px;}
  #section1 .sec1_title{font-size:32px;}
}