@media (max-width: 1280px) {
  .index_one .bottom .tabul .tabli a .tt {
    font-size: 1.125rem;
  }
  .index_three .content .desc {
    font-size: 2rem;
  }
}
@media (max-width: 990px) {
  .foot-fot {
    display: block;
  }
  footer {
    display: none;
  }
}
@media (max-width: 767px) {
  .phone .center img {
    height: 45px;
  }
  .all_more span {
    font-size: 1.125rem;
  }
  .index_one .swiper_indexpro .swiper-pagination {
    font-size: 1.25rem;
  }
  .index_one .bottom .tabul .tabli {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .index_one .bottom .tabul .tabli a {
    padding: 20px 0;
  }
  .index_one .bottom .tabul .tabli a .tt {
    font-size: 1rem;
  }
  .index_one .bottom .tabul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 20px;
  }
  .index_one .swiper_indexpro .bottom_flex {
    left: unset;
    right: 0;
  }
  .index_one .swiper_indexpro .indexpro_box .row .left .desc {
    font-size: 1.125rem;
    line-height: 1.7;
  }
  .index_one .swiper_indexpro .indexpro_box .row .left .tit {
    font-size: 1.375rem;
  }
  .container.container_l {
    padding: 0 15px;
  }
  .index_one .swiper_indexpro .indexpro_box .row .left {
    padding-right: 15px;
    order: 2;
    margin-top: 20px;
  }
  .index_one .all_title {
    position: relative;
    margin-bottom: 20px;
  }
  .index_three .content .grid_box .grid_item .tt {
    font-size: 1.25rem;
    padding-top: 0.625rem;
  }
  .index_three .content .grid_box .grid_item .icon {
    width: 6rem;
    height: 6rem;
    margin: 0 auto;
  }
  .index_three .content .grid_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .index_three .content .desc {
    font-size: 1.5rem;
    margin-top: 10px;
  }
  .index_two .cont .desc {
    margin-top: 0;
    font-size: 1.25rem;
    line-height: 1.8;
  }
  .index_two .img {
    width: 100%;
    height: 100vw;
    object-fit: cover;
    object-position: left;
  }
  .index_two .cont,
  .index_three .content {
    padding-top: 40px;
    padding-bottom: 30px;
    width: 100%;
    position: relative;
    top: unset;
    transform: unset;
    padding-left: 15px;
  }
  .index_one {
    padding-top: 30px;
  }
  .banner .swiper-pagination {
    bottom: 15px;
  }
  .banner .hover .p2 {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0;
  }
  .banner .hover .p1 {
    font-size: 1.375rem;
  }
  .list_work {
    padding-bottom: 30px;
  }
  .list_work .content .grid_box {
    gap: 15px;
  }
  .list_work .right {
    padding-left: 15px;
    margin-top: 20px;
  }
  .list_about_box .row:nth-child(even) .left {
    padding-left: 15px;
  }
  .list_about_box .row {
    margin-bottom: 20px;
  }
  .list_about_box .row .left .desc,
  .list_work .right .desc {
    margin-top: 10px;
    font-size: 1.125rem;
    line-height: 1.85;
  }
  .list_about_box .row .left .tit,
  .list_work .right .tit {
    font-size: 24px;
  }
  .list_about_box .row .left {
    padding-right: 15px;
    order: 2;
    margin-top: 20px;
  }
  .list_about_box {
    padding: 30px 15px;
  }
  .show_product_cont .content .grid_box .grid_item .text {
    padding: 10px 0;
  }
  .show_product_cont {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .show_product_cont .content .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .show_product .content .left .contact_flex .tel {
    margin-left: 0;
    width: 100%;
    margin-top: 1rem;
  }
  .show_product .content .left .contact_flex .tel .icon {
    width: 3rem;
    height: 3rem;
  }
  .show_product .content .left .contact_flex {
    flex-wrap: wrap;
  }
  .show_product .content .left .desc {
    font-size: 1.25rem;
    line-height: 1.6;
  }
  .show_product .content .left .tit {
    font-size: 1.5rem;
  }
  .show_product .content .right {
    width: 100%;
    order: 1;
  }
  .show_product .content .left {
    width: 100%;
    padding-right: 0;
    order: 2;
    margin-top: 20px;
  }
  .show_product {
    padding-top: 30px;
  }
  .channel_product .product_box {
    padding: 30px 0;
  }
  .channel_product .product_box .left .desc {
    font-size: 1.25rem;
    line-height: 1.6;
  }
  .channel_product .product_box .left .tit {
    font-size: 1.5rem;
  }
  .channel_product .product_box .left {
    width: 100%;
    padding-right: 0;
    order: 2;
    margin-top: 20px;
  }
  .channel_product .product_box .right {
    width: 100%;
  }
  .list_service .content .grid_box .grid_item .tt {
    font-size: 1.375rem;
  }
  .list_service .content .grid_box .grid_item .cont p {
    align-items: unset;
  }
  .list_service .content .grid_box .grid_item .cont strong,
  .list_service .content .grid_box .grid_item .cont b {
    width: 18%;
  }
  .list_service .content .grid_box .grid_item .item_box {
    padding: 20px;
  }
  .list_service .content .grid_box {
    margin-top: 30px;
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_service .content .desc {
    font-size: 1.25rem;
    margin-top: 10px;
  }
  .list_service .content .tel {
    font-size: 28px;
  }
  .list_service .content {
    position: relative;
    top: unset;
  }
  .news_show_box .subtit .fx_box .social-share .social-share-icon {
    font-size: 1rem;
  }
  .news_show_box .content {
    padding-bottom: 30px;
  }
  .news_show_box .subtit {
    padding-bottom: 10px;
  }
  .news_show_box .title {
    font-size: 1.375rem;
  }
  .news_show_box {
    padding-top: 20px;
  }
  .news_show_box .news_cont {
    width: 100%;
  }
  .channel_box .channel_ul .channel_li {
    padding: 1.5rem 0;
  }
  .list_join .grid_box .grid_item .more {
    margin-top: 3rem;
  }
  .list_join .grid_box .grid_item {
    padding: 20px;
  }
  .list_join .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_contact_two .msg-a1 .inpt input {
    font-size: 1.125rem;
  }
  .list_contact_two .content .p,
  .list_contact_two .msg-a1 .inpt p {
    font-size: 1.125rem;
  }
  .list_contact_two .msg-a1 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_contact_one .grid_box .grid_item .icon {
    width: 5rem;
    height: 5rem;
  }
  .list_contact_one .grid_box .grid_item {
    padding: 20px;
  }
  .list_contact_one .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_contact_one,
  .list_contact_two {
    padding: 40px 0 30px;
  }
  .all_title h3::before {
    width: 3rem;
    height: 2rem;
  }
  .all_title h3 {
    font-size: 24px;
    line-height: 1.5;
  }
  .neibanner .neibanner_txt h3 {
    font-size: 24px;
  }
  .pt100,
  .pt95,
  .pt90,
  .pt85,
  .pt80 {
    padding-top: 30px;
  }
  .pt75,
  .pt70,
  .pt65,
  .pt60,
  .pt55,
  .pt50,
  .pt45 {
    padding-top: 20px;
  }
  .pt40,
  .pt35,
  .pt30,
  .pt25,
  .pt20,
  .pt15 {
    padding-top: 10px;
  }
  .pb120,
  .pb130,
  .pb135,
  .pb100,
  .pb95,
  .pb90,
  .ptb5,
  .pb80 {
    padding-bottom: 30px;
  }
  .pb75,
  .pb70,
  .pb65,
  .pb60,
  .pb55,
  .pb50,
  .pb45 {
    padding-bottom: 20px;
  }
  .pb40,
  .pb35,
  .pb30,
  .pb25,
  .pb20,
  .pb15 {
    padding-bottom: 10px;
  }
  .mb100,
  .mb95,
  .mb90,
  .mb85,
  .mb80,
  .mb75,
  .mb70,
  .mb65,
  .mb60 {
    margin-bottom: 30px;
  }
  .mb55,
  .mb50,
  .mb45,
  .mb40,
  .mb35 {
    margin-bottom: 20px;
  }
  .mb25,
  .mb20,
  .mb15,
  .mb30 {
    margin-bottom: 10px;
  }
  .mt100,
  .mt95,
  .mt90,
  .mt85,
  .mt80,
  .mt75,
  .mt70,
  .mt65,
  .mt60 {
    margin-top: 30px;
  }
  .mt55,
  .mt50,
  .mt45,
  .mt40,
  .mt35 {
    margin-top: 20px;
  }
  .mt30,
  .mt25,
  .mt20,
  .mt15 {
    margin-top: 10px;
  }
}