@charset "utf-8";

@font-face {  
    font-family:"family_BebasNeue";
  src:  url('../fonts/BebasNeue-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/BebasNeue-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/BebasNeue-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/BebasNeue-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
  
font-stretch: condensed;
font-style: oblique;
font-weight: bold;
}
.family_BebasNeue{ font-family:"family_BebasNeue"}



.home_vedio_show{
position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20000;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.7);
  display: none;backdrop-filter: blur(15px);
}
.vedios {
  position: fixed;
  top: 0%;
  left: 0%;
  width:100%;
  z-index: 20001; height:100%; text-align:center;
  display: none;
}
.vedios .videocon{ height:100%; width:100%; display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;}
.vedios  video{ max-width:80%;}
.vedios  video.video_cases{ height:80%; width: auto}
.vedios .position_re{ position:relative;display: flex;justify-content: center;width:100%;align-items: center; height: 100%; }
.vedios .position_re .close_btn{ display:none; position: absolute;
  top: 0;
  right: 0;
  background-color: #002e9f;
  padding: 20px;}
.vedios .position_re .close_btn img{ width:2.5vh;}
.vedios .position_re .close_btn img:hover{transform: rotate(90x)}


.home_vedio_show {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
  display: none;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  clip-path: inset(50% 0 50% 0);
}
.home_vedio_show.show {
  clip-path: inset(0 0 0 0);
}

.vedios {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10000;
  transform: translate(-50%, -50%) scale(0.9);
  opacity: 0;
  display: none;
  transition: all 0.4s ease;
}
.vedios.show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* 🔥 修复关闭按钮：强制显示 + 置顶 */
.close_btn {
  position: absolute;
  top: -50px;
  right: 0;
  cursor: pointer;
  z-index: 99999999 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/*产品中心 页面样式开始*/


.pro_list_shows{ padding-bottom:1.4rem}
.pro_list_shows>ul{}
.pro_list_shows>ul>li{position: relative; margin-bottom:0.4rem}
.pro_list_shows>ul>li .pro_list_one_img{}
.pro_list_shows>ul>li .pro_list_one_img{width: 100%;
            height: 6rem;overflow: hidden;
            border-radius: 0.08rem;cursor: pointer;}

.pro_list_shows>ul>li .pro_list_one_img img {
            width: 100%;
            height: 6rem;
            object-fit: cover;
            border-radius: 0.08rem;
            margin-bottom: 0.2rem;transition: transform 0.5s ease;
        }
.pro_list_shows>ul>li:hover .pro_list_one_img img{transform: scale(1.06);}
.pro_list_shows>ul>li .pro_list_one_fonts{position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  width: 30%;
  color: #fff;}
.pro_list_shows>ul>li .pro_list_one_fonts .pro_list_one_fonts_tit{font-size: 0.32rem;
  font-weight: bold;
  line-height: 1.5;}
.pro_list_shows>ul>li .pro_list_one_fonts   .pro_list_one_fonts_decipes{ padding:0.4rem 0;}
.pro_list_shows>ul>li .pro_list_one_fonts   .pro_list_one_fonts_decipes ul li{}
/* 让 li 变成弹性布局，图片和文字自动垂直居中 */
.pro_list_shows>ul>li .pro_list_one_fonts   .pro_list_one_fonts_decipes ul li {
 display: flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.08rem 0;
  font-size: 0.18rem;
}

/* 图片防止变形、设置合适大小 */
.pro_list_shows>ul>li .pro_list_one_fonts   .pro_list_one_fonts_decipes ul li  .wang_icon {
  width: 0.18rem;    /* 你可以改大小 */
  height: 0.18rem;
  object-fit: contain;
  vertical-align: middle; /* 兼容兜底 */
}

/* 文字段落去掉默认边距，避免错位 */
.pro_list_shows>ul>li .pro_list_one_fonts   .pro_list_one_fonts_decipes ul li  p {
  margin: 0;
  padding: 0;
}
.pro_list_shows>ul>li .pro_list_one_fonts  .pro_list_one_fonts_link{ }
.pro_list_shows>ul>li .pro_list_one_fonts  .pro_list_one_fonts_link{
  position: relative; /* 为伪元素定位做参考 */
  display: inline-block; /* 适配内容宽度 */
}

.pro_list_shows>ul>li .pro_list_one_fonts  .pro_list_one_fonts_link a {
  gap: 0.6rem;
  text-decoration: none;
  color: #fff;
  position: relative;
  padding-bottom: 0.15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 底部白色线条：伪元素实现 */
.pro_list_shows>ul>li .pro_list_one_fonts  .pro_list_one_fonts_link a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; /* 初始宽度（参考设计） */
  height: 1px; /* 线条高度 */
  background-color: #fff; /* 白色线条 */
  transition: width 0.3s ease-in-out; /* 丝滑过渡：0.3秒，缓入缓出 */
}

/* 鼠标悬浮：线条宽度变大 */
.pro_list_shows>ul>li .pro_list_one_fonts  .pro_list_one_fonts_link a:hover{gap: 1rem;}


.pro_accessories_show { padding-bottom:1.4rem}
.pro_accessories_show .category-title{position: relative;
  text-align: center;}
.pro_accessories_show .category-title span{display: inline-block;
  background-color: #fff;
  padding: 0.4rem;
  color: #2D56A5;
  font-weight: bold;
  font-size: 0.3rem;position: relative;
  z-index: 2;}
.pro_accessories_show .category-title::after {
  content: "";
  position: absolute;
  left: 0;
  top:50%;
  width: 100%; /* 初始宽度（参考设计） */
  height: 1px; /* 线条高度 */
  background-color: #DDE6F6; /* 白色线条 */
  transition: width 0.3s ease-in-out; /* 丝滑过渡：0.3秒，缓入缓出 */
}

.pro_accessories_show .product-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 核心：固定一行3个，每个1份宽度 */
  gap: 0.3rem;
  margin-bottom: 0.3rem;
        }
        /* 单个产品卡片 */
.pro_accessories_show .product-list .product-card {
    border: 1px solid #DDE6F6;
    padding: 0.3rem;
    display: flex;
    flex-direction: column;
    text-align: left;
    border-radius: 0.1rem;
    transition: all 0.3s ease; /* 关键：丝滑过渡 */
    cursor: pointer; /* 可选：鼠标变成小手 */
}

/* 悬浮：淡淡的阴影 + 微微上浮效果（更高级） */
.pro_accessories_show .product-list .product-card:hover {
    box-shadow: 0 4px 12px rgba(0, 30, 80, 0.08); /* 淡淡的柔和阴影 */
    transform: translateY(-2px); /* 微微上浮，更有质感 */
}
        .pro_accessories_show .product-list .product-card{}
        /* 产品图片容器 */
.pro_accessories_show .product-list  .product-img {
            width: 100%;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;overflow: hidden;cursor: pointer;
        }
.pro_accessories_show .product-list  .product-img img {
            max-width: 100%;
  max-height: 80%;
  object-fit: contain;transition: transform 0.5s ease;
        }
.pro_accessories_show .product-card:hover  .product-img img{transform: scale(1.06);}
        
        
        /* 产品名称 */
.pro_accessories_show .product-list  .product-name {
            font-size: 0.22rem;
            font-weight: 500;
            margin-bottom: 0.15rem;
            color: #333;
        }
        /* 产品参数 */
.pro_accessories_show .product-list   .product-spec {
            font-size: 0.16rem;
  color: #666;
  line-height: 1.6;
        }
.pro_accessories_show .product-list   .product-spec p{ padding:0.03rem 0;}        
.pro_accessories_show .product-list   .product-spec .wang-img {
            display: inline-block; width: 0.16rem; height: 0.16rem;
            margin-right: 0.1rem;
        }

 /* LOGO滚动容器：必须设高度，适配2行 */
        .partner-swipe-box {
            width: 100%;
            height: 4.5rem !important; /* 固定高度，适配2行LOGO */
            margin: 0 auto;
            overflow: hidden;
            opacity: 1 !important; /* 初始化时可见，避免尺寸计算错误 */
            padding-bottom: 1.5rem;
        }
        /* Swiper Grid布局核心样式 */
        .partnerSwipe {
            width: 100%;
            height: 100%;
        }
        .partnerSwipe  .swiper-pagination{ bottom:50px}  
        .partnerSwipe .swiper-wrapper {
            height: 100%;
        }
        /* 滑块样式：2行拆分高度，每行7个自动适配宽度 */
        .partnerSwipe .swiper-slide {
            text-align: center;
            background: #fff;
            /* 2行高度：(总高度 - 间距30px) / 2 */
            height: calc((100% - 30px) / 2) !important;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        /* LOGO图片自适应 */
        .partnerSwipe .swiper-slide img {
            max-width: 90%;
            max-height: 90%;
            object-fit: contain;
        }
        
        .Swiper_plug-container{ padding-bottom:1.8rem; padding-top:0.1rem;width: 100%;overflow: hidden;}
        .Swiper_plug-container .swiper-wrapper{ margin-left: 0%; margin-right:0%;}
       .Swiper_plug-container .swiper-pagination { bottom:1.2rem;}
       .Swiper_plug-container .swiper-pagination .swiper-pagination-bullet{ height:2px; width:0.2rem; border-radius:0; background-color:#999;}
       .Swiper_plug-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#222;}
        /* 强制各国插头轮播卡片高度统一 */
.Swiper_plug-container .swiper-slide {
  height: auto !important;
}
.Swiper_plug-container .plug-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.Swiper_plug-container .plug-desc {
  flex: 1 !important;
}

/* 合作板块整体容器：控制两列布局+间距 */
.partner-group {
    width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 单个合作项容器：平分宽度+内边距 */
.partner-item-box {
    width: calc(50% - 10px); /* 两列平分，减去gap的一半 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff; /* 白底，匹配设计稿 */
    border-radius: 8px; /* 可选：轻微圆角，和设计稿一致 */
    overflow: hidden; /* 防止图片放大时超出容器 */
}

/* 图片容器：控制图片尺寸+溢出隐藏（放大效果必备） */
.partner-item-box-img {
    width: 100%;
  height: 3.4rem;
  overflow: hidden;
  margin-bottom: 0.2rem;
  border-radius: 8px;
}

/* 图片样式：自适应+过渡动画 */
.partner-item-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 图片等比例覆盖容器，不拉伸 */
    transition: transform 0.5s ease-in-out; /* 放大过渡动画，0.5秒自然流畅 */
}

/* 鼠标hover图片：平滑放大1.05倍 */
.partner-item-box-img:hover img {
    transform: scale(1.05); /* 放大1.05倍，效果自然不夸张 */
}

/* 标题样式：图标+文字排版 */
.partner-item-box h3 {
    font-size: 0.3rem;
  font-weight: 600;
  color: #333;
  margin-top: 0.2rem;
  display: flex;
  align-items: center;
  gap: 0.1rem;
  padding: 0;
  margin-bottom: 0.2rem;
}

/* 标题内小图标：控制尺寸 */
.partner-item-box h3 img {
    width: 0.3rem;
    height: 0.3rem;
    flex-shrink: 0; /* 防止图标被压缩 */
}



/* 响应式适配：移动端改为单列 */
@media (max-width: 768px) {
    .partner-group {
        flex-direction: column;
        gap: 30px;
    }
    .partner-item-box {
        width: 100%;
    }
    .partner-item-box-img {
        height: 200px; /* 移动端图片高度适配 */
    }
}

.partner-group   .partner-descipe {
            font-size: 0.18rem;
  color: #666;
  line-height: 1.6;
        }
.partner-group   .partner-descipe p{ padding:0.05rem 0;}        
.partner-group   .partner-descipe .wang-img {
            display: inline-block; width: 0.16rem; height: 0.16rem;
            margin-right: 0.1rem;
        }


.fangan_contents{display: flex;
  justify-content: space-between;
  align-items: center;}
.fangan_contents .left_img_show{width: 45%;}  
.fangan_contents .right_font_show{width: 45%;} 
.fangan_contents .right_font_show .service-section {
border-top: #000 1px solid;
        }
        /* 大标题样式 */
.fangan_contents .right_font_show  .service-section h2 {
            font-size: 0.26rem;
  color: #16469B;
  margin: 0.4rem 0 0.3rem;
  font-weight: bold;
        }
        /* 列表容器 */
.fangan_contents .right_font_show   .service-list {
            list-style: none;
            padding: 0;
            margin: 0 0 0.45rem;
        }
        /* 列表项 */
.fangan_contents .right_font_show   .service-list li {
            margin: 0.2rem 0;
  display: flex;
  align-items: flex-start;
  background-image: url(/template/pc/images/wang.png);
  background-position: left 0.03rem;
  background-repeat: no-repeat;
  background-size: auto 0.22rem;
  padding-left: 0.3rem;
        }
        /* 圆形图标（用伪元素模拟） */

        /* 服务项目标题 */
.fangan_contents .right_font_show   .service-list .service-title {
            font-size: 0.18rem;
            color: #222;
            font-weight: 500;
            display: block;
            margin-bottom: 0.1rem;
        }
        /* 服务描述文字 */
.fangan_contents .right_font_show    .service-list .service-desc {
            font-size: 0.16rem;
            color: #666;
            line-height: 1.6;
        }
.fangan_contents .service-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
}
.fangan_contents .service-card {
  background: #f7f9fc;
  border-radius: 0.1rem;
  padding: 0.4rem;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}
.fangan_contents .service-card img {
  width: 0.66rem;
  height: 0.66rem;
  margin: 0 auto 0.2rem;
}
.fangan_contents .service-title {
  font-size: 0.24rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 0.15rem;
}
.fangan_contents .service-desc {
  font-size: 0.16rem;
  color: #666;
  line-height: 1.6;
}

/* 悬浮效果 */
.fangan_contents .service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}
        
        
        
        
        
.Swiper_kaopan .swiper-pagination { bottom:0rem;}
       .Swiper_kaopan .swiper-pagination .swiper-pagination-bullet{ height:2px; width:0.2rem; border-radius:0; background-color:#999;}
       .Swiper_kaopan .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#222;}




.plug-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.4rem;
      margin: 0 auto; padding-bottom: 1.4rem;
    }
    .plug-card {
      border: 1px solid #eee;
      border-radius: 8px;
      padding: 0.4rem;
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);transition: all 0.3s ease;cursor: pointer; margin: 0 0.2rem;
    }
    .plug-card:hover{box-shadow: 0 2px 15px rgba(0,0,0,0.15);transform: translateY(-2px);}
    .plug-title {
      font-size: 0.24rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.2rem;
    }
    .plug-desc {
      font-size: 0.18rem;
  color: #333;
  text-align: center;
  margin-bottom: 0.2rem;
  line-height: 2;
    }
    .plug-red {
      color: #f00;
      font-weight: bold;
      text-align: center;
      margin: 6px 0 16px;
      font-size: 14px;
    }
    .plug-img-box {
      text-align: center;
    }
    .plug-img {
      max-width: 80%;
      object-fit: contain;
    }
    /* 移动端适配 */
    @media (max-width:768px) {
      .plug-container {
        grid-template-columns: 1fr;
      }
    }
    
    .Swiper_core_advantage {padding: 0 30px;}
   .Swiper_core_advantage  .swiper-slide {
      flex: 0 0 auto;
      width: auto; /* 单个卡片宽度 */
      height: 5rem; /* 卡片高度 */
      /* 卡片间距 */
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      cursor: pointer;
      /* 动画过渡基础 */
      transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
     .Swiper_core_advantage  .swiper-slide .item-bg {
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
      /* 放大动画核心 */
      transition: transform 0.6s ease-out;
    }

    /* hover时背景放大 */
     .Swiper_core_advantage  .swiper-slide:hover .item-bg {
      transform: scale(1.08); /* 放大1.08倍，丝滑过渡 */
    }
    .Swiper_core_advantage  .swiper-slide .item-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 40px 20px;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 2; /* 文字在图片上层 */
    }

    /* 标题样式 */
    .Swiper_core_advantage  .swiper-slide .item-title {
      font-size: 0.3rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
  text-align: center;
    }

    /* 副标题样式 */
   .Swiper_core_advantage  .swiper-slide .item-subtitle {
      font-size: 0.16rem;
      opacity: 0.9;
      text-shadow: 0 1px 2px rgba(0,0,0,0.3);text-align: center;
    }
    
   .Swiper_kaopan {
  padding-bottom: 0.5rem;padding-top: 0.2rem;
}
    .Swiper_kaopan .swiper-slide{}
    .Swiper_kaopan .swiper-slide .item-bg{border-radius: 50%;
  overflow: hidden;
  text-align: center;margin: 0 0.2rem;}
    .Swiper_kaopan .swiper-slide .item-bg img{ width: 100%;
  margin: 0px auto;
  height: auto;}
    .Swiper_kaopan .swiper-slide .item-content{ text-align: center; padding-top:0.3rem; font-size:0.18rem;}
    .Swiper_kaopan .swiper-pagination { bottom:0rem;}
       .Swiper_kaopan .swiper-pagination .swiper-pagination-bullet{ height:2px; width:0.2rem; border-radius:0; background-color:#999;}
       .Swiper_kaopan .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#222;}
 
 .Swiper_Partner_home {
  padding-bottom: 0rem;padding-top: 0.2rem;
}
    .Swiper_Partner_home .swiper-slide{}
    .Swiper_Partner_home .swiper-slide .item-Partners{border-radius: 50%;
  overflow: hidden;
  text-align: center;margin: 0 0.6rem;}
 .Swiper_Partner_home .swiper-slide .item-Partners img{ width:100%;}
 
 
  
.Specification_Comparison{border-radius: 10px;
  overflow: hidden;
  position: relative;border: 1px solid #ddd;display: flex;
  justify-content: space-between;
  align-items: center; padding:0.4rem 0.5rem}  
 .Specification_Comparison .Specification_Comparison_left{position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center; width:48%;}
  .Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_pro { width:40%; text-align:center} 
  .Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_pro img{ padding:0rem;}
  .Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_pro p{ line-height:1.5; font-size:0.20rem; font-weight:bold;margin-top: 0.3rem;}
  
.Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_font {
    width: 42%;
    text-align: right;
    background-color: #4473C5;
    border-radius: 0.5rem;
    padding: 5%;
    color: #fff;
}
   .Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_font li{ margin-bottom:0.3rem}
   .Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_font li:last-child{ margin-bottom:0rem}
   .Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_font li .Specification_Comparison_font01 { font-size:0.3rem; line-height:1.5; margin-bottom:0.1rem;}
   .Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_font li .Specification_Comparison_font02 { font-size:0.16rem; line-height:1.5;}
  
   .Specification_Comparison .Specification_Comparison_right{position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center; width:48%;}
    .Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_pro  { width:40%; text-align:center} 
  .Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_pro  img{ padding:0rem;}
  .Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_pro  p{ line-height:1.5; font-size:0.20rem; font-weight:bold;margin-top: 0.3rem;}
  
.Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_font {
    width: 42%;
    text-align: left;
    background-color: #F5F8FC;
    border-radius: 0.5rem;
    padding: 5%;
    color: #4473C5;
}
   .Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_font  li{ margin-bottom:0.3rem}
   .Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_font  li:last-child{ margin-bottom:0rem}
   .Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_font  li .Specification_Comparison_font01 { font-size:0.3rem; line-height:1.5; margin-bottom:0.1rem;}
   .Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_font  li .Specification_Comparison_font02 { font-size:0.16rem; line-height:1.5; color:#666}
  
    .clipPathLeft{
	-webkit-clip-path: polygon(0% 0,0 0,0% 100%,0% 100%);
	-webkit-transition: 1.5s cubic-bezier(0.215, 0.610, 0.355, 1) 0s;
}

.clipPathLeft.is-inview{
	-webkit-clip-path: polygon(100% 0,0 0,0% 100%,100% 100%);
}
.clipPathRight{
	-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	-webkit-transition: 1.5s cubic-bezier(0.215, 0.610, 0.355, 1) 0s;
	transition: 1.5s cubic-bezier(0.215, 0.610, 0.355, 1) 0s;
}

.clipPathRight.is-inview{
	-webkit-clip-path: polygon(100% 0, 0 0, 0% 100%, 100% 100%);
	clip-path: polygon(100% 0, 0 0, 0% 100%, 100% 100%);
}

.pro_info-descipe {
            font-size: 0.16rem;
  color: #333;
  line-height: 1.6;
        }
.pro_info-descipe p{ padding:0.03rem 0;}        
.pro_info-descipe .wang-img {
            display: inline-block; width: 0.16rem; height: 0.16rem;
            margin-right: 0.1rem;
        }
        
        
.pro_info_banner{width: 100%;
  height: 8.5rem;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  align-items: center;}    
 .pro_info_banner .pro_info_wid{display: flex;
  justify-content: space-between;
  align-items: center;background-size: 70% auto;
  background-repeat: no-repeat;
  background-position: center right;}
.pro_info_banner .pro_info_wid .pro_info_banner_font{ width:40%}
.pro_info_banner .pro_info_wid .pro_info_banner_font .pro_info_banner_font_tit{ font-size:0.55rem; font-weight:bolder; margin-bottom0.5rem; line-height:1.5; color:#000;margin-bottom: 0.2rem;}
.pro_info_banner .pro_info_wid .pro_info_banner_font .pro_info_banner_vedio{ margin-top:0.4rem}
.pro_info_banner .pro_info_wid .pro_info_banner_font .pro_info_banner_vedio a{display: inline-block;
  background-color: #16469B;
  border-radius: 0.6rem;
  color: #fff;
  font-size: 0.16rem;
  padding: 0.15rem 0.3rem;transition: all 0.3s ease;}
.pro_info_banner .pro_info_wid .pro_info_banner_font .pro_info_banner_vedio a img { height:100%; width:auto; margin-right:4px;}        
.pro_info_banner .pro_info_wid .pro_info_banner_font .pro_info_banner_vedio a:hover{transform: translateY(-4px);box-shadow: 0 4px 12px rgba(0, 30, 80, 0.08);} 

.pro_info_banner .pro_info_wid .pro_info_banner_imgs {width:55%}
.pro_info_banner .pro_info_wid .pro_info_banner_imgs .swiper-slide{}
.pro_info_banner .pro_info_wid .pro_info_banner_imgs .swiper-slide .item-img-show{ text-align: center;}
.pro_info_banner .pro_info_wid .pro_info_banner_imgs .swiper-slide .item-img-show img{ width:80%;}
.pro_info_banner .pro_info_wid .pro_info_banner_imgs .swiper-button-prev{position: absolute;
  left: 0;
  top: 50%;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  background: url(/template/pc/images/Pro_left_btn.svg) center center no-repeat;
  background-size: cover;transition: transform 0.6s ease-out;}
.pro_info_banner .pro_info_wid .pro_info_banner_imgs .swiper-button-next{position: absolute;
  right: 0;
  top: 50%;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  background: url(/template/pc/images/Pro_right_btn.svg) center center no-repeat;
  background-size: cover;transition: transform 0.6s ease-out;}
.pro_info_banner .pro_info_wid .pro_info_banner_imgs .swiper-button-prev::after, .pro_info_banner .pro_info_wid .pro_info_banner_imgs  .swiper-button-next::after{ display:none}  
 .pro_info_banner .pro_info_wid .pro_info_banner_imgs .swiper-button-next:hover,.pro_info_banner .pro_info_wid .pro_info_banner_imgs .swiper-button-prev:hover{transform: scale(1.1);} 
  
  
.pro_fenlei_show{ padding-top:0.5rem; padding-bottom:0.25rem; border-bottom:rgba(0, 0, 0, 0.2) 1px solid;}
.pro_fenlei_show ul{position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;}
 .pro_fenlei_show ul li a{ display:inline-block; margin-right:0.6rem; font-size:0.16rem;color: rgba(0, 0, 0, 0.6);cursor: pointer;} 
  .pro_fenlei_show ul li:hover a{ font-weight:bolder;color: rgba(0, 0, 0,1);}

/* 产品项容器 */
        .product-item {
            width: 100%;
            height: 6.6rem; 
           position: relative;
  display: flex;
  align-items: center;
  border-bottom: none;
  overflow: hidden;
  margin-bottom: 0.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

           
        }

        /* 奇数项：文字左，图片右 */
        .product-item:nth-child(2n+1) {
            justify-content: space-between;
        }

        /* 偶数项：文字右，图片左 */
        .product-item:nth-child(2n) {
            /*justify-content: space-between;
            flex-direction: row-reverse; *//* 反转排列 */
        }

        /* 产品文字区域 */
        .product-text {
  width: 40%;
  z-index: 2;
  margin-left: 10%;color: #fff;

            @media (max-width: 768px) {
                max-width: 100%;
                margin-bottom: 0.5rem;
            }
        }
		
		.product-item:nth-child(2n) .product-text{ margin-left:50%}

        /* 产品标题 */
        .product-title {
            font-size: 0.38rem; /* 48px */
            line-height: 1.4;
            margin-bottom: 0.2rem; /* 20px */
            font-weight: normal;
        }

        /* 产品副标题 */
        .product-subtitle {
            font-size: 0.2rem; /* 20px */
            color: #cccccc;
            margin-bottom: 0.4rem; /* 40px */
            line-height: 1.5;
        }

        /* 按钮样式 */
        .product-btn {
            display: inline-block;
            padding: 0.15rem 0.3rem; /* 15px 30px */
            background-color: #0030A6;
            color: #ffffff;
            font-size: 0.16rem; /* 20px */
            text-decoration: none;
            border: none;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .product-btn:hover {
            background-color: #fff; color:#0030A6
        }

        /* 产品图片区域 */
        .product-img {
            flex: 1;
            max-width: 8rem; /* 图片最大宽度 */
            z-index: 1;

            @media (max-width: 768px) {
                max-width: 90%;
            }
        }

        .product-img img {
            width: 100%;
            height: auto;
            display: block;
        }

        /* 最后一项去掉底部边框 */
        .product-item:last-child {
            border-bottom: none;
        }

.partner-wrap{ padding-top:1.2rem; padding-bottom:1.4rem}
.partner-wrap .partner-title{}
.partner-wrap .partner-title h2{
  position: relative;
  font-size: 0.4rem;
  font-weight: 700;
  color: #000;
  line-height: 1.3; text-align: center}
.partner-wrap .partner-title .partner-desc {
  line-height: 2;
  font-size: 0.18rem;
  text-align: center; padding-top:0.4rem;padding-bottom:0.6rem; max-width: 1000px; margin: 0px auto;
}


.change_3_list{ overflow:visible}
.change_3_list .swiper-wrapper{}
.change_3_list .swiper-slide{ width:50%;}
.change_3_list .swiper-slide a{ display:block; padding-right:20%;}
.change_3_list .swiper-slide .img_over_hidden{ width:100%; height:3rem; margin-bottom:0.5rem;webkit-box-shadow: 1px 1px 25px rgba(0,0,0,.0);
	-moz-box-shadow: 1px 1px 25px rgba(0,0,0,.0);
	box-shadow: 1px 1px 25px rgba(0,0,0,.0); overflow: hidden;}
.change_3_list .swiper-slide .img_over_hidden .img{ width:100%; height:3rem; background-size:cover; background-repeat:no-repeat; background-position:center center;transition: transform 0.5s ease;-}
.change_3_list .swiper-slide .img.img_height4{ height:3.8rem;}
.change_3_list .swiper-slide:hover .img{transform: scale(1.06);-webkit-box-shadow: 1px 1px 25px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 1px 25px rgba(0,0,0,.15);
	box-shadow: 1px 1px 25px rgba(0,0,0,.15);}
.change_3_list .swiper-slide .fonts .tit{ font-size:0.22rem; font-weight:bold; color:#000; line-height:1.6; margin-bottom:0.3rem}
.change_3_list .swiper-slide .fonts .descipe{ font-size:0.16rem;color:#666; line-height:1.6;}
.change_3_list .swiper-slide .fonts .down_PDF{ color:#002e9f;}
.change_3_list .swiper-slide .fonts .down_PDF .iconfont{ display:inline-block;font-size:0.2rem; margin-right:0rem;}


.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.line2{overflow:hidden;
text-overflow:ellipsis;
line-clamp:2; 
display:-webkit-box;
text-overflow:-o-ellipsis-lastline;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;}

.line3{overflow:hidden;
text-overflow:ellipsis;
line-clamp:3; 
display:-webkit-box;
text-overflow:-o-ellipsis-lastline;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;}



/* 流程列表 */
.about_liucheng ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 0.3rem;
    padding-bottom: 1.6rem;
    
    /* 核心修复：自动换行 + 均匀分布 */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px 0; /* 上下间距 */
}

.about_liucheng li {
    position: relative;
    text-align: center;
    width: 20%; /* PC 端一行 5 个 */
    box-sizing: border-box;
    padding: 0 10px;
}

/* 圆形图标 */
.about_liucheng_one .about_liucheng_img img {
    border-radius: 50%;
    width: 100%;
    max-width: 1.1rem;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.about_liucheng_one {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.about_liucheng_one .liucheng_tit {
    font-size: 0.22rem;
    margin-top: 0.2rem;
    margin-bottom: 0.1rem;
    font-weight: bold;
    line-height: 1.3;
}

.about_liucheng_one .liucheng_decipe {
    font-size: 0.16rem;
    line-height: 1.6;
    color: #666;
}

/* 🔥 箭头位置完美居中修复 */
.about_liucheng li .jiantou_show {
    position: absolute;
    top: 0.8rem;
    right: -0.25rem;
    width: 0.5rem;
    height: auto;
    z-index: 2;
    transform: translateY(-50%);    margin-top: -0.3rem;
}

/* 🔥 最后一项不显示箭头 */
.about_liucheng li:last-child .jiantou_show {
    display: none !important;
}


.titile_all{ position:relative; text-align:left;display: flex;
  justify-content: space-between;
  align-items: center; margin-bottom:0.5rem;}
.titile_all.text_center{ text-align:center;justify-content: center;}  
.titile_all a.more_link{ display:inline-block;color:#999999; font-size: clamp(13px, 0.15rem, 15px);border: #999 1px solid;
  padding: 0.125rem 0.22rem;transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
.titile_all a.more_link:hover{color:#fff;border: #0030A6 1px solid; background-color:#0030A6;transform: translateY(-5px); /* 向上移动 5px，推荐写法 */} 
.titile_all .pro_info_tit{ display:inline-block; position:relative; font-size:0.4rem; font-weight:700; color:#000; line-height:1.3; margin-bottom:0.25rem;} 
.titile_all span{ display:inline-block; position:relative; font-size:0.4rem; font-weight:700; color:#000; line-height:1.3;}
.titile_all span::after {
  left: 0%;
  position: absolute;
  bottom:-0.4rem;
  content: " ";
  width:0.6rem;
  -webkit-transition: .3s;
  transition: .3s;
  height:4px;
  background-color: #002e9f;display:none
}
.titile_all span::before {
  left:0.6rem;
  position: absolute;
  bottom:-0.4rem;
  content: " ";
  width:0.3rem;
  -webkit-transition: .3s;
  transition: .3s;
  height:4px;
  background-color: #f56607; display:none
}

.titile_all .xuesu_titis{ display:inline-block; position:relative; font-size:0.4rem; font-weight:700; color:#000; line-height:1.3; margin-bottom:0.25rem;}

.titile_all.home_about_titis { color:#fff; text-align:center; padding-top:1rem;position: relative; z-index: 3;display: block;}
.titile_all.home_about_titis span{ display: block; color:#FFFFFF}
.titile_all.home_about_titis .titile_all_descipe{ text-align:center;margin-bottom: 0.3rem;}

.titile_all.home_about_titis a.more_link{ display:inline-block;color:#fff; font-size: clamp(13px, 0.15rem, 15px);border: #fff 1px solid;
  padding: 0.125rem 0.22rem;transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
.titile_all.home_about_titis a.more_link:hover{color:#fff;border: #0030A6 1px solid; background-color:#0030A6;transform: translateY(-5px); /* 向上移动 5px，推荐写法 */}  




.titile_all_descipe{ text-align:left; line-height:1.8; font-size:0.18rem;}

.padding_top140{ padding-top:1.6rem;}
.padding_top100{ padding-top:1rem;}
.padding_top80{ padding-top:0.8rem;}
.padding_top160{ padding-top:2rem;}
.padding_bottom160{ padding-bottom:2.2rem;}
.padding_bottom200{ padding-bottom:2rem;}
.descipe_font01{ line-height:2; font-size:0.16rem; text-align:left; max-width:800px;margin-top: -0.3rem;}

/*首页样式开始*/
.Global_landscape_home{width: 100%;
  height: 7.5rem;
  position: relative;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center; margin-top:0.5rem;}
.Global_landscape_home.Mobiles_shows{ display:none}  
.Global_landscape_home.PC_shows{ display: block} 
.Global_landscape_home ul{}
.Global_landscape_home ul li{position: absolute;
  display: inline-block;
  text-align: center;}
.Global_landscape_home ul li img{ width:0.55rem; height:auto}  
.Global_landscape_home ul li p{ font-size:0.18rem;font-weight: bold;}  
.Global_landscape_home ul li.Global_meiguo{left: 16%;
  top: 18%;-webkit-transition-delay: .1s;}
.Global_landscape_home ul li.Global_faguo{left: 45%;
  top: 16%;-webkit-transition-delay: .2s;}
.Global_landscape_home ul li.Global_dalu{left: 70%;
  top: 20%;-webkit-transition-delay: .3s;}
.Global_landscape_home ul li.Global_taiguo{left: 74%;
  top: 34%;-webkit-transition-delay: .4s;}
.Global_landscape_home ul li.Global_xianggang{left: 77%;
  top: 28%;-webkit-transition-delay: .5s;}
.Global_landscape_home ul li.Global_hanguo{left: 80.8%;
  top: 19.6%;-webkit-transition-delay: .6s;}
.Global_landscape_home ul li.Global_riben{left: 84%;
  top: 16%;-webkit-transition-delay: .7s;}
.Global_landscape_home ul li.Global_yinni{left: 77%;
  top: 62%;-webkit-transition-delay: .8s;}
.Global_landscape_home ul li.Global_aozhou{left: 83%;
  top: 62%;-webkit-transition-delay: .9s;}
.Global_number_con{ width:50%;}  
.Global_number_con ul{ width:100%;position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center; text-align:center} 
.Global_number_con ul li{}  
.Global_number_con ul li .Global_number{position: relative;
  display: inline-block;}   
.Global_number_con ul li .Global_number span{font-size: 0.66rem;
  font-weight: bold;
  line-height: 1;
  font-family: family_BebasNeue;}  
.Global_number_con ul li .Global_number p{position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  font-size: 0.4rem;
  font-weight: bold;
  font-family: family_BebasNeue;
  line-height: 1;} 
.Global_number_con ul li .Global_number_tit{font-size: 0.16rem;
  line-height: 1.5; margin-top:0.1rem}
  
.choose_cases{ background-color:#000; padding-top:1.6rem; padding-bottom:1.6rem;} 
.choose_cases .titile_all span{ color:#fff;}

.choose_cases_decipe { width:30%; font-size:0.16rem; color:#fff; line-height:1.6; text-align:right}

.Swiper_choose_cases{ padding-top:0.2rem}
.Swiper_choose_cases .swiper-slide{}
.Swiper_choose_cases .swiper-slide a{display: block;
  height: 6.5rem;
  width: auto;
  overflow: hidden;
  margin: 0 0.4rem;
  border-radius: 10px;}
.Swiper_choose_cases .swiper-slide a .vedio_home_icon{position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 0.7rem;
  height: 0.7rem;
  margin-top: -0.35rem;
  margin-left: -0.35rem;}
.Swiper_choose_cases .swiper-slide a .item-bg-show {
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
      /* 放大动画核心 */
      transition: transform 0.6s ease-out;
    }

    /* hover时背景放大 */
 .Swiper_choose_cases .swiper-slide a:hover .item-bg-show {
      transform: scale(1.08); /* 放大1.08倍，丝滑过渡 */
    }


.pro_home_contents{ background-color:#F6F6F6; padding-top:1.6rem; padding-bottom:1.6rem}
.pro_home_decipe {
  width: 40%;
  font-size: 0.17rem;
  color: #000;
  line-height: 1.6;
  text-align: right;
}
.Swiper_product_home{margin-top: -0.7rem;}
.Swiper_product_home .swiper-slide{}
.Swiper_product_home .swiper-slide .product_home_one{position: relative;
  height: 8.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;}
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_fonts{position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;}
 .Swiper_product_home .swiper-slide .product_home_one .product_home_one_fonts .product_home_one_fonts_titile{font-size: 0.22rem;
  font-weight: bold;
  line-height: 1.5; margin-bottom:0.2rem} 
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_links{position: absolute;
  right: 0;
  bottom: 0;display: inline-block; 
  z-index: 3;}

.Swiper_product_home .swiper-slide .product_home_one .product_home_one_links a {
  gap: 0.6rem;
  text-decoration: none;
  color: #000;
  position: relative;
  padding-bottom: 0.15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 底部白色线条：伪元素实现 */
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; /* 初始宽度（参考设计） */
  height: 1px; /* 线条高度 */
  background-color: #000; /* 白色线条 */
  transition: width 0.3s ease-in-out; /* 丝滑过渡：0.3秒，缓入缓出 */
}

/* 鼠标悬浮：线条宽度变大 */
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_links a:hover{gap: 1rem;}

.Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs {
width: 80%;position: relative;
  z-index: 2;
}
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs .swiper-slide .item-img-show{ text-align: center;}
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs .swiper-slide .item-img-show img{ width:60%;}
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs .swiper-button-prev{position: absolute;
  left: 0;
  top: 50%;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  background: url(/template/pc/images/Pro_left_btn.svg) center center no-repeat;
  background-size: cover;transition: transform 0.6s ease-out;}
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs .swiper-button-next{position: absolute;
  right: 0;
  top: 50%;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  background: url(/template/pc/images/Pro_right_btn.svg) center center no-repeat;
  background-size: cover;transition: transform 0.6s ease-out;}
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs .swiper-button-prev::after, .Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs  .swiper-button-next::after{ display:none}  
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs .swiper-button-next:hover,.Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs .swiper-button-prev:hover{transform: scale(1.1);} 
.product_home_one_imgs .swiper-pagination{ display:none}
.product_home_one_imgs .swiper-pagination {
    display: none !important;
}
/* 核心修复：让父级分页器显示在正确位置，内层不显示 */
.Swiper_product_home {
    position: relative;
    padding-bottom: 40px !important;
}
.Swiper_product_home .swiper-pagination {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    transform: none !important;
}



.abo_src5_con_box{margin-top: 0.5rem;
  margin-bottom: 0;
  padding-left: 1%;}
	.abo_src5_con_box>a{position: relative;
  display: inline;
  float: left;
  width: 16%;
  overflow: hidden;
  margin-right: 1%;
  border-radius: 0.1rem;}
    /*.abo_src5_con_box>a:first-child{display: block; float: left; width:40%}*/
	.abo_src5_con_box>a.on{display: block; float: left; width:48%}


	.abo_src5_con_box>a .pro_img_box{ height: 6rem; width: 100%; background-size: cover;background-repeat: no-repeat; background-position: center center;position: relative; transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
	.abo_src5_con_box>a:hover .pro_img_box{ transform: scale(1.06);
  box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.abo_src5_con_box>a .pro_img_box::after {
  left: 0%;
  position: absolute;
  top: 0%;
  content: " ";
  width: 100%;
  margin-left: 0;
  margin-top:0; height: 100%;
  -webkit-transition: .3s;
  transition: .3s; z-index: 1;
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0),    /* 顶部透明 */
    rgba(0, 0, 0, 0.7)   /* 底部70%不透明 */
  );

  /* 兼容旧版浏览器 */
  background: -webkit-linear-gradient(
    top, 
    rgba(0,0,0,0), 
    rgba(0,0,0,0.7)
  );
}
.abo_src5_con_box>a.on .pro_img_box::after {
  left: 0%;
  position: absolute;
  top: 0%;
  content: " ";
  width: 100%;
  margin-left: 0;
  margin-top:0; height: 100%;
  -webkit-transition: .3s;
  transition: .3s; z-index: 1; 
  background: linear-gradient(
    to bottom, 
    rgba(0, 0, 0, 0),    /* 顶部透明 */
    rgba(0, 0, 0, 0.7)   /* 底部70%不透明 */
  );

  /* 兼容旧版浏览器 */
  background: -webkit-linear-gradient(
    top, 
    rgba(0, 0, 0,0), 
    rgba(0, 0, 0,0.7)
  );
}
.abo_src5_con_box>a .pro_font_box{z-index: 2;
  color: #ffffff;
  position: absolute;
  left: 10%;
  top: inherit;
  transform: translate(0%, 0%);
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  width: 54%;
  text-align: left;
  bottom: 10%;}
.abo_src5_con_box>a.on .pro_font_box{ z-index: 2; color: #ffffff;
position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);bottom: inherit;
transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;width: 80%;
  text-align: center;display: block;font-size: 0.24rem;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.abo_src5_con_box>a .pro_font_box h3{ line-height: 1.5; font-size: 0.18rem;font-weight: bold; }
.abo_src5_con_box>a.on .pro_font_box h3{ font-size: 0.32rem;}
.abo_src5_con_box>a .pro_font_box .descipes{ line-height: 1.6; margin-right: 0%; font-size: 0.16rem; font-weight: normal; display: none;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.abo_src5_con_box>a.on .pro_font_box .descipes{ display: block;overflow: hidden;-webkit-line-clamp: 4;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}

.abo_src5_con_box>a .numbers{ position: absolute; left: 0.5rem; top: 0.4rem; z-index: 2; font-size: 0.35rem; font-weight: bolder; color: #ffffff; line-height: 1.4;font-family: "family_DIN";color:rgba(255, 255, 255, 0.2);transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition:
0.3s;
  -o-transition: 0.3s; }
.abo_src5_con_box>a.on .numbers{font-size: 0.7rem; color:rgba(255, 255, 255, 0.5);transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition:
0.3s;
  -o-transition: 0.3s;}
  
  
  
.abouts_home_contents{position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; padding-top:1.5rem; padding-bottom:0.9rem;}  
.abouts_home_contents .abouts_home_contents_left{ width:40%} 
  .abouts_home_contents .abouts_home_contents_right{width:55%} 
.abouts_home_contents_links{display: inline-block; 
  z-index: 3; margin-top:0.3rem}
.abouts_home_contents_right_liucheng {margin-left: -5%;
  margin-right: -5%;}  
.abouts_home_contents_right_liucheng  .brand_font_lists .liucheng_tit{font-size: 0.16rem;} 
.abouts_home_contents_right_liucheng .brand_font_lists .about_liucheng_img img {
  width: 80%;}
 .abouts_home_contents_right_liucheng  .brand_font_lists li .jiantou_show {
  position: absolute;
  top: 0.35rem;
  right: -0.25rem;
  width: 0.5rem;
  height: auto;
}
  

.abouts_home_contents_links a {
  gap: 0.6rem;
  text-decoration: none;
  color: #000;
  position: relative;
  padding-bottom: 0.15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 底部白色线条：伪元素实现 */
.abouts_home_contents_links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; /* 初始宽度（参考设计） */
  height: 1px; /* 线条高度 */
  background-color: #000; /* 白色线条 */
  transition: width 0.3s ease-in-out; /* 丝滑过渡：0.3秒，缓入缓出 */
}

/* 鼠标悬浮：线条宽度变大 */
.abouts_home_contents_links a:hover{gap: 1rem;}
.abouts_home_contents_right_decipe { font-size:0.18rem; line-height:2; margin-bottom:0.3rem;}

.Swiper_banner_home_pro{ width:100%; height:100vh;}
.Swiper_banner_home_pro .swiper-slide{width:100%;height: 100vh;
  position: relative;
  background-color: #000;}
    .Swiper_banner_home_pro .swiper-slide::after {
  content: "";position: absolute;
  left:0%;
  top: 0%; width: 100%; height: 100%;
  z-index: 2; overflow: hidden;background-color: rgba(0, 0, 0, 0.4); }

   .Swiper_banner_home_pro .swiper-slide .banner_home_pro_img01{position: absolute;
  left:5%;
  bottom:1rem; width: 90%;
  z-index: 3; overflow: hidden; opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.8s ease, transform 0.8s ease; }
    .Swiper_banner_home_pro .swiper-slide.swiper-slide-active .banner_home_pro_img01{opacity: 1;
    transform: translateX(0);-webkit-transition-delay: .8s;}
   .Swiper_banner_home_pro .swiper-slide .banner_home_pro_img01 img{ height:2.2rem}
    .Swiper_banner_home_pro .swiper-slide .banner_home_pro_img02{    position: absolute;
    right: 5%;
    bottom: 3.4rem;
    width: 90%;
    z-index: 3;
    overflow: hidden;
    opacity: 0;
    transform: translateX(-60px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    text-align: right;}
    .Swiper_banner_home_pro .swiper-slide.swiper-slide-active .banner_home_pro_img02{opacity: 1;
    transform: translateX(0);-webkit-transition-delay: 1.3s;}
   .Swiper_banner_home_pro .swiper-slide .banner_home_pro_img02 img{ height:2.2rem;}
  
  .Swiper_banner_home_pro .swiper-slide .banner_home_pro_vedio{position: absolute;
  left:0%;
  top: 0%; width: 100%; height: 100%;
  z-index: 1; overflow: hidden; }
  .Swiper_banner_home_pro .swiper-slide .banner_home_pro_vedio video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font{position: absolute;
  left: 10%;
  top: 15%;
  z-index: 4; color:#fff;
     opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease, transform 0.8s ease;
     
     
 }
  .Swiper_banner_home_pro .swiper-slide.swiper-slide-active .banner_home_pro_font{opacity: 1;
    transform: translateY(0);-webkit-transition-delay: .5s;}
  
  
  
 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font .banner_home_pro_font_tit{ font-size:0.36rem; line-height:1.5; margin-bottom:0.3rem;}  
 
 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font  .banner_home_pro_font_decipe ul li {
 display: flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.08rem 0;
  font-size: 0.18rem;
}

/* 图片防止变形、设置合适大小 */
 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font  .banner_home_pro_font_decipe ul li  .wang_icon {
  width: 0.18rem;    /* 你可以改大小 */
  height: 0.18rem;
  object-fit: contain;
  vertical-align: middle; /* 兼容兜底 */
}

/* 文字段落去掉默认边距，避免错位 */
 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font  .banner_home_pro_font_decipe ul li  p {
  margin: 0;
  padding: 0;
}
 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font  .banner_home_pro_font_link{ }
 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font  .banner_home_pro_font_link{
  position: relative; /* 为伪元素定位做参考 */
  display: inline-block; /* 适配内容宽度 */margin-top: 0.3rem;
}

 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font  .banner_home_pro_font_link a {
  gap: 0.6rem;
  text-decoration: none;
  color: #fff;
  position: relative;
  padding-bottom: 0.15rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 底部白色线条：伪元素实现 */
 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font  .banner_home_pro_font_link a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; /* 初始宽度（参考设计） */
  height: 1px; /* 线条高度 */
  background-color: #fff; /* 白色线条 */
  transition: width 0.3s ease-in-out; /* 丝滑过渡：0.3秒，缓入缓出 */
}

/* 鼠标悬浮：线条宽度变大 */
 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font  .banner_home_pro_font_link a:hover{gap: 1rem;}


.banner_home.PC_banner{ display: block}
.banner_home.Mobile_banner{ display: none}
.banner_home.PC_banner::before {
  right:0%;
  position: absolute;
  top:20%;
  content: " "; background: url("../images/banner_right_img.png") right center no-repeat; background-size:auto 100% ; height: 90%; width: 10%; z-index: 2 
}
.banner_home.PC_banner::after {
  left: 0%;
  position: absolute;
  top: 0%;
  content: " "; background: url("../images/banner_left_img.png") left center no-repeat; background-size:auto 100% ; height: 90%; width: 10%; z-index: 2 
}
/*banner 首页*/
.banner_home{ height:100vh; width: 100%;position: relative;}
.banner_home .slick-slider,.banner_home .slick-list,.banner_home  .slick-track{height:100vh; width: 100%;}
.banner_home .item{ position: relative; height: 100%;  background-position: center center; background-repeat: no-repeat; background-size: cover;}
.banner_home .item::after {
  left: 0%;
  position: absolute;
  top: 0%; right:0; bottom:0; width:100%; height:100%;background-color: rgba(0, 0, 0, 0.3);
  content: " "; z-index: 2 
}
.banner_home .item .videocon {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100vh; z-index:2
}
.banner_home .item .videocon video{width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;}

.banner_home .item .vedio_fonts {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%; margin-top: -1.4rem; z-index:3
}
.banner_home .item .vedio_fonts .font-01{ text-align:center;}
.banner_home .item .vedio_fonts .font-01 img{ max-height:1.2rem; margin:0px auto;margin-bottom:0.25rem; }
.banner_home .item .vedio_fonts .font-02{ text-align:center; font-size:0.44rem; color:#fff; font-weight: 400;letter-spacing:0.15rem;text-shadow: 2px 2px 20px #000000;}

.banner_home .item .text{ position: absolute; left:15%; top: 50%; width:70%; text-align: left; color: #ffffff; margin-top:-150px; line-height: 1.5; z-index:3}
.banner_home .item .text h5{font-weight: bold;font-size: 0.44rem; margin-bottom: 0.3rem;text-transform:uppercase;text-shadow:#000000 1px 1px 6px; max-width: 700px;}
.banner_home .item .text p{font-size: 0.18rem; margin-bottom:0.4rem;text-transform:uppercase;text-shadow:#000000 1px 1px 6px; max-width: 600px; line-height: 2}
.banner_home .item .text a.more_link{ display:inline-block;color:#fff; font-size: clamp(13px, 0.15rem, 15px);border: #fff 1px solid;
  padding: 0.125rem 0.22rem;transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
.banner_home .item .text  a.more_link:hover{color:#fff;border: #0030A6 1px solid; background-color:#0030A6;transform: translateY(-5px); /* 向上移动 5px，推荐写法 */}  

.banner_home .item.slick-current h5{animation: fadeInUp  1s ease 0.2s; animation-fill-mode: both;}
.banner_home .item.slick-current{}
.banner_home .item.slick-current p{animation: fadeInUp  1s ease 0.5s; animation-fill-mode: both;}
.banner_home .item.slick-current a{animation: fadeInUp  1s ease 0.8s; animation-fill-mode: both;}
.banner_home .slick-dots{ bottom:30px}
.banner_home .slick-dots li button{ height: 2px; width: 0.4rem; margin: 0 0.1rem;background-color: rgba(255, 255, 255, 0.5);}
.banner_home .slick-dots li.slick-active button {
    background: #fff; width:0.4rem;
}

/*招贤纳什 页面样式开始*/

.Recruitment_culture{}
.Corporate_Culture{ margin-top: 0.8rem;}
.pro_home_con { margin-top: 0.5rem; margin-bottom:1.2rem;}

.pro_home_con .item a { padding: 0 0.2rem;display: block;
}
.pro_home_con .item a img{border-radius: 0.15rem;}
.pro_home_con .slick-dots{position: absolute;
bottom:-0.5rem;
height: auto;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
line-height: 0;
z-index: 2;
margin-right: 0;
right:0rem;}
.pro_home_con .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 0.05rem;
  padding: 0;
  cursor: pointer;
}
.pro_home_con .slick-dots li button {
  display: block;
  height: 2px;
  width:0.2rem;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: none;
  border-radius:0px; background-color:#999;
}
.pro_home_con .slick-dots li.slick-active button {
background-color:#666; width:0.2rem;
}
.pro_home_con{ position: relative}
.pro_home_con::after {
  left:0%;
  position: absolute;
  top: 0%;
  content: " ";
  width:5rem; height: 100%; background: url("../images/mengcheng01.png") left top repeat-y; background-size: 100% auto;
  -webkit-transition: .3s; z-index: 3;
  transition: .3s;display:none
}
.pro_home_con::before {
  right:0%;
  position: absolute;
  top: 0%;
  content: " ";
  width:5rem; height: 100%; background: url("../images/mengcheng02.png") right top repeat-y; background-size: 100% auto;
  -webkit-transition: .3s; z-index: 3;
  transition: .3s; display:none
}


.pro_home_con .slick-list {
  overflow: hidden;
}
.pro_home_con .slick-track {
  display: flex !important;
  align-items: flex-end !important;   /* 全部底部对齐 */
  justify-content: center !important; /* 永远居中 */
  min-height: 6rem !important;
}
.pro_home_con .item {
  position: relative;
  height: 4.5rem;
  width: 5rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0px;
  border-radius: 0;
  align-self: flex-end; /* 底部对齐 */
  transition: all 0.8s ease;
}
.pro_home_con .item::after{content: " "; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) );}
.pro_home_con .item.slick-current {
  width: 10rem !important;
  height: 6rem !important;
}
.pro_home_con .item.slick-current::after{content: " ";background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) );}



.pro_home_con .item .fonts_show{ position: absolute; left:5%; bottom:0rem; z-index: 2; width:90%; text-align: center;color: #fff;}
.pro_home_con .item .fonts_show h3{ font-size: 0.2rem; line-height: 1.5; font-family: ITCAvantGardePro-Bold,arail ,sans-serif; margin-bottom: 0.2rem; display:none}
.pro_home_con .item .fonts_show .descipesd{ display: none;font-size: 0.14rem; line-height: 1.5;}
.pro_home_con .item.slick-current .fonts_show .descipesd{ display: block;}


.join_us { position:relative; margin-top:2rem; margin-bottom:2rem}
.join_us::after{content: " "; position:absolute; left:0; top:0; width:60%; height:100%; background-color:#F5F5F5; z-index:1;transform: translateY(0rem);
    transition: all 1s ease;}
.join_us .cer8{ position:relative; z-index:2}
.join_us:hover::after{transform: translateY(0.7rem);transition: all 1s ease;}

/* 内容容器，清除浮动并实现左右分栏 */
.join_us_con {
    position: relative;
  margin: 1rem 0;
    width: 100%;cursor: pointer;
    align-items: center;
    display: flex

}

/* 左侧文字区域 */
.join_us_con .right_font_show {
   text-align: left;
    flex: 0 0 50%;
    min-width: 300px;
    padding: 0.6rem 1rem 0.6rem 0rem;
    transform: translateY(0rem);
    transition: all 1s ease;
}

.join_us_con:hover  .right_font_show{transform: translateY(0.5rem);transition: all 1s ease;}

/* 右侧图片区域 */
.join_us_con  .left_img_show {
   height: 6rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    position: absolute;
    left:-10%;
    flex: 0 0 80%;
    min-width: 300px;
    position: relative;
    z-index: 3;
    overflow: hidden;
    transform: translateY(0rem);
    transition: all 1s ease;
}

.join_us_con:hover  .left_img_show{transform: translateY(-0.5rem);transition: all 1s ease;}

/* 文字样式 */
.con_font_01 {
    font-size: 0.16rem;
    margin-bottom: 0.2rem;
    font-weight: 400;
}

.con_font_02 {
    font-size: 0.4rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 0.4rem;
    line-height: 1.3;
}

.con_font_03 {
    font-size: 0.18rem;
    margin-bottom: 0.25rem;
    line-height: 1.6;
}

.con_font_03 .phone {
    margin: 10px 0 0;
    font-size: 0.32rem;
    color: #0030A6; /* 蓝色电话/邮箱 */
    font-weight: 500;
}

.con_font_03 .phone .zhiwei {
    font-size: 0.16rem;
    margin-left: 12px;
    font-weight: 400;
  display: inline-block
}

.con_font_03 .phone a {
    color: #0030A6;
    text-decoration: none;
    transition: color 0.3s ease;
}

.con_font_03 .phone a:hover {
    color: #0030A6; /*  hover 加深 */
}

/* 滚动渐入动画（对应 data-scroll 属性） */
.st_fadeUp {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.st_fadeUp.active {
    opacity: 1;
    transform: translateY(0);
}









/* 响应式适配（小屏幕下改为上下布局） */
@media (max-width: 768px) {
    .join_us_con {
        flex-direction: column;
        gap: 30px;        display: block;
    }
    .right_font_show,
    .left_img_show {
        flex: 0 0 100%;
        width: 100%;
    }
    .left_img_show {
        height: 320px;
    }
    .con_font_02 {
        font-size: 26px;
    }
    .con_font_03 p {
        font-size: 24px;
    }
}



.Recruitment_positions .titile_all{ margin-bottom:0.5rem}
.Recruitment_positions .titile_all::after{content: " "; position:absolute; left:0; bottom:-0.085rem; width:100%; height:1px; background-color:#000000; }
.TAB_Recruitment{ position:absolute; right:0; top:0}
.TAB_Recruitment ul{display: flex;
  justify-content: space-between;
  align-items: center;}
.TAB_Recruitment ul li{ position: relative;
  display: inline-block;
  padding: 0.3rem 0;
  font-size: 0.2rem;
  cursor: pointer;
  margin: 0 0.3rem;}  
.TAB_Recruitment ul li.on{ color:#0030A6}
.TAB_Recruitment ul li.on::after{content: " "; position:absolute; left:0; bottom:3px; width:100%; height:2px; background-color:#0030A6; }

.Recruitment_positions { margin-top:1.8rem}
.Recruitment_lists {  margin-top: 0rem; margin-bottom: 0.6rem}

.Recruitment_lists {
  display: none;
}
.Recruitment_lists.active {
  display: block;
}
.A_content {
  display: none;
}


.Recruitment_lists ul{ margin-bottom: 0.5rem}
.Recruitment_lists ul li{}
.Recruitment_lists ul li .Q_titile{ position: relative;font-size:0.2rem; font-weight:bold;background-color: #ffffff;
box-shadow: none;
padding-bottom: 0.2rem; padding: 0.3rem 0; border-bottom: #e9eaed 1px solid }
.Recruitment_lists ul li .Q_titile b{display:inline-block; min-width:20%;}
.Recruitment_lists ul li .Q_titile p{ display:inline-block; padding-left:5%; font-size:0.16rem; color:#666; font-weight:normal;}
.Recruitment_lists ul li .Q_titile span{ position: absolute;right: 0; top: 50%; font-size: 0.16rem; margin-top: -0.1rem;transform: rotate(45deg)}
.Recruitment_lists ul li .A_content{ font-size:0.14rem; color:#666666; line-height:2.2; display:none; padding: 0.4rem}
.Recruitment_lists ul li .A_content .titile{ color:#000;font-size:0.16rem; font-weight:bold }
.Recruitment_lists ul li .A_content img{ max-width:50%;}
.Recruitment_lists ul li.show {
  white-space: initial;
  overflow: initial;
  text-overflow: initial;
}
.Recruitment_lists ul li.on .A_content{ background-color: #f6f6f6}
.Recruitment_lists ul li.on .Q_titile{ color:#c73036;}
.Recruitment_lists ul li.on .Q_titile span{transform: rotate(0deg);}


/*新闻资讯 页面样式 开始*/
.news_inbanner{ height:8rem;}
.news_inbanner  .item{ position:relative; background-position:center center; background-size:cover; background-repeat:no-repeat; height:8rem;}

.news_inbanner  .item .fonts_show{ position: absolute; left:0; bottom:0; width:100%; z-index:2; color:#fff; padding-bottom:0.8rem; padding-top:0.5rem;background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%);}
.news_inbanner  .item .fonts_show .left_font{ float:left; width:50%; text-align:left;}
.news_inbanner  .item .fonts_show .left_font .time{ display:block; font-size:0.16rem; line-height:1; margin-bottom:0.3rem;}
.news_inbanner  .item .fonts_show .left_font .tit { display:block; font-size:0.36rem; line-height:1.4; font-weight:bold;
 }
.news_inbanner  .item .fonts_show .right_descipe{ float:right; width:45%; text-align:right; font-size:0.16rem; padding-top:0.5rem; line-height:1.8 }
.pro_home_con .slick-dots{position: absolute;
bottom:-0.5rem;
height: auto;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
line-height: 0;
z-index: 2;
margin-right: 0;
right:0rem;}
.news_inbanner .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 0.05rem;
  padding: 0;
  cursor: pointer;
}
.news_inbanner .slick-dots li button {
  display: block;
  height: 2px;
  width:0.3rem;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: none;
  border-radius:0px; background-color:rgba(255, 255, 255, 0.5);
}
.news_inbanner .slick-dots li.slick-active button {
background-color:#fff; width:0.6rem;
}


.new_home3_list{ margin-top:-0.4rem;}
.new_home3_list ul li{ border-bottom:#ededed 1px solid; padding:0.6rem 0;}
.new_home3_list ul li .left_time{ float:left; width:30%;}
.new_home3_list ul li .left_time .time{ font-size:0.18rem; font-weight:bold; line-height:1; margin-bottom:0.6rem; color:#000}
.new_home3_list ul li .left_time .positions{ font-size:0.14rem; line-height:1; color:#666666}
.new_home3_list ul li .right_font{ float:left; width:69%;}
.new_home3_list ul li .right_font .tit{ font-size:0.22rem; font-weight:bold; line-height:1.5; margin-bottom:0.3rem; color:#000}
.new_home3_list ul li .right_font .positions{ font-size:0.14rem; line-height:1.5; color:#666666}


.new_lists_show{margin-top: -0.8rem;}
.new_lists_show ul li{border-bottom: #ededed 1px solid;
    padding: 0.7rem 0;}
.new_lists_show ul li {}
.new_lists_show ul li a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new_lists_show ul li a .left_img{position: relative; height:3.4rem; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 0rem;vertical-align: middle;transition: transform 0.5s ease;
 
    width: 45%;    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.new_lists_show ul li .right_font{vertical-align: middle;
    
    width: 50%;
    padding-left: 6%;}
.new_lists_show ul li .right_font .times{ font-size:0.18rem; line-height:1; color:#222; margin-bottom:0.4rem;}
.new_lists_show ul li a .right_font .name{ font-size:0.22rem; line-height:1.6; font-weight:bold; color:#222; margin-bottom:0.2rem;}
.new_lists_show ul li a:hover .right_font .name{color:#002e9f;}
.new_lists_show ul li .right_font .dsecip{ font-size:0.14rem; line-height:1.6; color:#666;}
.new_lists_show ul li a:hover  .left_img{transform: scale(1.06);box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}

.change_pages{ text-align:center; padding-top:0.6rem;}
/*.change_pages  a{ display:inline-block; height:0.3rem; width:0.3rem; line-height:0.3rem; text-align:center; background-color:#fff; border:#000 1px solid; color:#222; font-size:0.18rem; margin:0 0.15rem; border-radius:50%}
.change_pages  a.cur{ display:inline-block; height:0.3rem; width:0.3rem; line-height:0.3rem; text-align:center; background-color:#000; border:#000 1px solid; color:#fff; font-size:0.16rem;}*/

.change_pages li{ display:inline-block;background-color:#fff; border:#000 1px solid; color:#222; font-size:0.18rem; margin:0 0.15rem; border-radius:4px; padding:8px;}
.change_pages li a{}
.change_pages  li.active{  background-color:#000; border:#000 1px solid; color:#fff; font-size:0.16rem;}
.change_pages  li.active a{  color:#fff; }



.new_info_tit{ position:relative;margin-bottom:0.8rem;}
.new_info_tit .names{ position:relative; font-size:0.34rem; font-weight:bold; color:#000; line-height:1.4; padding-right:20%; margin-bottom:0.4rem;}
.new_info_tit .time_info{font-size:0.16rem; color:#666; line-height:1; }
.new_info_tit::after {
  left: 0%;
  position: absolute;
  bottom:-0.4rem;
  content: " ";
  width:0.6rem;
  -webkit-transition: .3s;
  transition: .3s;
  height:4px;
  background-color: #002e9f;
}
.new_info_tit::before {
  left:0.6rem;
  position: absolute;
  bottom:-0.4rem;
  content: " ";
  width:0.3rem;
  -webkit-transition: .3s;
  transition: .3s;
  height:4px;
  background-color: #f56607;
}
.new_info_descipesd{ font-size:0.16rem; line-height:2.2; text-align:left; border-bottom:#ececec 1px solid; padding-bottom:0.6rem;}
.new_info_descipesd img{ max-width:80%; margin:0px auto}

.vedio_info_show{ margin-top:0.4rem; margin-bottom:0.8rem;}
.vedio_info_show video{ width:100%; height:auto;}



/*用户服务 页面样式 开始*/
/* 基础样式重置 */


/* 服务图标容器 */
.sercivr_icons {
  padding:0; /* 左右内边距，适配小屏 */
  padding-bottom:1.4rem; margin-top:-0.4rem
}

/* 无序列表 - 核心布局容器 */
.sercivr_icons ul {
  list-style: none;
  display: grid;
  /* PC端：3列布局，列间距30px，行间距40px */
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem 0.3rem;
}

/* 单个服务项 */
.sercivr_icons li {
  display: flex;
  flex-direction: column;
  align-items: center; /* 水平居中 */
  text-align: center;
  padding: 0.7rem 0.2rem;
  background-color: #f9f9f9; /* 设计稿浅色背景 */
  border-radius: 4px; /* 轻微圆角，提升质感 */
}

/* 图标容器 */
.sercivr_icons .icon_show {
  width: 0.7rem;
  height: 0.7rem;
  margin-bottom: 0.25rem;
}

/* 图标图片 */
.sercivr_icons .icon_show img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 保证图标完整显示 */
}

/* 标题样式 */
.sercivr_icons .titie_show { /* 注意原HTML拼写错误：titie → title，保留原类名保证兼容 */
  font-size: 0.22rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 0.15rem;
}

/* 描述文本样式 */
.sercivr_icons .descipe_show { /* 注意原HTML拼写错误：descipe → describe，保留原类名保证兼容 */
  font-size: 0.15rem;
  color: #666;
  line-height: 1.6; /* 行高提升可读性 */
}

/* 响应式适配 - 平板（768px~992px）：2列布局 */
@media (max-width: 992px) {
  .sercivr_icons ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem 0.2rem;
  }
}

/* 响应式适配 - 手机（≤768px）：1列布局 */
@media (max-width: 768px) {
  .sercivr_icons ul {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .sercivr_icons li {
    padding: 20px 15px;
  }
  
  .sercivr_icons .icon_show {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
  }
  
  .sercivr_icons .titie_show {
    font-size: 16px;
  }
  
  .sercivr_icons .descipe_show {
    font-size: 13px;
  }
}


/* 视频指南横幅容器 */
    .video-guide-banner {
      width: 100%;
      /* 适配不同屏幕的高度，PC端固定高度，移动端自适应 */
      min-height: 400px;
      height: 60vh;
      max-height: 500px;
      /* 背景图设置（请替换为实际图片路径） */
	  background-position:center;
	  background-repeat:no-repeat;
      background-size: cover;
      /* 半透明遮罩，还原设计稿的浅蓝蒙层效果 */
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    }

    /* 半透明遮罩层 */
    .video-guide-banner::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.2); /* 浅白透蒙层，贴合设计稿 */
      z-index: 1;
    }

    /* 文字内容容器（层级高于遮罩） */
    .banner-content {
      position: relative;
      z-index: 2;
      padding: 0 20px; /* 移动端左右内边距，防止文字贴边 */
    }

    /* 标题样式 */
    .banner-title {
      font-size: 0.48rem;
      color: #fff;
      font-weight: 600;
      margin-bottom: 0.2rem;
      /* 文字轻微阴影，提升可读性 */
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    /* 副标题/描述样式 */
    .banner-desc {
      font-size: 0.18rem;
      color: #fff;
      line-height: 1.6;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    /* 响应式适配 - 平板（≤992px） */
    @media (max-width: 992px) {
      .banner-title {
        font-size: 0.36rem;
      }
      .banner-desc {
        font-size: 0.16rem;
      }
      .video-guide-banner {
        height: 50vh;
        min-height: 300px;
      }
    }

    /* 响应式适配 - 手机（≤768px） */
    @media (max-width: 768px) {
      .banner-title {
        font-size: 28px;
        margin-bottom: 15px;
      }
      .banner-desc {
        font-size: 14px;
      }
      .video-guide-banner {
        height: 40vh;
        min-height: 250px;
      }
    }
	
	/* 通用容器 - 限制最大宽度，居中显示 */
    .video-section { padding-top:1.4rem; padding-bottom:0.6rem
    }

    /* 通用标题样式（操作视频/应用演示/产品介绍） */
    .section-title {
      font-size: 0.34rem;
      color: #000;
      text-align: center;
      margin-bottom: 0.4rem;
      position: relative;
    }

    /* 标题下划线（还原设计稿分割线效果） */
    .section-title::after {
      content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
    }
	.section-title span{ display:inline-block; background-color:#FFFFFF; padding:0 0.2rem;position: relative; z-index: 2;}

   /* 通用容器 */
    video-section {

      padding: 0.6rem 0.2rem; /* 60px 20px = 0.6*100px / 0.2*100px */
    }

   

    /* 视频列表容器 - 核心响应式布局 */
    .video-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.3rem 0.2rem; /* 30px 20px = 0.3*100px / 0.2*100px */
    }

    /* 单个视频项 - 修复文字包含问题：调整内边距+高度占满 */
    .video-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      
      border-radius: 0;
      width: 100%; /* 占满网格列宽 */
    }

    /* 视频缩略图容器 - 相对定位（用于播放按钮绝对定位） */
    .video-thumb {
      width: 100%;
      background-color: #F8F8F8; 
      height: 3rem;
      position: relative; /* 播放按钮定位基准 */
      margin-bottom: 0.3rem;
	  text-align: center;
  display: flex;
  flex-direction: initial;
  justify-content: center;
  align-items: center;
    }

    /* 播放按钮样式 - 垂直水平居中 */
    .video-item .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 0.6rem; /* 40px = 0.4*100px */
      height: 0.6rem; /* 40px = 0.4*100px */
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 2;
    }
    
     /* 视频缩略图 */
    .video-item .play-btn img {
      max-width: 80%;
      height: auto;
      object-fit: contain;transition: all 1s ease;
      display: block; /* 消除图片底部空白 */
    }
    .video-item:hover .play-btn img {
      height: auto;
      object-fit: contain;transition: all 1s ease;
      display: block; /* 消除图片底部空白 */transform: scale(1);
    }
    .video-item .play-btn img.vedio_icons{display: block;transition: all 1s ease;}
    .video-item .play-btn img.vedio_icons2{display: none;transition: all 1s ease;}
    .video-item:hover .play-btn img.vedio_icons{display: none;transition: all 1s ease;}
    .video-item:hover .play-btn img.vedio_icons2{display: block;transition: all 1s ease;}
    
    
    
    /* 视频缩略图 */
    .video-item .video-thumb img {
      max-width: 80%;
      height: auto;
      object-fit: contain;transition: all 1s ease;
      display: block; /* 消除图片底部空白 */
    }
    .video-item:hover .video-thumb img {
      transform: scale(1.1);
      height: auto;
      object-fit: contain;transition: all 1s ease;
      display: block; /* 消除图片底部空白 */
    }

    /* 视频名称文字 - rem单位 */
   .video-item .video-name {
      font-size: 0.16rem; /* 16px = 0.16*100px */
      color: #333;
      line-height: 1.5;transition: all 1s ease;
      padding: 0 0.05rem; /* 5px = 0.05*100px */
      width: 100%; /* 占满容器宽度 */
    }
    .video-item:hover  .video-name {transition: all 1s ease;color:#002e9f;}

    /* 模块间距 */
    .video-module {
      margin-bottom:1.2rem; /* 80px = 0.8*100px */
    }

    /* 响应式适配 - 平板（≤992px） */
    @media (max-width: 9.92rem) { /* 992px = 9.92*100px */
      .video-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.25rem 0.15rem; /* 25px 15px = 0.25/0.15*100px */
      }
      .section-title {
        font-size: 0.28rem; /* 28px = 0.28*100px */
        margin-bottom: 0.3rem; /* 30px = 0.3*100px */
      }
      .video-item {
        padding: 0.25rem 0.15rem; /* 25px 15px = 0.25/0.15*100px */
      }
      .video-thumb {
        max-width: 1.8rem; /* 180px = 1.8*100px */
      }
      .video-name {
        font-size: 0.15rem; /* 15px = 0.15*100px */
      }
      .video-module {
        margin-bottom: 0.6rem; /* 60px = 0.6*100px */
      }
      .play-btn {
        width: 0.36rem; /* 36px = 0.36*100px */
        height: 0.36rem; /* 36px = 0.36*100px */
      }
      .play-btn::after {
        border-width: 0.09rem 0 0.09rem 0.16rem; /* 9px 0 9px 16px = 0.09/0/0.09/0.16*100px */
      }
    }

    /* 响应式适配 - 手机（≤768px） */
    @media (max-width: 7.68rem) { /* 768px = 7.68*100px */
      .video-list {
        grid-template-columns: 1fr;
        gap: 0.2rem; /* 20px = 0.2*100px */
      }
      .section-title {
        font-size: 0.24rem; /* 24px = 0.24*100px */
        margin-bottom: 0.25rem; /* 25px = 0.25*100px */
      }
      .video-item {
        padding: 0.2rem 0.15rem; /* 20px 15px = 0.2/0.15*100px */
      }
      .video-thumb {
        max-width: 1.6rem; /* 160px = 1.6*100px */
      }
      .video-name {
        font-size: 0.14rem; /* 14px = 0.14*100px */
      }
      .video-module {
        margin-bottom: 0.5rem; /* 50px = 0.5*100px */
      }
      .cer8.video-section {
        padding: 0.4rem 0.15rem; /* 40px 15px = 0.4/0.15*100px */
      }
      .play-btn {
        width: 0.32rem; /* 32px = 0.32*100px */
        height: 0.32rem; /* 32px = 0.32*100px */
      }
      .play-btn::after {
        border-width: 0.08rem 0 0.08rem 0.14rem; /* 8px 0 8px 14px = 0.08/0/0.08/0.14*100px */
      }
    }



/* 每个技术模块的容器 */
.tech-contanior{ margin-top:-0.2rem; padding-bottom:0.5rem}
        .tech-section {
            display: flex;
            width: 100%;
            margin-bottom: 1.4rem; position:relative;cursor: pointer;
        }

        /* 图片容器 */
      .tech-section  .tech-img {
            flex: 1 1 105%;
            min-width: 300px; position:relative; z-index:3;overflow: hidden;	transform: translateY(0rem);transition: all 1s ease;
        }
        .tech-section:hover  .tech-img{transform: translateY(-0.5rem);transition: all 1s ease;}
        .tech-img img {
            width: 100%;
            height: 5rem;
            object-fit: cover;
            display: block;
        }
        .tech-img img {
  -webkit-transition:all linear .5s;
  transition:all linear .5s;
  max-width:none;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  display:block
}
 .tech-img:hover img {
  -webkit-transition:all linear .5s;
  transition:all linear .5s;
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}

        /* 文字内容容器 */
       .tech-section  .tech-content {
            flex: 1 1 50%;
            min-width: 300px;
            padding:0.6rem 3rem 0.6rem 1rem; /* 60px 100px */
            display: flex;
            flex-direction: column;
            justify-content: center;
			transform: translateY(0rem);transition: all 1s ease;
        }
        .tech-section:hover  .tech-content{transform: translateY(0.5rem);transition: all 1s ease;}
		.tech-content::after {
      content: "";
  position: absolute;
  top: 0%;
  right: 0;
  width: 110%;
  height: 100%;
  background-color: #FBFBFB; z-index:1
    }

        /* 标题样式 */
        .tech-title {
            font-size: 0.34rem; /* 24px */
            color: #0030A6;
            margin-bottom: 0.1rem; /* 10px */
            font-weight: 600;position:relative; z-index:2
        }

        /* 副标题样式 */
        .tech-subtitle {
            font-size: 0.18rem; /* 14px */
            color: #0030A6;
            margin-bottom: 0.3rem; /* 20px */
            display: block;position:relative; z-index:2
        }

        /* 正文样式 */
        .tech-desc {
            font-size: 0.16rem; /* 16px */
            color: #4C4C4C;
            line-height: 1.8;
            margin-bottom: 0.5rem; /* 20px */
			position:relative; z-index:2
        }

        /* 分割线样式 */
        .divider {
            width: 0.8rem; /* 80px */
            height: 0.01rem; /* 1px */
			position:relative; z-index:2
        }

        /* 第四模块特殊适配（图片在右侧） */
        .tech-section:nth-child(2n) {
            flex-direction: row-reverse;
        }
		.tech-section:nth-child(2n) .tech-content {

            padding:0.6rem 1rem 0.6rem 3rem; /* 60px 100px */
        }
		.tech-section:nth-child(2n) .tech-content::after {
      content: "";
  position: absolute;
  top: 0%;
  right: inherit; left:0;
  width: 110%;
  height: 100%;
  background-color: #FBFBFB; z-index:1
    }
		
		


/*精微学术 页面样式 开始*/
.TAB_Yanjiu{ position:absolute; right:0; top:0}
.TAB_Yanjiu ul{display: flex;
  justify-content: space-between;
  align-items: center;}
.TAB_Yanjiu ul li{position: relative;
  display: inline-block;
  padding: 0.3rem 0;
  font-size: 0.2rem;
  cursor: pointer;
  margin: 0 0.3rem;}  
.TAB_Yanjiu ul li.on{ color:#0030A6}
.TAB_Yanjiu ul li.on::after{content: " "; position:absolute; left:0; bottom:3px; width:100%; height:2px; background-color:#0030A6; }
.margin-top40{ margin-top:-0.4rem}
 /* 容器 - 固定6个位置的网格 */
        .research-container {
        }

        /* 固定6个位置的网格布局（核心） */
        .research-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0.3rem; /* 20px */
            margin-bottom: 0.5rem; /* 50px */
            grid-template-rows: repeat(3, auto);
            position: relative;
            min-height: 4rem; /* 保证容器高度固定，避免切换时抖动 */
        }

        /* 所有内容项（默认隐藏） */
        .grid-item {
            position: absolute;
           /* width: calc(50% - 0.1rem);*/ /* 适配2列间距 */
            background-color:#F8F8F8;
            padding: 0.2rem; /* 20px */
            border-radius: 0.04rem; /* 4px */
            cursor: pointer;
            transition: all 0.3s ease;
            opacity: 0;
            visibility: hidden;
        }

        /* 小屏1列时调整宽度 */
        @media (max-width: 768px) {
            .grid-item {
                width: 100%;
            }
        }

        /* 激活显示的项 */
        .grid-item.active {
            opacity: 1;
            visibility: visible;
            position: static; /* 激活时恢复正常布局流 */
        }

        /* 鼠标悬浮高亮 */
        .grid-item:hover {
            background-color: #0047ab;
            color: #fff;
        }

        /* 日期样式 */
        .research-date {
            font-size: 0.14rem; /* 14px */
            color: #0030A6;
            margin-bottom: 0.1rem; /* 10px */
            display: flex;
            align-items: center;
            gap: 0.08rem; /* 8px */
            transition: color 0.3s ease;
        }
        .grid-item:hover .research-date {
            color: #fff;
        }
        .research-date::before {
            content: "";
            display: inline-block;
            width: 0.1rem; /* 10px */
            height: 0.1rem; /* 10px */
            background: url(../images/time_icon.svg) no-repeat center;
            background-size: 100%;
            transition: background-image 0.3s ease;
        }
        .grid-item:hover .research-date::before {
            background: url(../images/time_icon2.svg) no-repeat center;
            background-size: 100%;
        }

        /* 标题样式 */
        .research-title {
            font-size: 0.18rem; /* 18px */
            font-weight: 500;
            margin-bottom: 0.1rem; /* 10px */
            line-height: 1.4;
        }
		.grid-item:hover .research-title{ color:#FFFFFF}
		.grid-item a:hover .research-title{ color:#FFFFFF}

        /* 描述样式 */
        .research-desc {
            font-size: 0.14rem; /* 14px */
            color: #999;
            line-height: 1.4;
            transition: color 0.3s ease;
        }
        .grid-item:hover .research-desc {
            color: #e0e0e0;
        }

        /* 分页容器（默认隐藏，数量达标时显示） */
        .pagination {
            display: none;
            justify-content: center;
            align-items: center;
            gap: 0.1rem; /* 10px */
        }

        /* 分页容器显示状态 */
        .pagination.show {
            display: flex;
        }

        /* 分页按钮 */
        .page-btn {
            width: 0.3rem; /* 30px */
            height: 0.3rem; /* 30px */
            border-radius: 4px;
            background-color: #e0e0e0;
            border: none;
            cursor: pointer;
            font-size: 0.16rem; /* 16px */
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s ease;
        }

        /* 激活的分页按钮 */
        .page-btn.active {
            background-color: #0047ab;
            color: #fff;
        }
		
		
		/* 表单容器 */
        .form-container {
            display: flex;
            flex-wrap: wrap; /* 响应式换行 */
            align-items: flex-start;
            gap:2rem; /* 标题与表单区域间距 */
			padding-bottom:1.5rem;
			padding-top:1.2rem
        }

        /* 左侧标题区域 */
        .form-container .form-title  {
            flex: 1;
            min-width: 280px; /* 小屏最小宽度 */
        }

        .form-container .form-title  h2 {
            font-size: 0.32rem;
            font-weight: normal;
            line-height: 1.4;
            color: #000000;
        }

      .form-container form{flex: 2;
            min-width: 280px; /* 小屏最小宽度 */}
      .form-container  .form-content {
            
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 默认2列布局 */
            gap: 0.3rem; /* 输入框间距 */
        }

        /* 输入框样式 */
        .form-input {
            position: relative;
        }

        .form-input input {
            width:-webkit-fill-available;
  padding: 0.15rem 0.15rem;
  border: none;
  border-radius: 4px;
  font-size: 0.16rem;
  color: #333;
  background-color: #F4F4F4;
  outline: none;
  transition: border-color 0.3s ease;
        }

        /* 输入框占位符样式 */
        .form-input input::placeholder {
            color: #999999;
        }

        /* 输入框聚焦样式 */
        .form-input input:focus {
            border-color: #0047ab;
        }

        /* 提交按钮 */
        .form-submit {
            grid-column: span 2; /* 按钮跨2列 */
        }

        .form-submit .submit {
  width: calc(50% - 0.1rem);
  padding: 0.15rem 0;
  background-color: #0047ab;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-size: 0.16rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

         .form-submit .submit:hover {
            background-color: #003988; /* hover加深 */
        }

        /* 响应式适配（平板/手机） */
        @media (max-width: 768px) {
            .form-container {
                gap: 2rem;
                padding: 1rem;
            }

            .form-content {
                grid-template-columns: 1fr; /* 小屏改为1列 */
            }

            .form-submit {
                grid-column: span 1; /* 1列时按钮跨1列 */
            }

            .form-title h2 {
                font-size: 1.8rem;
            }
        }

        @media (max-width: 480px) {
            .form-title h2 {
                font-size: 1.5rem;
            }

            .form-input input {
                padding: 0.8rem 0.6rem;
            }

             .form-submit .submit {
                font-size: 1rem;
                padding: 0.8rem 0;
            }
        }



/*<!--联系我们页面 样式 开始-->*/
.contact_list{ margin-top:0.5rem;}
.contact_list ul li:nth-child(1){ width:100%; margin-bottom:2%; background-color:#f5f5f5;height:3.8rem;}
.contact_list ul li:nth-child(1)::before {
  right: 0%;
  position: absolute;
  bottom:0;
  content: " ";
  width:50%;
  -webkit-transition: .3s;
  transition: .3s;
  height:100%;
  background:#f5f5f5 url(../images/contact_img01.jpg) center center no-repeat; background-size:auto 100%
}
.contact_list ul li .contact01{ width:50%; text-align:center; display:flex;align-items: center;height: 3.8rem; }
.contact_list ul li .contact01 .wit{ width:100%;}
.contact_list ul li .contact01 .wit .con_Icon{ color:#002e9f; font-size:0.4rem; min-height:0.8rem; line-height:0.8rem;}
.contact_list ul li .contact01 .wit .con_Icon img{ height:1rem; margin-top:-0.5rem;}
.contact_list ul li .contact01 .wit .con_titl{ color:#000; font-size:0.22rem; font-weight:bold; margin-bottom:0.2rem;}
.contact_list ul li .contact01 .wit .con_decipe{color:#666666; font-size:0.16rem; margin-bottom:0.15rem; padding:0 15%;}
.contact_list ul li .contact01 .wit a{display:block;color:#002e9f; font-size:0.16rem}
.contact_list ul li .contact01 .wit a .iconfont{ position: relative; transition: transform 0.5s ease; display: inline-block}
.contact_list ul li .contact01 .wit a:hover .iconfont{transform: translateX(10px);}
.contact_list ul li:nth-child(2){ float:left; width:32%; margin-right:2%; display:inline; background-color:#f5f5f5;height:3.8rem;}
.contact_list ul li:nth-child(2) .contact01{ width:100%; text-align:center; display:flex;align-items: center;height: 3.8rem; }
.contact_list ul li:nth-child(3){ float:left; width:32%; margin-right:2%; display:inline; background-color:#f5f5f5;height:3.8rem;}
.contact_list ul li:nth-child(3) .contact01{ width:100%; text-align:center; display:flex;align-items: center;height: 3.8rem; }
.contact_list ul li:nth-child(4){ float:left; width:32%; margin-right:0%; display:inline; background-color:#f5f5f5;height:3.8rem;}
.contact_list ul li:nth-child(4) .contact01{ width:100%; text-align:center; display:flex;align-items: center;height: 3.8rem; }


.contact_list ul li{ position: relative;cursor: pointer;}
.contact_list ul li .erweima_show{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    height: 80%;
    margin-top: -40%;
    margin-left: -40%;
    z-index: 2;
    transform: translateY(-0%) scale(0.5);
     opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    
    
}
.contact_list ul li .erweima_show img{ width:100%;}

.contact_list ul li:hover .erweima_show{transform: translateY(-0%) scale(1);
    opacity: 1;
    visibility: visible;}
.contact_list ul li .erweima_icon{ height:0.16rem;}    
    

.feedback_con{}
.feedback_con #tabcilk{ border-bottom:#e2e2e2 1px solid; padding-bottom:0.3rem; margin-bottom:0.5rem; margin-top:0.3rem;}
.feedback_con #tabcilk li{ position:relative; border-right:#e2e2e2 1px solid; display:inline-block; padding:0 0.5rem; font-size:0.22rem; font-weight:bold;color:#999;}
.feedback_con #tabcilk li.on{ color:#000;}
.feedback_con #tabcilk li.on::before {
  left:50%;
  position: absolute;
  bottom:-0.3rem;
  content: " ";
  width:0.8rem; margin-left:-0.4rem;
  -webkit-transition: .3s;
  transition: .3s;
  height:3px;
  background:#002e9f;
}


.forms_con{ padding-top:0.3rem; padding-bottom:1rem;}
.forms_con li{ float:left;  margin-bottom:0.8rem;}
.forms_con li>span{ display:block; font-size:0.18rem; color:#000; font-weight:bold; margin-bottom:0.1rem;}
.forms_con li>.input{}
.forms_con li>.input input{ background:none; border:0; border-bottom:#000 1px solid; height:0.5rem; line-height:0.5rem; text-align:left; font-size:0.16rem; color:#999; width:100%}


.forms_con li>.select select{ background:none; border:0; border-bottom:#000 1px solid; height:0.5rem; line-height:0.5rem; text-align:left; font-size:0.16rem; color:#999; width:100%}
.forms_con li:nth-child(1){ width:31%; margin-right:3.5%; display:inline}
.forms_con li:nth-child(2){ width:31%; margin-right:3.5%; display:inline}
.forms_con li:nth-child(3){ width:31%; margin-right:0%; display:inline}
.forms_con li:nth-child(4){ width:31%; margin-right:3.5%; display:inline}
.forms_con li:nth-child(5){ width:31%; margin-right:3.5%; display:inline}
.forms_con li:nth-child(6){ width:31%; margin-right:0%; display:inline}
.forms_con li:nth-child(7){ width:48.25%; margin-right:3.5%; display:inline}
.forms_con li:nth-child(8){ width:48.25%; margin-right:0%; display:inline}
.forms_con li.fuxuan{ }
.forms_con li.fuxuan>span{ display:inline-block; padding-right:0.2rem;}
.forms_con li.fuxuan .checkbox{ display:inline-block;}
.forms_con li.fuxuan .checkbox p{ display:inline-block; padding-right:0.2rem;}
.forms_con li.last_li{width:100%; text-align:center}
.forms_con li.last_li .submit{border: 0;
  background-color: #16469B;
  font-size: 0.20rem;
  color: #fff;
  font-weight: bold;
  padding: 0.18rem 0.65rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 0.1rem;}


.tab-container {
      overflow: hidden;margin-top: -0.5rem;
    }
    /* TAB 标签栏 */
    .tab-header {
      display: flex;
      position: relative;
      background-color: #ffffff;border-bottom: #ddd 1px solid;
    }
    .tab-item {
      flex: 1;
      text-align: center;
      padding: 0.4rem 0.15rem;
      cursor: pointer;
      transition: color 0.3s ease;
      position: relative;
    }
    .tab-item h3 {
      font-size: 0.22rem;
      font-weight: 500;
      color: #111;
      margin-bottom: 10px;
    }
    .tab-item p {
      font-size: 0.16rem;
      color: #666;
    }
    /* 下划线指示器 */
    .tab-indicator {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 2px;
      background-color: #111;
      transition: left 0.3s ease, width 0.3s ease;
    }
    /* 内容容器（横向滑动） */
    .tab-content-wrapper {
      overflow: hidden;
      width: 100%;
    }
    .tab-content-container {
      display: flex;
      width: 300%;
      transition: transform 0.3s ease;
    }
    /* 每个标签对应的内容区域，你自己填内容 */
    .tab-content {
      width: 100%;
      padding-top: 0.5rem;
    }



.new_pros_list{ margin-top:0.1rem;}
.new_pros_list ul li{ border-bottom:#ededed 1px solid; padding:0.6rem 0;}
.new_pros_list ul li .left_time{ float:left; width:30%;}
.new_pros_list ul li .left_time .time{ font-size:0.18rem; font-weight:bold; line-height:1; margin-bottom:0.6rem; color:#000}
.new_pros_list ul li .left_time .positions{ font-size:0.14rem; line-height:1; color:#666666}
.new_pros_list ul li .right_font{ float:left; width:69%;}
.new_pros_list ul li .right_font .tit{ font-size:0.22rem; font-weight:bold; line-height:1.5; margin-bottom:0.3rem; color:#000}
.new_pros_list ul li .right_font .positions{ font-size:0.14rem; line-height:1.5; color:#666666}



.pro_news_show{ margin-top:0.1rem;}
.pro_news_show ul li{ border-bottom:#ededed 1px solid; padding:0.6rem 0;}
.pro_news_show ul li .left_time{ float:left; width:13%;}
.pro_news_show ul li .left_time .time{ font-size:0.18rem; font-weight:bold; line-height:1; margin-bottom:0.6rem; color:#000}
.pro_news_show ul li .left_pro_imgs{ float:left; width:20%; margin-right:5%; display:inline; background-size:cover; background-repeat:no-repeat; background-position:center center; height:1.5rem; overflow:hidden;transition: transform 0.5s ease;}
.pro_news_show ul li:hover .left_pro_imgs{transform: scale(1.06);}
.pro_news_show ul li .right_font{ float:left; width:62%;}
.pro_news_show ul li .right_font .tit{ font-size:0.22rem; font-weight:bold; line-height:1.5; margin-bottom:0.3rem; color:#000}
.pro_news_show ul li .right_font .positions{ font-size:0.14rem; line-height:1.5; color:#666666}


.pro_lists_show{ margin-top:0.3rem;}
.pro_lists_show ul li{ float:left; width:28%; margin-right:5%; display:inline; margin-bottom:5%;}
.pro_lists_show ul li .img{ width:100%; height:4.4rem; background-size:cover; background-position:center center; background-repeat:no-repeat;transition: transform 0.5s ease; overflow:hidden}
.pro_lists_show ul li .fonts_pro{ padding:0.3rem 0; line-height:2; font-size:0.22rem; font-weight:bold; text-align:left;}
.pro_lists_show ul li:hover .img{transform: scale(1.06);}


.linchuan_tit{ position:relative; border-bottom:#ececec 1px solid; padding-bottom:0.3rem; margin-top:1.4rem; margin-bottom:0.5rem; font-size:0.24rem; font-weight:bold;}
.linchuan_tit span{ position:relative; line-height:1; display: inline-block; padding-left:0.15rem;}
.linchuan_tit span::before {
  left:0%;
  position: absolute;
  top:0rem;
  content: " ";
  width:4px;
  -webkit-transition: .3s;
  transition: .3s;
  height:100%;
  background:#f56607; border-radius:0.1rem;
}

.shoushu_list{}
.shoushu_list ul li{ position:relative; float:left;height:5.5rem; display:inline; overflow:hidden; border-radius:0.2rem}
	
.shoushu_list ul li .back_img{position:relative; width:100%;background-repeat:no-repeat; background-size: cover; background-position:center center; height:5.5rem;transition: transform 0.5s ease;}	

.shoushu_list ul li:hover .back_img{ transform: scale(1.06);-webkit-box-shadow: 1px 1px 25px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 1px 25px rgba(0,0,0,.15);
	box-shadow: 1px 1px 25px rgba(0,0,0,.15);}
.shoushu_list ul li:nth-child(1){ width:30%; margin-right:5%;}
.shoushu_list ul li:nth-child(2){width:30%;margin-right:5%}
.shoushu_list ul li:nth-child(3){width:30%;}

.shoushu_list ul li .font{ position: absolute; left:0; bottom:0; width:90%; z-index:2; color:#fff; padding-bottom:0.2rem; padding-top:0.3rem;background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%); padding-left:5%; padding-right:5%}
.shoushu_list ul li .font .titile_show { display:block; font-size:0.22rem; line-height:1.4; font-weight:bold;
 }
.shoushu_list ul li .font .descipesd_show{transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s; height:0.001rem; overflow:hidden;font-size:0.16rem; padding-top:0.2rem; line-height:1.6 }
.shoushu_list ul li:hover .font .descipesd_show{display:block; height:0.6rem; transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
	
	
	
.hexin_velue_list{ margin-top:0.3rem;}
.hexin_velue_list ul li{ position:relative; margin-bottom:0.3rem;}
.hexin_velue_list ul li .number{ position:absolute; right:6%; bottom:4%;-webkit-text-stroke: 1px #f2f2f2;
text-stroke: 1px #f2f2f2; font-size:0.8rem; color:#fff; font-family: 'Swiss721BTBlackCondensed';}
.hexin_velue_list ul li:nth-child(2n) .number{ position:absolute; right:auto; left:6%; bottom:4%;-webkit-text-stroke: 1px #f2f2f2;
text-stroke: 1px #f2f2f2; font-size:0.8rem; color:#fff; font-family: 'Swiss721BTBlackCondensed';}
.hexin_velue_list ul li .left_hexin_img{ float:left; width:48%;position:relative; background-repeat:no-repeat; background-size: cover; background-position:center center; height:4.5rem;transition: transform 0.5s ease;}
.hexin_velue_list ul li .right_hexin_font{ float:right; width:36%;position:relative; padding:1rem 6% 0% 6%; display:inline}
.hexin_velue_list ul li .right_hexin_font .titiled{font-size:0.22rem; font-weight:bold; line-height:1.6; margin-bottom:0.3rem; color:#000; background: url(../images/yinghao01.png) left top no-repeat; padding-top:0.5rem; background-size: auto 0.2rem;}
.hexin_velue_list ul li .right_hexin_font .descipe_font{font-size:0.16rem; line-height:2.2; color:#666;}


.hexin_velue_list ul li:nth-child(2n) .left_hexin_img{ float:right; width:48%;}
.hexin_velue_list ul li:nth-child(2n) .right_hexin_font{ float:left; width:36%;}



/*关于我们页面 样式开始*/


/* 社会责任模块容器 */
.social_responsibility {
  /* 基础布局 */
  position: relative;
  width: 100%;
  /* 建议高度：根据设计稿比例，这里用16:9适配，可根据实际调整 */
  min-height: 5.2rem;
  padding: 0.4rme;
  box-sizing: border-box;

  /* 背景图设置（核心） */
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; /* 可选：视差滚动效果，去掉则为普通背景 */
  display: flex;
  justify-content: space-between;
  align-items: center;

  /* 半透明遮罩（增强文字可读性，匹配设计稿暗调） */
  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* 透明度可调整：0.3-0.5之间 */
    z-index: 1;
  }
}

/* 内容容器（居中控制） */
.social_responsibility_font {
  position: relative;
  z-index: 2; /* 确保内容在遮罩上方 */
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* 主标题：社会责任 */
.social_responsibility_font_tit {
  font-size: 0.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.2rem;
  letter-spacing: 8px; /* 字间距，匹配设计稿大气感 */


}

/* 副标题：以科技微光点亮生命希望 */
.social_responsibility_font_descipe {
  font-size: 0.22rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0.3rem;
  opacity: 0.95;


}

/* 按钮：查看详情 / 了解更多 */
.more_link {
  display: inline-block;
  padding: 0.15rem 0.3rem;
  border: 1px solid #ffffff;
  border-radius: 0px;
  font-size: 0.16rem;
  font-weight: 400;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;

  /* 图标样式（匹配原代码iconfont） */
  i {
    margin-left: 8px;
    font-size: 14px;
    transition: transform 0.3s ease;
  }

  /* hover交互效果 */
  &:hover {
    background-color: #ffffff;
    color: #333333;

    i {
      transform: translateX(4px);
    }
  }

}

/* 原代码的渐入动画（st_fadeUp） */
.st_fadeUp {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;

  &.active {
    opacity: 1;
    transform: translateY(0);
  }
}


    /* 容器样式 */
        .timeline-container {
            position: relative;
        }

        /* 切换箭头样式 */
       .timeline-container .arrow-btn {
            position: absolute;
            top:0.5rem;
            width: 0.5rem;
            height: 0.5rem;
            border-radius: 50%;
            border: 1px solid #0030A6;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: all 0.3s ease;
            user-select: none;
        }

      .timeline-container  .arrow-btn:hover {
            background: #0030A6;
        }

     .timeline-container   .arrow-btn.disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

     .timeline-container   .prev-btn_fazhan {
            left: 0px;
        }

       .timeline-container .next-btn_fazhan {
            right: 0px;
        }
		.timeline-container .next-btn_fazhan span{  transform: scaleX(-1);}

		.timeline-container .arrow-btn  span{ width:0.2rem; height:0.2rem; background-size:cover; background: url(../images/fazhan_left.svg)  center center no-repeat;}
		.timeline-container  .arrow-btn:hover span{ width:0.2rem; height:0.2rem; background-size:cover; background: url(../images/fazhan_left_hover.svg)  center center no-repeat;}
		 .timeline-container   .arrow-btn.disabled  span{ width:0.2rem; height:0.2rem; background-size:cover; background: url(../images/fazhan_left.svg)  center center no-repeat;}
		 .timeline-container  .arrow-btn.disabled:hover span{ width:0.2rem; height:0.2rem; background-size:cover; background: url(../images/fazhan_left_hover.svg)  center center no-repeat;}
		
		

        /* 年份轴样式 - 原生滑动实现 */
      .timeline-container  .timeline-swipe {
            overflow: hidden;
            position: relative;
            width: calc(100% - 1.6rem);
            margin: 0 0.8rem;
        }

      .timeline-container  #timelineTrack {
            display: flex;
            transition: transform 0.3s ease-out;
            will-change: transform; position:relative; z-index:2
        }

      .timeline-container  .year-item {
            flex: 0 0 1.6rem;
            text-align: center;
            position: relative;
            cursor: pointer;
        }

       .timeline-container .year-text {
            font-size: 0.3rem;
            font-weight: 500;
            margin-bottom: 0.28rem;
            transition: color 0.3s ease;
        }

       .timeline-container .year-text.active {
            color: #0030A6;
            font-weight: bold;
        }

      .timeline-container  .year-dot {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #e0e0e0 url(../images/time_icons.png) center  center no-repeat;
            margin: 0 auto;
            position: relative;
            z-index: 2;
            transition: background 0.3s ease;background-size: 40%;
        }

       .timeline-container .year-dot.active {
			background: #0030A6 url(../images/time_icons.png) center  center no-repeat;
			background-size: 40%;
        }

        /* 时间轴线样式 */
      .timeline-container  .timeline-line {
            position: absolute;
  top: 0.8rem;
  left: 0.4rem;
  right: 0.4rem;
  height: 1px;
  background: #ddd;
  z-index: 1;
        }

        /* 内容区域样式 */
       .timeline-container .content-container {
	       
  width:90%;
  max-width:900px;
  margin: 0px auto;
            margin-top: 1.2rem;
            min-height:3.2rem;
            position: relative;
        }

       .timeline-container .content-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 92%; height:100%;
            opacity: 0;
            transform: translateY(100px);
            transition: all 0.5s ease;
            visibility: hidden;
			display: flex;
  align-items: center;padding: 0.4rem 4%;
  background-color: #fff;
  border-radius: 0.3rem;
        }
		 .timeline-container .content-item  .content-item-fonts{ padding:0 1rem; font-size:0.18rem;}
		 
		 
		 
		 
.timeline-container .content-item .content-item-fonts {
  /* 1. 基础文字样式 */
  line-height: 0.3rem;
  font-size: 0.16rem;
  color: #333;
  
  /* 2. 关键：强制文字换行，防止全部挤成一行 */
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;

  /* 3. 高度控制：不足6行居中，超出6行滚动 */
  max-height: calc(0.3rem * 6); /* 最大6行高度 */
  overflow-y: auto;
  height: 1.8rem; /* 6行固定高度，和max-height一致 */
  
  /* 4. 核心：垂直居中（无滚动条时生效） */
  display: flex;
  flex-direction: column;
  justify-content:flex-start;

  /* 5. 滚动条样式 */
  scrollbar-width: thin;
  scrollbar-color: #cccccc #f1f1f1;
}

/* 🔥 当内容超出6行、出现滚动条时，取消居中，恢复顶部对齐 */
.timeline-container .content-item .content-item-fonts::-webkit-scrollbar {
  display: block; /* 强制显示滚动条，触发下面的对齐逻辑 */
}
.timeline-container .content-item .content-item-fonts:has(::-webkit-scrollbar) {
  justify-content: flex-start;
}
			
			/* ========== Chrome、Edge、Safari webkit ========== */
.timeline-container .content-item  .content-item-fonts::-webkit-scrollbar {
	width: 4px;
}
.timeline-container .content-item  .content-item-fonts::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}
.timeline-container .content-item  .content-item-fonts::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
}
.timeline-container .content-item  .content-item-fonts::-webkit-scrollbar-thumb:hover {
	background: #999;
}


.timeline-container .content-item .content-item-fonts .content-item-fonts-tit{ position: relative;
  margin-bottom: 0.4rem;
  font-weight: bold;
  font-size: 0.22rem;}
.timeline-container .content-item .content-item-fonts .content-item-fonts-tit::before {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  width: 0.4rem;
  height: 3px;
  background-color:#16469B;
}		 
		 

       .timeline-container .content-item.active {
            opacity: 1;
            transform: translateY(0);
            visibility: visible;
        }

      .timeline-container  .content-item p {
            font-size: 16px;
            line-height: 1.8;
            color: #333;
            margin-bottom: 15px;
        }

        /* 引号装饰 */
      .timeline-container  .quote-left {
            position: absolute;
            top: -0.4rem;
            left: 0.5rem;
			background:url(../images/douhao_01.png) center center no-repeat; 
			background-size:80%;
			height:1rem;
			width:1.04rem;
        }

       .timeline-container .quote-right {
            position: absolute;
            bottom: -0.5rem;
            right: 0.5rem;
            background:url(../images/douhao_02.png) center center no-repeat; 
			background-size:80%;
			height:1rem;
			width:1.04rem;
        }




.research_strength {
  width: 70%;
  margin: 0 auto;
  padding: 2rem 0;
  background-size: cover;
  background-position: center;
  border-radius: 0px;
  position: relative;
  z-index: 1;
  transition: width 0.85s cubic-bezier(0.165, 0.84, 0.44, 1),
              b
  overflow: hidden;
}
.research_strength .cer8 {
  position: relative;
  z-index: 2;
}
.research_strength .titile_all{ text-align: center;margin-bottom: 0.3rem;}
.research_strength .titile_all span{color: #fff;margin: 0px auto;}
.research_strength .research_strength_decipe{ line-height: 2;
  font-size: 0.18rem;
  color: #fff;
  text-align: center;}

#Honors{padding-top:1.3rem; padding-bottom:1.2rem; background-size:cover; background-position:center; background-repeat:no-repeat; text-align: center;}
#Honors .titile_all span{ margin:0px auto;margin-bottom: 0.2rem;}
.honor_about_con{ padding-top:0rem; padding-bottom:1.6rem;}
.honor_list_container {
            height: 5rem;
            display: flex;
            overflow: hidden;
            position: relative; margin-top:-0.2rem; margin-bottom:0rem;
}
/* 左侧图片区域 */
    .honor_list_container     .left-img {
            width: 45%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding:0 0.3rem;
            position: relative; /* 为图片动画提供定位参考 */
        }

       .honor_list_container  .left-img img {
            width:70%;
            height: 90%;
            object-fit: contain;
            position: absolute; /* 绝对定位实现动画 */
            right: 0; /* 初始在右侧 */
            opacity: 0; /* 初始透明 */
            transform: translateX(50px); /* 初始向右偏移 */
            transition: all 0.6s ease-in-out; /* 滑入动画 */
        }

       .honor_list_container  .left-img img.active {
            opacity: 1; /* 激活后显示 */
            transform: translateX(0); /* 滑到正常位置 */
            right: 15%; /* 居中对齐 */
        }

        /* 右侧列表区域 */
     .honor_list_container    .right-list {
            width: 55%;
            height: 100%;
            padding: 0 0.3rem;
            position: relative;
            overflow: hidden;text-align: left;
        }

        /* 顶部标题栏 */
     .honor_list_container    .list-header {
            margin-bottom: 0.2rem;
            padding-bottom: 0.2rem;
            border-bottom: 1px solid #eee;
        }

     .honor_list_container    .main-title {
            font-size: 0.28rem;
            color: #0030A6;
            margin-bottom: 0.1rem;
            font-weight: 600;
        }

      .honor_list_container   .sub-desc {
            font-size: 0.16rem;
            color: #0030A6;
            line-height: 1.5;
        }

        /* 滚动列表容器 */
      .honor_list_container   .list-container {
            height: calc(100% - 1.6rem);
            overflow: hidden;
            position: relative;
        }

      .honor_list_container   .list-wrapper {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            transition: top 0.5s ease-in-out; /* 平滑滚动动画 */
        }

      .honor_list_container   .list-item {
	        position:relative;
            padding-left: 0.2rem;
            font-size: 0.18rem;
            line-height: 3; /* 行高增大，保证每项高度一致 */
            color: #999; /* 默认灰色 */
            transition: color 0.3s ease;
            cursor: pointer; /* 鼠标指针变为手型，提示可点击 */
        }
      .honor_list_container   .list-item::before {
         content: "";
		 position: absolute;
  top: 50%;
  left: 0;
  width:6px;
  height:6px;
  background-color: rgba(0, 0, 0, 0.8);
  margin-top:-3px;border-radius: 50%;
  
  }
      .honor_list_container   .list-item.active {
            color: #333; /* 激活项黑色高亮 */
            font-weight: 500;
        }

      .honor_list_container   .list-item:hover {
            color: #666; /*  hover时加深颜色，提升交互反馈 */
        }

        /* 箭头按钮样式 */
       .honor_list_container  .btn-group {
            position: absolute;
            right: 0.1rem;
            bottom: 0.1rem;
            display: flex;
            gap: 0.2rem;
        }

      .honor_list_container   .control-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.22rem;
            color: #fff;
            transition: all 0.3s ease;
        }

      .honor_list_container   .prev-btn {
            background:  rgba(0, 45, 165, 0.3);
            color: #fff;
        }

      .honor_list_container   .next-btn {
            background:  rgba(0, 45, 165,1);
            color: #fff;
        }

       .honor_list_container  .control-btn:hover {
            opacity: 0.9;
            transform: scale(1.05);
        }
		
		




.wenhua_about_con{ padding-top:1.4rem; padding-bottom:1.4rem;}
/* 容器：全屏宽度，统一一张大背景图 */
        .culture-section {
            width: 100%;
            min-height: 6rem;
            background-size: cover;
            background-position: center;
            display: flex;
            position: relative;
            overflow: hidden; margin-top:-0.3rem;
        }

        /* 四栏布局 */
        .culture-column {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 0.5rem 0.3rem;
            position: relative;
            color: #ffffff;
            text-align: center;
            cursor: pointer;
        }
		.culture-column::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 1px;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.3);
            opacity: 1; /* 默认隐藏 */
            transition: all 0.4s ease;
            z-index: 2;
        }

        /* 悬浮：蓝色半透明遮罩 + 模糊效果 */
        .culture-column::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 60, 180, 0.7);
            opacity: 0; /* 默认隐藏 */
            transition: all 0.4s ease;
            z-index: 0;
            backdrop-filter: blur(6px); /* 背景模糊 */
        }

        /* 悬浮显示遮罩 */
        .culture-column:hover::before {
            opacity: 1;
        }

        /* 内容层 */
        .culture-content {
            position: relative;
            z-index: 1;
            max-width: 300px;
            transition: transform 0.4s ease; /* 滑动动画 */
        }

        /* 悬浮文字上移 20px */
        .culture-column:hover .culture-content {
            transform: translateY(-20px);
        }

        /* 图标样式 */
        .culture-icon {
            width: 0.6rem;
            height: 0.6rem;
            margin-bottom: 20px;
            stroke: #ffffff;
            stroke-width: 2;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
			margin: 0px auto; margin-bottom:0.3rem
        }

        /* 标题样式 */
        .culture-title {
            font-size: 0.24rem;
            font-weight: 600;
            margin-bottom: 0.15rem;
            letter-spacing: 2px;
        }

        /* 描述样式 */
        .culture-desc {
            font-size: 0.16rem;
            line-height: 1.8;
            opacity: 0.95;
            letter-spacing: 1px;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .culture-section {
                flex-direction: column;
                min-height: auto;
            }
            .culture-column {
                padding: 60px 20px;
            }
        }




.Company_layout_con{padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #f4f4f4;
  text-align: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;position: relative;}
.Company_layout_con .en_company {
            position: absolute;
  top: 1.2rem;
  left: 15%;
  width: 70%;
  height: auto;
  z-index: 1;
        }
 .Company_layout_con .brand_font {position: relative; z-index:2}
 .Company_layout_con .brand_font  .brand_font_tit {font-size: 0.54rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0.3rem;}
 .Company_layout_con .brand_font  .brand_font_decipe  {font-size: 0.18rem;
  line-height:2; margin: 0px auto;
  margin-bottom: 0.3rem; max-width:1050px;}  
  
  
  
.brand_font_lists ul {
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px; margin-top: 0.3rem; width: 100%;max-width: 1000px;
}

.brand_font_lists li {
    position: relative;
  flex: 1;
  text-align: center;
}

.brand_font_lists .about_liucheng_img{} {
  border-radius: 50%;
}
.brand_font_lists .about_liucheng_img img{border-radius: 50%;
  width: 90%;
  height: auto;
  max-width: 1rem;
  margin: 0px auto;}
.brand_font_lists {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.brand_font_lists .liucheng_tit {
        font-size: 0.20rem; margin-top:0.2rem;font-weight: normal;
    }
    .brand_font_lists .liucheng_decipe {
        font-size: 0.16rem; line-height: 1.6;
    }
    

/* 流程箭头 */
.brand_font_lists li .jiantou_show { position: absolute; top: 0.45rem; right:-0.3rem;
  width: 0.5rem;
  height: auto;
}

.brand_font_lists li .jiantou_show{}

.brand_font_lists li:last-child .jiantou_show{ display:none;}






/* Banner 容器 */
        .timeline-banner22 {
            width: 100%;
            min-height: 4.2rem;
			background-size:cover;
			background-position:center;
			background-repeat:no-repeat;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: #ffffff;
            overflow: hidden;
        }

        /* 半透明遮罩，增强文字可读性 */
        .timeline-banner22::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.25);
            z-index: 1;
        }

        /* 文字容器，层级高于遮罩 */
        .banner-content22 {
            position: relative;
            z-index: 2;
            padding: 0 20px;
        }

        /* 主标题 */
        .banner-title22 {
            font-size: 0.4rem;
            font-weight: bold;
            line-height: 1.2;
            margin-bottom: 0.3rem;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        }

        /* 副标题 */
        .banner-subtitle22 {
            font-size: 0.18rem;
            line-height: 1.5;
            opacity: 0.95;
            text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .timeline-banner22 {
                min-height: 220px;
            }
            .banner-title22 {
                font-size: 32px;
                margin-bottom: 12px;
            }
            .banner-subtitle22 {
                font-size: 16px;
            }
        }

        @media (max-width: 480px) {
            .timeline-banner22 {
                min-height: 180px;
            }
            .banner-title22 {
                font-size: 26px;
                margin-bottom: 10px;
            }
            .banner-subtitle22 {
                font-size: 14px;
            }
        }


.Development_shows{ background-color:#F4F4F4; padding-top:1rem; padding-bottom:1.6rem}



/* 关于我们横幅容器 */
.inbanner_about {
    width: 100%;
    min-height: 7rem;
	height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    /* 深蓝色蒙层，匹配设计稿的深色视觉 */
    &::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(10, 30, 60, 0.25);
        z-index: 1;
    }
}

/* 内容容器（80%宽度居中） */
.cer8.inbanner_about_content {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.8rem; margin-top:-1rem;
}

/* 年份标题区域 */
.about_years {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.years_number {
    font-size: 0.7rem;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;

    span {
        margin-left: 0.15rem;
    }
}

.about_font {
    font-size: 0.16rem;
    color: #fff;
    position: relative;
    padding-left: 0.2rem;

    /* 橙色小标 */
    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        background-color: #ff7d00;
    }
}

/* 主体内容双栏布局 */
.about_fonts_show {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

/* 左侧标语+按钮区域 */
.about_fonts_show_left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;align-items: flex-start;
}

.about_fonts_kouhao {
    font-size: 0.4rem;
    line-height: 1.6;
    font-weight: 500;

    span {
        display: block;
        margin-top: 0.2rem;
        font-weight: bold;
    }
}

.about_dedio_btn {
    gap: 10px;
  cursor: pointer;
  transition: opacity 0.3s;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;

    &:hover {
        opacity: 0.8;
    }

    img {
        width: 0.6rem;
        height: 0.6rem;
    }

    span {
        font-size: 13px; display:block;
        color: rgba(255, 255, 255, 0.8);
    }
}

/* 右侧介绍+流程区域 */
.about_fonts_show_right {
    flex: 1.5;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.about_descipe {
    font-size: 0.16rem;
    line-height:2;
    color: rgba(255, 255, 255, 0.9);
    text-align: justify; margin-bottom:0.5rem
}



/* 页面底部向下箭头（设计稿底部的小图标） */
.inbanner_about::before {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 30px;
    background-image: url('images/down_arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    animation: bounce 1.5s infinite;
}

/* 箭头上下跳动动画 */
@keyframes bounce {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(8px);
    }
}

/* 响应式适配（平板/手机） */
@media screen and (max-width: 1200px) {
    .about_fonts_show {
        flex-direction: column;
        gap: 30px;
    }

    .years_number {
        font-size: 48px;
    }

    .about_fonts_kouhao {
        font-size: 30px;

        span {
            font-size: 28px;
        }
    }

    .about_liucheng ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .about_liucheng > ul > li > img {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .cer8.inbanner_about_content {
        width: 90%;
    }

    .years_number {
        font-size: 36px;
    }

    .about_fonts_kouhao {
        font-size: 24px;

        span {
            font-size: 22px;
        }
    }

    .about_descipe {
        font-size: 14px;
    }

    .about_liucheng_one img {
        width: 40px;
        height: 40px;
    }
}

.p_about_down {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    color: #FFF;
    text-align: center;
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    z-index: 9;
}

.p_about_down span {
    padding-bottom: 15px;
}


.p_about_down i {
    display: inline-block;
    position: relative;
    width: 1px;
    height: 59px;
    background-color: rgba(255, 255, 255, 0.2);
    overflow: hidden;
}

.p_about_down i:before {

    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(0);
    width: 1px;
    height: 10px;
    background-color: #fff;
    animation: right-swing 2s ease-out alternate infinite;
}


@keyframes right-swing {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(200%);
    }
    100% {
        transform: translateY(0);
    }
}


.company_cltrul{ margin-top:0.8rem;}
.company_cltrul ul li{color:#666;font-size:0.16rem;}
.company_cltrul ul li p span{ font-size:0.22rem; font-weight:bold; display:inline-block; padding-right:0.2rem; color:#000;} 
.company_cltrul ul li:nth-child(1){ background-position:left top; background-size:auto 0.7rem; background-repeat:no-repeat; padding-top:0.6rem;}
.company_cltrul ul li:nth-child(2){ background-position:left bottom; background-size:auto 0.7rem; background-repeat:no-repeat; padding-bottom:0.6rem; margin-top:0.6rem;}


#certify {
	position: relative; padding-top:0.3rem; padding-bottom:1.6rem;
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 520px;
	height:430px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide .pic{ width:100%; height:350px; position:relative}
#certify  .swiper-slide  .pic img{
	display:block;
}
#certify  .swiper-slide  .pic img{display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height:100%;
  max-width:100%;}
#certify  .swiper-slide p {
	line-height:1.8;
	padding-top:20px;
	text-align: center;
	color: #333;
	font-size:0.16rem; font-weight:bold
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 1.5rem;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -0.3rem;top:34%;
	width: 0.6rem;
	height: 0.6rem;
	background: url(../images/left_btn.png) no-repeat;
	background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius:50%
}
#certify .swiper-button-prev::after{ display:none}

#certify .swiper-button-prev:hover {

}

#certify .swiper-button-next {
	right: -0.3rem; top:34%;
	width: 0.6rem;
	height: 0.6rem;
	background: url(../images/right_btn.png) no-repeat;
	background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);border-radius:50%
}
#certify .swiper-button-next::after{ display:none}

#certify .swiper-button-next:hover {
	
}

.Business_layout{ background-color:#f7f7f7; padding-top:1.6rem; padding-bottom:1.6rem;}
.Clinical_collaboration{ margin-top:0.8rem; padding-top:0.2rem; padding-bottom:0.6rem;  background-repeat:no-repeat; background-position:right center; background-size: auto 100%;}

.Clinical_collaboration ul{ padding-right:50%; padding-top:0.6rem;}
.Clinical_collaboration ul li{ border-left:#d0d0d0 4px solid; display:inline-block; width:45%; text-align:left; vertical-align:top; margin-bottom:0.8rem; padding-left:3%;}
.Clinical_collaboration ul li h3{ line-height:1; margin-bottom:0.2rem;font-family: "family_DIN"; font-weight:bold; font-size:0.3rem; color:#f56607;}
.Clinical_collaboration ul li h3 span{font-size:0.5rem;}
.Clinical_collaboration ul li p{ line-height:1; font-size:0.16rem; color:#666;}
.Clinical_collaboration ul li:nth-child(3) h3,.Clinical_collaboration ul li:nth-child(4) h3{font-size:0.2rem; color:#000}
.Clinical_collaboration ul li:nth-child(3) h3 span,.Clinical_collaboration ul li:nth-child(4) h3 span{font-size:0.3rem; color:#000}


.linchuan_tit2{ position:relative; margin-bottom:0.5rem; font-size:0.24rem; font-weight:bold; color:#002e9f;}
.linchuan_tit2 span{ position:relative; line-height:1; display: inline-block; padding-left:0.15rem;}
.linchuan_tit2 span::before {
  left:0%;
  position: absolute;
  top:0rem;
  content: " ";
  width:4px;
  -webkit-transition: .3s;
  transition: .3s;
  height:100%;
  background:#002e9f; border-radius:0.1rem;
}


.develpment_con{}
.develpment_con #tabcilk{ border-bottom:#e2e2e2 1px solid; padding-bottom:0.3rem; margin-bottom:0.5rem; margin-top:0.3rem;}
.develpment_con #tabcilk li{ position:relative; border-right:#e2e2e2 1px solid; display:inline-block; padding:0 0.5rem; font-size:0.22rem; font-weight:bold;color:#999;}
.develpment_con #tabcilk li.on{ color:#000;}
.develpment_con #tabcilk li.on::before {
  left:50%;
  position: absolute;
  bottom:-0.3rem;
  content: " ";
  width:0.8rem; margin-left:-0.4rem;
  -webkit-transition: .3s;
  transition: .3s;
  height:3px;
  background:#002e9f;
}

.fazhan_tit{ position:relative; margin-bottom:0.5rem; font-size:0.20rem; font-weight:bold; color:#2144a7;}
.fazhan_tit span{ position:relative; line-height:1; display: inline-block; padding-left:0.15rem;}
.fazhan_tit span::before {
  left:0%;
  position: absolute;
  top:0rem;
  content: " ";
  width:4px;
  -webkit-transition: .3s;
  transition: .3s;
  height:100%;
  background:#d96c2d; border-radius:0.1rem;
}


/*首页 页面样式 开始*/

.indexmainbox {
    background-color: #FFF;
    position: relative;
    z-index: 100;
}

.home_velue_list{position:relative; z-index:2}
.home_velue_list ul li{ position:relative; display:inline; overflow:hidden;}
	
.home_velue_list ul li .back_img{position:relative; width:100%;background-repeat:no-repeat; background-size: cover; background-position:center center; height:100%;transition: transform 0.5s ease;}	

.home_velue_list ul li .back_img::before {
  left:0%;
  position: absolute;
  top:0%;
  content: " ";
  width:100%;
  -webkit-transition: .3s;
  transition: .3s;
  height:100%;
  background-color: rgba(0,0,0,.5); z-index:2; display:none;transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}
.home_velue_list ul li:hover .back_img::before {
  left:0%;
  position: absolute;
  top:0%;
  content: " ";
  width:100%;
  -webkit-transition: .3s;
  transition: .3s;
  height:100%;
  background-color: rgba(0,0,0,.5); z-index:2; display: block;transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}

.home_velue_list ul li:hover .back_img{ transform: scale(1.06);-webkit-box-shadow: 1px 1px 25px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 1px 25px rgba(0,0,0,.15);
	box-shadow: 1px 1px 25px rgba(0,0,0,.15);}
.home_velue_list ul li:nth-child(1){float:left; height:7.5rem; width:49%;}
.home_velue_list ul li:nth-child(2){ position:absolute; right:0; top:0;width:49%; height:48%;}
.home_velue_list ul li:nth-child(3){position:absolute; right:0; bottom:0;width:49%; height:48%;}

.home_velue_list ul li .font{ position: absolute; left:0; bottom:0; z-index:3; color:#fff;display:none;transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;width: 100%;
    text-align: center;
    display: none;
    align-items: center; height:100%;}
.home_velue_list ul li:hover .font{display: flex;transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.home_velue_list ul li .font .titile_show {transition: 0.3s; width:100%; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;  overflow:hidden; display:block; font-size:0.20rem; line-height:2; padding:0 20%;
 }
.home_velue_list ul li:hover .font .titile_show{display:block; transition: 0.3s; -moz-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
.home_velue_list ul li .font .titile_show  .font_one_show{ padding:0.05rem; display:block; text-align:center}
.home_velue_list ul li .font .titile_show  .font_one_show img{ max-height:0.3rem; display:inline-block; padding-right:0.1rem;}	

.linchuang_home{ position:relative; z-index:1; background-color:#f9f9f9; margin-top:-2rem; padding-top:3.8rem; padding-bottom:1.5rem; }
.linchuang_back{ background-position:right top; background-size:auto 100%; background-repeat:no-repeat;padding-bottom:0.8rem;}

.home_number_show ul{ padding-right:50%; padding-top:0.6rem;}
.home_number_show ul li{ border-left:#d0d0d0 4px solid; display:inline-block; width:90%; text-align:left; vertical-align:top; margin-bottom:0.5rem; padding-left:3%;}
.home_number_show ul li h3{ line-height:1; margin-bottom:0.2rem;font-family: "family_DIN"; font-weight:bold; font-size:0.2rem; color:#f56607;}
.home_number_show ul li h3 span{font-size:0.5rem;}
.home_number_show ul li p{ line-height:1; font-size:0.16rem; color:#666;}

.hospital_con{ padding-top:0.5rem;}
.hospital_list{ position:relative; padding:10px; }
.hospital_list.margin_left10{ margin-left:-10%}
.hospital_list::after {
  left:0%;
  position: absolute;
  top: 0%;
  content: " ";
  width:4rem; height: 100%; background: url("../images/mengcheng001.png") left top repeat-y; background-size: 100% auto;
  -webkit-transition: .3s; z-index: 3;
  transition: .3s;
}
.hospital_list::before {
  right:0%;
  position: absolute;
  top: 0%;
  content: " ";
  width:4rem; height: 100%; background: url("../images/mengcheng002.png") right top repeat-y; background-size: 100% auto;
  -webkit-transition: .3s; z-index: 3;
  transition: .3s;
}
.hospital_list .swiper-slide{}
.hospital_list .swiper-slide .hospital_img{ position:relative; background-color:#fff; border-radius:0.15rem; height:0.9rem;-webkit-box-shadow: 1px 1px 15px rgba(0,0,0,.10);
	-moz-box-shadow: 1px 1px 15px rgba(0,0,0,.10);
	box-shadow: 1px 1px 15px rgba(0,0,0,.10);}
.hospital_list .swiper-slide .hospital_img  img{
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80%;
  max-width: 80%;
}


.home_news_con{display: flex;
  justify-content: space-between; flex-wrap: wrap; 
}
.home_news_con .home_new_left{ width:54%;}
.home_news_con .home_new_left ul{display: flex;
  justify-content: space-between;
  align-items: center;}
.home_news_con .home_new_left ul li { width:48%; margin-right:4%; display:inline}
.home_news_con .home_new_left ul li:last-child{ margin-right:0}
.home_news_con .home_new_left ul li a{ display:block; }
.home_news_con .home_new_left ul li .img_over_hidden{width:100%; height:2.4rem; overflow: hidden; margin-bottom:0.5rem;-webkit-box-shadow: 1px 1px 25px rgba(0,0,0,.0);
	-moz-box-shadow: 1px 1px 25px rgba(0,0,0,.0);
	box-shadow: 1px 1px 25px rgba(0,0,0,.0);}
.home_news_con .home_new_left ul li .img{ width:100%; height:2.4rem; background-size:cover; background-repeat:no-repeat; background-position:center center;transition: transform 0.5s ease;}
.home_news_con .home_new_left ul li:hover .img{transform: scale(1.06);-webkit-box-shadow: 1px 1px 25px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 1px 25px rgba(0,0,0,.15);
	box-shadow: 1px 1px 25px rgba(0,0,0,.15);}
.home_news_con .home_new_left ul li .fonts .tit{ font-size:0.18rem; font-weight:bold; color:#000; line-height:1.6; margin-bottom:0.3rem}
.home_news_con .home_new_left ul li .fonts .descipe{ font-size:0.14rem;color:#666; line-height:1.6;}

.home_news_con .home_new_right{ width:40%;margin-left: 6%;}
.home_news_con .home_new_right ul li{ border-bottom:#ededed 1px solid; padding:0.3rem 0;}
.home_news_con .home_new_right ul li:first-child{ padding-top:0}
.home_news_con .home_new_right ul li .left_time{ float:left; width:30%;}
.home_news_con .home_new_right ul li .left_time .time{ font-size:0.18rem; font-weight:bold; line-height:1; margin-bottom:0.4rem; color:#000}
.home_news_con .home_new_right ul li .left_time .positions{ font-size:0.14rem; line-height:1; color:#666666}
.home_news_con .home_new_right ul li .right_font{ float:left; width:69%;}
.home_news_con .home_new_right ul li .right_font .tit{ font-size:0.18rem; font-weight:bold; line-height:1.5; margin-bottom:0.2rem; color:#000}
.home_news_con .home_new_right ul li .right_font .descipe { font-size:0.14rem; line-height:1.5; color:#666666}
.home_news_con .home_new_right ul li a:hover .right_font .tit{ color:#002e9f}

.about-section {
  position: relative;
  width: 100%;
  height: 8rem;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 1 !important;
  visibility: visible !important; margin-top:1.8rem;
}
.about-inner {
  position: absolute;
  left: 50%;
  top: 0;
  width: 0%;
  height: 100%;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  transform: translateX(-50%);
  transition: none !important;
  opacity: 1 !important;
  z-index: 999;
}
/* 🔥 文字从下往上滑入动画 */
.about-content {
  opacity: 0; z-index: 10;
}
.text-slide-item {
  opacity: 0;
  transform: translateY(60px); /* 从下方60px开始 */
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.text-slide-item:nth-child(1) { transition-delay: 0.2s; }
.text-slide-item:nth-child(2) { transition-delay: 0.4s; }

/* 触发后显示 */
.about-content.active .text-slide-item {
  opacity: 1;
  transform: translateY(0);
}
.home_about_show{  background-size: cover; background-position:center; background-repeat:no-repeat;}
.home_about_show::before {
  content: '';
  position: absolute;
  left: 0%;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, 
    rgba(12, 29, 69, 0.8),  /* 最下面透明度 */
    rgba(30, 71, 171, 0.3)   /* 最上面透明度 */
  );
  top: 0;
  z-index: 2;
}
.home_about_show  .home_about_video{ position:absolute; left:50%; top:50%; z-index:3; width:0.6rem; height:0.6rem; line-height:0.5rem; margin-top:-0.3rem; margin-left:-0.3rem;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);border-radius: 50%; border:rgba(255, 255, 255, 0.3) 1px solid; background-color:rgba(255, 255, 255, 0.2);backdrop-filter: blur(8px);display: flex;
  justify-content: center;
  align-items: center;transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
.home_about_show  .home_about_video img{ width:0.18rem;}  
.home_about_show .home_about_video:hover{transform: translateY(-5px);order:rgba(255, 255, 255, 0.6) 1px solid; background-color:rgba(255, 255, 255, 0.4);}


.home_technology{ margin-top:0.5rem;}
.home_technology_list{}
.home_technology_list  .swiper-slide{ height:7.5rem; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; text-align: center}
.home_technology_list  .swiper-slide video{width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;}
.home_technology_list  .swiper-slide a{ display:block; width:100%; height:100%}  
.home_technology_list  .swiper-slide.swiper-slide-active{ width:70%;}
.home_technology_list  .swiper-slide.swiper-slide-active .fonts_show{ display: block;}
.home_technology_list  .swiper-slide .fonts_show{ display:none; position:absolute; left:10%; width:80%; top:1rem}
.home_technology_list  .swiper-slide .fonts_show h3{ color:#fff; font-size:0.4rem; font-weight:bold; line-height:1.6; margin-bottom:0.2rem;}
.home_technology_list  .swiper-slide.swiper-slide-active .fonts_show h3{animation: moveUp 2s ease;animation-fill-mode: both;}
.home_technology_list  .swiper-slide.swiper-slide-active .fonts_show .descipe_font{animation: moveUp 2s ease;animation-fill-mode: both;transition-delay: 1s;
    -moz-transition-delay: 1s; /* Firefox 4 */
    -webkit-transition-delay: 1s; /* Safari 和 Chrome */
    -o-transition-delay: 1s; /* Opera */
    animation-fill-mode: both;}
.home_technology_list  .swiper-slide.swiper-slide-active .fonts_show a{animation: moveUp 2s ease;animation-fill-mode: both;transition-delay: 2s;
    -moz-transition-delay: 2s; /* Firefox 4 */
    -webkit-transition-delay: 2s; /* Safari 和 Chrome */
    -o-transition-delay: 2s; /* Opera */
    animation-fill-mode: both;}


@keyframes moveUp{
    0% {transform: translateY(30px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-o-keyframes moveUp{
    0% {transform: translateY(30px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes moveUp{
    0% {transform: translateY(30px);opacity: 0.1;}
    100% {transform: translateY(0vw);opacity: 1;}
}
@-webkit-keyframes moveUp{
    0% {transform: translateY(30px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}



.home_technology_list  .swiper-slide .fonts_show .descipe_font{ color:#fff; font-size:0.16rem;  line-height:1.8;}

.home_technology_list .swiper-pagination-bullet{}
.home_technology_list .swiper-pagination-bullet {
  display: inline-block;
  height: 2px;
  width:0.2rem;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: none;
  border-radius:0px; background:rgb(255,255,255,.5);
}
.home_technology_list .swiper-pagination-bullet-active{
background-color:#fff; width:0.4rem;
}

.home_technology_list .swiper-button-prev{left:3%;top:50%;
	width: 0.5rem;
	height: 0.5rem; margin-top:-0.25rem;
	background: url(../images/left_btn2.svg) no-repeat;
	background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius:50%;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.home_technology_list .swiper-button-prev:hover{background: url(../images/left_btn2_hover.svg) no-repeat;background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius:50%;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}	
.home_technology_list .swiper-button-prev::after{ display:none}
.home_technology_list .swiper-button-next{right:3%; top:50%;
	width: 0.5rem;
	height: 0.5rem;margin-top:-0.25rem;
	background: url(../images/right_btn2.svg) no-repeat;
	background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);border-radius:50%;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.home_technology_list .swiper-button-next:hover{background: url(../images/right_btn2_hover.svg) no-repeat;background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius:50%;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}	
.home_technology_list .swiper-button-next::after{ display:none}



.home_products{ margin-top:0.5rem;}
.home_pros_list{}
.home_pros_list  .swiper-slide{ height:8rem; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; text-align: center}
.home_pros_list  .swiper-slide .text_container{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}  
.home_pros_list  .swiper-slide.swiper-slide-active{}
.home_pros_list  .swiper-slide.swiper-slide-active .fonts_show{ display: block;}
.home_pros_list  .swiper-slide.swiper-slide-active .fonts_show .home_pro_name{ position:absolute; left:0; top:1rem;}
.home_pros_list  .swiper-slide .fonts_show{ display:none; position: relative; height:100%; text-align:left}
.home_pros_list  .swiper-slide .fonts_show h3{ color:#fff; font-size:0.4rem; font-weight:bold; line-height:1.6; margin-bottom:0.2rem;}
.home_pros_list  .swiper-slide.swiper-slide-active .fonts_show h3{animation: moveUp 2s ease 0.3s;animation-fill-mode: both;}
.home_pros_list  .swiper-slide.swiper-slide-active .fonts_show .descipe_font{animation: moveUp 1s ease 0.6s;animation-fill-mode: both;}
.home_pros_list  .swiper-slide .fonts_show .home_pro_descipes{ position:absolute; left:0; bottom:1rem;
overflow: hidden;
}	
.home_pros_list  .swiper-slide.swiper-slide-active .fonts_show .home_pro_descipes{animation: moveUp 1s ease 1s;animation-fill-mode: both;}

.home_pros_list  .swiper-slide .more_produts{}
.home_pros_list  .swiper-slide.swiper-slide-active .more_produts{animation: moveUp 1s ease 0.8s;animation-fill-mode: both;}

.home_pros_list  .swiper-slide a.more_produts{ display: inline-block;font-size: clamp(13px, 0.15rem, 15px);color:#fff;border: #0030A6 1px solid; background-color:#0030A6;
  padding: 0.125rem 0.22rem;transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
.home_pros_list  .swiper-slide a.more_produts:hover{transform: translateY(-5px); /* 向上移动 5px，推荐写法 */} 
  
  
.home_pros_list  .swiper-slide.swiper-slide-active .fonts_show .home_pro_descipes ul{}	
.home_pros_list  .swiper-slide.swiper-slide-active .fonts_show .home_pro_descipes ul li{border: #fff 1px solid;
  display: inline-block;
  color: #fff;
  border-radius: 30px;
  padding: 0.15rem 0.35rem;
  font-size: 0.17rem;
  margin-right: 0.2rem;}



@keyframes moveUp{
    0% {transform: translateY(30px);opacity:0;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-o-keyframes moveUp{
    0% {transform: translateY(30px);opacity:0;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes moveUp{
    0% {transform: translateY(30px);opacity:0;}
    100% {transform: translateY(0vw);opacity: 1;}
}
@-webkit-keyframes moveUp{
    0% {transform: translateY(30px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}



.home_pros_list  .swiper-slide .fonts_show .descipe_font{ color:#fff; font-size:0.16rem;  line-height:1.8; margin-bottom:0.4rem}

.home_pros_list .swiper-pagination-bullet{}
.home_pros_list .swiper-pagination-bullet {
  display: inline-block;
  height: 2px;
  width:0.2rem;
  padding: 0;
  margin: 0;
  outline: none;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: none;
  border-radius:0px; background:rgb(255,255,255,.5);
}
.home_pros_list .swiper-pagination-bullet-active{
background-color:#fff; width:0.4rem;
}
.home_pros_list .swiper-button{position: absolute; top:60%; left:0; width:100%;}
.home_pros_list .swiper-button  .swiper-button_wid{ position:relative;}


.home_pros_list .swiper-button-prev{left:0%;top:0%;
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/left_btn2.svg) no-repeat;
	background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius:50%;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.home_pros_list .swiper-button-prev:hover{background: url(../images/left_btn2_hover.svg) no-repeat;background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius:50%;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}	
.home_pros_list .swiper-button-prev::after{ display:none}
.home_pros_list .swiper-button-next{left:0.8rem; top:0%;
	width: 0.5rem;
	height: 0.5rem;
	background: url(../images/right_btn2.svg) no-repeat;
	background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);border-radius:50%;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.home_pros_list .swiper-button-next:hover{background: url(../images/right_btn2_hover.svg) no-repeat;background-position:center;
	background-size: 100%;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08); border-radius:50%;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}	
.home_pros_list .swiper-button-next::after{ display:none}





.vedio_show{ text-align:center;}
.vedio_show .video{ width:100%; margin:0px auto; max-width:1400px;}
.vedio_tit{ font-size:24px; font-weight:bold; padding-top:4%; padding-bottom:2%;}

@media screen and (max-width: 768px)
{
	.banner_home .item .videocon {
    position: initial;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    z-index: 2;
}
	.banner_home .item .videocon  video {
    position: absolute;
    top:0%;
    left: 0%;
    width: auto;
    height: 100%;
    margin-left: -100%;
    z-index: 2;display: flex;text-align: center;
    align-items: center;
}
.banner_home .item .videocon video {
    
}


.home_technology_list .swiper-slide.swiper-slide-active {
    width:70%; display:block
}
.home_news_con .home_new_left {
    float: none;
    width: auto;
}
.home_news_con .home_new_right {
    float: none;
    width: auto;
    padding-top: 0.5rem;
}
.home_velue_list ul li:nth-child(2) {
    position: relative;
    right: initial;
    top: initial;
    width: 100%;
    height: 3.5rem;
    display: block; margin-top:0.2rem;
}
.home_velue_list ul li:nth-child(3) {
    position: initial;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3.5rem;
    display: block; margin-top:0.2rem;
}
.home_velue_list ul li:nth-child(1) {
    float: none;
    height:8rem;
    width: 100%;
    display: block;
}

.linchuang_back {
    background-position: right center;
    background-size: auto 70%;
    background-repeat: no-repeat;
    padding-bottom: 0.8rem;
}
.home_technology_list {
    margin-left:0%;
}
.head.mini,.head{ z-index:1001}
.navsjout{ z-index:1000}
.Clinical_collaboration {
    margin-top: 0.8rem;
    padding-top: 0.2rem;
    padding-bottom: 0.6rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 55%;
}
.hexin_velue_list ul li .left_hexin_img {
    float: none;
    width: auto;}
	.hexin_velue_list ul li .right_hexin_font {
    float: none;
    width: auto;
    position: relative;
    padding: 6% 0;
    display: block;
}
.hexin_velue_list ul li:nth-child(2n) .left_hexin_img {
    float: none;
    width: auto;
}
.change_3_list {
    overflow: hidden;
}
.change_3_list .swiper-slide {
    width: 90%;
}
.change_3_list .swiper-slide a {
    display: block;
    padding-right: 10%;
}
.shoushu_list ul li {
    position: relative;
    float: none;
    height: 4.5rem;
    display: block;
    overflow: hidden;
    border-radius: 0.2rem;
    width: 100%; margin-bottom:0.2rem;
}
.shoushu_list ul li:nth-child(1),.shoushu_list ul li:nth-child(2),.shoushu_list ul li:nth-child(3) {
    width: auto;
    margin-right: 0;
}
.pro_news_show ul li .left_time {
    float: none;
    width: auto;
}
.pro_news_show ul li .left_pro_imgs {
    width: 30%;}
.pro_news_show ul li .right_font {
    width: 65%;
}

.ibcatein .cn {
    font-size: 24px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 15px;
    font-weight: bold;
}
.ibcatein .en {
    font-size: 20px;
}
.pro_lists_show ul li {
    width: 45%;}
.zhuanjia_lists .item .people{ left:0}
.zhuanjia_lists .item .font_people {
    position: absolute;
    right: 5%;
    top: 0.8rem;
    width: 45%;
    text-align: left;
    z-index: 3;
}
.news_inbanner .item .fonts_show .left_font {
    float: none;
    width: auto;
    text-align: left;
}
.news_inbanner .item .fonts_show .right_descipe {
    float: none;
    width: auto;
    text-align: left;
    font-size: 0.16rem;
    padding-top: 0.5rem;
    line-height: 1.8;
}
.new_info_tit .names{ padding-right:0}
.pro_home_con::before,.pro_home_con::after{ width:2rem;}
.copyright .wrapper .right_icons{ display:none}




.head{min-width: initial;}



.banner_home .item .vedio_fonts .font-01 img {
  max-height: initial;
  width: 90%;
}

.titile_all span,.home_pros_list .swiper-slide .fonts_show h3,.home_technology_list .swiper-slide .fonts_show h3{font-size: 25px;}


.home_news_con .home_new_left ul li .fonts .tit ,.home_news_con .home_new_right ul li .left_time .time,.home_news_con .home_new_right ul li .right_font .tit,.QRcode-group .compant_name{
  font-size: 16px;}
  
.titile_all_descipe,.home_pros_list .swiper-slide .fonts_show .descipe_font,.home_pros_list .swiper-slide.swiper-slide-active .fonts_show .home_pro_descipes ul li,.home_technology_list .swiper-slide.swiper-slide-active .fonts_show .descipe_font,.QRcode-group .bottom_con {
  font-size: 14px;
}

.home_news_con .home_new_left ul li .fonts .descipe,.home_news_con .home_new_right ul li .left_time .positions ,.home_news_con .home_new_right ul li .right_font .descipe,.copyright{
  font-size: 12px;}  
  
  
.edite span b i{font-size: 20px;}
.navbtn s {
  position: absolute;
  left: 25%;
  display: block;
  width: 40%;
  height: 2px;
  background-color: #fff;}
.head.mini .navbtn s {
  position: absolute;
  left: 25%;
  display: block;
  width: 40%;
  height: 2px;
  background-color: #000;}
  



.home_pros_list .swiper-slide .text_container {
  left: 5%;
  width: 90%;
}
.home_pros_list .swiper-button-prev {
  left: 5%;}
  .home_pros_list .swiper-button-next {
  left: calc(5% + 0.8rem);}
  .home_pros_list .swiper-slide{background-position: 70% center;}
  .home_news_con .home_new_left ul {
  display: block;}
  .home_news_con .home_new_left ul li {
  margin-right: 0;
  display: block;
  width: auto;
  margin-bottom: 25px;
}
.home_news_con .home_new_left ul li .img {
  height: 3rem;}
  .home_news_con .home_new_right {
    float: none;
    width: auto;
    padding-top: 0.5rem;
    margin: 0; margin-bottom:1.2rem
  }
  .home_news_con {
  display: block;}
.QRcode-group .bottom_logo {
  background: url("../images/logo.png") left center no-repeat;
    background-size: auto;
  width: 60%;
  height: 0.8rem;
  background-size: 100% auto;
  margin-bottom: 0.3rem;
}
  
  .inbanner_about{height: auto;padding-top:3rem;
  padding-bottom: 1rem;}
  .about_liucheng ul{gap: 30px 50px;}
  .about_liucheng_one  span {
    font-size: 14px;
  }
  .pro_fenlei_show ul li a{ font-size:14px;}
  .pro_fenlei_show {
  width: 100%;
  overflow-x: scroll;
}
  .pro_fenlei_show ul {
    width: 1500px;
  }
  .city_container .city-list li{font-size: 16px;}
  .city_container .city-name,.city_container .city-desc{font-size: 14px;}
  .culture-title {
  font-size: 22px;}
  .culture-desc {
  font-size: 14px;}
  .timeline-container .content-item .content-item-fonts {
  padding: 0 5%;
        line-height: 0.3rem;
        max-height: calc(0.3rem * 5);
        overflow-y: auto;
        height: 1.5rem;
        font-size: 14px;
}
.social_responsibility_font_descipe {
  font-size: 14px;}
  .honor_list_container .left-img {
  width: auto;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.3rem;
  position: relative;
}
.honor_list_container {
  height: 9rem;
  display: block;}
  .honor_list_container .right-list {
  width: auto;
  height: 5rem;margin-top: 20px;}
  .honor_list_container .main-title {
  font-size: 16px;}
  .honor_list_container .sub-desc {
  font-size: 12px;}
  .honor_list_container .list-item{font-size: 14px;}
  .social_responsibility_font_tit{ font-size:26px;}
  .more_link{font-size: 12px;}
  .p_about_down{ display:none}
  .about_font {
  font-size: 12px;}
  .timeline-container .timeline-swipe{ width:inherit}
    .cer3, .cer8, .cer10, .cer11 {
    padding: 0 5%;
    width: initial;
  }
  .timeline-container .content-container{width: inherit;}
  .culture-column {
    padding: 30px;
  }
  .honor_list_container .list-container {
  height: calc(100% - 2rem);}
  .ibcatein .en {
    font-size: 14px;
  }
  .product-text {
  width: 80%;}
  .product-title {
  font-size: 22px;}
  .product-subtitle {
  font-size: 14px;}
  .product-btn{ font-size: 12px;}
  .product-item {
  height: 6rem;}
  .product-item:nth-child(2n) .product-text {
  margin-left: 10%;
}
.pro_info_content01 .pro_info_content01_font .pro_info_content01_tit {
  font-size: 26px;}
  .pro_info_content01 .pro_info_content01_font{ width:90%;}
  .pro_info_content01 .pro_info_content01_font .pro_info_content01_descipe {
  font-size: 16px;}
  .pro_info_content01,.pro_info_content02,.pro_info_content03{ height:6rem}
  .pro_info_content02 .pro_info_content02_font {
  color: #FFFFFF;
  width: 90%;
  margin-left: 5%;
}
.pro_info_content02 .pro_info_content02_font .pro_info_content02_tit {
  font-size: 20px;}
  .pro_info_content02 .pro_info_content02_font .pro_info_content02_descipe {
  font-size: 12px;}
  .pro_info_content03 .pro_info_content03_font .pro_info_content03_tit {
  font-size: 24px;}
  .pro_info_content03 .pro_info_content03_font .pro_info_content03_lists ul li .tit03 {
  font-size: 20px;}
  .pro_info_content03 .pro_info_content03_font .pro_info_content03_lists ul li .descip03 {
  font-size: 14px;}
  .pro_info_content04_list ul {
  grid-template-columns: repeat(1, 1fr);}
  .pro_info_content04_descipe ,.pro_info_content06 .pro_info_content06_descipe{
  font-size: 13px;}
  .pro_info_content04_img {
  height: 3.5rem;}
   .pro_info_content06_lists ul li {
    flex: 1 1 100%;
    height: 4rem;
  }
    .pro_info_content06_lists ul {
    padding: 0;
    gap: 15px;
  }
    .form-title h2 {
    font-size: 26px;
  }
     .form-container {
    gap: 0;
    padding-left: 0;
    display: block;
    padding-right: 0;
  }
  .form-title {
  flex: 1;
  min-width: auto;
}
.form-content{min-width: auto;margin-top: 20px; margin-bottom:0.4rem;}
 .form-input input {
    padding: 15px;
    font-size: 13px;
  }
    .form-submit .submit {
    font-size: 14px;
    padding: 10px;
  }
  .cer8.padding_top140 {
  padding-top: 1.6rem;
}
.tech-section {
  display: block;}
  .tech-img img {
  height: 3.5rem;min-width: auto;}
  .tech-content{transform: translateY(0rem);}
  .tech-content {
  min-width: auto;
  padding: 0.6rem;}
  .tech-title {
  font-size: 24px;}
  .tech-subtitle {
  font-size: 14px;}
  .tech-desc {
  font-size: 13px;}
  .tech-section:nth-child(2n) .tech-content {
  padding: 0.6rem;
}
body{ font-size:13px;}
.tech-img{min-width: initial;}
.tech-content::after{content: "";
  position: absolute;
  top: 0%;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #FBFBFB;
  z-index: 1;}
  
  .tech-section:nth-child(2n) .tech-content::after {
  content: "";
  position: absolute;
  top: 0%;
  right: inherit;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FBFBFB;
  z-index: 1;
}
.cer8.video-section {
  padding-top: 1.4rem;
  padding-bottom: 0.6rem;
}
.video-list {
  grid-template-columns: repeat(1, 1fr);
}
.video-thumb {
  height: 4rem;}
.video-name {
  font-size: 14px;}
  .section-title {
  font-size: 20px;} 
  .TAB_Yanjiu {
  position: initial;
  right: inherit;
  top: inherit;
}
.titile_all{ display:block}
.TAB_Yanjiu ul li {
  font-size: 14px;}
   .grid-item {
    width: auto;
  }
  .research-grid {
  grid-template-columns: repeat(1, 1fr);}
  .research-date {
  font-size: 12px;
  margin-bottom: 10px;}
  .research-date::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;}
  .grid-item{padding: 15px;}
  .research-title {
  font-size: 14px;}
  .research-desc {
  font-size: 12px;}
  .page-btn {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  background-color: #e0e0e0;
  border: none;
  cursor: pointer;
  font-size: 14px;}
  .pagination {
  gap: 10px;
}

.titile_all a.more_link{ margin-top:20px;}
.copyright .wrapper {
  border-top: #dcdcdc 1px solid;
  padding: 5%;
}
.titile_all span {
  display: block;}
  .change_3_list .swiper-slide .fonts .tit {
  font-size: 16px;}
  .change_3_list .swiper-slide .fonts .descipe {
  font-size: 12px;}
  .cer8.padding_top160 {
  padding-top: 2rem;
}
.new_home3_list ul li .left_time .time {
  font-size: 16px;}
  .new_home3_list ul li .left_time .positions {
  font-size: 13px;}
  .new_home3_list ul li .right_font .tit {
  font-size: 16px;}
  .new_home3_list ul li .left_time {
  float: none;
  width: auto;
}
.new_home3_list ul li .right_font {
  float: none;
  width: auto;
  padding-top: 20px;
}
.news_inbanner .item .fonts_show .left_font .tit{ font-size:20px;}
.news_inbanner .item .fonts_show .left_font .time,.news_inbanner .item .fonts_show .right_descipe{ font-size:13px;}
.new_info_tit .names{ font-size:24px;}
.new_info_tit .time_info {
  font-size: 14px;}
  .new_info_descipesd {
  font-size: 15px;
  line-height: 2;}
  .cer8.padding_bottom160 {
  padding-bottom: 2.2rem;
}
.new_lists_show ul li a .left_img{ width:inherit;display: block; margin-bottom:20px;}
.new_lists_show ul li .right_font {
  vertical-align: middle;
  display: block;
  width: auto;
  padding-left: 0;
}
.new_lists_show ul li .right_font .times {
  font-size: 13px;}
  .new_lists_show ul li a .right_font .name {
  font-size: 16px;}
  .new_lists_show ul li .right_font .dsecip {
  font-size: 13px;}
  .change_pages a.cur {
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #000;
  border: #000 1px solid;
  color: #fff;
  font-size: 16px;
}
.change_pages a {
  display: inline-block;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #fff;
  border: #000 1px solid;
  color: #222;
  font-size: 16px;
  margin: 0 0.15rem;
  }
  .descipe_font01 {
  font-size: 13px;}
.TAB_Recruitment {
  position: inherit;
  right: inherit;
  top: inherit;
}
.TAB_Recruitment ul li,.contact_list ul li .contact01 .wit .con_titl {
  font-size: 16px;}
  .Recruitment_positions .titile_all::after{ display:none}
  .TAB_Recruitment ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.Recruitment_lists ul li .Q_titile {
  font-size: 14px;}
  .Recruitment_lists ul li .Q_titile p{ font-size:12px;}
  .Recruitment_lists ul li .A_content {
  font-size: 13px;}
  .Recruitment_lists ul li .Q_titile span,.contact_list ul li .contact01 .wit .con_decipe,.contact_list ul li .contact01 .wit a{font-size: 14px;}
  .Recruitment_lists ul li .A_content .titile {
  font-size: 15px;}
  .join_us_con .left_img_show {
    height: 4rem;
    left: 0;
    flex: 0 0 80%;
    min-width: 300px;
    position: relative;
    z-index: 3;

}
  .join_us::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #F5F5F5;
  z-index: 1;
}
.join_us_con .right_font_show {
    text-align: left;
    flex: 0 0 50%;
    min-width: auto;
    padding: 0.6rem 0;
    transform: translateY(0rem);
    transition: all 1s ease;
    width: auto;
}
.join_us {
  position: relative;
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
}
.con_font_01,.con_font_03,.con_font_03 p span {
  font-size: 14px;}
  .contact_list ul li:nth-child(1) {
  width: 100%;
  margin-bottom: 2%;
  background-color: #f5f5f5;
  height: 7rem;
}
.contact_list ul li:nth-child(1)::before {
  right: 0%;
  position: absolute;
  bottom: 0;
  content: " ";
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
  height: 3.5rem;
  background: #f1f1f1 url(../images/contact_img01.jpg) center center no-repeat;
    background-size: auto;
  background-size: auto 100%;
}
.contact_list ul li .contact01 {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  height: 3.5rem;
}
.contact_list ul li:nth-child(2) {
  float: none;
  width: auto;
  margin-right: 0;
  display: block;
  background-color: #f5f5f5;
  height: 3.5rem;
  margin-bottom: 2%;
}
.contact_list ul li:nth-child(2) .contact01 {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  height: 3.5rem;
}
.contact_list ul li:nth-child(3) {
  float: none;
  width: auto;
  margin-right: 0;
  display: block;
  background-color: #f5f5f5;
  height: 3.5rem;
  margin-bottom: 2%;
}
.contact_list ul li:nth-child(4) {
  float: none;
  width: auto;
  margin-right: 0%;
  display: block;
  background-color: #f5f5f5;
  height: 3.5rem;
}
.feedback_con #tabcilk li {
  position: relative;
  border-right: #e2e2e2 1px solid;
  display: inline-block;
  padding: 0 20px;
  font-size: 15px;
  font-weight: bold;
  color: #999;
}
  .forms_con li:nth-child(1) {
    width: auto;
    margin-right: 0;
    display: block;
  }
.forms_con li {
  float: none;
  margin-bottom: 30px;
  display: block;
}
.forms_con li > span,.forms_con li > .input input{ font-size:13px;}
.forms_con li:nth-child(4) {
  width: auto;
  margin-right: 0;
  display: block;
}
.forms_con li:nth-child(3) {
  width: auto;
  margin-right: 0%;
  display: block;
}
.forms_con li:nth-child(5) {
  width: auto;
  margin-right: 0%;
  display: block;
}
.forms_con li.fuxuan .checkbox {
  display: block;
  margin-top: 20px;
}
.forms_con li.last_li .submit {
  border: 0;
  background-color: #f56607;
  font-size: 16px;}


.feedback_con #tabcilk {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


	}
	
	
	@media screen and (max-width: 768px)
{
.home_titile {
    line-height: 1;
    float: none;
    width: auto;
}
	.home_titile h3{font-size:24px;}
	.home_titile p{font-size:50px;}
	
	.bottom_contact .left_font {
    float: none;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
}
	.bottom_contact .right_btn {
    float: none;
}
	.foot-content .panel {
    float: left;
    width: 50%; height:110px;
}
	.panel:not(:last-child) {
    width: 50%;
}
	.QRcode-group {
    position: relative;
    float: none;
    text-align: center;
}
	.in_titile2 span::before {
    content: '';
    position: absolute;
    left: 120%;
    top: 50%;
    z-index: 0;
    width: 100px;
    height: 3px;
    margin-top: -2px;
    background: url(../images/in_titile_02.png) center right no-repeat;
}
	.in_titile2 span::after {
    content: '';
    position: absolute;
    right: 120%;
    top: 50%;
    z-index: 0;
    width: 100px;
    height: 3px;
    margin-top: -2px;
    background: url(../images/in_titile_01.png) center left no-repeat;
}
	.in_titile span::after {
    content: '';
    position: absolute;
    right: 120%;
    top: 50%;
    z-index: 0;
    width: 100px;
    height: 3px;
    margin-top: -2px;
    background: url(../images/in_titile_01.png) center left no-repeat;
}
	.in_titile span::before {
    content: '';
    position: absolute;
    left: 120%;
    top: 50%;
    z-index: 0;
    width: 100px;
    height: 3px;
    margin-top: -2px;
    background: url(../images/in_titile_02.png) center right no-repeat;
}
	.home_titile2 h3 { font-size: 24px;}
	.home_titile2 p{ font-size:50px;}
	.QRcode-group{ display: block; border: 0;width: auto; text-align: left; margin-bottom: 0.3rem}
	.foot-content .item {
    float: none;
    width: auto; display: none
}
	
}


.suspend-right{position: fixed;top: 34%;right: 0px;z-index: 666;}
.suspend-right .tab{width:66px;height:66px;position: relative;z-index: 22; background: #252835;margin-bottom: 2px; text-align:center; line-height:66px;}

.suspend-right .tab .iconfont { color:#ffffff; font-size:26px;}

.suspend-right .tab .icon{display: block;width: 70px;height: 70px;background: url(../images/icon_g5.png) no-repeat 17.5px center;}
.suspend-right .tab .wechat{background-position:17.5px center;}
.suspend-right .tab .tel{background-position:-95px center;}
.suspend-right .tab .qq{background-position:-207px center;}
.suspend-right .tab .help{background-position:-319px center;}
.suspend-right .slideTab{position: absolute;right: 90px;top: 0px; background: #002e9f;box-shadow: 0 0 10px rgba(0,0,0,.1);transition:all .3s;padding: 15px;text-align: center;white-space: nowrap;min-width: 140px; display: flex;visibility: hidden;opacity: 0; align-items:center; flex-flow:wrap; line-height:1; min-height:36px}
.suspend-right .slideTab:after{content: '';display: block; border-left: 7px solid #002e9f;   border-bottom: 7px solid transparent;  border-top: 7px solid transparent;position: absolute;right: -7px;top:50%; margin-top:-4px; }
.suspend-right .slideTab h3{width: 100%;font-size: 16px;color: #fff;}
.suspend-right .slideTab a{color: #fff;display: block;}
.suspend-right .slideTab img{display: block;margin:0 auto 7px;}
.suspend-right .slideTab .contact h3{margin-bottom: 10px;padding: 0 10px;line-height:20px;text-align: left;}
.suspend-right .slideTab .contact h3:last-child{margin-bottom: 0px;}
.suspend-right .tab:hover .slideTab{visibility: visible;opacity: 1;right: 70px;}

#backToTop:hover{ background: #002e9f;}


@media screen and (max-width:768px){
	.titile_homes{ font-size: 36px;}
	.positons_now{ text-align: left;    padding-left: 0%;}
	
	.nav{ right: 0;}
	.headright{ display: inline; right:80px;}
	.headright a.tophezuo{ padding-left:0;}
	.headright a.toplogin{ padding-left:0}
	.suspend-right{position: fixed;
    top: initial;
    right: 0px;
    z-index: 666;
    bottom: 20px;}
	.suspend-right .tab{ display:none;}
	.suspend-right #backToTop{ display:block}
	.copyright .wrapper .left_banquan {
    float: none;
    width: auto;
    line-height: 1.8;
    text-align: left;
}
.copyright .wrapper .right_icons {
    float: none;
    width: auto;
    text-align: left;
}



.navsj > li > a {
  display: block;
  height: 66px;
  text-align: center;
  line-height: 66px;
  font-size: 16px;
  color: #fff;
  position: relative;
}
.navsj li i {
  position: absolute;
  right: 22%;
  top: 0;
  z-index: 1;
  width: 66px;
  height: 66px;
  display: block;
  cursor: pointer;
  background: url('../images/nav-jtd1.png') center no-repeat;
    background-size: auto;
  background-size: 15px auto;
}
.navsjtwo > li > a {
  display: block;
  line-height: 60px;
  font-size: 15px;}
  .navsj{top: 70px;}
.headin .header_right_con{ margin-right:0rem;}
.headin .header_right_con .header_contact_link {
  margin-left: 0;
  display: none;
}
.Swiper_banner_home_pro .swiper-slide .banner_home_pro_font{ width:80%;}
.Swiper_banner_home_pro .swiper-slide .banner_home_pro_font .banner_home_pro_font_tit {
  font-size: 26px;}
  .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font .banner_home_pro_font_decipe ul li,.Swiper_banner_home_pro .swiper-slide .banner_home_pro_font .banner_home_pro_font_link{font-size: 14px;}
.Swiper_banner_home_pro .swiper-slide .banner_home_pro_img02 {
        width: 80%;
        bottom: 2.2rem;
    }
    .Swiper_banner_home_pro .swiper-slide .banner_home_pro_img02 img {
    height: 1rem;
}
.Swiper_banner_home_pro .swiper-slide .banner_home_pro_img01 {
  position: absolute;
  left: 5%;
  bottom: 1rem;
  width: 90%;}
  .Swiper_banner_home_pro .swiper-slide .banner_home_pro_img01 img {
    height: 1rem;
}
.Company_layout_con .brand_font .brand_font_tit {
  font-size:27px;}
  .Company_layout_con .brand_font .brand_font_decipe {
  font-size: 14px;}
  .Company_layout_con {
  padding-top: 2rem;
  padding-bottom: 1rem;}
 .Swiper_banner_home_pro .swiper-slide .banner_home_pro_font .banner_home_pro_font_decipe ul li .wang_icon {
    width: 14px;
    height: 14px;} 
.abouts_home_contents {
    position: relative;
    display: block;
    justify-content: space-between;
    align-items: initial;        margin-top: 1rem;
        margin-bottom: 1rem;}
.abouts_home_contents .abouts_home_contents_left {
    width: auto;
}
.abouts_home_contents .abouts_home_contents_right {
    width: initial;
}
.abouts_home_contents_right_decipe {
    font-size: 15px;}
.abouts_home_contents_right_liucheng .brand_font_lists .liucheng_tit {
    font-size: 12px;
}
.abouts_home_contents_links{font-size: 15px;}
.abo_src5_con_box>a.on {
    display: block;
    float: none;
    width: auto;
}
.abo_src5_con_box>a.on .pro_img_box {
    height: 2.5rem;}
.abo_src5_con_box>a .pro_img_box {
    height: 2.5rem;}
.abo_src5_con_box>a {
    position: relative;
    display: block;
    float: none;
    width: auto;
    overflow: hidden;
    margin-right: 0;
    border-radius: 0.1rem;
    margin-bottom: 15px;
}
.abo_src5_con_box {
    margin-top: 0.5rem;
    margin-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
}
.abo_src5_con_box>a .pro_font_box{ z-index: 2; color: #ffffff;
position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);bottom: inherit;
transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;width: 80%;
  text-align: center;display: block;font-size: 0.24rem;transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;}
.abo_src5_con_box>a .pro_font_box h3{ font-size: 0.32rem;}
.pro_home_contents {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.pro_home_decipe {
    width: initial;
    font-size: 14px;
    color: #000;
    line-height: 1.6;
    text-align: left;
    margin-top: 20px;
}
.Swiper_product_home {
    margin-top: -1.7rem;
}
.Swiper_product_home .swiper-slide .product_home_one {
    height: 8rem;}
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_fonts .product_home_one_fonts_titile {
    font-size: 16px;} 
.pro_info-descipe {
    font-size: 12px;}
    .Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs .swiper-slide .item-img-show img {
    width:80%;
}
.Swiper_product_home .swiper-slide .product_home_one .product_home_one_imgs {
    width: 100%;
    position: relative;
    z-index: 2;
}
.choose_cases {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.choose_cases_decipe {
    width: auto;
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
    text-align: left;
    margin-top: 20px;
}
.cer8.padding_top140 {
        padding-top: 1rem;
    }
.Global_number_con {
    width: auto;
    margin-top: 20px;
}
.Global_number_con ul li .Global_number_tit {
    font-size: 12px;}
.Global_landscape_home.PC_shows{ display:none }      
.Global_landscape_home.Mobiles_shows{ display:block; width:100%; overflow-x:scroll;height:auto}  
.Global_landscape_home.Mobiles_shows img{ width:100%}
.Global_landscape_home.Mobiles_shows .Global_mobile_wid{ width:600px; }
.timeline-container .content-item .content-item-fonts{justify-content: flex-start;}    
.timeline-container .content-item .content-item-fonts .content-item-fonts-tit {
    font-size: 18px;
}
.timeline-container .content-item p {
    font-size: 14px;}
.research_strength{padding: 1.5rem 0;width: auto;}
#Honors {
    padding-top: 1rem;
    padding-bottom: 1rem;}
.honor_list_container .btn-group {
    bottom: 0.5rem;}
.partner-wrap .partner-title .partner-desc{ font-size:14px;}
.research_strength .research_strength_decipe {
    line-height: 1.8;
    font-size: 14px;}
.partner-group .partner-descipe {
    font-size: 14px;}    
.partnerSwipe  .swiper-pagination{ bottom:50px}    
.fangan_contents {
    display: block;
    align-items: initial;
}    
.padding_top140 {
    padding-top: 1rem;
}
.fangan_contents .left_img_show {
    width: auto;
    height: auto;margin-bottom: 50px;
}
.fangan_contents .right_font_show {
    width: auto;
}
.fangan_contents .right_font_show .service-section h2 {
    font-size: 18px;}
.fangan_contents .right_font_show .service-list li {
    margin: 0.2rem 0;
    display: block;
    align-items: flex-start;
    background-image: url(/template/pc/images/wang.png);
    background-position: left 0.08rem;
    background-repeat: no-repeat;
    background-size: auto 0.22rem;
    padding-left: 0.3rem;
}
.fangan_contents .right_font_show .service-list .service-title {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}
.fangan_contents .right_font_show .service-list .service-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    display: block;
}
.fangan_contents .service-title {
    font-size: 16px;}
.fangan_contents .service-desc {
    font-size: 13px;}    
    
.about_liucheng ul {
        justify-content: space-between;
        gap: 20px 0;
        padding-bottom: 1rem;
    }
    
    .about_liucheng li {
        width: 50%; /* 手机一行 2 个 */
        margin-bottom: 15px;
    }

    /* 手机端：偶数项隐藏箭头 */
    .about_liucheng li:nth-child(2n) .jiantou_show {
        display: none !important;
    }

    .about_liucheng_one .liucheng_tit {
        font-size: 16px;
    }
    .about_liucheng_one .liucheng_decipe {
        font-size: 12px;
    }
    .forms_con li:nth-child(6) {
    width: auto;
    margin-right: 0%;
    display: block;
}
.forms_con li:nth-child(7) {
    width: auto;
    margin-right: 0;
    display: block;
}
.forms_con li:nth-child(8) {
    width: auto;
    margin-right: 0%;
    display: block;
}
    .forms_con li > span, .forms_con li > .input input {
        font-size: 15px;
    }
        .forms_con li.fuxuan .checkbox {
        display: block;
        margin-top: 20px;
        font-size: 14px;
    }
    .pro_list_shows>ul>li .pro_list_one_fonts {
    width: 50%;
}
.pro_list_shows>ul>li .pro_list_one_fonts .pro_list_one_fonts_tit {
    font-size: 20px;}
.pro_list_shows>ul>li .pro_list_one_fonts .pro_list_one_fonts_decipes ul li{ font-size: 13px;}
.pro_list_shows>ul>li .pro_list_one_fonts .pro_list_one_fonts_link a{ font-size: 14px;}

element.style {
    background-image: url(/uploads/allimg/20260513/1-260513112134b7.webp);
}
.pro_info_banner {
    width: 100%;
    height: auto;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    align-items: initial;
}
.pro_info_banner .pro_info_wid {
    display: block;
    justify-content: space-between;
    align-items: initial;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center 80%;
}
.pro_info_banner .pro_info_wid .pro_info_banner_font {
    width: auto;
    padding-top: 90px;
}
.pro_info_banner .pro_info_wid .pro_info_banner_font .pro_info_banner_vedio a img {
    height: 16px;}
.pro_info_banner .pro_info_wid .pro_info_banner_font .pro_info_banner_font_tit {
    font-size: 30px;}
    .pro_info-descipe {
        font-size: 14px;
    }
.pro_info-descipe .wang-img {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
}
.pro_info_banner .pro_info_wid .pro_info_banner_font .pro_info_banner_vedio a {
    display: inline-block;
    background-color: #16469B;
    border-radius: 0.6rem;
    color: #fff;
    font-size: 12px;
    padding: 0.15rem 0.3rem;
    transition: all 0.3s ease;
}
.pro_info_banner .pro_info_wid .pro_info_banner_imgs {
            width: auto;
        margin-top: 20px;
        padding-bottom: 20px;
}
 .Swiper_core_advantage {
    padding: 0;width: 92%;
  }

  /* 强制每个 slide 100% 宽度，只显示1个 */
  .Swiper_core_advantage .swiper-slide {
    width: 100% !important;
    flex: 0 0 100% !important;
    height: auto !important;
    min-height: 250px !important;
  }

  /* 内容居中适配 */
  .Swiper_core_advantage .swiper-slide .item-content {
    padding: 0;
  }

  /* 标题字号适配 */
  .Swiper_core_advantage .swiper-slide .item-title {
    font-size: 26px !important;
  }
  .Swiper_core_advantage .swiper-slide .item-subtitle {
    font-size: 16px !important;
  }
  .kaopan_descipe{ margin-top:20px;}
.Swiper_kaopan .swiper-slide .item-bg img {
    width: 60%;}
.Swiper_kaopan .swiper-slide .item-content {
    font-size: 16px;
}
.Specification_Comparison {
    display: block;
    justify-content: space-between;
    align-items: initial;
}
.Specification_Comparison .Specification_Comparison_left {
    position: relative;
    display: block;
    justify-content: space-between;
    align-items: revert;
    width: auto;
}
.Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_pro {
    width: 60%;
    text-align: center;
    margin: 0px auto;
}
.Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_pro p{font-size: 16px; margin-bottom:25px}
.Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_font {
    width: auto;
    text-align: right;
    padding: 10%;
}
.Specification_Comparison .Specification_Comparison_right {
    position: relative;
    display: block;
    justify-content: space-between;
    align-items: initial;
    width: auto;
}
.Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_font {
    width: auto;
    text-align: left;
    background-color: #F5F8FC;
    border-radius: 0.5rem;
    padding: 10%;
    color: #4473C5;
    margin-top: 30px;
}
.Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_font li .Specification_Comparison_font01 {
    font-size: 22px;}
    .Specification_Comparison .Specification_Comparison_left .Specification_Comparison_left_font li .Specification_Comparison_font02 {
    font-size: 13px;}
    .Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_font li .Specification_Comparison_font01 {
    font-size: 22px;}
    .Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_font li .Specification_Comparison_font02 {
    font-size: 13px;}
  .Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_pro {
    width: 60%;
    text-align: center;
    margin: 0px auto;
}
.Specification_Comparison .Specification_Comparison_right .Specification_Comparison_right_pro p {
    font-size: 16px; margin-bottom:15px}
.plug-title {
    font-size: 18px;}
    .plug-desc {
    font-size: 14px;}
.Swiper_plug-container .plug-desc {
    flex: 0 !important;
}
.plug-img {
    max-width: 100%;
    object-fit: contain;
    margin-top: 15px;
}
.pro_accessories_show .category-title span{    font-size: 20px;}
.pro_accessories_show .product-list {
    grid-template-columns: repeat(1, 1fr);
}
.pro_accessories_show .product-list .product-name {
    font-size: 18px;}
.pro_accessories_show .product-list .product-spec {
    font-size: 13px;}   
.pro_accessories_show .product-list .product-spec .wang-img {
    width: 13px;
    height: 13px;}    
.pro_accessories_show .product-list .product-img{ margin:0px auto}
.head.mini {
    height: 60px;
    line-height: 60px;}
.head.mini .edite span {
        height: 60px;}  

}