@media screen and (min-width: 768px) and (max-width: 1199px) {
  .main_middle {
    width: 100%;
  }

  /* phone_menu_container */
  .phone_menu_container {
    position: fixed;
    top: 0;
    display: block;
    width: 100vw;
    height: 0;
    background-color: #fff;
    z-index: 9999;
    transition: height 300ms ease;
    overflow: hidden;
  }

  .phone_menu_top {
    height: 1.2rem;
    padding: 0 0.5rem;
  }

  .phone_menu_top .phone_menu_logo {
    width: 100%;
    height: 60%;
  }

  .phone_menu_top .phone_menu_logo img {
    height: 100%;
  }

  .phone_menu_top .phone_menu_close {
    position: relative;
    top: 0;
    right: 0.05rem;
    width: 0.6rem;
    height: 0.6rem;
  }

  .phone_menu_top .phone_menu_close::before,
  .phone_menu_top .phone_menu_close::after {
    position: absolute;
    top: 0.3rem;
    width: 0.6rem;
    height: 2px;
    content: '';
    display: block;
    transform: rotateZ(45deg);
    transform-origin: center;
    background-color: #1A66FF;
  }

  .phone_menu_top .phone_menu_close::after {
    transform: rotateZ(-45deg);
  }

  /* phone_menu_ul */
  .phone_menu_ul {
    height: calc(100vh - 1.2rem);
    overflow-y: auto;
  }

  .phone_menu_li {
    border-bottom: 1px solid #eee;
  }

  .phone_menu_li .pml_main {
    height: 1rem;
    padding: 0 0.4rem 0 0.8rem;
  }

  .phone_menu_li .pml_main a {
    font-size: 0.34rem;
  }

  .phone_menu_li .pml_main span {
    font-size: 0.4rem;
    font-weight: lighter;
  }

  .phone_menu_li .phone_menu_second {}

  .phone_menu_li .phone_menu_second li {
    padding: 0.05rem 0.4rem 0.05rem 1.2rem;
    border-top: 1px solid #eee;
  }

  .phone_menu_li .phone_menu_second li a {
    font-size: 0.28rem;
    color: #888;
  }

  /* phone_roof */
  .phone_roof {
    position: fixed;
    display: flex;
    top: 0;
    width: 100vw;
    height: 1.2rem;
    padding: 0 0.5rem;
    justify-content: space-between;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .phone_roof .phone_main_logo {
    height: 60%;
  }

  .phone_roof .phone_main_logo a {
    display: block;
    height: 100%;
  }

  .phone_roof .phone_main_logo img {
    height: 100%;
  }

  .phone_roof .phone_logo_right {
    position: relative;
    display: block;
    width: 0.6rem;
    height: 0.4rem;
  }

  .phone_roof .phone_logo_right::before {
    position: absolute;
    top: 0;
    content: '';
    display: block;
    width: 0.6rem;
    height: 2px;
    background-color: #1A66FF;
  }

  .phone_roof .phone_logo_right .logo_r_line {
    position: absolute;
    top: 50%;
    width: 0.6rem;
    height: 2px;
    transform: translateY(-50%);
    background-color: #1A66FF;
  }

  .phone_roof .phone_logo_right::after {
    position: absolute;
    bottom: 0;
    content: '';
    display: block;
    width: 0.6rem;
    height: 2px;
    background-color: #1A66FF;
  }

  /* for_pc_roof */
  .for_roof {
    display: block;
    height: 1.2rem;
  }

  /* page_roof_container */
  .page_roof_container {
    display: none;
  }

  /* banner */
  .swiper-container {
    height: calc(100vh - 1.2rem);
  }

  .swiper-container .swiper-slide .slide_inner {
    top: 5rem;
  }

  .swiper-container .swiper-slide .slide_inner h3 {
    font-size: 1rem;
    text-align: center;
  }

  .swiper-container .swiper-slide .slide_inner img {
    margin-top: 1rem;
    width: 96vw;
  }

  .swiper-pagination {
    gap: 0.2rem;
    bottom: 0.5rem !important;
  }

  .swiper-pagination .my-bullet {
    margin: 0.2rem 0;
    width: 1rem;
    height: 0.1rem;
  }

  /* pro_container */
  .pro_container {
    position: relative;
    width: 100vw;
    height: auto;
    margin-bottom: 1rem;
    padding-top: 1rem;
  }

  .index_pro_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
  }

  .index_pro_main {
    position: static;
    margin-bottom: 0.5rem;
    text-align: center;
  }

  .index_pro_main::after {
    display: none;
  }

  .index_pro_main h2 {
    font-size: 0.5rem;
  }

  .index_pro_main h3 {
    margin: 0.3rem 0;
    font-size: 0.3rem;
  }

  .index_pro_main p {
    font-size: 0.24rem;
    opacity: 1;
  }

  .index_pro_img1,
  .index_pro_img2,
  .index_pro_img3,
  .index_pro_img4,
  .index_pro_img5 {
    position: static;
    width: 96vw;
    height: auto;
  }

  .index_pro_img1 img,
  .index_pro_img2 img,
  .index_pro_img3 img,
  .index_pro_img4 img,
  .index_pro_img5 img {
    width: 100%;
  }


  /* about_container */
  .about_container {
    padding: 0 0.24rem;
    margin-bottom: 1rem;
    flex-direction: column;
    gap: 0.6rem;
  }

  .about_left {
    width: 100%;
  }

  .about_left .about_left_img {
    width: 100%;
  }

  .about_left .about_left_img::before {
    width: 100%;
    height: auto;
    aspect-ratio: 5 / 3;
    border-radius: 0.3rem;
  }

  .about_left .about_left_img img {
    border-radius: 0.3rem;
  }

  @keyframes index_about_img {
    0% {
      transform: translate(0, 0);
    }

    50% {
      transform: translate(0.24rem, 0.24rem);
    }

    100% {
      transform: translate(0, 0);
    }
  }

  .about_left .about_left_img::after {
    top: auto;
    left: auto;
    right: 0;
    bottom: -0.8rem;
    display: block;
    width: 2rem;
    height: 2rem;
  }

  .about_right {
    flex: 1;
  }

  .about_right .about_title {
    margin-bottom: 0.3rem;
    align-items: flex-start;
    flex-direction: column;
  }

  .about_right .about_title .about_title_left {
    margin-bottom: 0.2rem;
  }

  .about_right .about_title .about_title_left h3 {
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
  }

  .about_right .about_title .about_title_left h4 {
    font-size: 0.5rem;
  }

  .about_right .about_title .about_title_right {
    font-size: 0.24rem;
  }

  .about_right .about_title .about_title_right img {
    width: 0.3rem;
  }

  .about_right .about_main {
    font-size: 0.28rem;
  }

  .about_bottom {
    position: static;
    width: 100%;
    height: auto;
    padding-top: 0.5rem;
    flex-direction: column;
    border-radius: 0.3rem;
  }

  .about_bottom .about_bottom_item {
    line-height: 1;
    padding-bottom: 0.5rem;
  }

  .about_bottom .about_bottom_item .abi_top {
    margin-bottom: 0.3rem;
    font-size: 0.28rem;
  }

  .about_bottom .about_bottom_item .abi_top span {
    font-size: 1rem;
  }

  .about_bottom .about_bottom_item:nth-of-type(1) .abi_top span {
    width: 3.3rem;
  }

  .about_bottom .about_bottom_item:nth-of-type(2) .abi_top span {
    width: 1.9rem;
  }

  .about_bottom .about_bottom_item:nth-of-type(3) .abi_top span {
    width: 1.5rem;
  }

  .about_bottom .about_bottom_item .abi_bottom {
    font-size: 0.28rem;
  }

  /* global_container */
  .global_container {
    height: 50vh;
    padding-top: 1.5rem;
  }

  .global {
    flex-direction: column;
    padding: 0 0.24rem;
    gap: 1rem;
  }

  .global .global_left_wrapper .global_left {
    gap: 0.3rem;
    flex-direction: column;
  }

  .global .global_left_wrapper .global_left .global_left_t {
    font-size: 0.8rem;
  }

  .global .global_left_wrapper .global_left .global_left_info {
    width: 100%;
    font-size: 0.28rem;
  }

  .global .global_cut {
    gap: 0.2rem;
  }

  .global .global_cut>img {
    width: 1rem;
  }

  /* case_container */
  .case_container {
    height: auto;
    padding: 1rem 0.24rem;
  }

  .case_pale {
    top: 9.6rem;
    left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
  }

  @keyframes case_pale {
    0% {
      transform: translateX(0);
    }

    50% {
      transform: translateX(5rem);
    }

    100% {
      transform: translateX(0);
    }
  }

  .case_blue {
    top: 2rem;
    right: 1rem;
    width: 1.6rem;
    height: 1.6rem;
  }

  .case_circle {
    top: -2rem;
    right: -2rem;
    width: 6rem;
    height: 6rem;
  }

  .case_top {
    flex-direction: column;
    margin-bottom: 2rem;
    gap: 0.5rem;
  }

  .case_top .case_top_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .case_top .case_top_item .case_top_top {
    margin-bottom: 0.5rem;
  }

  .case_top .case_top_item .case_top_top img {
    margin-bottom: 0.3rem;
  }

  .case_top .case_top_item .case_top_top h2 {
    font-size: 0.5rem;
  }

  .case_top .case_top_item .case_top_main {
    font-size: 0.28rem;
  }

  .case_bottom {
    flex-direction: column;
  }

  .case_bottom .case_bottom_t {
    width: 100%;
  }

  .case_bottom .case_bottom_t h2 {
    margin-bottom: 0.2rem;
    font-size: 0.5rem;
  }

  .case_bottom .case_bottom_t h3 {
    font-size: 0.3rem;
  }

  .case_bottom .case_bottom_main {
    height: auto;
    gap: 0.3rem;
    flex-direction: column;
  }

  .case_bottom .case_bottom_main .cbm_img {
    position: relative;
    z-index: 10;
    width: 80vw;
    height: auto;
    padding-top: 1rem;
  }

  .case_bottom .case_bottom_main .cbm_img img {
    width: 100%;
    height: 100%;
  }

  .case_bottom .case_bottom_main .cbm_img::after {
    display: none;
  }

  .case_bottom .case_bottom_main .cbm_right .cbm_t {
    margin-bottom: 0.3rem;
    flex-direction: column;
  }

  .case_bottom .case_bottom_main .cbm_right .cbm_t h2 {
    padding-bottom: 0.3rem;
    font-size: 0.5rem;
  }

  .case_bottom .case_bottom_main .cbm_right .cbm_t span {
    font-size: 0.24rem;
  }

  .case_bottom .case_bottom_main .cbm_right .cbm_t span img {
    width: 0.3rem;
  }

  .case_bottom .case_bottom_main .cbm_right .cbm_logo {
    width: 3rem;
    height: 1rem;
    margin-bottom: 0.5rem;
    border-radius: 0.1rem;
  }

  .case_bottom .case_bottom_main .cbm_right .cbm_main {
    font-size: 0.28rem;
  }

  .case_bottom .case_bottom_main::after {
    top: 0.5rem;
    left: -0.24rem;
  }

  /* news_container */
  .news_container {
    height: auto;
    padding: 0 0.24rem;
  }

  .news_container::after {
    display: none;
  }

  .news_headline {
    margin-bottom: 0.5rem;
    text-align: left;
  }

  .news_headline h2 {
    margin-bottom: 0.2rem;
    font-size: 0.5rem;
  }

  .news_headline h3 {
    font-size: 0.3rem;
  }

  .news_main_wrapper {
    overflow: hidden;
  }

  .news_main {
    align-items: flex-start;
    flex-direction: column;
  }

  .news_main .news_item {
    width: 100%;
    gap: 54px;
    padding-bottom: 1rem;
  }

  .news_main .news_item:not(:first-of-type) {
    margin-left: 0;
  }

  .news_main .news_item .news_item_top {
    width: 100%;
    height: auto;
    aspect-ratio: 356 / 512;
    padding: 0.4rem 0.3rem 2rem;
  }


  .news_main .news_item .news_item_top .nit_img {
    width: 100%;
    height: auto;
    aspect-ratio: 32 / 21;
    border-radius: 0.3rem;
  }

  .news_main .news_item .news_item_top .nit_img img {
    width: 100%;
    height: 100%;
  }

  .news_main .news_item .news_item_top .nit_detail .nit_t {
    margin-bottom: 0.3rem;
    font-size: 0.4rem;
  }

  .news_main .news_item .news_item_top .nit_detail .nit_info {
    -webkit-line-clamp: 4;
    font-size: 0.28rem;
  }

  .news_main .news_item .news_item_top .nit_more {
    bottom: 0.3rem;
    width: 1.2rem;
    height: 1.2rem;
  }

  .news_main .news_item .news_item_time {
    font-size: 0.5rem;
  }

  .news_main .news_item:nth-of-type(even) {
    flex-direction: column;
    margin-top: 0;
  }

  .news_main .news_item:nth-of-type(even) .news_item_top {
    flex-direction: column;
    background-image: url('../images/newst_1.png');
    width: 100%;
    height: auto;
    padding: 0.4rem 0.3rem 2rem;
  }

  .news_main .news_item:nth-of-type(even):hover .news_item_top {
    background-image: url('../images/newst_2.png');
  }

  .news_main .news_item:nth-of-type(even) .news_item_top .nit_more {
    top: unset;
  }

  .news_main .news_item:nth-of-type(even) .news_item_time {
    font-size: 0.5rem;
  }

  .news_main .news_item:nth-of-type(even) .news_item_time::before {
    top: -32px;
    bottom: unset;
  }

  .news_main .news_item:nth-of-type(even) .news_item_time::after {
    top: -41px;
    bottom: unset;
  }

  /* contact_container */
  .contact_container {
    height: auto;
  }

  .contact_main {
    flex-direction: column;
    height: auto;
    padding: 0.5rem 0.24rem;
  }

  .contact_main .contact_logo {
    margin-right: 0;
  }

  .contact_main .contact_line {
    width: 100%;
    height: 1px;
    margin: 0.3rem 0;
  }

  .contact_main .contact_icon {
    margin-bottom: 0.2rem;
    margin-right: 0;
  }

  .contact_main .contact_phone {
    margin-bottom: 0.2rem;
    text-align: center;
  }

  .contact_main .contact_phone h6 {
    margin-bottom: 0.1rem;
    font-size: 0.24rem;
  }

  .contact_main .contact_phone h3 {
    font-size: 0.4rem;
  }

  .contact_main .contact_right {
    text-align: center;
    font-size: 0.28rem;
  }

  .contact_main .contact_right h2 {
    margin-bottom: 0.3rem;
    font-size: 0.4rem;
  }

  /* bottom_wrapper */
  .bottom_wrapper {
    padding: 1rem 0.24rem 0.6rem 0.24rem;
  }

  .bottom {
    flex-direction: column;
  }

  .bottom .bottom_left {
    gap: 0.5rem;
    flex-direction: column;
  }

  .bottom .bottom_left dl {
    display: flex;
    flex-wrap: wrap;
  }

  .bottom .bottom_left dl dt {
    width: 100%;
    margin-bottom: 0.3rem;
    font-size: 0.4rem;
  }

  .bottom .bottom_left dl dd {
    margin-bottom: 0.3rem;
    margin-right: 0.3rem;
  }

  .bottom .bottom_left dl dd a {
    font-size: 0.28rem;
  }

  .bottom .bottom_right {
    display: none;
  }

  /* footer */
  .footer_wrapper {
    height: auto;
  }

  .footer {
    height: auto;
    padding: 0.3rem 0.24rem;
    flex-direction: column;
    font-size: 0.24rem;
    align-items: flex-start;
  }

  .footer .f_left {
    margin-bottom: 0.3rem;
  }

  /* inside_common_banner */
  .inside_common_banner {
    height: 50vh;
  }

  .common_banner_main {
    text-align: center;
  }

  .common_banner_main h2 {
    margin-bottom: 0.8rem;
    font-size: 0.9rem;
  }

  .common_banner_main h3 {
    font-size: 0.4rem;
  }

  /* -----------about------------- */
  .about_banner_main {
    padding: 1rem 0.24rem 0;
  }

  .about_banner_main h2 {
    margin-bottom: 0.5rem;
    font-size: 0.6rem;
  }

  .about_banner_main h3 {
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
  }

  .about_banner_main h4 {
    margin-bottom: 0.3rem;
    font-size: 0.3rem;
  }

  /* inside_about_main */
  .inside_about_main {
    height: auto;
    padding: 1rem 0.24rem 2rem;
  }

  .inside_about_main h2 {
    margin-bottom: 0.2rem;
    font-size: 0.5rem;
  }

  .inside_about_main h3 {
    margin-bottom: 0.5rem;
    font-size: 0.3rem;
  }

  .inside_about_main .inside_about_main_detail {
    font-size: 0.28rem;
  }

  .inside_about_main .inside_about_main_detail .about_detail_item {
    margin-bottom: 0.3rem;
  }

  .inside_about_num {
    padding: 1rem 0.24rem 0.5rem;
  }

  .inside_about_num .ian_main {
    flex-direction: column;
    align-items: center;
  }

  .inside_about_num .ian_main .ian_item {
    line-height: 1;
    text-align: center;
    padding-bottom: 0.5rem;
  }

  .inside_about_num .ian_main .ian_item h4 {
    margin-bottom: 0.2rem;
    font-size: 0.4rem;
  }

  .inside_about_num .ian_main .ian_item h3 {
    font-size: 0.3rem;
  }

  .inside_about_num .ian_main .ian_item h3 span {
    width: 6.1rem;
  }

  .inside_about_num .ian_main .ian_item:nth-of-type(2) h3 span {
    width: 3.3rem;
  }

  .inside_about_num .ian_main .ian_item:nth-of-type(3) h3 span {
    width: 2.7rem;
  }

  .our_client {
    padding: 1rem 0.24rem;
  }

  .our_client h2 {
    margin-bottom: 0.2rem;
    font-size: 0.5rem;
  }

  .our_client h3 {
    margin-bottom: 0.6rem;
    font-size: 0.3rem;
  }

  .our_client_list {
    gap: 0.5rem;
    flex-wrap: wrap;
  }

  .our_client_list .ocl_item {
    width: calc(50% - 0.25rem);
    padding-bottom: 0.2rem;
  }

  .our_client_list .ocl_item span {
    font-size: 0.28rem;
  }

  .client_item {
    width: 100vw;
    height: 8rem;
  }

  .client_item .client_item_text {
    position: absolute;
    top: 6vw;
    left: 0.24rem;
    right: 0.24rem;
    color: #fff;
    z-index: 2;
  }

  .client_item .client_item_text h2 {
    margin-bottom: 0.1rem;
    font-size: 0.5rem;
  }

  .client_item .client_item_text h3 {
    margin-bottom: 0.1rem;
    font-size: 0.3rem;
  }

  .client_item .client_item_text p {
    font-size: 0.28rem;
  }

  /* inside_culture_main */
  .inside_culture_main {
    padding: 1rem 0 0;
  }

  .inside_culture_main .icm_t1 {
    padding-bottom: 0.2rem;
    font-size: 0.5rem;
  }

  .inside_culture_main .icm_t2 {
    padding-bottom: 0.6rem;
    font-size: 0.3rem;
  }

  .inside_culture_main .icm {
    margin-bottom: 0.5rem;
    flex-direction: column;
    padding: 0 0.24rem;
  }

  .inside_culture_main .icm .icm_item {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0.5rem;
    aspect-ratio: 4 / 3;
    border-radius: 0.3rem;
  }

  .inside_culture_main .icm .icm_item .icm_item_t h3 {
    font-size: 0.4rem;
  }

   /* history */
   .history_wrapper {
    padding: 1rem 0;
  }

  .history {
    padding: 0 0.24rem;
  }

  .history::before {
    left: 0.39rem;
  }

  .his_item {
    padding-bottom: 0.8rem;
  }

  .his_item .his_top {
    margin-bottom: 0.3rem;
    gap: 0.3rem;
  }

  .his_item .his_top .his_top_point {
    width: 0.3rem;
    height: 0.3rem;
  }

  .his_item .his_top .his_top_info h2 {
    margin-bottom: 0.2rem;
    font-size: 0.4rem;
  }

  .his_item .his_top .his_top_info h3 {
    font-size: 0.28rem;
  }

  .his_item .his_img {
    margin-left: 0.6rem;
    border-radius: 0.5rem;
  }

  /* team_strength_main */
  .team_strength_main {
    flex-direction: column;
    padding: 0 0.24rem 2rem;
    gap: 1.8rem;
  }

  .team_strength_main .team_strength_item {
    width: 100%;
    border-radius: 0.2rem;
  }

  .team_strength_main .team_strength_item h2 {
    padding: 0.3rem 0 0.2rem;
    font-size: 0.5rem;
  }

  .team_strength_main .team_strength_item h3 {
    font-size: 0.3rem;
  }

  .team_strength_main .team_strength_item .tsi_img {
    bottom: -1rem;
    border-radius: 0.2rem;
  }

  .team_strength_main .team_strength_item .tsi_img p {
    padding: 0.24rem;
    font-size: 0.24rem;
    border-radius: 0.2rem;
  }

  /* core_strength_main */
  .core_strength_main {
    flex-direction: column;
    padding-bottom: 1rem;
  }

  .core_strength_main .csm_item {
    width: 100%;
  }

  .core_strength_main .csm_item p {
    top: 0.3rem;
    right: 0.24rem;
    left: 0.24rem;
    font-size: 0.24rem;
  }

  .rd_detail {
    padding: 0 0.24rem 1rem;
    font-size: 0.28rem;
  }

  /* inside_case_wrapper */
  .inside_case_wrapper {
    padding: 0 0.24rem 1rem;
    gap: 0.3rem;
  }

  .inside_case_wrapper .icw_item {
    width: 100%;
    padding: 0.2rem;
    border-radius: 0.3rem;
  }

  .inside_case_wrapper .icw_item .icw_pic {
    border-radius: 0.3rem;
  }

  .inside_case_wrapper .icw_item p {
    text-align: center;
    padding-top: 0.28rem;
  }

  /* inside_single_wrapper */
  .inside_single_wrapper {
    padding: 0 0.24rem 1rem;
    font-size: 0.28rem;
  }

  /* banner_contact */
  .banner_contact {
    position: absolute;
    width: 100%;
    padding: 0 0.24rem;
    text-align: center;
    font-size: 0.32rem;
  }

  /* 给我们留言 */
  .inside_message {
    padding: 1rem 0.24rem;
  }

  .inside_message .inside_form_input {
    margin-bottom: 0.3rem;
    width: 100%;
  }

  .inside_message .inside_form_input .inside_ipt {
    height: 1rem;
    padding: 0 0.3rem;
    border-radius: 0.1rem;
    font-size: 0.28rem;
  }

  .inside_message .inside_form_textarea {
    margin-bottom: 0.8rem;
  }

  .inside_message .inside_form_textarea .inside_area {
    height: 3rem;
    padding: 0.3rem;
    border-radius: 0.1rem;
    font-size: 0.28rem;
  }

  .inside_message .inside_form_btn {
    width: 100%;
  }

  .inside_message .inside_form_btn .inside_btn {
    width: 100%;
    padding: 0.3rem 0;
    border-radius: 0.1rem;
  }

  /* inside_category */
  .inside_category {
    margin-bottom: 1rem;
    gap: 0.2rem;
    flex-wrap: wrap;
    padding: 0 0.24rem;
    justify-content: flex-start;
  }

  .inside_category a {
    width: calc(50% - 0.1rem);
    height: 1rem;
    padding: 0 20px;
    line-height: 1rem;
    border-radius: 0.1rem;
    text-align: center;
  }

  /* inside_news_wrapper */
  .inside_news_wrapper {
    padding: 0 0.24rem 1rem;
    gap: 0.5rem;
  }

  .inside_news_wrapper .inw_item {
    width: 100%;
    border-radius: 0.2rem;
  }

  .inside_news_wrapper .inw_item .inwi_main {
    padding: 0.24rem;
  }

  .inside_news_wrapper .inw_item .inwi_main .inwi_top {
    font-size: 0.24rem;
  }

  .inside_news_wrapper .inw_item .inwi_main .inwi_top span {
    margin-right: 0.1rem;
  }

  .inside_news_wrapper .inw_item .inwi_main .inwi_title {
    font-size: 0.4rem;
  }

  .inside_news_wrapper .inw_item .inwi_main .inwi_js {
    margin: 0.1rem 0 0.3rem;
    font-size: 0.28rem;
  }

  .inside_news_wrapper .inw_item .inwi_main .inwi_more {
    font-size: 0.24rem;
  }

  /* inside_news_detail */
  .inside_news_detail {
    padding: 0 0.24rem 1rem;
  }

  .inside_news_detail .ind_title_wrapper {
    margin-bottom: 0.5rem;
    padding-bottom: 0.3rem;
  }

  .inside_news_detail .ind_title_wrapper .ind_title {
    margin-bottom: 0.3rem;
    font-size: 0.36rem;
    line-height: 1.6;
  }

  .inside_news_detail .ind_title_wrapper .ind_info {
    font-size: 0.24rem;
  }

  .inside_news_detail .ind_title_wrapper .ind_info span {
    margin: 0 0.1rem;
  }

  .inside_news_detail .ind_main {
    font-size: 0.28rem;
  }

  /* inside_product_container */
  .inside_product_container {}

  .inside_product_container .ipc_item {
    padding: 0.8rem 0 0;
  }

  .inside_product_container .ipc_item .ipc_headline {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.8rem;
    padding: 0 0.24rem 0.3rem;
    font-size: 0.5rem;
  }

  .inside_product_container .ipc_item .ipc_headline a {
    margin-top: 0.2rem;
    font-size: 0.24rem;
  }

  /* pro_catalog */
  .pro_catalog {
    flex-direction: column;
    padding: 0 0.24rem 2rem;
    gap: 2rem;
  }

  .pro_catalog .pc_item {
    width: 100%;
    border-radius: 0.1rem;
  }

  .pro_catalog .pc_item::before {
    border-radius: 0.1rem;
  }

  .pro_catalog .pc_item .pc_img {
    border-radius: 0.1rem;
  }

  .pro_catalog .pc_item .pc_info {
    bottom: -1rem;
    height: 2rem;
    padding: 0 0.24rem;
    border-radius: 0.1rem;
  }

  .pro_catalog .pc_item:hover .pc_info {
    transform: translateY(-20px);
  }

  .pro_catalog .pc_item .pc_info::after {
    border-radius: 0.1rem;
  }

  .pro_catalog .pc_item .pc_info p {
    font-size: 0.28rem;
    line-height: 1.4;
  }

  .pro_catalog .pc_item .pc_info h2 {
    font-size: 0.36rem;
  }

  /* pro_banner_container */
  .pro_banner_container {
    padding: 1rem 0.24rem 0;
  }

  .pro_banner_container .pro_banner h2 {
    font-size: 0.7rem;
  }

  .pro_banner_container .pro_banner h3 {
    margin: 0.2rem 0 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 0.6rem;
  }

  .pro_banner_container .pro_banner h4 {
    font-size: 0.4rem;
  }

  /* pro_detail_wrapper */
  .pro_detail_wrapper {
    padding: 1rem 0.24rem;
  }

  .pro_detail_wrapper .pro_detail {
    flex-direction: column;
    gap: 0.5rem;
  }

  .pro_detail_wrapper.grey_bg .pro_detail {
    flex-direction: column-reverse;
  }

  .pro_detail_wrapper .pro_detail .pdw_info h2 {
    font-size: 0.5rem;
  }

  .pro_detail_wrapper .pro_detail .pdw_info h3 {
    width: 1rem;
    height: 0.1rem;
    margin: 0.4rem 0;
  }

  .pro_detail_wrapper .pro_detail .pdw_info h6 {
    font-size: 0.28rem;
    line-height: 1.8;
  }

  .pro_detail_wrapper .pro_detail .pdw_img {
    width: 100%;
  }

  .pro_detail_wrapper .pdw_ct {
    font-size: 0.5rem;
  }

  .pro_detail_wrapper .pdw_ctl {
    width: 1rem;
    height: 0.1rem;
    margin: 0.4rem auto 0.6rem;
  }

  /* 产品表格 */
  .pro_detail_wrapper .pdw_table_wrapper {
    width: 100%;
    overflow-x: auto;
  }

  .pro_detail_wrapper .pdw_table {
    width: 150vw;
    font-size: 0.28rem;
  }

  .pro_detail_wrapper .pdw_table .pdmt_row:first-of-type .pdmt_col {
    font-size: 0.32rem;
  }

  /* 产品样件 */
  .pro_detail_wrapper .pdw_sample {
    gap: 0.3rem;
  }

  .pro_detail_wrapper .pdw_sample .pdws_item {
    width: calc(50% - 0.15rem);
  }

  /* 产品解决方案 */
  .pdw_ct_info {
    margin: 0.3rem auto 0.6rem;
    padding: 0 0.24rem;
    font-size: 0.24rem;
  }

  .pdw_solution .pdw_solution_main {
    flex-direction: column;
  }

  .pdw_solution .pdw_solution_main .pdwsm_left {
    width: 100%;
    padding: 0;
    flex-direction: row;
    /* flex-wrap: wrap; */
  }

  .pdw_solution .pdw_solution_main .pdwsm_left li {
    margin: 0;
    width: 33.33%;
    height: 1rem;
    font-size: 0.28rem;
    line-height: 1rem;
  }

  .pdw_solution .pdw_solution_main .pdwsm_right_wrapper {
    width: 100%;
    display: none;
  }

  .pdw_solution .pdw_solution_main .pdwsm_right {
    padding: 0.4rem 0.24rem;
  }

  .pdw_solution .pdw_solution_main .pdwsm_right h2 {
    margin-bottom: 0.2rem;
    font-size: 0.34rem;
  }

  .pdw_solution .pdw_solution_main .pdwsm_right h3 {
    margin-bottom: 0.3rem;
    padding-right: 0;
    font-size: 0.24rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .pdw_solution .pdw_solution_main .pdwsm_right .pdwsm_btn1 {
    width: 2rem;
    height: 0.7rem;
    margin-right: 0.3rem;
    line-height: 0.7rem;
    border-radius: 0.1rem;
    font-size: 0.28rem;
  }

  .pdw_solution .pdw_solution_main .pdwsm_right .pdwsm_btn2 {
    width: 2rem;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 0.1rem;
    font-size: 0.28rem;
  }

  .fenye {
    padding-bottom: 1rem;
  }


  .ys_wrapper {}

  .ys_item {
    flex-direction: column;
    gap: 0.2rem;
    padding-bottom: 0.3rem;
  }

  .ys_item:nth-of-type(2) {
    flex-direction: column;
  }

  .ys_item .ysi_l {
    padding: 0.5rem 0.24rem;
    line-height: 1;
    color: #fff;
    background-color: #1A66FF;
  }

  .ys_item .ysi_l h2 {
    margin-bottom: 0.1rem;
    font-size: 0.4rem;
    border-bottom: 0.1rem solid rgb(224, 242, 150);
  }

  .ys_item .ysi_l h3 {
    font-size: 0.26rem;
  }

  .ys_item .ysi_l h5 {
    font-size: 0.8rem;
  }

  .ys_item .ysi_l h6 {
    font-size: 0.5rem;
  }

  .ys_item .ysi_r {
    width: 100%;
  }
}