@media (max-width:1280px){
  #section1 .sec1_title br, #section1 .sec1_subtext br, .container .sec_title br{display:none;}
  #section2 .about-graph .circle{width:220px; height:220px;}
}
@media (max-width:960px){
  #section1 .sec1_title, .container .sec_title{font-size:36px;}
  #section1 .sec1_subtext{font-size:20px;}
  #section1 .sec1_arrow img{height:40px;}

  #section2 .about-graph {gap:8px;justify-content:center; width:auto; margin:50px auto 0; padding:20px;}
  #section2 .about-graph .circle{width:180px; height:180px; font-size:16px;}
  #section2 .about-graph img{height:40px;}
  
  
  #section3 .business-list{
    flex-flow:column;
  }
  #section3 .business-item{ height:300px; width:100%;position:relative;}
  #section3 .business-item *{position:relative;}
  #section3 .business-item:before{content:''; width:100%; height:100%; background:rgba(10, 10, 10, 0.4); position:absolute; display:block; left:0; top:0;}
  #section3 .business-item .item_disc{color:#fff;}

  #section4{padding:120px 0;}
  #section4 .sec_disc{font-size:20px;}
  #section4 .sec4_banner{height:300px;}
  #section4 .com_info h2{min-width:200px;}
  #section4 .info_table th, #section4 .info_table td{
    font-size:16px;
    padding-left:20px; padding-right:20px;
  }

  #section5{height:auto !important; padding:80px 0;}
}

@media (max-width:760px){
  .header h1{margin-right:30px;}
  .header h1 img{height:26px;}
  .header .container{
    height:60px;
  }
  .header nav ul{
    gap:30px;
    font-size:14px;
  }
  .header nav ul a:hover{
    color: inherit;
  }
  .header nav ul a:hover:after{
    display:none;
  }
  
  .header .btn_link{
    height:30px;
    font-size:12px;
    width:auto;
    padding:10px 30px;
  }

  .container .sec_title{font-size:30px;}
 
  #section2 .about-graph .circle{width:140px; height:140px; font-size:14px;}
  #section2 .about-graph .circle .tit{font-size:18px;}
  #section2 .about-graph img{height:30px;}

  #section3 .business-list{margin-top:60px;}
  #section3 .business-item{padding:30px;}

  #section4{padding:100px 0; }
  #section4 .com_info{flex-wrap:wrap; gap:20px;}
  #section4 .com_info h2{font-size:24px;}
  #section4 .info_table th, #section4 .info_table td{
    font-size:14px;
  }

  #section5 .container{
    padding:0 40px;
  }
  
  #section5 .btn_link{width: auto; height:auto; padding:8px 24px; font-size:16px; gap:8px; margin-top:30px;}

}

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

  #section1 .sec1_title{font-size:24px;}
  #section1 .sec1_subtext{font-size:18px; margin-bottom:60px;}
  #section1 .btn_down{height:36px;padding:16px 20px;width:auto; font-size:14px; gap:6px;}
  #section1 .btn_down img{ height: 18px;}
  @keyframes spotArrow{
    0% {bottom:50px;}
    100%{bottom:46px;}
  }
  #section1 .container .box{padding:0 20px;}
  #section1 .sec1_arrow img{ height:35px;}

  .container .category, #section5 .category{font-size:16px;}
  .container .sec_title{font-size:24px; word-break:keep-all;}

  #section2 .about-graph{padding:8px; gap:4px; width:90%;flex-flow:column;align-items:center; border-radius:50px;display:flex; margin: 30px auto 0;}
  #section2 .about-graph .circle{width:100%; height:100px; border-radius:50px; font-size:12px;}
  #section2 .about-graph .circle .tit{font-size:16px;}
  #section2 .about-graph img{width:20px;height:auto;}

  #section3 .business-list{margin-top:30px;}
  #section3 .business-item{height:200px}
  #section3 .business-item > img{height:24px; margin-bottom:10px;}
  #section3 .business-item .item_title{font-size:20px;}
  #section3 .business-item .item_disc{font-size:14px;}

  #section4{padding-bottom:50px;}
  #section4 .com_info h2{font-size:20px;}
  #section4 .sec_disc{font-size:18px; margin:14px 0 40px;}
  #section4 .sec_disc br{display:none;}
  #section4 .sec4_banner{height:200px;}
  #section4 .com_info{margin-top:40px;}
  
  #section5{padding:30px;}
  #section5 .container{ padding:0;}
  #section5 .btn_link{font-size:14px; margin-top:20px;}
  #section5 .btn_link img{height:18px}
  

  .footer{font-size:11px; padding:30px 0;}
  .logo_gray{height:20px; margin-bottom:8px;}

}

@media (max-width:560px){
  .header .container{flex-wrap:wrap; justify-content:center; height:auto; padding:0;}
  .header h1{padding:15px 0;text-align:center;}
  .header h1 img{margin:auto;}
  .header nav ul{width:75%; gap:0;}
  .header nav ul li{width:33.33%; text-align:center; padding-bottom:10px;}
  .header nav ul li a{width:100%;}
  .header .btn_link{border:0;padding:0; padding-bottom:10px;width:25%; height:auto;font-size:14px;}
  .header.white nav .btn_link{width:25%; border:0; padding:0; padding-bottom:10px;height:auto; font-size:14px;} 

  
  @keyframes spotArrow{
    0% {bottom:40px;}
    100%{bottom:32px;}
  }

  .container .sec_title{
    font-size:20px;
  }

  #section1, #section2, #section3, #section4{padding-top:120px; padding-bottom:50px;}

  
  #section1 .sec1_title{font-size:20px;}
  #section1 .sec1_subtext{font-size:16px; margin-bottom:30px;}
  #section1 .sec1_arrow img{height:30px;}

  #section3 .business-item{padding:20px;}
  #section3 .business-item:before{background: rgba(10, 10, 10, 0.5);}
  
  #section4 .sec_disc{font-size:16px;}
  #section4 .info_table th, #section4 .info_table td{
    padding-left:10px;
    padding-right:10px;
  }
  #section4 .info_table th{min-width:100px; box-sizing:border-box;}

  #section5{padding:30px 20px;}
  #section5 .category{margin-bottom:10px;}
}

@media (min-width:640px) and (max-height:600px){
  #section1 .container .box{padding:0 20px;}
  #section1 .sec1_title{font-size:32px;}
  #section1 .sec1_subtext{margin-bottom:30px; font-size:24px;}
  /* #section1 .sec1_arrow{display:none;} */
  #section1 .sec1_arrow img{height:30px;}
  @keyframes spotArrow{
    0% {bottom:40px;}
    100%{bottom:32px;}
  }
}