/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .case_body_3 .pdf_list li {
    margin-right: 50px;
    width: calc(25% - 50px * 3 / 4);
  }
  .fck_body__out .share__body .share_con ul li {
    padding-right: 15px;
  }
  .centre_details__body .focus__body .txt_con .details_title {
    font-size: 2.4rem;
  }
  .centre_details__body .focus__body .txt_con p {
    font-size: 1.4rem;
  }

  .header_nav_list_2025 li{
    padding-right: 20px;
  }

  .header_2025__body .nav__con .logo{
    margin-right:30px;
  }

  .header_2025__body .tel_con_2025{
    margin-right: 20px;
  }

  .header_2025__body .search_btn , .header_2025__body .global_btn{
    margin-right: 20px;
  }

  .sub_header__con .left__con{
    width: 250px;
    padding-left:3%;
  }

  .sub_header__con .right__con{
    width: calc(100% - 250px);
  }

  .footer__body_25 .copyright_con .left_con{
    width: 100%;
    text-align: center;
  }

  .footer__body_25 .copyright_con .right_con{
    width: 100%;
    text-align: center;
  }

  .footer__body_25 .footer_top_con .left_con .tel_con img{
    width: 20px !important;
  }

  .pageKv_2025 p{
    width: 90%;
    line-height: 1.5;
    /* font-size: 14px; */
  }

  .pageKv_2025 h6 img{
    height: 40px;
    margin-bottom: 20px;
  }

  .pageKv.pageKv_2025 .txt_body{
    top:0;
  }

  .safeoperation__section .section_1 .ico_list li h3{
    font-size: 40px;
  }

  .safeoperation__section .section_1 .ico_list li h3 sup{
    top: -20px;
  }

}

/* Small Devices, Tablets */
@media only screen and (max-width: 820px) {

  .sec_senction .se_senction_3 .zs_list li{
    padding:20px;
  }

  .sec_senction .se_senction_1 .line{
    font-size: 16px;
  }

  .sec_senction .se_senction_2{
    padding:40px 0;
  }

  .sec_senction .se_senction_4 .pingtai_out h3{
    font-size: 16px;
  }

  .sec_senction .se_senction_4{
    padding:40px 0;
  }

  .sec_senction .se_senction_4 .pingtai_out p{
    font-size: 14px;
    width: 90%;
  }

  .sec_senction .se_senction_3 .zs_list li{
    padding:5px;
  }
  .sec_senction .se_senction_3 .zs_list li p{
    font-size: 12px;
  }

  .sec_senction .se_senction_2 .scroll_in ul li h3{
    font-size:24px;
  }

  .sec_senction .se_senction_2 .scroll_in ul li p{
    font-size: 16px;
  }

  .sec_senction .se_senction_1{
    padding:40px 0;
  }

  .page_title_2025 {
    font-size: 3.2rem;
  }
  .about_2025_bg__body .area_list li {
    width: 15%;
  }
  .area_list_2025 {
    margin-top: 50px;
  }
  .area_list_2025 li p {
    min-height: 60px;
  }
  .area_2025__body .sh_txt__con .txt_con h3, .area_add_list li .txt_con h3 {
    font-size: 3.2rem;
  }
  .about_2025_bg__body .area_list li {
    width: 20%;
  }
  .about_2025_bg__body p.page_line{
    width: 100%;
  }
  .page_btm_2025__body {
    padding: 40px;
  }
  .area_list_2025 li {
    width: 100%;
    margin: 0 0 50px 0;
  }
  .area_list_2025 li p {
    min-height: auto;
    text-align: center;
  }
  .area_add_list li .txt_con {
    width: 100%;
    padding: 0 0 30px 0 !important;
    order: -2;
  }
  .area_add_list li .img_con {
    width: 100%;
    padding: 0;
  }
  .area_list_2025 {
    margin-bottom: 20px;
  }
  .page_btm_2025__body h3 {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .page_btm_2025__body p {
    margin-bottom: 10px;
  }
  .case_2025__body .case_body_1 {
    padding: 40px 0;
  }
  .cases_2025__list li {
    width: calc(50% - 30px * 1 / 2);
    margin: 0 30px 50px 0;
  }
  .cases_2025__list li:nth-child(2n) {
    margin-right: 0;
  }
  .case_body_3 .pdf_list li {
    width: calc(50% - 30px * 1 / 2);
    margin: 0 30px 50px 0;
  }
  .case_body_3 .pdf_list li:nth-child(2n) {
    margin-right: 0;
  }
  .centre_title h3, .right_title {
    font-size: 2.4rem;
  }
  .centre_list li {
    width: calc(50% - 30px * 1 / 2);
    margin: 0 30px 30px 0;
  }
  .centre_list li:nth-child(2n) {
    margin-right: 0;
  }
  .centre_list.s_1 li {
    width: calc(50% - 30px * 1 / 2);
    margin: 0 30px 30px 0;
  }
  .centre_list.s_1 li:nth-child(2n) {
    margin-right: 0;
  }
  .right_date_list li .img_con {
    width: 100%;
  }
  .right_date_list li .txt_con {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .centre_details__body .focus__body .txt_con .date_view {
    margin-bottom: 10px;
  }
  .centre_details__body .focus__body .txt_con .date_view {
    margin-bottom: 10px;
  }
  .centre_details__body .focus__body .txt_con .details_title {
    font-size: 1.8rem;
  }
  .fck_body__out .txt__body {
    width: 100%;
    padding: 0;
  }
  .fck_body__out .share__body {
    width: 100%;
    margin:30px 0 0;
  }

  .header_nav_list_2025 {
    display: none;
  }

  .header_2025__body .search_btn, .header_2025__body .global_btn{
    display: none;
  }

  .mobile_nav_btn{
    display: block;
  }

  .cases_details__body .fck_body__out .txt__body{
    width: 100%;
    margin-right: 0;
    padding:15px;
  }

  .pageKv .txt_body .box h1{
    font-size: 3.6rem;
  }

  .index_kv__body_25 .kv_in{
    height: 500px;
  }
  .index_kv__body_25 .kv_in .kv{
    height: 100%;
    object-fit: cover;
  }

  .index_kv__body_25 .kv_in .in_con h3{
    font-size: 40px !important;
  }

  .index_jishu__body_25 .tab_list{
    justify-content: flex-start !important;
  }

  .index_jishu__body_25 .tab_list a{
    width: 33% !important;
    text-align: center;
    margin:0 0 20px ;
  }

  .index_jishu__body_25 .tab__con .tab_in .txt_con{
    width: 100% !important;
  }
  .index_jishu__body_25 .tab__con .tab_in .img_con{
    width: 100% !important;
  }

  .index_jishu__body_25 .tab__con .tab_in .txt_con ol{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .index_jishu__body_25 .tab__con .tab_in .txt_con ol li{
    width: 50%;
  }

  .index_zyx__body_25 .zyx__con{
    align-items: flex-start !important;
  }

  .index_zyx__body_25 .right_con li{
    width: 50% !important;
  }

  .index_zyx__body_25 .left_con{
    width: 100% !important;
    height: 350px;
  }
  .index_zyx__body_25 .right_con{
    width: 100% !important;
  }

  .index_about__body_25 p{
    width: 100% !important;
  }
  .index_about__body_25 .dig_list{
    width: 100% !important;
    margin-top:40px !important;
  }

  .index_about__body_25 .out_flex .txt_con{
    width: 100% !important;
    padding:0 0 50px 0 !important;
  }

  .index_about__body_25 .dig_list li{
    width: 33% !important;
  }

  .index_about__body_25 .out_flex .img_con{
    width: 100% !important;
  }

  .index_about__body_25{
    padding:60px 0 20px !important
  }

  .index_hr__body_25{
    padding:50px 0 !important;
  }

  .index_hr__body_25 p{
    width: 50%;
  }
  .index_bus__body_25 h3.tit{
    font-size: 32px !important;
  }
  .index_bus__body_25 p.tit{
    font-size: 16px !important;
  }

  .index_title , .slider__con_2025 .show_txt_con h3{
    font-size: 32px !important;
  }


  .footer__body_25 .footer_top_con .left_con .tel_con .right p{
    font-size: 18px !important;
  }

  .footer__body_25 .footer_top_con .footer_list li{
    padding-right: 10px;
  }

  .footer__body_25 .footer_top_con .footer_list li p a{
    font-size: 12px !important;
  }

  .pageKv.new_pageKv .txt_body{
    top:5%;
  }

  .pageKv .txt_body .box h4{
    font-size: 14px;
    width: 80%;;
  }

  .page{
    padding-top:60px;
  }

  .services__content_1 .line{
    font-size: 1.6rem;
  }

  .services__content_2 .ser_list .img_con , .services__content_2 .ser_list .txt_con{
    width: 100%;
  }

  .services__content_2 .ser_list .img_con{
    order: -2;
  }

  .pageKv .txt_body .box h1{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .pageKv_2025 h3{
    font-size: 24px !important ;
    margin: 10px 0;
    line-height: 24px !important;
  }

  .pageKv_2025 p{
    font-size: 14px !important;
  }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .about_2025_bg__body h3 {
    margin-bottom: 30px;
  }
  .page_title_2025 {
    font-size: 2.8rem;
    line-height: 1.5;
  }
  .area_2025__body .sh_txt__con .txt_con h3, .area_add_list li .txt_con h3 {
    font-size: 2.8rem;
  }
  .area_2025__body .sh_txt__con .txt_con {
    width: 100%;
    padding: 0 0 30px 0;
  }
  .area_2025__body .sh_txt__con .img_con {
    width: 100%;
  }
  .cases_details__body .fck_body__out .txt__body{
    width: 100%;
    margin-right: 0;
    padding:15px;
  }
  .case_2025__body .case_body_1 ul li {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .case_2025__body .case_body_1 ul li .img_out p {
    font-size: 16px;
  }
  .case_body_2 .search_con .title_bar h3 {
    font-size: 2.4rem;
    width: 100%;
  }
  .case_body_2 .search_con .title_bar .search_out {
    width: 100%;
    margin-top: 30px;
  }
  .case_body_2 .search_con .title_bar .search_out input {
    width: 80%;
  }
  .case_body_2 .search_con {
    padding: 30px 0;
  }
  .cases_2025__list li {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .case_body_3 h3 {
    font-size: 2.4rem;
  }
  .cases_fck_title{
    margin: 24px 0;
    font-size: 2rem;
  }
  .cases_fck_title:first-of-type {
  margin: 0 0 24px 0;
}
.cases_details__body{
  padding: 0 0 40px;
}
  .search_txt__list dt {
    width: 80px;
  }
  .search_txt__list dd {
    width: calc(100% - 80px);
    overflow: auto;
    white-space: nowrap;
  }
  .centre_2025__content {
    padding: 40px 0 0;
  }
  .centre_2025__content .left_content {
    width: 100%;
    padding: 0 0 40px 0;
  }
  .centre_2025__content .right_content {
    width: 100%;
  }
  .centre_list li p {
    font-size: 14px;
  }
  .date_view dd span {
    font-size: 12px;
  }
  .ts_list li {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .ts_list li .img_con {
    width: 100%;
  }
  .ts_list li .txt_con {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .right_date_list li .img_con {
    width: 120px;
  }
  .right_date_list li .txt_con {
    width: calc(100% - 120px);
    padding: 0 0 0 20px;
  }
  .centre_details__body .focus__body .txt_con {
    width: 100%;
    padding: 0 0 30px 0;
  }
  .centre_details__body .focus__body .txt_con .details_title {
    margin-bottom: 10px;
  }
  .centre_details__body .focus__body .txt_con .details_memo {
    margin-bottom: 10px;
  }
  .centre_details__body .focus__body .img_con {
    width: 100%;
  }
  .fck_body__out .aq_list li .txt_con p {
    font-size: 1.4rem;
  }
  .centre_details__body {
    padding: 100px 0 50px;
  }
  .pop_content .content {
    width: 90%;
  }
  .about_2025_kv__body {
    height: auto;
  }
  .about_2025_kv__body .txt_con h3 {
    font-size: 28px;
  }

  .mobile_nav_2025__body .nav__con .left_con{
    width: 35%;
    padding:17px 0;
  }
  .mobile_nav_2025__body .nav__con .right_con{
    width: 65%;
  }
  .mobile_right_list li h4 a{
    font-size: 14px;
  }

  .mobile_right_list li{
    margin-bottom: 21px;
  }

  .mobile_right_list li ul li{
    width: 100%;
    margin-right: 0 !important;
  }

  .header_2025__body .rg_btn , .header_2025__body .tel_con_2025{
    display: none;
  }
  .header_2025__body .nav__con .logo{
    height: 30px;
  }
  .page{
    padding-top:50px;
  }

  .index_title , .index_bus__body_25 h3.tit , .slider__con_2025 .show_txt_con h3{
    font-size: 22px !important;
  }

  .index_bus__body_25 p.tit , .slider__con_2025 .show_txt_con h4{
    font-size: 14px !important;
  }

  .index_news__body_25 .news_list li{
    width: 100% !important;
    margin:0 0 20px 0 !important;
  }

  .slider__con_2025 li{
    width: 100% !important;
  }

  .slider__con_2025 .show_txt_con .flex dl dt span{
    font-size: 16px !important;
  }

  .slider__con_2025 .show_txt_con .flex dl dd a{
    font-size: 12px !important;
  }

  .index_jishu__body_25 .tab_list a{
    width: 50% !important;
  }

  .index_jishu__body_25 .tab_list li{
  width: 90px;
  margin-bottom: 10px;
  }

  .index_jishu__body_25 .tab__con .tab_in .txt_con ol li a{
    padding:0 !important;
  }

  .index_jishu__body_25 .tab__con .tab_in .txt_con ol li{
    line-height: 1.4 !important;
    padding:0 12px !important;
    margin-bottom: 5px;
  }
  .index_jishu__body_25 .tab__con .tab_in .img_con{
    height: 192px;
  }

  .index_jishu__body_25 .tab__con .tab_in .img_con .txt h3{
    font-size: 16px !important;
    line-height: 1.5;
  }
  .index_jishu__body_25 .tab__con .tab_in .img_con .txt p{
    font-size: 12px !important;
  }
  .index_zyx__body_25 .left_con{
    height: 200px !important;
  }

  .index_zyx__body_25 .right_con li .pop_txt h3 span{
    font-size: 14px !important;
  }
  .index_zyx__body_25 .right_con li .pop_txt p{
    font-size: 10px !important;
  }

  .index_zyx__body_25 .right_con li .pop_txt h3 img{
    width: 18px !important;
    height: 18px !important;
  }

  .index_about__body_25 .dig_list li p strong{
    font-size: 30px !important;
  }
  .index_about__body_25 .dig_list li p{
    font-size: 16px !important;
  }
  .index_about__body_25 .dig_list li h6{
    font-size: 10px !important;
  }
  .index_about__body_25 p{
    font-size: 14px !important;
  }

  .index_about__body_25 h3{
    font-size: 20px !important;
  }

  .index_hr__body_25 h3{
    font-size: 24px !important;
  }
  .index_hr__body_25 p{
    font-size: 14px !important;
    width: 100% !important;
  }

  .footer__body_25 .footer_top_con .left_con{
    width: 100% !important;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    
  }

  .footer__body_25{
    padding:30px 0  !important;
  }

  .footer__body_25 .footer_top_con .left_con .logo{
    height: 40px !important;
    margin-bottom: 30px !important;
    order: -5;
    display: none;
  }

  .footer__body_25 .footer_top_con .left_con .tel_con{
    width: 60%;
    margin-top:-100px;
    display: none;
  }

  .footer__body_25 .footer_top_con .left_con .qr_con{
    order: -4;
    width: 20%;
  }

  .footer__body_25 .copyright_con span, .footer__body_25 .copyright_con a, .footer__body_25 .copyright_con em{
    font-size: 12px !important;
  }

  .footer__body_25 .footer_top_con .right_con{
    display: none;
  }

  .pc_show{
    display: none;
  }
  .mobile_show{
    display: block;
  }
  

  .page_2025{
    padding-top:60px !important;
  }

  .kv_nav .container{
    padding:0 !important;
  }

  .kv_nav ul li a{
    font-size: 12px !important;
  }

  .index_kv__body_25 .kv_in{
    /* height: calc(100vh); */
    height: auto;
  }

  .index_kv__body_25 .kv_in{
    height: 100%;
  }

    /* .index_kv__body_25 .swiper-slide{
      height: 350px;
    }  */

  .index_jishu__body_25 .tab_list{
    padding:0 !important;
    margin-bottom: 20px !important;
  }
  
  .index_jishu__body_25 .tab_list a{
    font-size: 12px !important;
    width: 25% !important;
    font-weight: normal !important;
  }

  .index_jishu__body_25 .tab__con .tab_in .txt_con ol li a{
    font-size: 12px !important;
    border: 0 !important;
  }

  .index_hr__body_25 p{
    font-weight: normal !important;
  }

  .index_jishu__body_25 .tab__con .tab_in .img_con{
    position: relative;
  }

  .index_jishu__body_25 .tab__con .tab_in .img_con::after{
    content:"";
    position: absolute;
    z-index: 1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.5);
  }

  .index_jishu__body_25 .tab__con .tab_in .img_con .txt{
    z-index: 10;
  }

  .index_kv__body_25 .kv_in .in_con h3{
    font-size: 24px !important;
  }

  .index_kv__body_25 .kv_in .in_con p{
    font-size: 16px !important;
  }

  .slider__con_2025 li.active .show_txt_con{
    display: none !important;
  }

  .slider__con_2025 li.active .img_con{
    display: block !important;
  }

  .new_pageKv{
    height: 300px !important;
  }

  .pageKv .txt_body .box h4{
    width: 100%;
    font-size: 13px;
    line-height: 1.5;
    width: 80%;
  }

  .pageKv .txt_body .box h1{
    font-size: 24px;
  }

  .services__content_1{
    padding:40px 0;
  }

  .ser_title_2025{
    font-size: 24px;
  }

  .img_list_out .img_list li{
    width: 50%;
  }

  .img_list_out .img_list li .pop_txt{
    padding:10px 20px;
  }

  .img_list_out .img_list li .pop_txt h3 span{
    font-size: 16px;
  }
  .img_list_out .img_list li .pop_txt p{
    font-size: 1rem;
  }

  .img_list_out .img_list li .pop_txt h3 img{
    width: 16px;
    height: 16px;
  }

  .services__content_2 .ser_list .img_con .pop_txt h3{
    font-size: 24px;
  }

  .services__content_2 .ser_list .img_con .pop_txt p{
    font-size: 14px;
  }

  .services__content_2 .ser_list .txt_con dl dd h3{
    font-size: 16px;
  }

  .services__content_2 .ser_list .txt_con .icon{
    width: 100px;
    height: 60px;
  }

  .services__content_3{
    padding:40px 0;
  }

  .services__content_1 .line , .services__content_3 p.line{
    font-size: 14px;
  }

  .pageKv_2025 h6{
    margin-bottom: 5px;
  }
  .pageKv_2025 h6 img{
    height: 40px;
    margin-bottom: 0;
  }
  .pageKv_2025 p{
    width: 95%;
    font-size: 0.7rem;

  }

  .pageKv_2025{
    height: 350px;
    img{
      height: 100%;
      object-fit: cover;
    }
  }

  .safeoperation__section .section_1{
    padding:40px 0;
  }

  .comm25_title{
    font-size: 24px;
    margin-bottom: 30px;
  }

  .safeoperation__section .section_1 .ico_list li img{
    height: 60px;
  }

  .safeoperation__section .section_1 .ico_list li h3{
    font-size: 30px;
  }

  .safeoperation__section .section_1 .ico_list li p{
    font-size: 16px;
    line-height: 1.5;
  }

  .safeoperation__section .section_1 .ico_list{
    padding-bottom: 0;
    margin-bottom: 40px;
  }

  .safeoperation__section .section_1 h4.line , .safeoperation__section .section_2 h4.line{
    font-size: 20px;
  }
  .safeoperation__section .section_1 p.line , .safeoperation__section .section_2 p.line{
    font-size: 16px;
  }

  .safeoperation__section .section_2{
    padding:40px 0;
  }

  .safeoperation__section .section_3 .img_list li{
    width: 100%;
    margin:0 0 20px 0;
  }

  .safeoperation__section .section_3 .img_list li .img_out p{
    font-size: 16px;
  }

  .ai__section .section_1{
    padding: 40px 0;
  }

  .ai__section .section_1 .line{
    font-size: 16px;
    line-height: 2;
  }

  .ai__section .section_2 .flex .img_con{
    width: 100%;
  }
  .ai__section .section_2 .flex .txt_con{
    width: 100%;
  }

  .ai__section .section_2 .flex .txt_con li h3 span{
    font-size: 20px;
  }

  .ai__section .section_2 .flex .txt_con li.active{
    height: auto;
  }

  .ai__section .section_3 .txt_con{
    width: 100%;
    margin-bottom: 30px;
  }

  .ai__section .section_3 .img_con{
    width: 100%;
  }

  .ai__section .section_3 .txt_con p{
    font-size: 16px;
  }


  .safeoperation__section .section_1 .ico_list li h4{
    font-size: 16px;
  }

  .safeoperation__section.customer__section .section_1 .ico_list li p{
    font-size: 0.8rem;
  }

  .customer__section .cus_section_1{
    padding:40px;
  }

  .customer__section .cus_section_1 p.line{
    font-size: 16px;
  }

  .customer__section .cus_section_1 img{
    width: 100%;
  }

  .respon_section_1{
    padding-top: 40px;
  }

  .respon_section_2{
    padding:40px 0;
  }

  .respon_section_1 .line{
    font-size: 16px;
    margin-bottom: 30px;
  }

   .respon_section_2 .line{
    font-size: 16px;
    margin-bottom: 30px;
  }

  .kv_height_auto{
    height: 150px !important;
  }

  .pageKv.kv_height_auto .txt_body{
    top: 20px;
  }。

  .kv_height_auto p{
    padding-top: 0;
  }

  .sec_senction .se_senction_2 .scroll_in ul li{
    height: 350px;
    transform: translateY(0) !important;
    margin-top: 40px;
    width: 80%;
  }

 

}

/* Custom, iPhone Retina */