@charset "utf-8";

/* 通用 */
@media screen and (min-width: 0) and (max-width: 1396px) {
  .public_max_width {
    padding: 0 4% !important;
  }
}

/* pc */
@media screen and (min-width: 1000px) and (max-width: 1280px) {
  .header_div {
    width: 100%;
    padding: 0 3%;
  }
  .fixedmenu .i_top .twodiv {
    padding: 0 3%;
  }
  .i_top,
  .twobox {
    padding: 0 1.5%;
  }
  .logo_img {
    width: 20rem;
    margin: 0 3rem 0 0;
  }
  .search_box {
    padding: 0 0 0 3rem;
  }
  .swiper-home-banner {
    height: 55vw;
  }
  .list_card .li_main img {
    width: 5rem;
  }
  .content6 {
    background: none;
  }
  .list_culture li h6 {
    font-size: 2rem;
  }
  .list_culture li p {
    top: 5rem;
  }
  .list_partner {
    width: 100%;
    padding: 5rem 6rem 5rem 9rem;
    background-position: -12rem 0;
    background-size: calc(100% + 20rem) 100%;
  }
}

/* phone */
@media screen and (min-width: 0) and (max-width: 1000px) {
  .header {
    display: none;
  }
  .body_container {
    margin: 80px 0 0;
  }
  .content1 .head_text {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
  .swiper-home-banner {
    height: 40vw;
  }
  .list_tab li {
    padding: 1rem 3rem;
  }
  .content5 {
    background: url(../images/content5_bg.png) no-repeat;
    background-size: cover;
  }
  .content5_box {
    flex-wrap: wrap;
    margin: 3rem 0 0;
  }
  .content6 {
    background: none;
  }
  .content6 .content6_box {
    padding: 0;
}
  .content6_box .left,
  .content6_box .image {
    width: 100%;
    margin: 2rem 0;
  }
  .news_first {
    width: 100%;
    background-color: #fff;
    padding: 4.8rem 5.2rem;
  }
  .news_first > img {
    width: 40%;
  }
  .news_first .a_button {
    margin: 1.6rem 0 0;
  }
  .list_new {
    width: 100%;
    margin: 2rem 0 0;
  }
  .public_tabs {
    display: none;
  }
  .public_app_menu {
    display: block;
  }
  .footer .top {
    justify-content: center;
    padding: 4rem 0;
  }
  .footer .menu_list {
    width: 80%;
    margin: 0 0 3rem;
  }
  .list_culture li h6 {
    font-size: 2rem;
  }
  .list_culture li p {
    top: 5rem;
  }
  .list_culture li {
    width: calc(33% - 9px);
  }
  .list_partner {
    width: 100%;
    padding: 5rem 3rem 5rem 5rem;
    background-position: -12rem 0;
    background-size: calc(100% + 20rem) 100%;
    gap: 6px;
  }
  .list_partner a img {
    width: 90%;
    padding: 6px;
  }
  .contact_map .public_title_other_ch {
    font-size: 3.6rem;
  }
  .list_product li {
    width: 32%;
  }
}

@media screen and (min-width: 0) and (max-width: 800px) {
  .public_title_en {
    font-size: 2.1rem;
  }
  .public_title_ch {
    font-size: 3.1rem;
  }
  .public_title_desc {
    font-size: 1.9rem;
  }
  .public_title_other_en {
    font-size: 2rem;
  }
  .public_title_other_ch {
    font-size: 3rem;
  }
  .content1,
  .content2,
  .content3,
  .content4,
  .content5,
  .content6,
  .public_content,
  .other_bg_box,
  .contact_box,
  .contact_map {
    padding: 3rem 0;
  }
  .content1 .head_text {
    left: auto;
    right: 3%;
    transform: none;
    white-space: nowrap;
  }
  .content1 .content1_box {
    flex-wrap: wrap;
    padding: 0 0 3rem;
    margin: 0 0 4rem;
  }
  .content1_box .left {
    width: 100%;
    padding: 0;
    margin: 0 0 3rem;
  }
  .content1_box .video,
  .content1_box .image {
    width: 100%;
  }
  .content2_box,
  .content3 .list_card,
  .public_content .list_card_company,
  .other_box,
  .bring_message,
  .list_image,
  .swiper-environment {
    margin: 3rem 0 0;
  }
  .list_project {
    display: none;
  }
  .list_tab {
    display: none;
  }
  .product_menu {
    display: block;
  }
  .swiper-project {
    width: 100%;
  }
  .content3 {
    background: url(../images/content3_bg.png) no-repeat;
    background-size: cover;
  }
  .content3 .list_card li,
  .list_product li {
    width: 49%;
  }
  .list_new li a .time {
    font-size: 2rem;
  }
  .list_enterprise li {
    width: calc(50% - 9px);
  }
  .list_news_l {
    margin: 0;
  }
  .list_news_l li .time_box {
    display: none;
  }
  .list_news_l .button_box button {
    display: none;
  }
  .list_news_l .button_box img {
    opacity: 1 !important;
  }
  .list_product,
  .bring_box:first-child {
    padding: 0;
  }
  .p_detail_title h5,
  .p_detail_title .price {
    font-size: 2rem;
  }
  .bring_box {
    margin: 0 0 3rem;
  }
  .list_job {
    justify-content: center;
  }
  .list_job .li {
    width: calc(45% - 1.3rem);
  }
  .list_job .li:nth-of-type(3n) {
    margin-right: 2rem;
  }
  .list_job .li:nth-of-type(2n) {
    margin-right: 0;
  }
  .contact_box .contact_left,
  .contact_box .contact_right,
  .contact_map .left,
  .contact_map .map {
    width: 100%;
    padding: 0;
  }
  .contact_box .contact_left,
  .contact_map .left {
    margin: 0 0 2.8rem;
  }
  .submit {
    width: 100px !important;
    height: 46px !important;
    margin: 3rem 0 0;
  }
}

@media screen and (max-width: 700px) {
  .swiper-home-banner {
    height: 50vw;
  }
  .list_card_company li {
    width: 50%;
  }
  .list_culture {
    justify-content: center;
  }
  .list_culture li {
    width: calc(46% - 9px);
  }
  .list_tree {
    align-items: center;
  }
  .list_tree .li {
    width: 65%;
    max-width: 100%;
    left: 0 !important;
    top: auto !important;
    margin: 0 0 2rem;
  }
  .list_tree .li a {
    transform: none;
    align-items: flex-start;
  }
  .message {
    width: 100%;
  }
  .list_tree::before,
  .list_tree .li .yuan,
  .list_tree .li .yuan::before {
    display: none;
  }
  .list_tree .li h5,
  .list_tree .li h6,
  .list_tree .li p {
    text-align: left;
  }
  .bring_message h5 {
    font-size: 1.9rem;
    margin: 0 0 1rem;
  }
  .list_job .li {
    width: calc(50% - 1.3rem);
  }
}
@media screen and (max-width: 500px) {
  .content1 .head_text {
    font-size: 5.5rem;
  }
  .content3 .list_card li,
  .list_product li {
    width: 100%;
  }
  .news_first {
    display: none;
  }
  .footer .menu_list {
    width: 100%;
    margin: 0 0 3rem;
  }
  .menu_list .ul {
    display: none;
  }
  .footer .top .text {
    margin: 0;
  }
  .list_culture li {
    width: calc(50% - 6px);
  }
  .list_tree .li {
    width: 80%;
  }
  .swiper-features .swiper-button-prev {
    right: 5.2rem !important;
  }
  .list_partner {
    margin: 0;
    padding: 8rem 0 8rem 3rem;
    justify-content: space-evenly;
    gap: 12px;
  }
  .list_news_l li a {
    padding: 1.4rem;
  }
  .list_news_l li a .img {
    display: none;
  }
  .list_news_l .message {
    width: 100%;
  }
  .list_news_l .message h5 {
    margin: 0 0 2rem;
  }
  .change_item {
    width: 100%;
    margin: 0 0 1.6rem;
  }
  .p_detail_box_thumb {
    display: none;
  }
  .swiper-producot-view .swiper-button-next,
  .swiper-producot-view .swiper-button-prev {
    width: 3rem;
  }
  .swiper-pagination-view {
    display: block;
  }
  .list_job .li {
    width: calc(68%);
    margin: 0 0 2rem !important;
  }
  .form_half .form_item {
    width: 100%;
    margin: 0 0 2rem;
  }
  .form_half {
    margin: 0;
  }
}
@media screen and (max-width: 450px) {
  .list_culture li {
    width: 60%;
  }
  .list_tree .li {
    width: 100%;
  }
  .list_enterprise li {
    width: 100%;
  }
}
@media screen and (max-width: 430px) {
  .list_culture li {
    width: 70%;
  }
  .footer .top {
    justify-content: flex-start;
  }
  .footer .top .text {
    margin: 0 0 2rem;
  }
  .footer .top .text .company,
  .footer .top .text .contact_li p {
    white-space: wrap;
  }
  .menu_list .nav_a {
    text-align: left;
  }
  .menu_list > li {
    width: 25%;
    margin: 1.6rem;
  }
  .list_job .li {
    width: 100%;
    padding: 0 0 20%;
  }
}
@media screen and (max-width: 320px) {
  .list_culture li {
    width: 100%;
  }
}