@media screen and (max-width: 1800px){
  .sec2 .container {z-index: 1;}
  .sec2_big_img.big_img2 {top: -258px; right: -35px; width: 200px;}
  .sec2_big_img.big_img1 {bottom: 47px; left: -123px; width: 207px; z-index: -1;}
}

@media screen and (max-width: 1500px) {
  header {height: 70px;}
  header .logo {width: 130px;}
  header .link_btn {gap: 7px;}
  header .link_btn a {width: 37px;}
  header .txt_r {gap: 7px; height: 37px; padding: 0 20px;}
  header .txt_r span {font-size: 16px;}
  header .txt_r p {min-width: 170px; width: 170px; font-size: 15px;}

  
  .visual {padding: 132px 0 90px;}
  .visual .img-box {width: 200px; margin-bottom: 30px;}
  .visual .img-box img {bottom: -3px; width: 160px;}
  .visual .kv_tit .tit .top {width: 477px; margin: 0px auto 0px;}
  .visual .kv_tit .tit {font-size: 50px;}
  .visual .kv_item ul {gap: 14px 0; margin: 0 -7px;}
  .visual .kv_item ul li {padding: 0 7px;}
  .visual .kv_item ul li .child-box {height: 265px; padding: 20px 0 32px;}
  .visual .kv_item ul li .child-box .boll {width: 10px; margin: 0 auto 17px;}
  .visual .kv_item ul li .child-box .txt-box .tit {margin-bottom: 10px; font-size: 27px;}
  .visual .kv_item ul li .child-box .txt-box .txt {font-size: 17px;}
  
  .link_btns a {gap: 5px; width: 230px; height: 50px; font-size: 17px;}
  .link_btns a img {width: 20px;}
  .icon_list .icon:nth-child(1) {left: 0; width: 200px;}
  .icon_list .icon:nth-child(2) {left: 293px; width: 137px;}
  .icon_list .icon:nth-child(7) {left: 110px; width: 50px;}
  .icon_list .icon:nth-child(4) {left: 190px; width: 57px;}
  .icon_list .icon:nth-child(8) {left: 257px; width: 23px;}
  .icon_list .icon:nth-child(3) {right: 0; width: 137px;}
  .icon_list .icon:nth-child(6) {right: 137px; width: 35px;}
  .icon_list .icon:nth-child(5) {right: 177px; width: 50px;}

  section {padding: 70px 0;}

  .tit-box .tit {margin-bottom: 17px; font-size: 50px;}
  .tit-box .sub {font-size: 17px;}

  .sec1_ct ul {gap: 14px 0; margin: 0 -7px;}
  .sec1_ct ul li {padding: 0 7px;}
  .sec1_ct ul li .child-box {width: 100%; height: 70px; padding: 0 20px;}
  .sec1_ct ul li .child-box .tit {font-size: 17px;}
  .sec1_ct ul li .child-box img {height: 30px;}
  .sec1_ct ul li:nth-child(even) .child-box img {height: 35px;}
  
  .sec2_big_img.big_img2 {top: -139px; right: -35px; width: 130px;}

  .sec2_ct ul {margin: 0 -10px;}
  .sec2_ct ul li {padding: 0 10px;}
  .sec2_ct ul li .child-box {gap: 15px; height: 317px; padding: 67px 0;}
  .sec2_ct ul li .child-box .img-box {width: 110px;}
  .sec2_ct ul li .child-box .txt-box .tit {margin-bottom: 5px; font-size: 26px;}
  .sec2_ct ul li .child-box .txt-box .sub {font-size: 17px;}

  .sec3_ct .txt-box .tit {margin-bottom: 10px; font-size: 50px;}
  .sec3_ct .txt-box .sub {margin-bottom: 37px; font-size: 20px;}
  .sec3_ct .txt-box .txt:before {width: 25px; height: 2px; margin-bottom: 10px;}
  .sec3_ct .txt-box .txt {margin-bottom: 10px; font-size: 27px;}
  .sec3_ct .txt-box .txt2 {font-size: 17px;}
  .sec3_ct {gap: 30px;}

  .sec4_ct .img-box {max-width: 300px;}
  .sec4_ct ul {gap: 20px 0; margin: 0 -10px;}
  .sec4_ct ul li {padding: 0 10px;}
  .sec4_ct ul li .child-box {height: 70px; padding: 0 20px;}
  .sec4_ct ul li .child-box p {font-size: 22px;}
  .sec4_ct ul li .child-box span  {font-size: 27px;}
  .line {margin: 30px auto;}
  .sub_tit .tit {font-size: 30px;}

  footer {padding: 60px 0;}
  footer .f_logo {width: 170px;}
  footer .address {margin-bottom: 10px; font-size: 15px;}
  footer .copyright {font-size: 15px;}

}

@media screen and (max-width: 1350px) {
  .container {max-width: 100%; padding: 0 20px;}
  .sec2_big_img.big_img2 {right: 0;}
}

@media screen and (max-width: 1024px) {
  header {height: 65px;}
  header .logo {width: 110px;}
  header .link_btn {position: fixed; bottom: 20px; right: 20px; flex-flow: column; align-items: center; justify-content: center; gap: 10px;}
  header .link_btn a {animation: heartbeat 1.5s ease-in-out infinite both; width: 50px;}
  header .txt_r {position: initial; transform: initial;}

  .visual {padding: 100px 0 90px;}
  .visual .img-box {width: 150px; margin-bottom: 20px;}
  .visual .img-box img {bottom: -1px; width: 120px;}
  .visual .kv_tit .tit .top {width: 327px; line-height: 1;}
  .visual .kv_tit .tit {font-size: 37px;}

  .visual .kv_item ul li .child-box {height: 227px; padding: 10px 0 22px;}
  .visual .kv_item ul li .child-box .boll {width: 7px; margin: 0 auto 10px;}
  .visual .kv_item ul li .child-box .txt-box .tit {font-size: 20px;}
  .link_btns {gap: 7px;}
  .link_btns a {width: 207px; height: 45px;}
  .link_btns a img {width: 17px;}
  .icon_list .icon:nth-child(1) {width: 100px;}
  .icon_list .icon:nth-child(7) {left: 50px; width: 33px;}
  .icon_list .icon:nth-child(4) {left: 87px; width: 37px;}
  .icon_list .icon:nth-child(8) {left: 130px; width: 17px;}
  .icon_list .icon:nth-child(2) {left: 123px; width: 60px;}
  .icon_list .icon:nth-child(3) {width: 77px;}
  .icon_list .icon:nth-child(6) {right: 73px; width: 30px;}
  .icon_list .icon:nth-child(5) {right: 105px; width: 37px;}

  .tit-box {margin-bottom: 50px;}
  .tit-box .tit {margin-bottom: 10px; font-size: 27px;}
  .tit-box .sub {font-size: 16px;}

  .sec1_ct ul {gap: 10px 0; margin: 0 -5px;}
  .sec1_ct ul li {padding: 0 5px;}
  .sec1_ct ul li .child-box {width: 100%; height: 50px; padding: 0 15px;}
  .sec1_ct ul li .child-box .tit {font-size: 17px;}
  .sec1_ct ul li .child-box img {height: 20px;}
  .sec1_ct ul li:nth-child(even) .child-box img {height: 23px;}
  
  .sec2_big_img.big_img1 {bottom: -126px; left: 0; width: 107px;}
  .sec2_ct ul li {padding: 0 5px;}
  .sec2_ct ul li .child-box {height: 220px; padding: 20px 0;}
  .sec2_ct ul li .child-box .img-box {width: 77px;}
  .sec2_ct ul li .child-box .txt-box .tit {margin-bottom: 2px; font-size: 20px;}

  .sec3_ct {flex-flow: column;}
  .sec3_ct .txt-box {text-align: center;}
  .sec3_ct .txt-box .txt:before {margin: 0 auto 20px;}
  .sec3_ct .txt-box .tit {margin-bottom: 7px; font-size: 30px;}
  .sec3_ct .txt-box .sub {margin-bottom: 20px; font-size: 16px;}
  .sec3_ct .txt-box .txt {margin-bottom: 7px; font-size: 19px;}

  .sec4_ct ul {gap: 10px 0; margin: 0 -5px;}
  .sec4_ct ul li {padding: 0 5px;}
  .sec4_ct ul li .child-box {height: 50px; padding: 0 10px;}
  .sec4_ct ul li .child-box span {font-size: 20px;}
  .sec4_ct ul li .child-box p {font-size: 17px;}
  .line {margin: 20px auto;}
  .sub_tit .tit {font-size: 25px;}

  footer {padding: 30px 0;}
}

@media screen and (max-width: 870px) {
  .visual .kv_item ul li {width: calc(100% / 2);}
  .sec3_ct .img-box {max-width: 360px;}

  .visual .kv_tit .tit .bottom {word-break: keep-all;}
}

@media screen and (max-width: 600px) {
  .visual .kv_item ul li .child-box {padding: 10px; box-sizing: border-box; word-break: keep-all;}
  .visual .kv_item ul li .child-box .txt-box .txt br {display: none;}

  .sec2_ct ul li {width: calc(100% / 2); justify-content: flex-start;}
  
  .sec4_ct ul li {width: calc(100% / 2);}

  .link_btns {width: 100%;}
  .link_btns a {width: 100%;}

  header {height: auto; padding: 10px 0;}
  .container {flex-flow: column; gap: 10px;}

  .sec2_ct ul li .child-box {height: auto;}
}

@media screen and (max-width: 450px) {
  header .container {gap: 5px;}

  header .link_btn {position: fixed; bottom: 10px; right: 10px;}
  header .link_btn a {width: 60px;}

  .visual .kv_item ul li {width: calc(100% / 1);}
  .visual .kv_item ul li .child-box {height: auto; padding: 20px;}
  .visual .kv_tit .tit .top {width: 297px;}
  .visual .kv_tit .tit {font-size: 27px;}

  header .txt_r p {min-width: 160px; width: 160px; font-size: 14px;}

  .link_btns {flex-flow: column;}
  .tit-box {word-break: keep-all;}
  .tit-box br {display: none;}

  .sec4_ct ul li {width: calc(100% / 1);}
  
  .sub_tit {word-break: keep-all;}
  .sub_tit br {display: none;}

  footer .address {word-break: keep-all;}

  .sec1_ct ul li {width: calc(100% / 1);}
  .sec2_ct ul li {width: calc(100% / 1);}

  .sec3_ct .txt-box .txt br {display: none;}

  .mo_btns {display: flex !important;}
  .pc_btns {display: none !important;}
}