.clearfix {
  *overflow: hidden;
  *zoom: 1;
  clear: both;
}

.clearfix:after {
  display: table;
  content: "";
  width: 0;
  clear: both;
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

.RCMS_EDITOR img {
  max-width: 100% !important;
  height: auto !important;
}

@-moz-document url-prefix() {
  .talent .talent_t_c_list_item .main .desc {
    scrollbar-width: thin;
    scrollbar-color: #A5CC2E #999;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l .desc {
    scrollbar-width: thin;
    scrollbar-color: #A5CC2E #999;
  }

  .history .historyMain .historyMain_r .mainInfo {
    scrollbar-width: thin;
    scrollbar-color: #A5CC2E #999;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .desc {
    scrollbar-width: thin;
    scrollbar-color: #A5CC2E #999;
  }
}

@font-face {
  font-family: 'ToppanBunkyuMidashiMinchoStdN';
  src: url('./../font/playfairdisplay.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.index-bussiness .index-bussiness-items .item .index_more_zx {
  display: flex !important;
  justify-content: center;
  padding-left: 0;
  gap: 20px;
}

.hr_fade_up {
  opacity: 0;
  transition: all 1.2s ease-out 0.2s;
  transform: translate(0px, 80px);
}

.hr_fade_down {
  opacity: 0;
  transition: all 1.2s ease-out 0.2s;
  transform: translate(0px, -80px);
}

.hr_fade_right {
  opacity: 0;
  transition: all 1.2s ease-out 0.2s;
  transform: translate(80px, 0px);
}

.hr_fade_left {
  opacity: 0;
  transition: all 1.2s ease-out 0.2s;
  transform: translate(-80px, 0px);
}

.showdiv .hr_fade_left {}

.showdiv .showdiv .hr_fade_up,
.showdiv .index_news.hr_fade_up,
.showdiv .showdiv .hr_fade_up,
.showdiv .showdiv .hr_fade_down,
.showdiv .showdiv .hr_fade_right,
.showdiv .showdiv .hr_fade_left {
  opacity: 1;
  transform: none;
}

.beianhao {
  padding: 0 24px;
}

main {
  overflow: hidden;
}

.foot_ame_zx {
  font-weight: bold;
}

/* 首页新闻 */
.index_news {
  background: #FAF8F6;
  margin-top: 80px;
}

.index_news .index_news_list {
  display: flex;
  justify-content: space-between;
}

.index_news .index_news_list .index_news_list_one {
  width: 44.28%;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 620 / 413;

}

.index_news .index_news_list .index_news_list_one::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  /* background-image: url(./../image/crnf-pub-banner-mask.png); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.index_news .index_news_list .index_news_list_one img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s ease;
}

.index_news .index_news_list .index_news_list_one:hover img {
  transform: scale(1.1);
}

.index_news .index_news_list .index_news_list_one .index_news_list_one_txt {
  padding: 29px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, 0.6) 100%);
  border-radius: 0px 0px 8px 8px;
}

.index_news .index_news_list .index_news_list_one .index_news_list_one_txt .title {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 28px;
  transition: 0.5s ease;
}

.index_news .index_news_list .index_news_list_one:hover .index_news_list_one_txt .title {
  color: #EBB500;

}

.index_news .index_news_list .index_news_list_one .index_news_list_one_txt .time {
  margin-top: 8px;
  font-family: Arial;
  font-weight: normal;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 26px;
}

.index_news .index_news_list .index_news_list_item {
  width: 25.71%;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 360 / 413;
  background-color: #fff;
}

.index_news .index_news_list .index_news_list_item .index_news_list_item_img {
  aspect-ratio: 360 / 250;
  overflow: hidden;
}

.index_news .index_news_list .index_news_list_item .index_news_list_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.index_news .index_news_list .index_news_list_item:hover .index_news_list_item_img img {
  transform: scale(1.1);
}

.index_news .index_news_list .index_news_list_item .index_news_list_one_txt {
  aspect-ratio: 360 / 163;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index_news .index_news_list .index_news_list_item .index_news_list_one_txt .title {
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  transition: 0.5s ease;
}

.index_news .index_news_list .index_news_list_item:hover .index_news_list_one_txt .title {
  color: #EBB500;
}

.index_news .index_news_list .index_news_list_item .index_news_list_one_txt .time {
  font-family: Arial, Arial;
  font-size: 18px;
  color: #EBB500;
  line-height: 26px;
}

/* 关于我们 */
.qyjj {
  background: url(../image/crnf-index-about-bg-pic.jpg) no-repeat left bottom;
  background-size: 48% auto;
}

.index-aboutus {
  background: url(../image/crnf-index-about-bg-pic.jpg) no-repeat left bottom;
  background-size: 48% auto;
  /* background: url(../image/crnf-index-about-bg-pic.jpg) no-repeat left bottom;
  background-size: auto 460px; */
}

.index-aboutus .hr_inBox {
  align-items: center;
}

.index-aboutus-txt {
  width: 40.5%;
  padding: 0;
}

.index-aboutus-txt .desc {
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.index-aboutus-img {
  width: 51.42%;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 720/405;
}

.index-aboutus-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.index-aboutus-txt .RCMS_EDITOR p {
  margin-bottom: 10px;
}

.index-aboutus-txt .RCMS_EDITOR p:last-child {
  margin-bottom: 0;
}

.index-aboutus .index-aboutus-img .videomainItem {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.index-aboutus .index-aboutus-img .videoBac {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 20;
  transition: all 0.3s ease-in-out;
  width: 64px;
  height: 64px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
}

.index-aboutus .index-aboutus-img:hover .videoBac {
  background: #EBB500;
}

.index-aboutus .index-aboutus-img .videoBac .iconfont {
  font-size: 20px;
  color: #fff;
}

/* 品牌产品 */
.index_brand {
  background-image: url(./../image/crnf-index-pro-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
  /* margin: -70px 0; */
  position: relative;
  z-index: 9;
  padding-bottom: 100px;
  margin-top: -100px;
  margin-bottom: -80px;
}

.index_brand .bottom_bac {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 18.31vw;
  height: auto;
}

.index-bussiness {
  position: relative;
  z-index: 10;
}

.index_bussiness_mobile {
  display: none;
}

.index_brand .index_brand_c {
  width: 91.43%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index_brand .index_brand_c .index_brand_c_l {
  width: 39.06%;
  /* height: 240px; */
  aspect-ratio: 500/240;

}

.index_brand.showdiv .index_brand_c .index_brand_c_l span {
  display: block;
}

.index_brand .index_brand_c .index_brand_c_l span {
  /* display: none; */
  font-family: ToppanBunkyuMidashiMinchoStdN;
  /* font-weight: 800; */
  font-size: 240px;
  color: #EBB500;
  line-height: 1;
  text-align: center;
  font-style: normal;
  transform: translateY(-20%);
}

.index_brand .index_brand_c .index_brand_c_l img {
  width: 100%;
  height: auto;
}

.index_brand .index_brand_c .index_brand_c_r {
  width: 53.15%;
}

.index_brand .index_brand_c .index_brand_c_r img {
  width: 35%;
  height: auto;
}

.index_brand .index_brand_c .index_brand_c_r p {
  margin-top: 40px;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.index_brand .index_brand_b {
  width: 85.71%;
  margin: 0 auto;
}

.index_brand .index_brand_b img {
  width: 100%;
  height: auto;
}

/* 发展历程 */
.index_history {
  background-image: url(./../image/crnf-index-about-course-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
  position: relative;
  padding: 80px 0 114px 0;
  height: 700px;
  overflow: hidden;
}

.index_history .historyList {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  /* background: url(../image/historyListBg.png) repeat-y;
  background-size: 40px 10px; */
  height: 100%;
  z-index: 2;
  /* 设置背景为线性渐变 */
  /* 语法: linear-gradient(角度, 颜色1 位置1, 颜色2 位置2, ...) */
  background: linear-gradient(to bottom,
      /* 渐变方向：从上到下 */
      #D5D0BD 1px,
      /* 第一部分：黑色，高度为1px */
      transparent 1px
      /* 第二部分：透明，起始位置也是1px（紧接在黑色之后） */
    );

  /* 设置背景大小，高度为线条间距(3px)，宽度自动填满 */
  background-size: 100% 6px;

  /* 确保背景重复 */
  background-repeat: repeat;
}

.index_history .historyYear {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 100;
}

.index_history .historyYear .list {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  margin-bottom: 42px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}

.index_history .historyYear .list.active {
  color: #EBB500;
}

.index_history .historyYear .list.active::before {
  background: #EBB500;
}

.index_history .historyYear .list::before {
  width: 60px;
  height: 1px;
  background: #D5D0BD;
  margin-right: 5px;
  content: "";
  display: block;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-top: -2px;
}

.index_history .hr_outBox {
  height: 100%;
}

.index_history .hr_inBox {
  position: relative;
  height: 100%;
}

.index_history .index_history_main {
  width: 65%;
  margin: 0 auto;
  /* border: 1px solid #D5D0BD; */
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 80px 0 114px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.index_history .line {
  width: 250px;
  height: 100%;
  background-image: url(./../image/crnf-index-course-line.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 220px;
  top: 0;
}

.index_history .index_history_main .index_history_main_l {
  /* width: 32%; */
  width: 450px;
}

.index_history_main_l {
  position: relative;
  /* width: 450px; */
  /* 容器高度 = 底部大图高度(300) + 间距(20) + 顶部小图高度(93) = 413px */
  height: 100%;
}

/* 统一所有 .img 容器的过渡动画，transform 变化时会有 0.5s 的平滑过渡 */
.index_history_main_l .img {
  position: absolute;
  left: 0;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  /* 添加贝塞尔曲线让动画更有弹性 */
  transform-origin: top center;
  /* 以顶部中心为基准进行缩放，保证向下展开的效果 */
  cursor: pointer;
  overflow: hidden;
}

/* 默认状态（小图）：在上方，缩小到 140x93 */
.index_history_main_l .img {
  top: -200px;
  left: 22.88%;
  width: 450px;
  height: 300px;
  aspect-ratio: 450/300;
  transform: scale(0.0);
  z-index: 1;
}

.index_history_main_l .img.next {
  top: 0px;
  left: 22.88%;
  width: 100%;
  height: 300px;
  aspect-ratio: 450/300;
  transform: scale(0.311);
  z-index: 1;
  opacity: 1;
}

/* 激活状态（大图）：在底部，原始大小 450x300 */
.index_history_main_l .img.active {
  top: 200px;
  transform: scale(1);
  z-index: 2;
  left: 0;
  opacity: 1;
}

.index_history_main_l .img.prve {
  top: 1000px;
  z-index: 100;
  opacity: 1;
}

/* 图片本身始终撑满父容器 */
.index_history_main_l .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.index_history .index_history_main .index_history_main_r {
  width: calc(100% - 450px - 9.6%);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  height: 300px;
}

.index_history .index_history_main .index_history_main_r .label {
  width: auto;
  height: 32px;
  border-radius: 17px;
  border: 1px solid #EBB500;
  padding: 4px 9px;
  color: #EBB500;
  font-size: 16px;
  color: #EBB500;
  line-height: 24px;
  display: inline-block;
}

.index_history .index_history_main .index_history_main_r .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 40px;
  width: 100%;
}

.index_history .index_history_main .index_history_main_r .title .title_title {
  color: #333333;
}

.index_history .index_history_main .index_history_main_r .button {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  align-items: center;
}

.index_history .index_history_main .index_history_main_r .button u {
  width: 23px;
  height: 17px;
  font-family: ArialMT;
  font-size: 16px;
  color: #666666;
  line-height: 18px;
  text-align: justify;
  font-style: normal;
  text-decoration: none;
}

.index_history .index_history_main .index_history_main_r .button u s {
  color: #EBB500;
  text-decoration: none;
}

.index_history .index_history_main .index_history_main_r .button p {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.index_history .index_history_main .index_history_main_r .button p .iconfont {
  color: #EBB500;
  font-size: 10px;
}

.index_history .index_history_main .index_history_main_r .desc {
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.index_history .index_history_main .index_history_main_r .button p:hover {
  background: #EBB500;
}

.index_history .index_history_main .index_history_main_r .button p:hover .iconfont {
  color: #fff;
}

.index_history .index_history_main .index_history_main_r .title .title_l {
  color: #333333;
}

.index_history .index_history_buttom_baner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 239px;
  height: auto;
}

.index_history .index_history_buttom_baner img {
  width: 100%;
  height: auto;
}







.indexBody .hr_fs48 {
  font-size: 40px;
  line-height: 48px;
}

.wf-more {
  display: inline-block;
  width: 180px;
  height: 56px;
  line-height: 56px;
  background: #EBB500;
  border-radius: 30px;
  color: #fff;
  font-size: 18px;
  padding-left: 40px;
  border: 1px solid #EBB500;
}

.wf-more .iconfont {
  color: #EBB500;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #FFFFFF;
  float: right;
  margin-top: 8px;
  margin-right: 8px;
  font-size: 10px;
  line-height: 40px;
  text-align: center;
}

.wf-more:hover {
  background: #fff;
  color: #EBB500;
  border: 1px solid #EBB500;
}

.wf-more:hover .iconfont {
  color: #fff;
  background: #EBB500;
}

.wf-more-white {
  background: transparent;
  border: none;
}

.wf-more-grey {
  background: transparent;
  color: #333333;
  border: none;
}

.wf-more-grey:hover {
  background: transparent;
  color: #333333;
  border: none
}

.wf-more-grey .iconfont {
  border: 1px solid #D8D8D8;
  border-radius: 50%;
  margin-left: 18px;
  box-sizing: border-box;
}

.index-bussiness-items {
  background: url(../image/crnf-index-business-pic01.png) no-repeat center center;
  background-size: auto 100%;
  /* padding: 140px 0; */
  height: 680px;
}


.index-bussiness-items .index-bussiness-itemlist {
  height: 100%;
}

.index-bussiness-items .item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  height: 680px;
  box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.4);
}

.index-bussiness-items .item .bussinessImg {
  height: 60px;
  width: auto;
  margin-bottom: 20px;
}

.index-bussiness-items .item .icon.iconfont {
  width: 80px;
  height: 80px;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 50px;
  line-height: 80px;
  text-align: center;
}

.index-bussiness-items .item p {
  text-align: center;
  margin-bottom: 20px;
}

.index-bussiness-items .item .desc {
  padding: 0 40px;
  padding-bottom: 0px;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.index-bussiness-items .item.active .desc {
  height: 270px;
  padding-bottom: 120px;
}

.index-bussiness-items .item.active .wf-more-white {
  display: block;
}

.index-bussiness-items .item:hover .desc {
  display: block;
}

.index-bussiness-items .item .desc .desc_p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  text-align: justify;
}

.index-bussiness-items .item .desc .line {
  margin: 40px 0;
  display: block;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
}

.index-bussiness-items .item:hover .wf-more-white {
  display: block;
}

.index-bussiness-items .item .wf-more-white:hover .iconfont {
  background-color: #EBB500;
  color: #fff;
}

/* .wf-more-white{

} */
.index-bussiness-items .item .wf-more-white {
  /* position: absolute; */
  display: none;
  left: 0px;
  bottom: 0;
  /* padding-top: 40px; */
  /* border-top: 1px solid rgba(255,255,255,0.4); */
  width: 100%;
  border-radius: 0;
}

.index-bussiness-items .item .wf-more-white:hover {
  background: transparent;
  border: none;
  color: #fff;
}

.index-brand {
  position: relative;
}

.brand-bg {
  width: 1920px;
  position: absolute;
  top: -120px;
  left: 0;
  z-index: -1;
  margin-left: 50%;
  transform: translateX(-50%);
}

.brand-bg-lb {
  width: 450px;
  position: absolute;
  bottom: -220px;
  left: 0;
}

.index-brand-swiper {
  width: 63.5714%;
}

.info-r {
  width: 64%;
  position: relative;
}

.info-img-circle {
  display: block;
  position: absolute;
  width: 500px;
  height: 500px;
  left: -10px;
  top: -10px;
  border: 1px dashed #999;
  border-radius: 50%;
  -webkit-animation: circle 50s linear infinite;
  animation: circle 50s linear infinite;
}

.index-brand-txt {
  width: 31.4285%;
}

.index-brand-txt .desc {
  /* height: 200px; */
}

.index-brand-desc .desc-ctn {
  height: 216px;
}

.tab-swiper-wrapper {
  width: 180px;
  height: 380px;
}

.tab-swiper-wrapper .swiper-slide {
  height: 80px;
  align-items: center;
}

.tab-swiper-wrapper .swiper-slide .img-ctn {
  width: 80px;
  height: 80px;
  box-shadow: 0px 0px 20px 0px rgba(43, 76, 0, 0.2);
  border-radius: 10px;
}

.tab-swiper-wrapper .swiper-slide .img-ctn img {
  width: 100%;
}

.tab-swiper-wrapper .swiper-slide.swiper-slide-thumb-active .img-ctn {
  background: #EBB500;
}

.index-brand-txt .RCMS_EDITOR p {
  margin-bottom: 10px;
}

.info-swiper-wrapper .info-img {
  width: 480px;
  height: 480px;
  border-radius: 50%;
  /* background: url(../image/crnf-index-pro-pic.jpg) no-repeat bottom center; */
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.info-swiper-wrapper .info-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.info-swiper-wrapper .info-txt {
  padding: 40px 10px 30px 40px;
  width: 380px;
  height: 400px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  backdrop-filter: blur(2px);
  float: right;
  margin-top: -170px;
}

.info-swiper-wrapper .info-txt>p {
  margin-bottom: 20px;
}

.info-swiper-wrapper .info-btn {
  text-align: right;
  margin-top: 22px;
}

.info-btn .wf-more-grey {
  height: 40px;
  line-height: 40px;
}

.info-btn .wf-more-grey .iconfont {
  margin-top: 0px;
}

.tab-l {
  position: relative;
}

.crc-swiper-icons {
  position: absolute;
  top: 420px;
  left: 0;
  display: flex;
  gap: 20px;
}

.swiper-button-prev,
.swiper-button-next {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  position: static;
  margin-top: 0;
  border-radius: 50%;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}

.index-news {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 80px 80px 0px 0px;
}

.news-swiper-l {
  width: calc((720 / 1400) * 100%);
}

.news-swiper-l a {
  position: relative;
}

.news-swiper-l .imgs {
  border-radius: 10px;
  overflow: hidden;
}

.news-swiper-l .news {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0px 0px 10px 10px;
}

.news-swiper-l .news .date-ctn {
  width: 94px;
  height: 90px;
  padding: 12px;
  color: #fff;
  background-color: #EBB500;
  font-family: Arial;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: none;
  border-bottom-left-radius: 9px;
}

.news-swiper-l .news .date-ctn .dd {
  font-size: 40px;
  line-height: 40px;
  text-align: center;
}

.news-swiper-l .news .date-ctn .yyyy-m {
  font-size: 18px;
  line-height: 26px;
}

.news-swiper-l .news .hr_t-fb {
  padding: 12px 40px;
  color: #fff;
  overflow: hidden;
}

.news-items-r {
  width: calc((600 / 1400) * 100%);
}

.news-items-r .news-item {
  margin-bottom: 10.5%;
}

.news-items-r .news-item .date-ctn {
  color: #666;
  min-width: 90px;
}

.news-items-r .news-item .date-ctn .mm-dd {
  color: #EBB500;
}

.news-items-r .news-item:last-child {
  margin-bottom: 0px;
}

.index-news-swiper-pagination {
  margin-top: 30px;
  position: static;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin-right: 16px;
  border-radius: 5px;
  transition: width 0.3s ease-in-out;
}

.index-news-swiper-pagination .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 5px;
}

@keyframes circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.index-responsibility {
  background: url(../image/crnf-index-responsibility-bg.png) no-repeat center top;
  background-size: 100% 101%;
  color: #fff;
  position: relative;
  z-index: 10;
}

.index-responsibility-bg {
  position: absolute;
  right: 0;
  top: -234px;
  width: 320px;
  z-index: -1;
}

.index-responsibility .tab-swiper-t {
  display: flex;
}

.index-responsibility .tab-swiper-t .swiper-slide {
  height: 56px;
  line-height: 56px;
  background: #fff;
  border-radius: 28px;
  text-align: center;
  width: initial;
  min-width: 200px;
  padding: 0 20px;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  color: #333333;
}

.index-responsibility .tab-swiper-t .swiper-slide.swiper-slide-thumb-active {
  background: #EBB500;
  color: #fff;
}

.index-resp-info-swiper {
  position: relative;
}

.index-resp-info-swiper .swiper-slide {
  align-items: center;
}

.index-resp-info-swiper .crc-swiper-icons {
  position: absolute;
  top: 67px;
  right: 0;
  /* margin-left: calc((520 / 1400) * 100%); */
  margin-left: calc((680 / 1400) * 100% - 160px);
  width: 160px;
  color: #fff;
}

.index-resp-info-swiper .crc-swiper-icons .swiper-pagination {
  position: static;
  font-family: ArialMT;
  font-size: 16px;
  line-height: 18px;
  width: 40px;
  line-height: 40px;
}

.info-swiper-b .info-txt {
  width: calc((680 / 1400) * 100%);
}

.info-swiper-b .info-txt .hr_fb {
  border-bottom: 1px solid #E8E8E8;
  font-size: 32px;
  line-height: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.info-swiper-b .info-txt .desc {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* 限制显示2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: auto;
  /* 移除固定高度，由line-clamp控制行数 */
  font-size: 18px;
  line-height: 32px;
}

.info-swiper-b .info-txt .RCMS_EDITOR p {
  margin-bottom: 10px;
}

.info-swiper-b .info-img {
  width: calc((560 / 1400) * 100%);
  border-radius: 10px;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}

.info-swiper-b .info-img img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 10px;
}

.info-swiper-b .info-img::after {
  /* content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  right: -10px;
  bottom: -10px;
  border-radius: 10px;
  z-index: -1; */
}

.indexBannerBox {
  width: 100%;
  overflow: hidden;
  height: 100%;
  position: relative;
}

.indexBannerBox .bbBox {
  right: 40px;
  bottom: 40px;
  z-index: 100;
  width: 18px;
  height: 245px;
}

.indexBannerBox .bbBox .text {
  width: 18px;
  /* height: 144px; */
  font-size: 18px;
  color: #FFFFFF;
  line-height: 24px;
}

.indexBannerBox .bbBox .line {
  display: inline-block;
  margin-top: 20px;
  width: 1px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.6);
  margin-left: 8px;
  position: relative;
}

.indexBannerBox .bbBox .line s {
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #F9B334;
  position: absolute;
  top: 0;
}

.crnf-pub-banner-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
}

.indexBannerBox .swiper-container .swiper-slide {
  height: 100vh;
}

.indexBannerBox .swiper-container .swiper-slide .indexBg,
.indexBannerBox .swiper-container .swiper-slide .indexBannerTxt {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.indexBannerBox .swiper-container video {
  object-fit: cover;
}

.indexBannerTxt .indexBannerTxt_in {
  position: absolute;
  bottom: 50%;
  left: 0;
  line-height: 1.4;
}

.indexBannerTxt {
  z-index: 9;
}

.indexBannerTxt .hr_outBox .hr_inBox {
  position: relative;
}

.indexBannerTxt,
.indexBannerTxt .hr_outBox .hr_inBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.indexBannerTxt .hr_outBox {
  height: 100%;
  overflow: hidden;
}

.indexBannerTxt .indexBannerTxt_in .bdesc {
  letter-spacing: 10px;
}

.indexBannerTxt_in .video-play {
  margin-top: 32px;
  width: 160px;
  cursor: pointer;
}

.indexBannerTxt_in .video-play i {
  width: 48px;
  height: 48px;
  /* font-size: 48px; */
  font-size: 16px;
  /* text-indent: 4px; */
  line-height: 48px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  border-radius: 100%;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.indexbannerSwPageOut {
  position: absolute;
  bottom: 80px;
  left: 0;
  color: #fff;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
}

.indexbannerSwPage .swiper-pagination {
  position: initial;
  width: inherit;
  min-width: 80px;
}

/* 数字区域：左右数字 + 进度条 */
.pagination-numbers {
  display: flex;
  align-items: center;
}

.number-item {
  font-size: 16px;
  color: #333;
  margin: 0 4px;
}

.progress-line {
  width: 80px;
  /* 进度条长度，可根据需求调整 */
  height: 2px;
  background: #fff;
  position: relative;
  margin: 0 4px;
}

.progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #EBB500;
  width: 0;
  /* 初始宽度，由 JS 动态控制 */
  transition: width 0.3s ease;
}

.videoBanner-swiper-button-prev {
  margin-left: 10px;
  margin-right: 20px;
}

.indexbannerSwPage .bNumItem {
  color: #fff;
  z-index: 10;
  font-size: 32px;
  font-weight: bold;
  padding: 0 10px;
  line-height: 40px;
}

.indexbannerSwPage .bNumItem.indexNum {
  color: #EBB500;
}

.videoPup {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100vh);
}

.videoPup.active {
  z-index: 1000;
  visibility: visible;
  opacity: 1;
  transform: none;
}

.videoPup .videoPupBox {
  width: 100%;
  height: 100%;
}

.videoPup .closeVideoPup {
  right: 24px;
  top: 24px;
  width: 36px;
  height: 36px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  z-index: 200;
  background: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

.videoPup .closeVideoPup i {
  line-height: 1;
  color: #666;
}

.videoPup .videopup_in,
.videoPup .videopup_in .videopup_videoBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.footer-top .footer-logo {
  height: 56px;
}

.footer-top .footer-logo img {
  height: 100%;
}

.footer-top .follow-us {
  align-items: center;
}

.footer-top .follow-us span:first-child {
  margin-right: 20px;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
}

.footer-top .follow-us span .icon {
  height: 40px;
  width: 40px;
}

.footer-top .follow-us .follow-us_scan {
  display: flex;
  justify-content: flex-start;
  align-items: center;

}

.footer-top .follow-us .follow-us_scan .scan {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-top .follow-us .follow-us_scan .scan .icon {
  width: 20px;
  height: 16px;
}

.footer-top .follow-us .follow-us_scan .weixin {
  background: rgba(76, 191, 0, 0.1);
  color: #4CBF00;
  margin-right: 32px;
}

.footer-top .follow-us .follow-us_scan .weibo {
  background: rgba(216, 30, 6, 0.1);
  color: #EA5D5C;
}

.footer-top .follow-us .follow-us_scan .hover_show {
  position: absolute;
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  color: #333;
  width: 100px;
  height: 100px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  top: 20px;
}

.footer-top .follow-us .follow-us_scan .hover_show img {
  width: 80px;
  height: 80px;
}

.footer-top .follow-us .follow-us_scan .scan:hover .hover_show {
  visibility: visible;
  opacity: 1;
  top: 45px;
}

.footer-top .follow-us span .icon:first-child {
  margin-right: 30px;

}

.footer-navlist .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 140px;
}

.footer-navlist .item h4 {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 20px;
}

.footer-navlist .item a {
  padding-top: 20px;
}

.footer-navlist .item a .iconfont {
  margin-left: 10px;
  font-size: 10px;
  color: #333;
  font-weight: bold;
}

.footer-navlist .item a:hover {
  color: #EBB500;
}

.footer-address {
  gap: 20px;
}

.footer-address .address-img {
  width: 72px;
  height: 72px;
}

.footer-address .address-txt .address {
  margin-top: 20px;
  gap: 40px;
}

.footer-copyRight {
  height: 64px;
  line-height: 64px;
  background: #333333;
  color: #999;
  margin-top: 30px;
}

.footer-copyRight .fl {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}

.footer-copyRight a {
  color: #999;
}

.footer-copyRight a:hover {
  color: #EBB500;
}

footer {
  box-shadow: inset 0px 1px 0px 0px #ECECEC;
  padding-top: 80px;
}

.pcSiteMap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 9999;
  /* display: none; */
  opacity: 0;
  visibility: hidden;
  /* 配合 opacity 使用，比 display 更好处理动画 */
  transform: translateY(-20px);
  transition: all 0.5s ease;
}

.pcSiteMap.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.pcSiteMap .pcSiteMap_main {
  width: 960px;
  height: 100%;
  background: #FFFFFF;
  padding: 20px 21px 20px 80px;
  position: relative;
  background-color: #fff;
  background-image: url(./../image/crnf-pub-flower-pic.png);
  background-repeat: no-repeat;
  background-position: bottom 0px left;
  background-size: 223px auto;
}

.pcSiteMap .pcSiteMap_close {
  position: absolute;
  right: 21px;
  width: 40px;
  height: 40px;
  background: #EBB500;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.pcSiteMap .pcSiteMap_close .iconfont {
  color: #fff;
  font-size: 16px;
}

.pcSiteMap .pcSiteMap_main_main {
  width: 100%;
  height: calc(100% - 60px);
  margin-top: 60px;
  overflow-y: auto;
}

.pcSiteMap .pcSiteMap_item {
  margin-bottom: 40px;
}

.pcSiteMap .pcSiteMap_item:last-child {
  margin-bottom: 0px;
}

.pcSiteMap .pcSiteMap_item .pcSiteMap_title {
  font-size: 20px;
  color: #333333;
  line-height: 28px;
}

.pcSiteMap .pcSiteMap_item .pcSiteMap_list {
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 50px;
}

.pcSiteMap .pcSiteMap_item .pcSiteMap_list a {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}

.pcSiteMap .pcSiteMap_item .pcSiteMap_list a:hover {
  color: #EBB500;
}

.pcSiteMap .pcSiteMap_item .pcSiteMap_list a .iconfont {
  margin-left: 10px;
  font-size: 10px;
  color: #333;
  font-weight: bold;
}

/* 内页banner */
.innerPage_banner {
  width: 100%;
  height: 35.41vw;
  /* margin-top: 60px; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.innerPage_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.innerPage_banner.pcShow {
  display: flex;
}

.innerPage_banner.mobileShow {
  display: none;
}

.innerPage_banner::before {
  background-image: url(./../image/crnf-pub-banner-mask.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /* 确保遮罩在背景图之上 */
}

.innerPage_banner p {
  font-weight: bold;
  /* font-size: 48px; */
  color: #FFFFFF;
  /* line-height: 56px; */
  z-index: 2;
}

/* 二级导航 */
.channelNav {
  width: 100%;
  height: 80px;
  background: #fff;
  box-shadow: inset 0px -1px 0px 0px #ECECEC;
}

.channelNav .swiper-container {
  width: 100%;
  height: 100%;
}

.channelNav .swiper-wrapper {
  /* width: 100%; */
  height: 100%;
  display: flex;
  justify-content: center;
  /* gap: 60px; */
}

.channelNav .swiper-slide {
  width: auto;
  margin-right: 60px;
}

.channelNav .swiper-slide:last-child {
  margin-right: 0px;
}

.channelNav .swiper-slide a {
  font-size: 16px;
  height: 100%;
  color: #333;
  line-height: 24px;
  display: flex;
  align-items: center;
  /* font-weight: bold; */
}

.channelNav .swiper-slide a:hover {
  color: #EBB500;
}

.channelNav .swiper-slide.active a {
  color: #EBB500;
}

/* 新闻 */
.news {}

.news .newsList_one {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /* height: 466px; */
  background: #FAF8F6;
  border-radius: 8px;
  padding: 20px 80px 20px 20px;
  transform: scale(1);
  transition: transform 0.5s ease;
}

.news .newsList_one .newsList_one_l {
  width: 49.23%;
  /* height: 426px; */
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.news .newsList_one .newsList_one_l img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}

.news .newsList_one:hover .newsList_one_l img {
  transform: scale(1.1);
}

.news .newsList_one .newsList_one_r {
  width: 44.6%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.news .newsList_one .newsList_one_r .time {
  font-size: 18px;
  color: #EBB500;
  line-height: 28px;
  margin-bottom: 20px;
}

.news .newsList_one .newsList_one_r .title {
  font-size: 24px;
  color: #333333;
  line-height: 32px;
}

.news .newsList_one .newsList_one_r .desc {
  box-shadow: inset 0px 1px 0px 0px #ECECEC;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 20px;
}

.news .newsList_one:hover .newsList_one_r .title {
  color: #EBB500;
}

.news .newsList {}

.news .newsList_item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ECECEC;
  margin-top: 40px;
  /* padding: 40px 0; */
  /* box-sizing: border-box; */
  max-width: 100%;
}

.news .newsList_item .newsList_item_l {
  width: 162px;
  flex-shrink: 0;
}

.news .newsList_item .newsList_item_l.pcShow {}

.news .newsList_item .newsList_item_l.mobileShow {
  display: none;
}

.news .newsList_item .newsList_item_l p {
  font-size: 32px;
  color: #EBB500;
  line-height: 32px;
}

.news .newsList_item .newsList_item_l span {
  display: inline-block;
  margin-top: 22px;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
}

.news .newsList_item .newsList_item_c {
  width: calc(100% - 162px - 280px - 58px);
  margin-right: 58px;
}

.news .newsList_item .newsList_item_c .title {
  font-size: 20px;
  color: #333333;
  line-height: 28px;
}

.news .newsList_item:hover .newsList_item_c .title {
  color: #EBB500;
}

.news .newsList_item .newsList_item_c .desc {
  margin-top: 20px;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news .newsList_item .newsList_item_r {
  width: 280px;
  height: 186px;
  background: #FAF8F6;
  border-radius: 7px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.news .newsList_item .newsList_item_r img {
  max-width: 100%;
  max-height: 100%;
  transition: transform 0.5s ease;
}

.news .newsList_item:hover .newsList_item_r img {
  transform: scale(1.1);
}

/* 新闻详情 */
.newsDetail {
  margin-top: 120px;
}

.newsDetail .newsDetail_title {
  font-size: 40px;
  color: #333333;
  line-height: 48px;
}

.newsDetail .share {
  display: flex;
  justify-content: space-between;
  box-shadow: inset 0px -1px 0px 0px #ECECEC;
  padding-bottom: 26px;
}

.newsDetail .share .shareLeft {
  display: flex;
  gap: 40px;
}

.newsDetail .share .shareLeft .time {}

.newsDetail .share .shareLeft .time .timeLeft {
  font-size: 18px;
  color: #999999;
  line-height: 40px;
}

.newsDetail .share .shareLeft .time .timeCont {
  font-size: 18px;
  color: #666666;
  line-height: 40px;
}

.newsDetail .share .shareRight {
  display: flex;
  gap: 20px;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  align-items: center;
  height: 40px;
}

.newsDetail .share .shareRight div {
  width: 40px;
  height: 40px;
  background: #28C445;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.newsDetail .share .shareRight div.weixin {
  position: relative;
}

.newsDetail .share .shareRight div.weixin .wechat-qrcode {
  position: absolute;
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  color: #333;
  width: 100px;
  height: 100px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  top: 20px;
}

.newsDetail .share .shareRight div.weixin .wechat-qrcode img {
  width: 80px;
  height: 80px;
}

.newsDetail .share .shareRight div.weixin:hover .wechat-qrcode {
  visibility: visible;
  opacity: 1;
  top: 45px;
}

.newsDetail .share .shareRight div img {
  width: 24px;
  height: auto;
}

.newsDetail .share .shareRight div .iconfont {
  color: #fff;
  font-size: 14px;
}

.newsDetail .newsDetail_cont {
  padding-bottom: 80px;
  border-bottom: 1px solid #ECECEC;
  margin-top: 40px;
}

.newsDetail .fileList {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.newsDetail .fileList p {
  width: 100%;
  font-size: 14px;
}

.newsDetail .fileList p a {
  color: rgb(0, 102, 204);
  font-size: 16px;
  text-decoration: underline;
}

.newsDetail .pic img {
  display: block;
  border: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;

}

.newsDetail .pic {
  width: 700px;
  margin: 0 auto;
  margin-top: 40px;
}

.newsDetail .pic1 {
  position: relative;
  /* margin-top: 40px; */
}

.newsDetail .pic1 .swiper-container {
  width: 700px;
  height: 525px;
}

.newsDetail .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.newsDetail .pic2 {
  position: relative;
  margin-top: 30px;
}

.newsDetail .pic2 .swiper-container {
  width: 564px;
  height: 90px;
  margin: 0 auto;
}

/* 定义图片容器样式 */
.newsDetail .image-container {
  width: 700px;
  height: 467px;
  display: flex;
  align-items: center;
  /* 垂直居中 */
  justify-content: center;
  /* 水平居中，可根据需要保留或移除 */
  background: #F8F6F5;
}

/* 定义图片样式 */
.newsDetail .image-container img {
  height: 100%;
  object-fit: contain;
}

.newsDetail .desc {
  text-align: center;
  color: #333;
  height: 58px;
  line-height: 58px;
  border-bottom: 1px solid #f5f5f5;
  text-align: left;
  font-size: 16px;
  color: #333;
}

.newsDetail .desc span {
  font-size: 20px;
  /* font-weight: bold; */
  color: #EBB500;
  line-height: 24px;
}

.newsDetail .desc s {
  font-size: 16px;
  color: #666666;
  margin-right: 20px;
  text-decoration: none;
}

.newsDetail .pic2 .swiper-container img {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  object-fit: contain;
}

.newsDetail .cement-newsDetail-content img {
  max-width: 100%;
}

/* 修改轮播箭头按钮样式 */
.newsDetail .pic1 .swiper-button-next,
.newsDetail .pic1 .swiper-button-prev {
  margin-top: -46px;
  /* 设置40px圆形按钮 */
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D8D8D8;
  font-size: 8px;
}

.newsDetail .pic1 .swiper-button-next .iconfont,
.newsDetail .pic1 .swiper-button-prev .iconfont {
  font-size: 12px;
  color: #666666;
}

.newsDetail .pic2 .swiper-button-next .iconfont,
.newsDetail .pic2 .swiper-button-prev .iconfont {
  font-size: 14px;
  color: #666666;
}

.newsDetail .pic2 .swiper-button-next,
.newsDetail .pic2 .swiper-button-prev {
  /* 设置40px圆形按钮 */
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -22px !important;
  border: none;
  /* background: #FFFFFF; */
  /* border: 1px solid #D8D8D8; */
  position: absolute;

}

.newsDetail .pic2 .swiper-button-next:hover {
  background: none;
}

.newsDetail .pic2 .swiper-button-prev:hover {
  background: none;
}

.newsDetail .pic2 .swiper-slide img {
  /* 初始状态 */
  transform: scale(1);
  /* 添加过渡效果，让变化更平滑 */
  transition: transform 0.3s ease;
}

.newsDetail .pic2 .swiper-slide-thumb-active img {
  opacity: 1;
  /* 选中时放大 1.1 倍 */
  transform: scaleY(1.2);
}

.newsDetail .pic1 .swiper-button-next {
  margin-top: -46px;
  right: -60px;
  position: absolute;
}

.newsDetail .pic1 .swiper-button-prev {
  margin-top: -46px;
  left: -60px;
  position: absolute;

}

.newsDetail .pic1 .swiper-button-next:hover .iconfont {
  color: #fff;
}

.newsDetail .pic1 .swiper-button-prev:hover .iconfont {
  color: #fff;
}

.newsDetail .swiper-button-next,
.newsDetail .swiper-container-rtl .swiper-button-prev {
  background-image: none !important;
}

.newsDetail .swiper-button-prev,
.newsDetail .swiper-container-rtl .swiper-button-next {
  background-image: none !important;
  /* background: #fff; */
}

.newsDetail .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0;
}

.newsDetail .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0;
}

.newsDetail .prveAndNext {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.newsDetail .prveAndNext .prveAndNext_l {
  display: flex;
  flex-direction: column;
  width: calc(100% - 250px);
  gap: 20px;
}

.newsDetail .prveAndNext .prveAndNext_l p {}

.newsDetail .prveAndNext .prveAndNext_l p span {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}

.newsDetail .prveAndNext .prveAndNext_l p a {
  font-size: 16px;
  color: #333;
  line-height: 24px;
}

.newsDetail .prveAndNext .prveAndNext_l p:hover a {
  color: #EBB500;
}

.newsDetail .prveAndNext .prveAndNext_r {
  width: 160px;
  height: 56px;
  background: #EBB500;
  border-radius: 8px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.newsDetail .prveAndNext .prveAndNext_r:hover {
  opacity: 0.8;
}

.newsDetail .prveAndNext .prveAndNext_r a {
  color: #fff;
  margin-left: 8px;
}

.newsDetail .prveAndNext .prveAndNext_r .iconfont {
  color: #fff;
  font-size: 10px;
}

/* 精彩活动 */
.activity .hr_mb80 {
  margin-bottom: 0;
}

.activityList {
  background: #FAF8F6;
  /* height: 300px; */

}

.activityList .hr_inBox {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

.activityList .activityList_item {
  width: calc((100% - 80px) / 3);
  background: #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
}

.activityList .activityList_item .activityList_item_t {
  aspect-ratio: 1 / 0.667;
  overflow: hidden;
}

.activityList .activityList_item .activityList_item_t img {
  transition: transform 0.5s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.activityList .activityList_item .activityList_item_b {
  padding: 30px;
}

.activityList .activityList_item .activityList_item_b .title {
  font-size: 20px;
  color: #333333;
  line-height: 28px;
}

.activityList .activityList_item .activityList_item_b .time {
  margin-top: 20px;
  font-family: ArialMT;
  font-size: 18px;
  color: #EBB500;
  line-height: 26px;
}

.activityList .activityList_item:hover .activityList_item_t img {
  transform: scale(1.1);
}

.activityList .activityList_item:hover .activityList_item_b .title {
  color: #EBB500;
}

/* 视图专区 */
.video {}

.video .hr_inBox {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

.video .videoItem {
  width: calc((100% - 80px) / 3);
  background: #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}

.video .videoItem .videoItem_img {
  aspect-ratio: 1 / 0.56;
  overflow: hidden;
  position: relative;
}

.video .videoItem .videoItem_img .playerButton {
  position: absolute;
  width: 56px;
  height: 56px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  line-height: 56px;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s ease;
}

.video .videoItem:hover .videoItem_img .playerButton {
  background: #EBB500;
}

.video .videoItem .videoItem_img img {
  /* transition: transform 0.5s ease; */
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pc .jp-close {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 20px;
  right: 0px;
  top: -60px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease;
}

.pc .jp-close::before {
  content: "\e639";
  font-family: "iconfont";
  font-size: 16px;
  font-weight: bold;
}

.pc .jp-close:hover {
  background: #EBB500;
}

.pc .jp-close:hover::before {
  color: #fff;
}

.video .videoItem .videoItem_info {
  background: #FAF8F6;
  padding: 20px 20px 48px 20px;
}

.video .videoItem .videoItem_info .videoItem_title {
  font-size: 20px;
  color: #333333;
  line-height: 28px;
}

/* 网站地图 */
.siteMap {
  margin-top: 120px;
}

.zxTitleH4 {
  font-size: 40px;
  color: #333333;
  line-height: 48px;
  margin-bottom: 60px;
}

.siteMap .siteMap_item {
  border-bottom: 1px solid #ECECEC;
  padding: 40px 0;
}

.siteMap .siteMap_item:nth-of-type(1) {
  padding-top: 0;
}

.siteMap .siteMap_item .siteMap_item_title {
  font-size: 24px;
  color: #333333;
  line-height: 32px;
}

.siteMap .siteMap_item .siteMap_item_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
  margin-top: 32px;
}

.siteMap .siteMap_item .siteMap_item_list a {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
  margin-right: 60px;
}

.siteMap .siteMap_item .siteMap_item_list a .iconfont {
  font-size: 10px;
  color: #333;
  margin-left: 10px;
  font-weight: bold;
}

.siteMap .siteMap_item .siteMap_item_list a:hover {
  color: #EBB500;
}

.siteMap .siteMap_item .siteMap_item_list a:hover .iconfont {
  color: #EBB500;
}

/* 通知公告 */
.notice {}

.notice .notice_item {
  padding: 40px 0;
  border-bottom: 1px solid #ECECEC;
  display: flex;
  justify-content: flex-start;
  gap: 60px;
  cursor: pointer;
}

.notice .notice_item:nth-of-type(1) {
  padding-top: 0;
}

.notice .notice_item .notice_item_l {
  width: 120px;
  flex-shrink: 0;
  box-shadow: inset -1px 0px 0px 0px #F5F5F5;
}

.notice .notice_item .mobileTime {
  display: none;
}

.notice .notice_item .notice_item_l .time {
  font-family: ArialMT;
  font-size: 32px;
  color: #EBB500;
  line-height: 32px;
}

.notice .notice_item .notice_item_l .year {
  margin-top: 22px;
  font-family: ArialMT;
  font-size: 18px;
  color: #666666;
  line-height: 26px;
  display: block;
}

.notice .notice_item .notice_item_r {
  width: calc(100% - 180px);
}

.notice .notice_item .notice_item_r .title {
  font-size: 20px;
  color: #333333;
  line-height: 28px;
}

.notice .notice_item .notice_item_r .desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 20px;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.notice .notice_item:hover .notice_item_r .title {
  color: #EBB500;
}

/* 投诉建议 */
.suggestion {}

.suggestion .suggestion-content {
  width: 100%;
  height: 560px;
  position: relative;
}

.suggestion .suggestion-content .suggestion-content_img {
  width: calc(100% - 80px);
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.suggestion .suggestion-content .suggestion-content_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.suggestion .suggestion-content_box {
  padding: 60px 80px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 600px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  backdrop-filter: blur(4px);
}

.suggestion .suggestion-content_box_list {
  margin-top: 39px;

}

.suggestion .suggestion-content_box_list_item {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.suggestion .suggestion-content_box_list_item:last-child {
  margin-bottom: 0px;
}

.suggestion .suggestion-content_box_list_item img {
  width: 20px;
  height: 20px;
  margin-top: 4px;
}

.suggestion .suggestion-content_box_list_item p {
  margin-left: 20px;
}

.suggestion .suggestion-content_box_list_item p span {
  font-size: 16px;
  color: #999999;
  line-height: 24px;
}

.suggestion .suggestion-content_box_list_item .iconfont {
  color: #EBB500;
  font-size: 16px;
  margin-top: 2px;
}

.suggestion .suggestion-content_box_list_item p s {
  text-decoration: none;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}

/* 联系我们 */
.contact {}

.contact .contact_t {
  /* height: 560px; */
}

.contact .contact_t .hr_inBox {
  position: relative;
  height: 560px;
  /* background-image: url(./../image/crnf-news-banner.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 0; */
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 49.55%, rgba(255, 255, 255, 0) 100%);
  border-radius: 8px;
  overflow: hidden;
}

.contact .contact_t .hr_inBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 49.55%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 1;
}

.contact .contact_t .hr_inBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact .contact_t .hr_inBox .pcShow {
  display: block;
}

.contact .contact_t .hr_inBox .wapShow {
  display: none;
}

.contact .contact_t .contact_t_main {
  position: absolute;
  width: 526px;
  top: 50%;
  right: 80px;
  transform: translateY(-50%);
  z-index: 2;
}

.contact .contact_t .contact_t_main h4 {
  font-size: 32px;
  color: #FFFFFF;
  line-height: 40px;
  padding-bottom: 24px;
  box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.4);
}

.contact .contact_t .contact_t_main .contact_t_main_list {
  margin-top: 10px;
}

.contact .contact_t .contact_t_main_list .contact_t_main_item {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}

.contact .contact_t .contact_t_main_item .item_l {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.contact .contact_t .contact_t_main_item .item_l .iconfont {
  font-size: 20px;
  color: #EBB500;
}

.contact .contact_t .contact_t_main_item .item_l img {
  width: 20px;
  height: 20px;
}

.contact .contact_t .contact_t_main_item .item_r {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 24px;
  margin-top: 8px;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

.contact .contact_t .contact_t_main_item .item_r s {
  text-decoration: none;
  /* margin-left: 4px; */
}

.contact .contact_b {
  background: #FAF8F6;
}

.contact .contact_b .contact_b_t {
  padding-bottom: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact .contact_b .contact_b_t .swiper-container {
  width: calc(100% - 140px);
}

.contact .contact_b .contact_b_t .cpjz_t_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  cursor: pointer;
  color: #EBB500;
}

.contact .contact_b .contact_b_t .cpjz_t_button .iconfont {
  font-size: 12px;
}

.contact .contact_b .contact_b_t .cpjz_t_button:hover {
  background: #EBB500;
  color: #fff;
  border: 1px solid #EBB500;
}

.contact .contact_b .swiper-slide {
  min-width: 160px;
  width: auto;
  height: 64px;
  background: #EEECEA;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  padding: 0 10px;
}

.contact_b_b_list {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
  /* display: flex; */
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}

.contact_b_b_list.active {
  display: flex;
  opacity: 1;
}

.contact_b_b_list.fade-in {
  animation: fadeIn 0.5s ease forwards;
}

.contact_b_b_item {
  width: calc((100% - 80px) / 3);
  background-color: #fff;
  min-height: 320px;
  padding: 0 30px 22px 30px;
  border-radius: 8px;
}

.contact_b_b_item h4 {
  margin-top: 40px;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 20px;
  font-size: 24px;
  color: #333333;
  line-height: 32px;
  height: 84px;
  display: flex;
  flex-direction: column;
  /* justify-content: flex-end; */
  justify-content: flex-start;
}

.contact_b_b_item .list {}

.contact_b_b_item .list p {
  margin-top: 20px;
  font-size: 16px;
  color: #999999;
  line-height: 24px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.contact_b_b_item .list p span {
  display: block;
  width: 45px;
  flex-shrink: 0;
}

.contact_b_b_item .list p s {
  text-decoration: none;
  color: #666666;
}

.contact .contact_b .swiper-slide.active {
  background: #EBB500;
  color: #fff;
}

/* 人才理念 */
.talent {}

.talent .talent_t {
  display: flex;
  justify-content: space-between;

  /* gap: 8.57%; */
}

.talent .talent_t .talent_t_l {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 42.85%;
}

.talent .talent_t .talent_t_l h4 {
  font-size: 40px;
  color: #333333;
  line-height: 48px;
}

.talent_t_l_text {
  margin-top: 40px;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}


.talent .talent_t .talent_t_r {
  height: auto;
  width: 48.57%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.talent .talent_t .talent_t_r img {
  width: 100%;
  aspect-ratio: 100 / 66.9;
  border-radius: 8px;
  object-fit: cover;
}

.talent .talent_t_c {
  width: 100%;
  height: 942px;
  background-image: url(./../image/crnf-job-idea-thought-bg.jpg);
  background-size: 100% 100%;
  background-position: center;
}

.talent .talent_t_c h4 {
  font-size: 40px;
  color: #FFFFFF;
  line-height: 48px;
}

.talent .talent_t_c_list {
  margin-top: 60px;
  display: flex;
  justify-content: flex-start;
  gap: 40px;
}

.talent .talent_t_c_list_item {
  width: calc((100% - 80px) / 3);
  position: relative;
}

.talent .talent_t_c_list_item .bac {
  width: 124px;
  height: 80px;
  background: linear-gradient(90deg, #4CB748 0%, #A5CC2E 100%);
  border-radius: 12px 12px 36px 36px;
  text-align: center;
  line-height: 80px;
  font-size: 24px;
  color: #FFFFFF;
  margin: 0 auto;
}

.talent .talent_t_c_list_item .main {
  width: 100%;
  height: 580px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  position: absolute;
  top: 14px;
  padding: 60px 40px 60px 40px;
}

.talent .talent_t_c_list_item .main .img {
  text-align: center;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.talent .talent_t_c_list_item .main .img img {
  width: 64px;
  height: 64px;
  object-fit: cover;
}

.talent .talent_t_c_list_item .main h5 {
  text-align: center;
  margin-top: 28px;
  font-size: 24px;
  color: #333333;
  line-height: 31px;
  margin-bottom: 30px;
}

.talent .talent_t_c_list_item .main .desc {
  height: 288px;
  overflow-y: auto;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  width: calc(100% + 10px);
  padding-right: 10px;
}

.talent .talent_t_c_list_item .main .desc {
  /* scrollbar-width: thin; */
  /* Firefox */
  /* scrollbar-color: #A5CC2E #999; */
}

.talent .talent_t_c_list_item .main .desc::-webkit-scrollbar {
  width: 4px;
}

/* 滚动条轨道 */
.talent .talent_t_c_list_item .main .desc::-webkit-scrollbar-track {
  background: #999;
}

/* 滚动条滑块 */
.talent .talent_t_c_list_item .main .desc::-webkit-scrollbar-thumb {
  background: #f99c34;
  border-radius: 10px;
}

.talent .talent_t_b .talent_t_b_main {
  display: flex;
  justify-content: space-between;
}

.talent .talent_t_b .talent_t_b_main .talent_t_b_main_l {
  width: 48.57%;
  aspect-ratio: 680 / 560;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 560px;

}

.talent .talent_t_b .talent_t_b_main .talent_t_b_main_l img {
  width: 55.58%;
  height: auto;
}


.talent .talent_t_b .talent_t_b_main .talent_t_b_main_r {
  width: 42.85%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.talent .talent_t_b .talent_t_b_main .talent_t_b_main_r h4 {
  font-size: 40px;
  color: #333333;
  line-height: 48px;
}

.talent .talent_t_b .talent_t_b_main .talent_t_b_main_r .desc {
  margin-top: 40px;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

/* 人才培养 */
.cultivation {}

.cultivation .cultivation_t {
  display: flex;
  justify-content: space-between;
  gap: 4%;
}

.cultivation .cultivation_t .cultivation_t_l {
  width: 30%;
  font-size: 40px;
  color: #333333;
  line-height: 48px;
}

.cultivation .cultivation_t .cultivation_t_r {
  width: 66%;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  text-align: justify;
}

.cultivation .cultivation_b {
  background-image: url(./../image/crnf-job-train-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.cultivation .cultivation_b h4 {
  font-size: 40px;
  color: #333333;
  line-height: 48px;
}

.cultivation .cultivation_b .cultivation_b_list {}

.cultivation .cultivation_b .cultivation_b_list_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  background: #FFFFFF;
}

.cultivation .cultivation_b .cultivation_b_list_item:last-child {
  margin-bottom: 0;
}

.cultivation .cultivation_b .cultivation_b_list_item .img {
  width: 50%;
  border-radius: 8px;
  /* max-height: 467px; */
  overflow: hidden;
}

.cultivation .cultivation_b .cultivation_b_list_item .img img {
  width: 100%;
  height: auto;
}

.cultivation .cultivation_b .cultivation_b_list_item .text {
  width: 50%;
  padding: 5.5%;
  border-radius: 0px 8px 8px 0px;
  /* min-height: 467px; */
}

.cultivation .cultivation_b .cultivation_b_list_item:nth-child(even) .text {
  border-radius: 8px 0px 0px 8px;
  order: 1;
}

.cultivation .cultivation_b .cultivation_b_list_item:nth-child(even) .img {
  order: 2;
}

.cultivation .cultivation_b_list_item .text .text_t {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 34px;
  border-bottom: 1px solid #ECECEC;
  position: relative;
  font-size: 24px;
  color: #333333;
  line-height: 32px;
}

.cultivation .cultivation_b_list_item .text .text_t::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  width: 48px;
  height: 4px;
  background: #EBB500;
}

.cultivation .cultivation_b_list_item .text .text_t h5 {
  /* font-size: 24px; */
  color: #333333;
  /* line-height: 32px; */
  text-align: justify;
  margin-right: 30px;
}

.cultivation .cultivation_b_list_item .text .text_t img {
  width: 27px;
  height: auto;
}

.cultivation .cultivation_b_list_item .text .text_t span {
  font-family: Arial, Arial;
  font-weight: normal;
  font-size: 24px;
  color: #EBB500;
  line-height: 32px;
  text-align: justify;
  font-style: normal;
}

.cultivation .cultivation_b .cultivation_b_list_item:nth-child(even) .text .text_t span {
  color: #A5CC2E;
}

.cultivation .cultivation_b_list_item:nth-child(even) .text .text_t::before {
  background: #A5CC2E;
}

.cultivation .cultivation_b_list_item .text .desc {
  margin-top: 40px;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  text-align: justify;
}

/* 责任践行 */
.fulfillment {
  background-image: url(./../image/crnf-job-train-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.fulfillment .fulfillment_item .hr_inBox {
  /* background: #fff; */
  /* display: flex; */
  /* justify-content: space-between; */
  /* align-items: center; */
}



.fulfillment .fulfillment_item:nth-child(2n) .fulfillment_item_l {
  margin-right: 0px;
  margin-left: -80px;
  float: right;
  margin-top: 0;
}

.fulfillment .fulfillment_item:nth-child(2n) .fulfillment_item_r {
  float: left;
  margin-top: -40px;
}

.fulfillment .fulfillment_item:nth-child(3n) .fulfillment_item_l {
  margin-top: 0;
}

.fulfillment .fulfillment_item:nth-child(3n) .fulfillment_item_r {
  margin-top: -40px;
}

.fulfillment .fulfillment_item {
  margin-bottom: 120px;
}

.fulfillment .fulfillment_item:last-child {
  margin-bottom: 0px;
}

.fulfillment .fulfillment_item:nth-child(4n) {
  /* background: linear-gradient(270deg, #FBFFED 0%, #FFFFFF 100%); */
}

.fulfillment .fulfillment_item .fulfillment_item_l {
  width: 57.14%;
  aspect-ratio: 800 / 455;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  backdrop-filter: blur(5px);
  margin-right: -80px;
  margin-top: 40px;
  padding: 68px 40px;
  float: left;
  overflow: hidden;
}

.fulfillment .fulfillment_item .fulfillment_item_l .fulfillment_item_l_t {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 34px;
  border-bottom: 1px solid #ECECEC;
  position: relative;
  font-size: 24px;
  color: #333333;
  line-height: 32px;
}

.fulfillment .fulfillment_item .fulfillment_item_l .fulfillment_item_l_t span {
  font-family: Arial, Arial;
  font-weight: normal;
  font-size: 32px;
  color: #EBB500;
  line-height: 40px;
}

.fulfillment .fulfillment_item .fulfillment_item_l .fulfillment_item_l_t::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  width: 48px;
  height: 4px;
  background: #EBB500;
}

.fulfillment .fulfillment_item .fulfillment_item_l h4 {
  /* font-size: 40px; */
  color: #333333;
  /* line-height: 48px; */
}

.fulfillment .fulfillment_item .fulfillment_item_l .desc {
  /* margin-top: 40px; */
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  text-align: justify;
  height: calc(100% - 80px);
  overflow: auto;
  padding-right: 10px;
}

.fulfillment .fulfillment_item .fulfillment_item_l .desc {
  /* scrollbar-width: thin; */
  /* Firefox */
  /* scrollbar-color: #A5CC2E #999; */
}

.fulfillment .fulfillment_item .fulfillment_item_l .desc::-webkit-scrollbar {
  width: 4px;
}

/* 滚动条轨道 */
.fulfillment .fulfillment_item .fulfillment_item_l .desc::-webkit-scrollbar-track {
  background: #999;
}

/* 滚动条滑块 */
.fulfillment .fulfillment_item .fulfillment_item_l .desc::-webkit-scrollbar-thumb {
  background: #f99c34;
  border-radius: 10px;
}

.fulfillment .fulfillment_item .fulfillment_item_r {
  width: 48.57%;
  aspect-ratio: 680 / 455;
  border-radius: 8px;
  overflow: hidden;
  float: right;
}

.fulfillment .fulfillment_item .fulfillment_item_r img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 活动报道 */
.eventReport {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}

.eventReport .eventReport_item {
  width: calc((100% - 80px) / 3);
  background: #FAF8F6;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}

.eventReport .eventReport_item .eventReport_img {
  aspect-ratio: 440/293;
  overflow: hidden;
}

.eventReport .eventReport_item .eventReport_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease-in-out;
  transform: scale(1);
}

.eventReport .eventReport_item .eventReport_text {
  padding: 30px;
}

.eventReport .eventReport_item .eventReport_text .title {
  height: 56px;
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  transition: all .3s ease-in-out;
}

.eventReport .eventReport_item .eventReport_text .time {
  margin-top: 20px;
  font-family: ArialMT;
  font-size: 18px;
  color: #EBB500;
  line-height: 26px;
}

.eventReport .eventReport_item:hover .eventReport_text .title {
  color: #EBB500;
}

.eventReport .eventReport_item:hover .eventReport_img img {
  transform: scale(1.1);
}

/* 责任践行 new */
.zrjx {
  width: 100%;
  height: 900px;
  position: relative;
}

.zrjx #gallery {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.zrjx #gallery .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.zrjx #gallery .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.zrjx .bot_swiper {
  position: absolute;
  bottom: 4.4%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.zrjx #thumbs {}

.zrjx #thumbs .swiper-wrapper {
  display: flex;
  justify-content: center;
}

.zrjx #thumbs .swiper-slide {
  width: 18.57%;
  aspect-ratio: 260/160;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  padding-left: 30px;
}


.zrjx #thumbs .swiper-slide .img {
  width: 18.4%;
  aspect-ratio: 1/1;
  opacity: 0.6;
}

.zrjx #thumbs .swiper-slide .img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.zrjx #thumbs .swiper-slide h5 {
  margin-top: 10px;
}

.zrjx #thumbs .swiper-slide-thumb-active {
  background: rgba(235, 181, 0, 0.9);
}

.zrjx #thumbs .swiper-slide-thumb-active .img {
  opacity: 1;
}

.zrjx .top_swiper {
  position: absolute;
  top: 17%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.zrjx .textBox {
  width: 740px;
}


.zrjx .textBox .textBox_t {
  font-family: ArialMT;

}

.zrjx .textBox .textBox_t .currnt {
  color: #EBB500;
}

.zrjx .textBox .textBox_t .totla {
  color: #fff;
}

.zrjx .textBox h5 {
  margin-top: 20px;
  margin-bottom: 40px;
  color: #EBB500;

}

.zrjx .textBox .info {
  max-height: 300px;
  overflow: auto;
  padding-right: 20px;
}

.zrjx .mobile_page {
  display: none;
}







/* 责任报告 */
.responsibility {}

.responsibility_one {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 410px;
  background-image: url(./../image/crnf-responsibility-report-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 40px;
  border-radius: 8px;
}

.responsibility_one .responsibility_one_img {
  width: 240px;
  height: 320px;
  border-radius: 8px;
  /* overflow: hidden; */
  position: relative;
  flex-shrink: 0;
}

.responsibility_one .responsibility_one_img::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 0;
  bottom: 0;
  width: 240px;
  height: 320px;
  background: rgba(51, 51, 51, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.responsibility_one .responsibility_one_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}

.responsibility_one .responsibility_one_text {
  margin-left: 80px;
}

.responsibility_one .responsibility_one_text h4 {
  font-size: 24px;
  color: #333333;
  line-height: 30px;
}

.responsibility_one .responsibility_one_text .desc {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  margin-top: 25px;
}

.responsibility_one .responsibility_one_text .button {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-top: 60px;
}

.responsibility_one .responsibility_one_text .button a {
  width: 120px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s ease;
}

.responsibility_one .responsibility_one_text .button a span {
  color: #EBB500;
  font-size: 12px;
}

.responsibility_one .responsibility_one_text .button a s {
  text-decoration: none;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
  margin-left: 8px;
}

.responsibility_one .responsibility_one_text .button a:hover {
  background: #EBB500;
  border: 1px solid #EBB500;
}

.responsibility_one .responsibility_one_text .button a:hover span {
  color: #fff;
}

.responsibility_one .responsibility_one_text .button a:hover s {
  color: #fff;
}

.responsibility h4 {
  font-size: 32px;
  color: #333333;
  line-height: 40px;
}

.responsibility_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 40px;
}

.responsibility_list .responsibility_item {
  width: calc((100% - 80px) / 3);
  background: #FAF8F6;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 0;
}

.responsibility_list .responsibility_item .responsibility_item_img {
  width: 220px;
  height: 280px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
}

.responsibility_list .responsibility_item .responsibility_item_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease-in-out;
  border-radius: 8px;
}

.responsibility_list .responsibility_item .responsibility_item_text {
  margin-top: 20px;
  color: #333333;
  padding: 0 20px;
  transition: all .3s ease-in-out;
}

.responsibility_list .responsibility_item:hover .responsibility_item_text {
  color: #EBB500;
}

/* 专题专栏 */
.SpecialTopic {}

.SpecialTopic .hr_inBox {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}

.SpecialTopic .hr_inBox .SpecialTopic_item {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #ECECEC;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

/* .SpecialTopic_img   SpecialTopic_info : SpecialTopic_title  SpecialTopic_desc */
.SpecialTopic .SpecialTopic_item .SpecialTopic_img {
  width: 40%;
  aspect-ratio: 560/373;
  overflow: hidden;
}

.SpecialTopic .SpecialTopic_item .SpecialTopic_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .8s ease-in-out;
  transform: scale(1);
}

.SpecialTopic .SpecialTopic_item .SpecialTopic_info {
  width: 60%;
  padding: 0 5.7%;
}

.SpecialTopic .SpecialTopic_item .SpecialTopic_info .SpecialTopic_title {
  font-size: 24px;
  color: #333333;
  line-height: 32px;
  padding-bottom: 38px;
  box-shadow: inset 0px -1px 0px 0px #F5F5F5;
  position: relative;
  transition: all .5s;
}

.SpecialTopic .SpecialTopic_item .SpecialTopic_info .SpecialTopic_title::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  width: 48px;
  height: 4px;
  background: #EBB500;
}

.SpecialTopic .SpecialTopic_item .SpecialTopic_info .SpecialTopic_desc {
  margin-top: 40px;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.SpecialTopic .SpecialTopic_item:hover .SpecialTopic_img img {
  transform: scale(1.1);
}

.SpecialTopic .SpecialTopic_item:hover .SpecialTopic_info .SpecialTopic_title {
  color: #EBB500;
}

/* 管理团队 */
.management .managementMain {}

.management .managementMain .managementMain_item {
  width: 100%;
  /* height: 342px; */
  padding: 40px 40px;

  background: #FAF8F6;
  border-radius: 8px;
  position: relative;
  margin-bottom: 40px;
  /* cursor: pointer; */
}

.management .managementMain .managementMain_item:hover {
  /* background: #F7F8FA; */
}

.management .managementMain .managementMain_item:last-child {
  margin-bottom: 0;
}

.management .managementMain .managementMain_item h4 {
  /* font-weight: bold; */
  font-size: 24px;
  color: #333333;
  line-height: 32px;
  position: relative;
}

.managementMain_item h4::before {
  content: "";
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 16px;
  background: #F9B334;
}

.management .managementMain .managementMain_item h5 {
  margin-top: 10px;
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}

.management .managementMain .managementMain_item p {
  margin-top: 40px;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  position: relative;
  z-index: 2;
  text-align: justify;
}

.management .managementMain .managementMain_item .box1 {
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 8px;
  position: absolute;
  z-index: 1;
  transition: all 0.6s ease-in;
}

.management .managementMain .managementMain_item .box2 {
  width: 80px;
  height: 80px;
  background: #F0F0F0;
  border-radius: 8px;
  position: absolute;
  z-index: 1;
  transition: all 0.6s ease-in;
}


.management .managementMain .managementMain_item:nth-child(2n) .box1 {
  right: 180px;
  top: 40px;
}

.management .managementMain .managementMain_item:nth-child(2n) .box2 {
  right: 80px;
  top: 100px;
}

.management .managementMain .managementMain_item:nth-child(2n+1) .box1 {
  right: 80px;
  top: 40px;
}

.management .managementMain .managementMain_item:nth-child(2n+1) .box2 {
  right: 140px;
  top: 100px;
}

.management .managementMain .managementMain_item:nth-child(2n):hover .box1 {
  right: 180px;
  top: 40px;
  background: #F0F0F0;
}

.management .managementMain .managementMain_item:nth-child(2n):hover .box2 {
  right: 100px;
  top: 80px;
  background: #F7F1E6;
}

.management .managementMain .managementMain_item:nth-child(2n+1):hover .box1 {
  right: 80px;
  top: 40px;
  background: #F0F0F0;
}

.management .managementMain .managementMain_item:nth-child(2n+1):hover .box2 {
  right: 120px;
  top: 80px;
  background: #F7F1E6;
}

/* 内页  发展历程 */
.history {
  background-image: url(./../image/crnf-about-course-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
  position: relative;
  /* padding: 80px 0 114px 0; */
  height: calc(100vh);
  min-height: 550px;
  overflow: hidden;
  width: 100%;
}

.history.pcShow {
  display: block;
}

.history.mobileShow {
  display: none;
}

.history .historyList {
  position: absolute;
  top: 80px;
  left: 0px;
  width: 40px;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to bottom,
      #D5D0BD 1px,
      transparent 1px);

  /* 设置背景大小，高度为线条间距(3px)，宽度自动填满 */
  background-size: 100% 4px;
  /* 确保背景重复 */
  background-repeat: repeat;
}

.history .historyYear {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  /* transform: translateY(calc(-50% + 42px)); */
  z-index: 100;
}

.history .historyYear .list {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  margin-bottom: 42px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}

.history .historyYear .list.active {
  color: #EBB500;
  font-size: 20px;
  color: #EBB500;
  line-height: 32px;
  /* margin-bottom: 46px; */
}

.history .historyYear .list.active::before {
  background: #EBB500;
}

.history .historyYear .list::before {
  width: 60px;
  height: 1px;
  background: #D5D0BD;
  margin-right: 5px;
  content: "";
  display: block;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-top: 1px;
}

.history .historyMain {
  width: auto;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background-image: url(./../image/crnf-pub-flower-pic.png);
  background-repeat: no-repeat;
  background-position: bottom 0px left;
  background-size: 223px auto;
}

.history .historyMain .swiper-container {
  width: 100%;
  height: 100%;
}

.history .historyMain .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.history .historyMain .swiper-slide:first-child {
  width: 100%;
  display: block;
  height: auto !important;
}

.history .historyMain .swiper-slide:last-child {
  width: 100%;
  display: block;
  min-height: 100%;
  display: flex;
  height: auto !important;
  flex-direction: column;
  justify-content: flex-end;
}

/* 二级导航 */
.history .historyMain .swiper-slide .channelNav {
  width: 100%;
  height: 80px;
  background: #fff;
  box-shadow: inset 0px -1px 0px 0px #ECECEC;
}

.history .historyMain .swiper-slide .channelNav .swiper-container {
  width: 100%;
  height: 100%;
}

.history .historyMain .swiper-slide .channelNav .swiper-wrapper {
  /* width: 100%; */
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100% !important;
}

.history .historyMain .swiper-slide .channelNav .swiper-slide {
  width: 70px;
  margin-left: 0;
  margin-right: 60px;
}

.history .historyMain .swiper-slide .channelNav .swiper-slide a {
  font-size: 16px;
  height: 100%;
  color: #333;
  line-height: 24px;
  display: flex;
  align-items: center;
  /* font-weight: bold; */
}

.history .historyMain .swiper-slide .channelNav .swiper-slide a:hover {
  color: #EBB500;
}

.history .historyMain .swiper-slide .channelNav .swiper-slide.active a {
  color: #EBB500;
}

.history .historyMain .swiper-slide {
  width: 100%;
  height: 100%;
  width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.history .historyMain .historyMain_l {
  width: 45.71%;
  /* height: 66.57%; */
  /* max-height: 466px; */
  /* margin-top: 80px; */
  position: relative;
}

.history .historyMain .swiper-slide:nth-child(2) .historyMain_l {
  text-align: right;
}

.history .historyMain .swiper-slide:nth-child(2) .historyMain_l .img1 {
  margin-right: 5.7%;
}

.history .historyMain .swiper-slide:nth-child(2) .historyMain_l .img2 {
  display: none;
}

.history .historyMain .swiper-slide:nth-child(3) .historyMain_l {
  text-align: right;
}

.history .historyMain .swiper-slide:nth-child(3) .historyMain_l .img1 {
  margin-right: 5.7%;
}

.history .historyMain .swiper-slide:nth-child(3) .historyMain_l .img2 {
  display: block;
  top: 86%;
}

.history .historyMain .swiper-slide:nth-child(4) .historyMain_l {
  text-align: left;
}

.history .historyMain .swiper-slide:nth-child(4) .historyMain_l .img1 {
  margin-right: 0;
}

.history .historyMain .swiper-slide:nth-child(4) .historyMain_l .img2 {
  display: block;
  top: 86%;
  right: 0;
  left: auto;
}

.history .historyMain .swiper-slide:nth-child(5) .historyMain_l {
  text-align: right;
}

.history .historyMain .swiper-slide:nth-child(5) .historyMain_l .img1 {
  margin-right: 0;
  aspect-ratio: 320/400;
  width: 50%;
}

.history .historyMain .swiper-slide:nth-child(5) .historyMain_l .img2 {
  display: block;
  top: 10%;
  left: 0;
  aspect-ratio: 280/320;
  width: 43%;
}

.history .historyMain .historyMain_l .img1 {
  width: 68.75%;
  /* height: 62.87%; */
  aspect-ratio: 440/293;
  border-radius: 8px;
  right: 12.34%;
}

.history .historyMain .historyMain_l .img2 {
  width: 50%;
  /* height: 45.7%; */
  aspect-ratio: 320/213;
  border-radius: 8px;
  left: 0;
  bottom: 0;
  position: absolute;
}

.history .historyMain .historyMain_r {
  width: 47.14%;
  padding-right: 20px;
}

.history .historyMain .historyMain_r .label {
  border-radius: 17px;
  border: 1px solid #EBB500;
  padding: 4px 9px;
  font-size: 16px;
  color: #EBB500;
  line-height: 24px;
  text-align: justify;
  font-style: normal;
}

.history .historyMain .historyMain_r .title {
  font-size: 40px;
  color: #333333;
  line-height: 48px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.history .historyMain .historyMain_r .mainInfo {
  max-height: 39.11vh;
  overflow: auto;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 32px;
}

.history .historyMain .historyMain_r .mainInfo .mainInfo_item {
  display: flex;
  justify-content: flex-start;
}

.history .historyMain .historyMain_r .mainInfo .mainInfo_item span {
  width: 120px;
  flex-shrink: 0;
  font-size: 16px;
  color: #EBB500;
  line-height: 32px;
  text-align: right;
}

.history .historyMain .historyMain_r .mainInfo .mainInfo_item span.teshu {
  font-family: MicrosoftYaHei;
  font-size: 24px;
  color: #EBB500;
  line-height: 32px;
}

.history .historyMain .historyMain_r .mainInfo .mainInfo_item span s {
  font-size: 32px;
  font-family: ArialMT;
  text-decoration: none;
}

.history .historyMain .historyMain_r .mainInfo .mainInfo_item .mainInfo_item_r {
  margin-left: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  word-break: break-word;
}

.history .historyMain .historyMain_r .mainInfo .mainInfo_item .mainInfo_item_r p {
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.history .historyMain .historyMain_r .mainInfo {
  /* scrollbar-width: thin; */
  /* Firefox */
  /* scrollbar-color: #A5CC2E #999; */
}

.history .historyMain .historyMain_r .mainInfo::-webkit-scrollbar {
  width: 4px;
}

.history .historyMain .historyMain_r .mainInfo::-webkit-scrollbar-track {
  background: #999;
  border-radius: 12px;
}

.history .historyMain .historyMain_r .mainInfo::-webkit-scrollbar-thumb {
  background: #A5CC2E;
  border-radius: 2px;
}

/* 资质荣誉 */
.honors {}

.honors .honorsNav {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.honors .honorsNav .item {
  width: 160px;
  height: 56px;
  background: #EEECEA;
  border-radius: 28px;
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.honors .honorsNav .item.active {
  background: #EBB500;
  color: #fff;
}

.honors .honorsNav {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.honors .honorsNav .item {
  width: 160px;
  height: 56px;
  background: #EEECEA;
  border-radius: 28px;
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.honors .honorsNav .item.active {
  background: #EBB500;
  color: #fff;
}


.honors {
  background: #FAF8F6;
}

.honors .qualification_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.honors .qualification_title img {
  width: 64px;
  height: auto;
}

.honors .qualification_title p {
  margin-left: 20px;
  font-size: 40px;
  color: #333333;
  line-height: 48px;
}

.honors .qualification {
  /* display: flex;
  justify-content: space-between;
  flex-wrap: wrap; */
  width: 100%;
  gap: 20px;
}

.honors .qualification .qualification_item {
  width: calc((100% - 40px) / 2);
  border-radius: 8px;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.1);
  break-inside: avoid;
  margin-bottom: 30px;
  padding: 40px;
}

.honors .qualification .qualification_item .qualification_item_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 28px;
  color: #333333;
  line-height: 40px;
  margin-left: -40px;
}

.honors .qualification .qualification_item .qualification_item_title span {
  display: inline-block;
  width: 4px;
  height: 24px;
  border-radius: 4px;
  margin-right: 32px;
}

.honors .qualification .qualification_item .qualification_item_item {
  margin-top: 40px;
}

.honors .qualification .qualification_item_item h5 {
  font-size: 20px;
  color: #333333;
  line-height: 24px;
}

.honors .qualification .qualification_item_item .desc {
  margin: 20px 0 12px 0;
  font-size: 16px;
  color: #EBB500;
  line-height: 24px;
}

.honors .qualification .qualification_item_item .zscq {
  margin-top: 40px;
}

.honors .qualification .qualification_item_item .zscq .desc {
  margin: 0;
  margin-bottom: 12px;
}

.honors_honors {
  background-image: url(./../image/crnf-about-horon-horon-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 180px;
}

.honors .honors_honor {
  height: 420px;
  border-radius: 20px;
  background: rgba(12, 112, 251, 0.05);
  position: relative;
}

.honors .honors_honor .honors_honor_box {
  height: 444px;
  width: 966px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -13px;
  border-radius: 20px;
}

.honors .honors_honor .honors_honor_box .swiper-container {
  padding: 38px 0 38px 0;
}

.honors .honors_honor .honors_honor_box .swiper-slide {
  margin-top: 10px;
  opacity: 0.6;
}

.honors .honors_honor .honors_honor_box .swiper-slide-active {
  margin-top: 0px;
  opacity: 1;
}

.honors .honors_honor .honors_honor_box .swiper-slide .picBox img {
  width: 320px;
  height: 360px;
  margin: 0 auto;
}

.honors .honors_honor .honors_honor_box .swiper-slide .picBox p {
  display: none;
}

.honors .honors_mobile {
  display: none;
}

.honors .honors_honor .honors_honor_box .swiper-slide-active .picBox {
  position: absolute;
  z-index: 15;
  left: 50%;
  background: #444F63;
  border-radius: 20px;
  top: 50%;
  margin-top: -38px;
  text-align: center;
  padding: 20px 0;
  width: 680px;
  height: 445px;
  margin-left: -340px;
  background: #F6E7B8;
  border-radius: 20px;
}

.honors .honors_honor .honors_honor_box .swiper-slide-active .picBox img {
  width: 640px;
  height: 405px;
  margin: 0 auto;
}

.honors .honors_honor .honors_honor_box .swiper-slide-active .picBox p {
  display: block;
  position: absolute;
  bottom: 0;
  padding: 26px;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  border-radius: 0px 0px 20px 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 47.23%, rgba(0, 0, 0, 0.6) 100%);
}

.honors .honors_honor .honors_honor_box .swiper-container .swiper-button-prev {
  position: absolute;
  font-family: "iconfont";
  content: "\e639";
  font-size: 10px;
  color: #EBB500;
}

.honors .honors_honor .honors_honor_box .swiper-container .swiper-button-next {
  position: absolute;
  font-family: "iconfont";
  font-size: 10px;
  color: #EBB500;
}

.honors .honors_honor .honors_honor_box .swiper-container .swiper-button-prev:hover {
  color: #fff;
}

.honors .honors_honor .honors_honor_box .swiper-container .swiper-button-next:hover {
  color: #fff;
}

.honors .honors_honor .honors_honor_box .swiper-container .swiper-button-prev::before {
  content: "\e7b2";
}

.honors .honors_honor .honors_honor_box .swiper-container .swiper-button-next::before {
  content: "\e7a7";
}

.honors .honors_pagination {
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  margin-top: 40px;
  line-height: 1;
}



.honors .honors_pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
}

.honors .honors_pagination .swiper-pagination-bullet-active {
  width: 32px;
  height: 12px;
  background: #EBB500;
  border-radius: 6px;
}




/* 企业文化 */
.qywh {
  background: #fff;
}

.qywh .lntx {}

.qywh .lntx h4 {

  color: #EBB500;
}

.qywh .lntx_main {
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  margin-top: 40px;
  padding: 40px;
}

.qywh .lntx_main .lntx_main_l {
  width: 35.3%;
  float: left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.qywh .lntx_main .clearfix {
  position: relative;
  padding-bottom: 80px;
}

.qywh .lntx_main .lntx_main_l img {
  width: 100%;
  height: auto;
}

.qywh .lntx_main .lntx_main_r {
  width: 51.51%;
  margin-right: 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  float: right;
  gap: 20px;
}

.qywh .lntx_main .lntx_main_r .lntx_main_r_item {
  width: calc((100% - 20px) / 2);
  text-align: left;
  margin-bottom: 20px;
}

.qywh .lntx_main .lntx_main_r .lntx_main_r_item h5 {
  font-size: 24px;
  color: #333333;
  line-height: 32px;
  margin-bottom: 20px;
}

.qywh .lntx_main .lntx_main_r .lntx_main_r_item p {
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  max-width: 280px;
}

.qywh .sjsj {
  border-top: 1px solid #f2f2f2;
  padding: 40px 0;
}

.qywh .sjsj h4 {
  color: #333333;
}

.qywh .sjsj h4 img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 7px;
}

.qywh .sjsj div {
  margin-top: 20px;
}

.qywh .sjsj div p {
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.ldys {
  margin-top: 40px;
}

.qywh .ldys .mobile_ldys {
  display: none;
}

.ldys .ldys_1 {
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  padding: 40px;
  justify-content: space-between;
  margin-bottom: 20px;
}

.ldys .ldys_1 .ldys_1_l {
  width: 18.28vw;
  height: auto;
}

.ldys .ldys_1 .ldys_1_l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ldys .ldys_1 .ldys_1_r {
  flex: 1;
  margin-left: 50px;
}

.ldys .ldys_1 .ldys_1_r h4 {
  color: #333333;
}

.ldys .ldys_1 .ldys_1_r h5 {
  color: #EBB500;
  margin-top: 20px;
}

.ldys .ldys_1 .ldys_1_r p {
  margin-top: 40px;
  color: #666666;
  text-align: justify;
}

.ldys .ldys_1 .ldys_1_r p span {
  font-weight: bold;
}

.ldys .ldys_4 {
  background: url(./../image/crnf-about-culture-pic05.png) no-repeat;
  background-position: top right 2.85%;
  background-size: 19.39% auto;
  /* 调整背景图位置为右40px、上40px */
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  padding: 40px;
  margin-bottom: 20px;
}

/* .ldys .ldys_4 .ldys_4_t {} */

.ldys .ldys_4 .ldys_4_t h4 {
  /* font-weight: bold; */
  color: #333333;
}

.ldys .ldys_4 .ldys_4_t h5 {
  /* font-weight: bold; */
  color: #EBB500;
  margin-top: 20px;
}

.ldys .ldys_4 .ldys_4_b {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 84.84%;
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item {
  width: 50%;
  margin-bottom: 40px;
  position: relative;
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item::after {
  content: "";
  position: absolute;
  right: 0%;
  top: 50%;
  /* 垂直居中对齐 */
  transform: translateY(-50%);
  /* 垂直居中偏移 */
  width: 1px;
  /* 边框宽度 */
  height: 160px;
  /* 固定边框高度 */
  background-color: #E8E8E8;
  /* 边框颜色（与原border-right一致） */
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(2n)::after {
  height: 0px;
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(even) {
  padding-right: 0px;
  padding-left: 6%;

}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(odd) {
  padding-left: 0px;
  padding-right: 6%;
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(3) {
  margin-bottom: 0;
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(4) {
  margin-bottom: 0;
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item h5 {
  color: #333333;
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div {
  color: #666666;
  line-height: 32px;
  margin-top: 20px;
  position: relative;
  /* padding-right: 20px; */
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div p {
  margin-bottom: 20px;
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div p:last-child {
  margin-bottom: 0px;
}

/* .ldys .ldys_4 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div::after {
  content: "";
  position: absolute;
  right: -13%;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 160px;
  background-color: #E8E8E8;
} */

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(2n) .ldys_4_b_item_div::after {
  height: 0px;
}

.ldys .ldys_4 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div p {
  width: 100%;
  /* line-height: 43px; */
}

.ldys .ldys_5 {
  /* background: url(./../image/crnf-about-culture-pic06.png) no-repeat right 40px top 40px / 192px 240px; */
  /* 调整背景图位置为右40px、上40px */
  background-image: none;
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  padding: 40px;
  margin-bottom: 20px;
}

.ldys .ldys_5 .ldys_5_t {
  display: flex;
  justify-content: flex-start;
}

.ldys .ldys_5 .ldys_5_t img {
  width: 19.39%;
  height: auto;
  margin-right: 3.57%;
}

.ldys .ldys_4 .ldys_5_t h4 {
  /* font-weight: bold; */
  color: #333333;
  margin-bottom: 20px;
}

.ldys .ldys_4 .ldys_5_t h5 {
  color: #EBB500;
}

.ldys .ldys_5 .ldys_4_b {
  margin-left: 22.96%;
  margin-top: -12%;
  width: calc(100% - 22.96%);
}

.ldys .ldys_5 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div::after {
  /* right: 40px; */
  height: 120px;
}

.ldys .ldys_6 {
  background: url(./../image/crnf-about-culture-pic07.png) no-repeat;
  background-position: top right 2.85%;
  background-size: 19.39% auto;
}

.ldys .ldys_6 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div::after {
  right: 40px;
  height: 120px;
}

.ldys .ldys_6 .ldys_6_p {
  padding: 40px 0 20px 0;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
  width: 80%;
}



.qywh .qybz {
  margin-top: 80px;
}

.qywh .qybz h4 {
  color: #EBB500;
}

.qywh .qybz .qybz_main {
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  padding: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;

}

.qywh .cxgy .qybz_main {
  gap: 80px 0;
  flex-wrap: wrap;
}

.qywh .qybz .qybz_main .cxgy_item {
  width: 33.333%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.qywh .qybz .qybz_main .cxgy_item::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 160px;
  background-color: #F5F5F5;
  /* 建议根据设计稿修改线的颜色 */
}

.qywh .qybz .qybz_main .cxgy_item:nth-child(3n)::after {
  width: 0px;
}

.qywh .qybz .qybz_main .cxgy_item img {
  width: 120px;
  height: 120px;
  margin: 24px 0;
}

.qywh .qybz .qybz_main .cxgy_item p {
  margin-top: 0;
}

.qywh .qybz .qybz_main img {
  width: 140px;
  height: 140px;
}

.qywh .qybz .qybz_main p {
  margin-left: 80px;
  flex: 1;
  font-size: 16px;
  color: #666666;
  line-height: 32px;
}

.qywh .cxgy .qybz_main {
  justify-content: flex-start;
}

.qywh .cxgy .qybz_main .cxgy_l {
  width: 400px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.qywh .cxgy .qybz_main p {
  margin-left: 0px;
  margin-top: 20px;
}

.qywh .cxgy .qybz_main .cxgy_c {
  width: 1px;
  height: 240px;
  border: 1px solid #F5F5F5;
  margin: 0 5.7%;
}

.qywh .cxgy .qybz_main .cxgy_r {
  width: 400px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}


/* 主营业务 */
.zyyw {}

.zyyw .zyyw_top {
  background-image: url(./../image/crnf-pub-flower-pic.png);
  background-position: left bottom;
  background-size: 240px auto;
  background-repeat: no-repeat;
}

.zyyw .zyyw_top .hr_inBox {
  display: flex;
  justify-content: space-between;
}

.zyyw .zyyw_top .hr_inBox h4 {
  color: #333;
}

.zyyw .zyyw_top .hr_inBox p {
  width: 65.7%;
  color: #666666;
}

.zyyw .zyyw_main {
  background: linear-gradient(0deg, #FFFFFF 0%, #FAF8F6 100%);
}

.zyyw .zyyw_main .zyyw_main_box {
  width: 90.625%;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item {
  width: 14.94%;
  transition: width 0.6s ease;
  background-size: cover;
  background-position: center;
  position: relative;
  height: 600px;
  max-height: calc(100vh - 80px);
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item:last-child {
  border-radius: 0 8px 8px 0;
  overflow: hidden;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .mengceng {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  /* 新增 */
  bottom: 0;
  /* 新增 */
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  /* 建议明确层级，虽然你的big和small已经设了z-index:2 */
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 60px;
  position: relative;
  z-index: 2;
  gap: 40px;

  /* align-items: center; */
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .img {
  width: 90px;
  height: 90px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .img img {
  width: 56px;
  height: auto;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .info {
  width: 75.3%;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .info h5 {
  color: #FFFFFF;
  margin-bottom: 20px;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .info p {
  color: #FFFFFF;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .more {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  cursor: pointer;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .more p {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .more p .iconfont {
  font-size: 10px;
  color: #EBB500;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .more:hover {
  color: #EBB500;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .more:hover p {
  background: #EBB500;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .more:hover p .iconfont {
  color: #FFFFFF;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_small {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #fff;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_small .img img {
  width: auto;
  height: 64px;
  margin-bottom: 20px;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_small h5 {
  width: 85%;
  height: 64px;
  text-align: center;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item.active {
  width: 54.02%;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item.active .zyyw_main_item_big {
  display: flex;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item.active .zyyw_main_item_small {
  display: none;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big {
  display: none;
}

.zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_small {
  display: flex;
}

/* 香港业务 */
.zyyw .xgyw {}

.zyyw .xgyw .h4Class {
  text-align: center;
  color: #333333;
}

.zyyw .xgyw .xgyw_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: inset 0px -1px 0px 0px #D8D8D8, inset 0px 1px 0px 0px #D8D8D8;

}

.zyyw .xgyw .xgyw_item:nth-of-type(even) .xgyw_item_l {
  order: 2;
}

.zyyw .xgyw .xgyw_item:nth-of-type(even) .xgyw_item_r {
  order: 1;
  display: flex;
  justify-content: flex-end;
}

.zyyw .xgyw .xgyw_item .xgyw_item_r h4 {
  color: #333333;
}

.zyyw .xgyw .xgyw_item:nth-of-type(even) .xgyw_item_r .xgyw_item_r_box {
  margin-left: 0;
  margin-right: 10.41%;
}

.zyyw .xgyw .xgyw_item:last-child {
  margin-bottom: 0;
}

.zyyw .xgyw .xgyw_item .xgyw_item_l {
  width: 50%;
  aspect-ratio: 960/640;
}

.zyyw .xgyw .xgyw_item .xgyw_item_l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zyyw .xgyw .xgyw_item .xgyw_item_r {
  width: 50%;
  /* padding: 80px 0; */
  aspect-ratio: 960/640;
}

.zyyw .xgyw .xgyw_item .xgyw_item_r .xgyw_item_r_box {
  display: flex;
  flex-direction: column;
  /* 移除 justify-content: center; 改用 margin 实现居中，以便过渡 */
  gap: 20px;
  width: 66.5%;
  margin-left: 10.41%;
  padding-right: 4%;
  height: 100%;
  overflow: hidden;
  /* 默认隐藏超出部分，防止动画溢出 */
  transition: all 0.5s ease;
}

/* 利用 margin: auto 实现默认状态下的垂直居中 */
.zyyw .xgyw .xgyw_item .xgyw_item_r .xgyw_item_r_box>*:first-child {
  margin-top: auto;
}

.zyyw .xgyw .xgyw_item .xgyw_item_r .xgyw_item_r_box>*:last-child {
  margin-bottom: auto;
}

/* Hover 状态：取消居中，允许滚动 */
.zyyw .xgyw .xgyw_item:hover .xgyw_item_r .xgyw_item_r_box {
  /* 不需要写 justify-content: flex-start; margin:auto 会自动失效 */
  overflow: auto;
}

/* --- 核心动画逻辑 --- */
.zyyw .xgyw .xgyw_item .xgyw_item_r .xgyw_item_r_box .info {
  max-height: 0;
  /* 默认高度为0 */
  opacity: 0;
  /* 默认透明 */
  overflow: hidden;
  /* 隐藏超出的内容 */
  visibility: hidden;
  /* 不可见，防止被点击 */
  transition: all 0.5s ease 0.1s;
  /* 添加 0.1s 延迟，让居中到顶部的动作先发生 */
}

.zyyw .xgyw .xgyw_item:hover .xgyw_item_r .xgyw_item_r_box .info {
  max-height: 5000px;
  /* 设置一个足够大的高度，让它能够展开 */
  opacity: 1;
  /* 显示 */
  visibility: visible;
  /* 可见 */
  overflow: visible;
  /* 不需要写 display: block; */
}

.zyyw .xgyw .xgyw_item .xgyw_item_r .xgyw_item_r_box_span {
  width: 20px;
  height: 4px;
  background: #EBB500;
  flex-shrink: 0;
}

.zyyw .swiper-container .swiper-pagination {
  bottom: 20px;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}

.zyyw .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}

.zyyw .swiper-pagination-bullet-active {
  background: #EBB500;
}

/* 品牌介绍 */
.ppjs {}

.ppjs .ppgs_t {
  background-image: url(./../image/crnf-pub-flower-pic.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 12.5% auto;
}

.ppgs_t_box {
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(235, 181, 0, 0.1) 100%);
}

.ppjs h4 {
  color: #333333;
}

.ppjs .ppgs_t .ppgs_t_t {
  padding: 60px 0 120px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ppjs .ppgs_t .ppgs_t_t img {
  width: 18.57%;
  height: auto;
}

.ppjs .ppgs_t .ppgs_t_t p {
  width: 65.7%;
  color: #666;
}

.ppjs .ppgs_t .ppgs_t_banner {
  width: 100%;
  height: auto;
}

.ppjs .ppgs_b {}

.ppjs .ppgs_b .ppgs_b_box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.9%;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l {
  /* display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; */
  width: 39.28%;
  /* gap: 20px; */
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 15px 20px;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l .swiper-wrapper .swiper-slide {
  width: calc((100% - 40px) / 3);
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  aspect-ratio: 170/95;
  overflow: hidden;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l .ppgs_b_box_l_item {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l .swiper-slide.active {
  /* background: #FFE7E7; */
  /* border: 1px solid #C32D2F; */
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l .swiper-slide:hover {
  /* background: #FFE7E7; */
  /* border: 1px solid #C32D2F; */
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l .ppgs_b_box_l_item img {
  width: 58.82%;
  height: auto;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r {
  width: 58.14%;
  aspect-ratio: 800/ 533;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
  transform: scale(1);
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r:hover .ppgs_b_box_r_img {
  transform: scale(1.1);
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 20px 40px;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .ppgs_b_box_r_info_logo {
  width: 97px;
  height: auto;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info h5 {
  color: #fff;
  margin: 15px 0;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .desc {
  color: #fff;
  max-height: 30%;
  overflow: auto;
  text-align: center;
  padding-right: 15px;
  width: 100%;
}



.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .desc p {
  color: #fff !important;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .desc p span {
  color: #fff !important;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .more {
  width: 139px;
  height: 56px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 28px;
  border: 1px solid #EBB500;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 21px;
  margin-top: 20px;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .more .iconfont {
  margin-left: 10px;
  font-size: 10px;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r:hover .ppgs_b_box_r_info {
  opacity: 1;
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .desc {
  /* scrollbar-width: thin; */
  /* Firefox */
  /* scrollbar-color: #A5CC2E #999; */
}

.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .desc::-webkit-scrollbar {
  width: 4px;
}

/* 滚动条轨道 */
.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .desc::-webkit-scrollbar-track {
  background: #999;
}

/* 滚动条滑块 */
.ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .desc::-webkit-scrollbar-thumb {
  background: #f99c34;
  border-radius: 10px;
}

/* 产品家族 */
.cpjz {}

.cpjz .cpjz_t {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cpjz .cpjz_t .cpjz_t_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  cursor: pointer;
  color: #EBB500;
}

.cpjz .cpjz_t .cpjz_t_button .iconfont {
  font-size: 12px;
}

.cpjz .cpjz_t .cpjz_t_button:hover {
  background: #EBB500;
  color: #fff;
  border: 1px solid #EBB500;
}

.cpjz .cpjz_t .swiper-container {
  width: calc(100% - 140px);

}

.cpjz .cpjz_t .swiper-wrapper {
  width: 100%;
}

.cpjz .cpjz_t .swiper-wrapper .swiper-slide {
  min-width: 160px;
  padding: 18px 40px;
  background: #EEECEA;
  border-radius: 40px;
  width: auto;
}

.cpjz .cpjz_t .swiper-wrapper .swiper-slide.active {
  background: #EBB500;
}

.cpjz .cpjz_t .swiper-wrapper .swiper-slide.active a {
  color: #fff;
}

.cpjz .cpjz_t .swiper-wrapper .swiper-slide a {
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.cpjz .cpjz_js_box {
  align-items: center;
  background: #FAF8F6;
}

.cpjz .cpjz_js_box .cpjz_js_box_l {
  width: 50%;
  aspect-ratio: 960/ 640;
}

.cpjz .cpjz_js_box .cpjz_js_box_l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cpjz .cpjz_js_box .cpjz_js_box_l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cpjz .cpjz_js_box .cpjz_js_box_r {
  padding: 0 2.08% 0 4.16%;
  width: 50%;
}


.cpjz .cpjz_js_box .cpjz_js_box_r .desc {
  margin-top: 40px;
  max-height: calc(33.33vw - 180px);
  overflow: auto;
  padding-right: 2.08%;
}

.cpjz .cpjz_sp {
  width: 100%;
}

.cpjz .cpjz_sp .cpjz_sp_box {
  width: 100%;
  height: 640px;
  position: relative;
  overflow: hidden;
  background-image: url(./../image/crnf-brand-family-xsx-video-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cpjz_sp_box_button {
  width: 1096px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-container {
  width: 960px;
  height: 450px;
  overflow: hidden;
}



.cpjz .cpjz_sp .cpjz_sp_box .swiper-slide {
  border-radius: 8px;
  overflow: hidden;
  opacity: 0;
  z-index: 2;
  position: relative;
  width: 800px;
  height: 450px;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-slide.swiper-slide-active {
  z-index: 100;
  opacity: 1;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-slide.swiper-slide-prev {
  border-radius: 8px 0 0 8px;
  /* opacity: 0.7 !important; */
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-slide.swiper-slide-next {
  border-radius: 0 8px 8px 0;
  /* opacity: 0.7 !important; */
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-slide .mengceng {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-slide .videoBac {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 20;
  transition: all 0.3s ease-in-out;
  width: 64px;
  height: 64px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-in-out;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-slide:hover .videoBac {
  background: #EBB500;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-slide .videoBac .iconfont {
  font-size: 20px;
  color: #fff;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-button-prev,
.cpjz .cpjz_sp .cpjz_sp_box .swiper-button-next {
  position: absolute;
  font-family: "iconfont";
  font-size: 8px;
  color: #EBB500;
  transform: translateY(-50%);
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-button-prev {
  left: 0;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-button-next {
  right: 0;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-button-prev::before {
  content: "\e7b2";
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-button-prev:hover::before {
  color: #fff;
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-button-next::before {
  content: "\e7a7";
}

.cpjz .cpjz_sp .cpjz_sp_box .swiper-button-next:hover::before {
  color: #fff;
}

.cpjz .ppry {
  /*  */
  height: 700px;
  background-image: url(./../image/crnf-brand-family-xsx-honor-bg.jpg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.cpjz .ppry_box {
  width: 100%;
  height: 100%;
  background-image: url(./../image/crnf-pub-flower-pic.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 12.5% auto;
  display: flex;
  justify-content: flex-end;
}

.cpjz .ppry_info {
  max-width: 1660px;
  width: calc((100% - 1400px) / 2 + 1400px);
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.cpjz .ppry_info .ppry_box_l {
  width: 440px;
}

.cpjz .ppry_info .ppry_box_l h4 {
  padding-bottom: 32px;
  border-bottom: 1px solid #fff;
}

.cpjz .ppry_info .ppry_box_l .ppry_box_l_info {
  margin-top: 40px;
  overflow: auto;
}

.cpjz .ppry_info .ppry_box_l .ppry_box_l_info p {
  margin-bottom: 10px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 26px;
}

.cpjz .ppry_info .ppry_box_l .ppry_box_l_info p .iconfont {
  opacity: 0.6;
  margin-right: 20px;
}

.cpjz .ppry_info .ppry_box_r {
  width: 1015px;
  position: relative;
}

.cpjz .ppry_info .ppry_box_r .swiper_box {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 31;
  top: 20px;
}

.cpjz .ppry_info .ppry_box_r .swiper_box .swiper-container {
  width: 980px;
  overflow: hidden;
}

.cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide {
  width: 320px;
  height: 320px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  position: relative;
  z-index: 3;
}

.cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide-active {
  width: 300px;
  height: 400px;
}

.cpjz .threeBox {
  margin-top: -100px;
  height: 285px;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 3;
}

.cpjz .threeBox .box {
  background-image: url(./../image/crnf-brand-family-xsx-honor-base.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 400px;
  height: 285px;
  position: relative;

}

.cpjz .threeBox .r2 {
  width: 420px;
  height: 300px;
  margin-right: -80px;
  z-index: 2;
  background-position: 0 80px;
}

.cpjz .threeBox .r1 {
  margin-right: -80px;

}

.cpjz .swiper_button {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 20px;
}

.cpjz .swiper_button p {
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 50%;
  color: #EBB500;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.cpjz .swiper_button p .iconfont {
  font-size: 10px;
}

.cpjz .swiper_button p:hover {
  background: #EBB500;
  color: #fff;
}

.cpjz .swiper_button .totlaNum {
  font-family: ArialMT;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 18px;
  opacity: 0.6;
  text-decoration: none;
}

.cpjz .swiper_button .currentNum {
  font-family: ArialMT;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 18px;
  text-decoration: none;
}

.xlcp {}

.cpsx .cpsx_t {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
}

.cpsx .cpsx_t .cpsx_t_inputBox {
  position: relative;
}

.cpsx .cpsx_t .cpsx_t_inputBox input {
  width: 320px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  padding: 0 48px 0 12px;
}

.cpsx .cpsx_t .cpsx_t_inputBox .clickPro_search {
  width: 48px;
  height: 48px;
  padding: 12px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #EBB500;
  cursor: pointer;
}

.xlcp .xlcp_box {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}

.xlcp .xlcp_box .xlcp_box_item {
  width: calc((100% - 80px) / 3);
  border-radius: 8px;
  overflow: hidden;
}

.xlcp .xlcp_box .xlcp_box_item:nth-child(n+4) {
  display: none;
}

.cpsx .xlcp_box .xlcp_box_item:nth-child(n+4) {
  display: block;
}

.xlcp .xlcp_box .xlcp_box_item .xlcp_box_item_img {
  background: linear-gradient(0deg, #FFFBEF 0%, rgba(235, 181, 0, 0.15) 100%);
  padding: 4.54%;
  aspect-ratio: 440 / 290;
  display: flex;
  justify-content: center;
  align-items: center;
}

.xlcp .xlcp_box .xlcp_box_item .xlcp_box_item_img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.xlcp .xlcp_box .xlcp_box_item_info {
  background: #FAF8F6;
  padding: 6.8% 9.09%;
  aspect-ratio: 440 / 280;
}

.xlcp .xlcp_box .xlcp_box_item_info .desc {
  height: 48px;
  /* font-size: 16px; */
  /* color: #666666; */
  line-height: 24px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.xlcp .xlcp_box .xlcp_box_item_info .gg {
  /* font-size: 16px;
  color: #999999; */
  line-height: 24px;
}

.xlcp .xlcp_box .xlcp_box_item_info .buy {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
}

.xlcp .xlcp_box .xlcp_box_item_info .buy a {
  padding: 12px 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 24px;
  color: #333;
  height: 48px;
}

.xlcp .xlcp_box .xlcp_box_item_info .buy a .iconfont {
  font-size: 14px;
  color: #333;
  margin-right: 10px;
}

.xlcp .xlcp_box .xlcp_box_item_info .buy a:hover {
  background: #EBB500;
  color: #fff;
  border: 1px solid #EBB500;
}

.xlcp .xlcp_box .xlcp_box_item_info .buy a:hover .iconfont {
  color: #fff;
}

.xlcp .xlcp_box .xlcp_box_item_info .buy img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.more {
  text-align: center;
}

.more .wf-more {
  cursor: pointer;
}

/* 产品服务 */
.proService {}

.proService .proService_t {
  position: relative;
  height: 480px;
}

.proService .proService_t img {
  width: 94.28%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.proService .proService_t .proService_t_info {
  width: 48.57%;
  height: 360px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  right: 0;
  top: 60px;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.proService .proService_t .proService_t_info .proService_t_info_t {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  box-shadow: inset 0px -1px 0px 0px #ECECEC;
  margin-bottom: 40px;
}

.proService .proService_t .proService_t_info .proService_t_info_t .iconfont {
  color: #EBB500;
  font-size: 24px;
  margin-right: 20px;
}

.proService .contact_form {}

.proService .contact_form .form_zx {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 40px 0 40px;
  gap: 40px;
  max-width: 1082px;
  margin: 0 auto;
  margin-top: 40px;
}

.proService .contact_form .form_zx .form_item {
  width: calc((100% - 85px) / 2);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  position: relative;
}

.proService .contact_form .form_zx .form_item .form_item_tips {
  position: absolute;
  bottom: -34px;
  left: 102px;
  color: red;
}

.proService .contact_form .form_zx .form_item_textarea {
  width: 100%;
  align-items: flex-start;
  position: relative;
}

.textarea-counter {
  position: absolute;
  bottom: 10px;
  /* 距离底部的距离，根据textarea的padding调整 */
  right: 15px;
  /* 距离右侧的距离 */
  color: #999;
  /* 字体颜色 */
  font-size: 12px;
  /* 字体大小 */
  pointer-events: none;
  /* 防止点击字数统计时无法聚焦到输入框 */
}

.proService .contact_form .form_zx .form_item_yzm {
  width: 100%;
}

.proService .contact_form .form_zx .form_item_yzm input {
  width: 200px;
  flex: 0;
}

.proService .contact_form .form_zx .form_item_textarea textarea {
  width: calc((100% - 85px));
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  height: 240px;
  padding: 16px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
}

.proService .contact_form .form_zx .form_item:nth-child(2n) {
  margin-left: 40px;
}

.form_zx .form_item input::-webkit-input-placeholder {
  color: #999;
}

.form_zx .form_item input:-moz-placeholder {
  color: #999;
}

.form_zx .form_item select::placeholder {
  color: #999999;
}

.form_zx .form_item select::-webkit-input-placeholder {
  color: #999;
}

.form_zx .form_item select:-moz-placeholder {
  color: #999;
}

.form_zx .form_item input::placeholder {
  color: #999999;
}

.form_zx .form_item textarea::placeholder {
  color: #999999;
  font-family: MicrosoftYaHei;
}

.form_zx .form_item textarea::-webkit-input-placeholder {
  color: #999;
  font-family: MicrosoftYaHei;
}

.proService .contact_form .form_zx p {
  width: 85px;
  font-size: 16px;
  color: #666;
  line-height: 24px;
  flex-shrink: 0;
}

.proService .contact_form .form_zx p span {
  color: #E50113;
  margin-right: 5px;
}

.proService .contact_form .form_zx select {
  flex: 1;
  height: 48px;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  padding: 0 16px;
}

.custom-select {
  /* 设置基本盒模型和样式 */
  box-sizing: border-box;
  width: 200px;
  height: 36px;
  padding: 0 30px 0 12px;
  /* 右侧留出30px空间给小三角 */
  font-size: 14px;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  cursor: pointer;
}

.form_item_select {
  position: relative;
}

.form_item_select::after {
  content: "\e7a8";
  font-family: "iconfont";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #999;
  font-size: 8px;
}

/* 去除IE浏览器默认的清除按钮和下拉箭头 */
/* .custom-select::-ms-clear {
  display: none;
}

.custom-select::-ms-expand {
  display: none;
} */

.proService .contact_form .form_zx input {
  flex: 1;
  height: 48px;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  font-size: 16px;
  color: #333;
  line-height: 24px;
  padding: 0 16px;
}

.proService .contact_form .form_zx .form_button {
  width: 100%;
  margin-left: 104px;
}

.proService .contact_form .form_zx .form_button .publicbtn {
  width: 160px;
  height: 56px;
  background: #FAF8F6;
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;

}

.proService .contact_form .form_zx .form_button .publicbtn:hover {
  opacity: 0.8;
}

.proService .contact_form .form_zx .form_button .btn_submit {
  background: #EBB500;
  color: #fff;
  margin-right: 20px;
  border: 1px solid #EBB500;
}

.proService .contact_form .form_zx .imgBorder {
  width: 140px;
  height: 48px;
  opacity: 0.8;
  cursor: pointer;
}

.proService .contact_form .form_zx .imgBorder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.proService .contact_form .form_zx .changeImg {
  font-size: 14px;
  color: #4574AF;
  line-height: 22px;
  cursor: pointer;
}

/* 品牌故事 */
.story {
  /* position: relative; */
}

.story_rightNav {
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 10;
  border-left: 1px solid #D8D8D8;
  width: 180px;
  height: 346px;
  padding-top: 34px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}

.story_rightNav .navItem {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-left: -8px;
  cursor: pointer;
}

.story_rightNav .navItem .navItem_l {
  width: 16px;
  height: 16px;
  background: #999999;
  border: 4px solid #D8D8D8;
  border-radius: 50%;
  margin-top: 6px;
}



.story_rightNav .navItem .navItem_r span {
  font-family: ArialMT;
  font-size: 20px;
  color: #999;
  line-height: 28px;
}

.story_rightNav .navItem .navItem_r p {
  font-size: 18px;
  color: #999;
  line-height: 26px;
}

.story_rightNav .navItem.active .navItem_l {
  background: #EBB500;
  border: 4px solid #F7ECC8;
}

.story_rightNav .navItem.active .navItem_r span {
  color: #EBB500;
}

.story_rightNav .navItem.active .navItem_r p {
  color: #EBB500;
}




.story .story_t {
  width: 100%;
  aspect-ratio: 1920/560;
}

.story .pcShow {
  display: block;
}

.story .mobileShow {
  display: none;
  height: auto;
}

.story .story_t img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.story .story_one {
  background: #FDF9EB;
}

.story .left_with {
  width: calc(100% - ((100% - 1400px) / 2));
}

.story .right_with {
  width: calc(100% - ((100% - 1400px) / 2));
  margin-left: calc((100% - 1400px) / 2);
}

.story .story_one_t {
  position: relative;
  aspect-ratio: 1660/520;
}

.story .story_one_t img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.story .story_one_item {}

.story .story_one_item .story_one_item_t {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 82.85%;
}

.story .story_one_item .story_one_item_t span {
  font-size: 80px;
  color: rgba(235, 181, 0, 0.4);
  line-height: 92px;
  margin-right: 20px;
}

.story .story_one_item .story_one_item_c {
  margin-top: 20px;
  width: 82.85%;
}

.story .story_one_item .story_one_item_b div {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.story .story_one_item .story_one_item_b div .title {
  padding: 20px;
  position: absolute;
  bottom: 0px;
  z-index: 2;
  width: 100%;
  font-size: 18px;
  line-height: 26px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 62.12%, rgba(0, 0, 0, 0.6) 100%);
}

.story .story_one_item .story_one_item_b img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.story .story_one_item .story_one_item_b {
  display: flex;
  justify-content: flex-start;
  gap: 3%;
}

.story .story_one_item:nth-child(odd) .story_one_item_b {
  align-items: flex-end;
}

.story .story_one_item:nth-child(odd) .story_one_item_b .img1 {
  aspect-ratio: 800/480;
  width: 57%;
}

.story .story_one_item:nth-child(odd) .story_one_item_b .img2 {
  aspect-ratio: 560/373;
  width: 40%;
}

.story .story_one_item:nth-child(odd) .story_one_item_b .img3 {
  display: none;
}

.story .story_one_item:nth-child(even) .story_one_item_t {
  width: 82.85%;
  margin-left: 17.25%;
}

.story .story_one_item:nth-child(4) .story_one_item_t {
  justify-content: flex-end;
}

.story .story_one_item:nth-child(even) .story_one_item_c {
  width: 82.85%;
  margin-left: 17.25%;
}

.story .story_one_item:nth-child(even) .story_one_item_b {
  align-items: flex-start;
}

.story .story_one_item:nth-child(even) .story_one_item_b .img1 {
  aspect-ratio: 560/373;
  width: 40%;
}

.story .story_one_item:nth-child(even) .story_one_item_b .img2 {
  aspect-ratio: 800/480;
  width: 57%;
}

.story .story_one_item:nth-child(even) .story_one_item_b .img3 {
  display: none;
}

.story .story_one_item:nth-child(3) .story_one_item_b .img1 {
  aspect-ratio: 680/480;
  width: 48.57%;
}

.story .story_one_item:nth-child(3) .story_one_item_b .img2 {
  aspect-ratio: 320/480;
  width: 22.85%;
}

.story .story_one_item:nth-child(3) .story_one_item_b .img3 {
  display: block;
  aspect-ratio: 320/480;
  width: 22.85%;
}

.story .story_two {
  background: #E7F1F6;
}

.story .story_two .hr_outBox {
  margin-top: 20px;
}

.story .story_two .story_two_item {
  width: calc((100% - 40px) / 2);
  margin-bottom: 80px;
}

.story .story_two .story_two_item .story_two_item_t {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.story .story_two .story_two_item .story_two_item_t span {
  font-family: ArialMT;
  font-size: 80px;
  color: rgba(69, 116, 175, 0.2);
  line-height: 92px;
  margin-right: 20px;
}

.story .story_two .story_two_item .story_two_item_t span {}

.story .story_two .story_two_item .story_two_item_b {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 5.88%;
  margin-top: 20px;
}

.story .story_two .story_two_item .story_two_item_b img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  padding-top: 40px;
}

.story .story_two .story_two_item:last-child {
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.story .story_three {
  /* background-image: url(./../image/crnf-brand-story03-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 94.44vh;
  position: relative;
  min-height: 700px;
}

.story .story_three .story_three_img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.story .story_three .story_three_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.story .story_three .story_three_box {
  width: 1136px;
  /* max-width: 50.08%; */
  height: 65%;
  position: relative;
  margin-top: 20px;
}

.story .story_three .swiper-container {
  width: 1000px;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.story .story_three .swiper-slide {
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 40px;
}

.story .story_three .swiper-slide .top {
  display: flex;
  justify-content: space-between;
}

.story .story_three .swiper-slide .top h4 {}

.story .story_three .swiper-slide .top p .total {
  color: #666666;
}

.story .story_three .swiper-slide .desc {
  margin-top: 20px;
  height: calc(100% - 60px);
  overflow: auto;
  padding-right: 10px;
}

.story .story_three .swiperButton {
  width: 48px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.story .story_three .swiper_prve_button {
  left: 0px;
}

.story .story_three .swiper_next_button {
  right: 0px;
}

.story .story_three .swiperButton .iconfont {
  color: #EBB500;
  font-size: 10px;
}

.story .story_three .swiperButton:hover {
  background: #EBB500;
}

.story .story_three .swiperButton:hover .iconfont {
  color: #fff;
}

.story .story_four {
  background: #E9E1D9;
}

.story .story_four .story_four_t_desc {
  width: 1160px;
  margin: 0 auto;
}

.story .story_four .story_four_b {
  width: 100%;
}

.story .story_four .story_four_b .story_four_b_item {
  /* width: 82.85%; */
  width: calc(100% - ((100% - 1400px) / 2));
  max-width: 1660px;
  display: flex;
  justify-content: space-between;
  aspect-ratio: 1660/640;
}

.story .story_four .story_four_b .story_four_b_item:nth-child(even) {
  margin-left: calc((100% - 1400px) / 2);
}

.story .story_four .story_four_b .story_four_b_item:nth-child(even) .item_l {
  order: 2;
}

.story .story_four .story_four_b .story_four_b_item:nth-child(even) .item_r {
  order: 1;
}

.story .story_four .story_four_b .story_four_b_item .item_l {
  width: 49.39%;
  aspect-ratio: 820/640;
}

.story .story_four .story_four_b .story_four_b_item .item_l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.story .story_four .story_four_b .story_four_b_item .item_r {
  width: 40.96%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px 0;
  aspect-ratio: 680/640;
}

.story .story_four_b_item .item_r .item_r_t {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
}

.story .story_four_b_item .item_r .item_r_t span {
  font-family: ArialMT;
  font-size: 80px;
  color: rgba(106, 56, 0, 0.2);
  line-height: 92px;
  margin-right: 20px;
}

.story .story_four_b_item .item_r .item_r_desc {
  height: auto;
  overflow: auto;
  margin-top: 20px;
  line-height: 40px;
  padding-right: 40px;
  width: 100%;
}

.story .story_four .story_four_b .story_four_b_item:last-child {
  width: 1420px;
  margin-left: calc((100% - 1420px));
  flex-wrap: wrap;
  margin-bottom: 0 !important;
  aspect-ratio: auto;
}

.story .story_four .story_four_b .story_four_b_item:last-child .item_l {
  width: 100%;
  aspect-ratio: 1420/520;
}

.story .story_four .story_four_b .story_four_b_item:last-child .item_r {
  width: 81.6%;
  aspect-ratio: auto;
  padding-top: 30px;
  padding-bottom: 0;
}

.story .story_four_b_item .item_l {
  position: relative;
}

.story .story_four_b_item .item_l .title {
  padding: 20px;
  position: absolute;
  bottom: 0px;
  z-index: 2;
  width: 100%;
  font-size: 18px;
  line-height: 26px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 62.12%, rgba(0, 0, 0, 0.6) 100%);
  text-align: right;
}

.story .story_four_b_item:nth-child(even) .item_l .title {
  text-align: left;
}

/* 荣誉详情 */
.honors_detail {}

.honors_detail .detail_item {
  background: #fff;
}

.honors_detail .detail_item .detail_item_box {
  width: 100%;
  background: #F6F3EA;
  border-radius: 100px 0px 100px 0px;
}

.honors_detail .detail_item .detail_item_box .item_t {
  display: flex;
  align-items: center;
}

.honors_detail .detail_item .detail_item_box .item_t img {
  width: 40px;
  height: auto;
  margin-right: 20px;
}

.honors_detail .detail_item .detail_item_box .item_list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px;

}

.honors_detail .detail_item .detail_item_box .item_list .item_list_item {
  width: calc((100% - 120px) / 4);
  display: flex;
  align-items: center;
  padding: 10px 20px;
  background: #FFFFFF;
  border-radius: 8px;
  height: 120px;
  /* 背景图相关设置 */
  background-image: url(./../image/crnf-about-horon-horon-cup-org.png);
  background-size: 0px 0px;
  background-position: right bottom;
  background-repeat: no-repeat;
  /* opacity: 0;  */
  transition: all 0.3s ease;
}

.honors_detail .detail_item .detail_item_box .item_list .item_list_item:hover {
  background-size: 61px 64px;
}

.honors_detail .detail_item:nth-child(1) .detail_item_box .item_list .item_list_item:hover p {
  color: #EBB500;
}

.honors_detail .detail_item:nth-child(2) {
  background: linear-gradient(135deg, #F6F3EA 0%, #F2F5FC 100%);
}

.honors_detail .detail_item:nth-child(2) .detail_item_box {
  background: #fff;
}

.honors_detail .detail_item:nth-child(2) .detail_item_box .item_list .item_list_item {
  background-color: #FEEDEE;
  background-image: url(./../image/crnf-about-horon-horon-cup-red.png);
}

.honors_detail .detail_item:nth-child(2) .detail_item_box .item_list .item_list_item:hover p {
  color: #ED1C24;
}

.honors_detail .detail_item:nth-child(3) {
  background: #fff;
}

.honors_detail .detail_item:nth-child(3) .detail_item_box {
  background: #F2F5FC;
}

.honors_detail .detail_item:nth-child(3) .detail_item_box .item_list .item_list_item {
  background-color: #fff;
  background-image: url(./../image/crnf-about-horon-horon-cup-bule.png);
}

.honors_detail .detail_item:nth-child(3) .detail_item_box .item_list .item_list_item:hover p {
  color: #2EA4FD;
}

.honors_detail .detail_item:nth-child(4) {
  background: linear-gradient(135deg, #F2F5FC 0%, #ECF5E5 100%);
}

.honors_detail .detail_item:nth-child(4) .detail_item_box {
  background: #fff;
}

.honors_detail .detail_item:nth-child(4) .detail_item_box .item_list .item_list_item {
  background-color: #FFF7EE;
  background-image: url(./../image/crnf-about-horon-horon-cup-org.png);
}

.honors_detail .detail_item:nth-child(4) .detail_item_box .item_list .item_list_item:hover p {
  color: #EBB500;
}

.honors_detail .detail_item:nth-child(5) {
  background: #fff;
}

.honors_detail .detail_item:nth-child(5) .detail_item_box {
  background: #ECF5E5;
}

.honors_detail .detail_item:nth-child(5) .detail_item_box .item_list .item_list_item {
  background-color: #fff;
  background-image: url(./../image/crnf-about-horon-horon-cup-org.png);
}

.honors_detail .detail_item:nth-child(5) .detail_item_box .item_list .item_list_item:hover p {
  color: #A5CC2E;
}

.honors_detail_fot {
  display: flex;
  justify-content: space-between;
}

.honors_detail_fot .detail_fot_button {
  border-radius: 4px;
  border: 1px solid #D8D8D8;
  padding: 16px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  height: 56px;
  cursor: pointer;
}

.honors_detail_fot .detail_fot_button span {
  line-height: 24px;
}

.honors_detail_fot .detail_fot_button .iconfont {
  font-size: 8px;
  color: #333;
}

.honors_detail_fot .detail_fot_prve p,
.honors_detail_fot .detail_fot_next p {
  width: 24px;
  height: 24px;
  background: #F8F8F8;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.honors_detail_fot .detail_fot_button:hover {
  /* background: #EBB500; */
  color: #fff;
}

.honors_detail_fot .detail_fot_button:hover p {
  background: #EBB500;
}

.honors_detail_fot .detail_fot_button:hover span {
  color: #EBB500;
}

.honors_detail_fot .detail_fot_button:hover .iconfont {
  color: #fff;
}

.honors_detail_fot .detail_fo_return:hover .iconfont {
  color: #EBB500;
}

.honors_detail_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.honors_detail_top .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  width: calc(100% - 140px);
}

.honors_detail_top .cpjz_t_button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  cursor: pointer;
  color: #EBB500;
}

.honors_detail_top .cpjz_t_button .iconfont {
  font-size: 12px;
}

.honors_detail_top .cpjz_t_button:hover {
  background: #EBB500;
  color: #fff;
  border: 1px solid #EBB500;
}

.honors_detail_top .swiper-wrapper {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.honors_detail_top .swiper-slide {
  width: auto;
  /* background: #EEECEA;
  border-radius: 24px;
  padding: 11px 15px; */
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  padding: 18px 40px;
  background: #EEECEA;
  border-radius: 40px;
  width: auto;
}

.honors_detail_top .swiper-slide.active {
  background: #EBB500;
}

.honors_detail_top .swiper-slide a {
  font-size: 18px;
  line-height: 26px;
}

.honors_detail_top .swiper-slide.active a {
  color: #fff;
}

/* 移动端菜单 */
.mobNav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1000;
  transform: translateX(100%);
  opacity: 0.5;
  visibility: hidden;
}

.mobNav.active {
  transform: none;
  opacity: 1;
  visibility: visible;
}

.mobNav .mobNav_header {
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
}

.mobNav .mobNav_header img {
  height: 40px;
  width: auto;
}

.mobNav .mobNav_header .iconfont {
  font-size: 20px;
  font-weight: bold;
}

.mobNav .mobNav_main {
  height: calc(100% - 132px);
  overflow: auto;
  padding: 20px 16px 40px;
  background-image: url(./../image/crnf-pub-flower-pic.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 30% auto;
}

.mobNav .mobNav_main .mobNav_main_item_title {
  display: flex;
  justify-content: space-between;
}

.mobNav .mobNav_main .mobNav_main_item_title a {
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  line-height: 40px;
  display: inline-block;
}

.mobNav .mobNav_main .mobNav_main_item_title p {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s;
}

.mobNav .mobNav_main .mobNav_main_item.active .mobNav_main_item_title p {
  transform: rotate(180deg);
}

.mobNav .mobNav_main .mobNav_main_item_title p .iconfont {
  font-size: 6px;
}

.mobNav .mobNav_main .mobNav_main_item {
  transition: all .3s;
}

.mobNav .mobNav_main .mobNav_main_item .mobNav_main_item_list {
  display: none;
}

.mobNav .mobNav_main .mobNav_main_item.active .mobNav_main_item_list {
  display: block;
}

.mobNav .mobNav_main .mobNav_main_item .mobNav_main_item_list a {
  font-size: 14px;
  color: #666666;
  line-height: 36px;
  width: 100%;
  padding-left: 16px;
  display: inline-block;
  height: 40px;
}

.mobNav .mobNav_main .mobNav_main_item .mobNav_main_item_list a.active {
  color: #EBB500;
}









.mobNav .mobNav_foot {
  height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  background: #F7F8FA;
}

.mobNav .mobNav_foot .mobNav_foot_l a {
  width: 70px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 8px;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
}

.mobNav .mobNav_foot .mobNav_foot_r {
  display: flex;
  justify-content: flex-start;
}

.mobNav .mobNav_foot .mobNav_foot_r p {
  color: #333333;
  background: #FFFFFF;
  font-size: 14px;
  border-radius: 0px 8px 8px 0px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
}

.mobNav .mobNav_foot .mobNav_foot_r p:first-child {
  font-size: 14px;
  border-radius: 8px 0px 0px 8px;
}

.mobNav .mobNav_foot .mobNav_foot_r p.active {
  background: #EBB500;
  color: #fff;
}


.jlyw {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid #D8D8D8;
  /* border-bottom: 1px solid #D8D8D8; */
}

.jlyw .jlyw_item {
  width: 50%;
  aspect-ratio: 960/640;
  border-bottom: 1px solid #D8D8D8;
  padding: 40px 0;
}

.jlyw .jlyw_item:nth-child(odd) {
  border-right: 1px solid #D8D8D8;
}

.jlyw .jlyw_item .xgyw_item_r_box {
  display: flex;
  flex-direction: column;
  /* 移除 justify-content: center; 改用 margin 实现居中，以便过渡 */
  gap: 20px;
  width: 72.9%;
  margin-left: 10.41%;
  padding-right: 4%;
  height: 100%;
  overflow: hidden;
  /* 默认隐藏超出部分，防止动画溢出 */
  transition: all 0.5s ease;
}

.jlyw .jlyw_item .xgyw_item_r_box_span {
  width: 20px;
  height: 4px;
  background: #EBB500;
  flex-shrink: 0;
}

/* 利用 margin: auto 实现默认状态下的垂直居中 */
.jlyw .jlyw_item .xgyw_item_r_box>*:first-child {
  margin-top: auto;
}

.jlyw .jlyw_item .xgyw_item_r_box>*:last-child {
  margin-bottom: auto;
}

/* Hover 状态：取消居中，允许滚动 */
.jlyw .jlyw_item .xgyw_item_r_box {
  /* 不需要写 justify-content: flex-start; margin:auto 会自动失效 */
  overflow: auto;
}

/* --- 核心动画逻辑 --- */
.jlyw .jlyw_item .xgyw_item_r_box .info {
  max-height: 0;
  /* 默认高度为0 */
  opacity: 0;
  /* 默认透明 */
  overflow: hidden;
  /* 隐藏超出的内容 */
  visibility: hidden;
  /* 不可见，防止被点击 */
  transition: all 0.5s ease 0.1s;
  /* 添加 0.1s 延迟，让居中到顶部的动作先发生 */
}

.jlyw .jlyw_item:hover .xgyw_item_r_box .info {
  max-height: 5000px;
  /* 设置一个足够大的高度，让它能够展开 */
  opacity: 1;
  /* 显示 */
  visibility: visible;
  /* 可见 */
  overflow: visible;
  /* 不需要写 display: block; */
}

.jlyw .jlyw_item.xgyw_item_r_box_span {
  width: 20px;
  height: 4px;
  background: #EBB500;
  flex-shrink: 0;
}

@media screen and (min-width: 1930px) {

  .index-bussiness-items {
    background-size: 100% 100%;
  }
}

@media screen and (max-width: 1760px) {

  .history .historyMain .swiper-slide {
    width: calc(100% - 360px);
  }
}

@media screen and (max-width: 1680px) {
  .index_history .index_history_main {
    width: 74%;
  }


}

@media screen and (max-width: 1580px) {
  .story .story_four .story_four_b .story_four_b_item:last-child {
    width: 74%;
    margin-left: 26%;
  }

  .story .story_three .story_three_box {
    width: calc(100% - 404px);
  }

  .story .story_three .swiper-container {
    width: calc(100% - 100px);
  }
}

@media screen and (max-width: 1480px) {
  .cpjz .cpjz_t {
    width: calc(100% - 80px);
  }

  .story .story_four .story_four_b .story_four_b_item {
    width: calc(100% - 40px);
  }

  .story .story_four .story_four_b .story_four_b_item:nth-child(even) {
    margin-left: 40px;
  }

  .story .story_four_b_item .item_r .item_r_t span {
    font-size: 70px;
    line-height: 80px;
  }

  .story .story_two .story_two_item .story_two_item_t span {
    font-size: 70px;
    line-height: 80px;
  }

  .story .story_one_item .story_one_item_t span {
    font-size: 70px;
    line-height: 80px;
  }

  .cpjz .ppry_info {
    width: calc(100% - 40px);
  }

  .story .left_with {
    width: calc(100% - 40px);
  }

  .story .right_with {
    width: calc(100% - 40px);
    margin-left: 40px;
  }

  .cpjz .ppry_info .ppry_box_l {
    width: 26.5%;
  }

  .cpjz .ppry_info .ppry_box_l h4 {
    padding-bottom: 30px;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info {
    margin-top: 35px;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info p .iconfont {
    opacity: 0.6;
    margin-right: 18px;
  }

  .cpjz .ppry_info .ppry_box_r {
    transform-origin: right bottom;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box {
    top: 34px;
  }

  .cpjz .threeBox {
    margin-top: -84px;

  }

  .indexBannerTxt .indexBannerTxt_in {
    left: 40px;
  }

  .brand-bg-lb {
    bottom: -180px;
  }

  .index_history .index_history_main .index_history_main_r .title .title_title {
    font-size: 28px;
  }


}

@media screen and (max-width: 1380px) {
  .story_rightNav {
    right: 20px;
    width: 160px;
    height: 300px;
    padding-top: 24px;
    gap: 22px;
  }

  .story_rightNav .navItem {
    gap: 15px;
    margin-left: -8px;
  }

  .story_rightNav .navItem .navItem_l {
    width: 16px;
    height: 16px;
    margin-top: 6px;
  }

  .story_rightNav .navItem .navItem_r span {
    font-size: 18px;
    line-height: 24px;
  }

  .story_rightNav .navItem .navItem_r p {
    font-size: 16px;
    line-height: 24px;
  }

  .cpjz .ppry {
    height: 600px;
  }

  .cpjz .ppry_info {}

  .cpjz .ppry_info .ppry_box_l {
    width: 440px;
  }

  .cpjz .ppry_info .ppry_box_l h4 {
    padding-bottom: 32px;
    border-bottom: 1px solid #fff;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info {
    margin-top: 40px;
    overflow: auto;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 26px;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info p .iconfont {
    opacity: 0.6;
    margin-right: 20px;
  }

  .cpjz .ppry_info .ppry_box_r {
    width: 795px;
    position: relative;
    /* margin-top: 60px; */
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 31;
    top: 115px;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-container {
    width: 795px;
    overflow: hidden;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide {
    width: 240px;
    height: 240px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
    z-index: 3;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide-active {
    width: 245px;
    height: 300px;
  }

  .cpjz .threeBox {
    margin-top: 30px;
    height: 285px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 3;
  }

  .cpjz .threeBox .box {
    background-image: url(./../image/crnf-brand-family-xsx-honor-base.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 300px;
    height: 214px;
    position: relative;

  }

  .cpjz .threeBox .r2 {
    width: 315px;
    height: 225px;
    margin-right: -60px;
    z-index: 2;
    background-position: 0 60px;
  }

  .cpjz .threeBox .r1 {
    margin-right: -60px;

  }

  .cpjz .swiper_button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .cpjz .swiper_button p {
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 50%;
    color: #EBB500;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }




  .index_brand {
    padding-bottom: 100px;
    margin-top: -80px;
    margin-bottom: -70px;
  }

  /* .cpjz .ppry_info .ppry_box_l {
    width: 26.5%;
    transform-origin: right bottom;
    transform: scale(0.8);
  }

  .cpjz .ppry_info .ppry_box_r {
    transform-origin: right bottom;
    transform: scale(0.8);
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box {
    top: 34px;
  }

  .cpjz .threeBox {
    margin-top: -84px;
  } */

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_small .img img {
    height: 50px;
  }

  .cpjz .cpjz_js_box .cpjz_js_box_r .desc {
    margin-top: 30px;
  }

  /* 内页  发展历程 */
  .history {
    /* 11 */
  }

  .history .historyList {
    width: 30px;
    background-size: 100% 4px;
  }

  .history .historyYear .list {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 42px;
  }

  .history .historyYear .list.active {
    font-size: 20px;
    line-height: 36px;
  }



  .history .historyYear .list::before {
    width: 40px;
    margin-top: 1px;
  }

  .history .historyMain {
    width: auto;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }

  .history .historyMain .swiper-container {
    width: 100%;
    height: 100%;
  }

  .history .historyMain .swiper-wrapper {
    width: 100%;
    height: 100%;
  }

  .history .historyMain .swiper-slide:first-child {
    width: 100%;
    display: block;
    height: auto !important;
  }

  .history .historyMain .swiper-slide:last-child {
    width: 100%;
    display: block;
    min-height: 100%;
    display: flex;
    height: auto !important;
    flex-direction: column;
    justify-content: flex-end;
  }

  .history .historyMain .swiper-slide {
    width: calc(100% - 340px);
  }

  .history .historyMain .historyMain_r {
    width: 48.14%;
    padding-right: 20px;
  }

  .history .historyMain .historyMain_r .label {
    border-radius: 17px;
    border: 1px solid #EBB500;
    padding: 4px 9px;
    font-size: 16px;
    line-height: 24px;
  }

  .history .historyMain .historyMain_r .title {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 30px;
  }

  .history .historyMain .historyMain_r .mainInfo {
    max-height: 39.11vh;
    gap: 24px;
  }

  .history .historyMain .historyMain_r .mainInfo .mainInfo_item span {
    width: 97px;
    font-size: 14px;
    line-height: 28px;
  }

  .history .historyMain .historyMain_r .mainInfo .mainInfo_item span.teshu {
    font-size: 20px;
    color: #EBB500;
    line-height: 28px;
  }

  .history .historyMain .historyMain_r .mainInfo .mainInfo_item span s {
    font-size: 24px;
  }

  .history .historyMain .historyMain_r .mainInfo .mainInfo_item .mainInfo_item_r {
    margin-left: 20px;
    gap: 18px;
  }

  .history .historyMain .historyMain_r .mainInfo .mainInfo_item .mainInfo_item_r p {
    font-size: 16px;
    line-height: 28px;
  }

  .info-img-circle {
    width: 450px;
    height: 450px;
  }

  .info-swiper-wrapper .info-img {
    width: 430px;
    height: 430px;
  }

  .info-swiper-wrapper .info-txt {
    width: 342px;
    height: 360px;
  }

  .index-brand-desc .desc-ctn {
    height: 182px;
  }

  .info-btn .wf-more {
    font-size: 16px;
  }

  .index-resp-info-swiper .crc-swiper-icons {
    /* margin-left: calc((500 / 1400) * 100%); */
    margin-left: calc((680 / 1400) * 100% - 160px);
  }

  .index_news .index_news_list .index_news_list_one .index_news_list_one_txt {
    padding: 25px 25px;
  }

  .index_news .index_news_list .index_news_list_one .index_news_list_one_txt .title {
    font-size: 18px;
    line-height: 26px;
  }

  .index_news .index_news_list .index_news_list_one .index_news_list_one_txt .time {
    font-size: 16px;
    line-height: 24px;
  }

  .index_news .index_news_list .index_news_list_item .index_news_list_one_txt {
    padding: 25px;
  }

  .index_news .index_news_list .index_news_list_item .index_news_list_one_txt .title {
    font-size: 18px;
    line-height: 22px;
  }

  .index_news .index_news_list .index_news_list_item .index_news_list_one_txt .time {
    font-size: 16px;
    line-height: 24px;
  }

  /* 发展历程 */
  .index_history .historyList {
    width: 30px;
  }

  .index_history .historyYear .list {
    font-size: 14px;
    line-height: 24px;
  }

  .index_history .historyYear .list::before {
    width: 50px;
    height: 1px;
    margin-right: 5px;
    margin-top: -3px;
  }

  .index_history .index_history_main {
    width: 75%;
  }

  .index_history .line {
    width: 250px;
    height: 100%;
    background-image: url(./../image/crnf-index-course-line.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 220px;
    top: 0;
  }

  .index_history .index_history_main .index_history_main_l {
    width: 400px;
  }

  /* 默认状态（小图）：在上方，缩小到 140x93 */
  .index_history_main_l .img {
    top: -200px;
    left: 22.88%;
    width: 400px;
    height: 267px;
    aspect-ratio: 400/267;
    transform: scale(0.0);
    z-index: 1;
  }

  .index_history_main_l .img.next {
    top: 0px;
    left: 22.88%;
    width: 100%;
    height: 300px;
    aspect-ratio: 450/300;
    transform: scale(0.311);
    z-index: 1;
    opacity: 1;
  }

  /* 激活状态（大图）：在底部，原始大小 450x300 */
  .index_history_main_l .img.active {
    top: 216px;
    transform: scale(1);
    z-index: 2;
    left: 0;
    opacity: 1;
  }

  .index_history_main_l .img.prve {
    top: 1000px;
    z-index: 100;
    opacity: 1;
  }



  .index_history .index_history_main .index_history_main_r .button {
    gap: 15px;
  }

  .index_history .index_history_main .index_history_main_r {
    width: calc(100% - 400px - 5.6%);
    height: 300px;
  }
}

@media screen and (max-width: 1280px) {
  .index_brand .index_brand_c .index_brand_c_l span {
    font-size: 200px;
  }

  .index-bussiness-items .item .bussinessImg {
    height: 40px;
  }

  .index-bussiness-items .item .hr_fb {
    font-size: 22px;
  }

  .index-bussiness-items .item .desc {
    padding: 0 20px;
  }

  .index-bussiness-items .item.active .desc {
    height: 204px;
    padding-bottom: 60px;
  }

  .index-bussiness-items .item .desc .line {
    margin: 20px 0;

  }

  .index-bussiness-items {
    height: 480px;
  }

  .index-bussiness-items .item {
    height: 480px;
  }

  .index_brand {
    padding-bottom: 100px;
    margin-top: -50px;
    margin-bottom: -60px;
  }

  .index-responsibility {
    padding-top: 100px;
  }

  .story .story_four_b_item .item_r .item_r_t span {
    font-size: 60px;
    line-height: 70px;
  }

  .story .story_two .story_two_item .story_two_item_t span {
    font-size: 60px;
    line-height: 70px;
  }

  .story .story_one_item .story_one_item_t span {
    font-size: 60px;
    line-height: 70px;
  }

  /* 责任践行 new */
  .zrjx {
    height: 600px;
  }



  .zrjx #thumbs .swiper-slide {
    width: 18.57%;
    padding-left: 20px;
  }


  .zrjx .top_swiper {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }

  .zrjx .textBox {
    width: 740px;
  }


  .zrjx .textBox h5 {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .zrjx .textBox .info {
    max-height: 200px;
    overflow: auto;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1279px) {
  .honors_detail .detail_item .detail_item_box .item_list .item_list_item {
    width: calc((100% - 80px) / 3);
  }

  /* .index-resp-info-swiper .crc-swiper-icons{

} */
  .info-img-circle {
    width: 400px;
    height: 400px;
  }

  .info-swiper-wrapper .info-img {
    width: 380px;
    height: 380px;
  }

  .info-swiper-wrapper .info-txt {
    width: 304px;
    height: 320px;
  }

  .index-brand-desc .desc-ctn {
    height: 141px;
  }

  .info-btn .wf-more {
    font-size: 14px;
  }

  /* 责任践行 */

  .fulfillment .fulfillment_item .fulfillment_item_l {
    padding: 48px 40px;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l .fulfillment_item_l_t {
    padding-bottom: 34px;
    font-size: 24px;
    line-height: 32px;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l .desc {
    height: calc(100% - 90px);
    /* margin-top: ; */
  }

  .SpecialTopic .SpecialTopic_item .SpecialTopic_info .SpecialTopic_title {
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 30px;
  }

  .SpecialTopic .SpecialTopic_item .SpecialTopic_info .SpecialTopic_desc {
    margin-top: 30px;
    font-size: 16px;
    line-height: 28px;
  }

  .index_history .index_history_main .index_history_main_r .button p {
    width: 30px;
    height: 30px;
  }

  .index_history .index_history_main .index_history_main_r .title .title_title {
    font-size: 24px;
  }

  .index_history .index_history_main .index_history_main_r .button p .iconfont {
    font-size: 8px;
  }
}

@media screen and (max-width: 1232px) {
  .cpjz .cpjz_t {
    width: calc(100% - 32px);
  }

  .story .story_four .story_four_b .story_four_b_item {
    width: calc(100% - 16px);
  }

  .story .story_four .story_four_b .story_four_b_item:nth-child(even) {
    margin-left: 16px;
  }

  .story .story_four .story_four_t_desc {
    width: calc(100% - 100px);
  }

  .story .left_with {
    width: calc(100% - 16px);
  }

  .story .right_with {
    width: calc(100% - 16px);
    margin-left: 16px;
  }
}

@media screen and (max-width: 1180px) {
  .story .story_three .story_three_box {
    /* width: calc(100% - 32px); */
  }

  .story .story_three .swiper-container {
    width: calc(100% - 100px);
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
  }

  .story .story_three .swiperButton {
    width: 36px;
    height: 36px;
  }

  .zrjx #thumbs .swiper-slide {
    width: calc((100% - 60px) / 4);
    padding-left: 20px;
  }

  .zrjx #thumbs .swiper-slide:last-child {
    margin-right: 0px !important;
  }

  .xlcp .xlcp_box .xlcp_box_item {
    width: calc((100% - 40px) / 2);
    border-radius: 8px;
    overflow: hidden;
  }

  .cpjz .cpjz_sp {
    width: 100%;
  }

  .cpjz .cpjz_sp .cpjz_sp_box {
    width: 100%;
    height: 464px;
  }

  .cpjz_sp_box_button {
    width: 794px;
  }

  .cpjz .cpjz_sp .cpjz_sp_box .swiper-container {
    width: 696px;
    height: 326px;
    overflow: hidden;
  }

  .cpjz .cpjz_sp .cpjz_sp_box .swiper-slide {
    width: 580px;
    height: 326px;
  }

  .cpjz .cpjz_sp .cpjz_sp_box .swiper-slide .videoBac {
    width: 40px;
    height: 40px;
  }

  .cpjz .cpjz_sp .cpjz_sp_box .swiper-slide .videoBac .iconfont {
    font-size: 12px;
  }



  .cpjz .cpjz_t {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 0 16px;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info {
    padding: 20px 40px;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .ppgs_b_box_r_info_logo {
    width: 70px;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info h5 {
    margin: 10px 0;
  }


  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .more {
    width: 120px;
    height: 48px;
    background: rgba(255, 255, 255, 0.1);
    margin-top: 10px;
  }

  .zyyw .xgyw .xgyw_item .xgyw_item_r .xgyw_item_r_box {
    gap: 15px;
    width: 80%;
    margin-left: 10%;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_small .img img {
    height: 40px;
  }

  .ldys .ldys_5 .ldys_4_b {
    margin-top: -10%;
  }

  .info-swiper-b .info-txt .hr_fb {
    font-size: 28px;
  }

  /* 发展历程 */
  .index_history .historyList {
    width: 20px;
  }

  .index_history .historyYear .list {
    font-size: 14px;
    line-height: 24px;
  }

  .index_history .historyYear .list::before {
    width: 40px;
  }

  .index_history .line {
    width: 250px;
    left: 150px;
  }

  .index_history .index_history_main .index_history_main_l {
    width: 300px;
  }

  /* 默认状态（小图）：在上方，缩小到 140x93 */
  .index_history_main_l .img {
    top: -200px;
    left: 22.88%;
    width: 300px;
    height: 200px;
    aspect-ratio: 450/300;
    transform: scale(0.0);
    z-index: 1;
  }

  .index_history_main_l .img.next {
    top: 40px;
    left: 22.88%;
    width: 100%;
    height: auto;
    aspect-ratio: 450/300;
    transform: scale(0.311);
  }

  /* 激活状态（大图）：在底部，原始大小 450x300 */
  .index_history_main_l .img.active {
    top: 250px;
    transform: scale(1);
    z-index: 2;
    left: 0;
    opacity: 1;
  }

  .index_history_main_r .hr_fs40 {
    font-size: 26px;
  }

  .index_history_main_l .img.prve {
    top: 1000px;
    z-index: 100;
    opacity: 1;
  }

  .index_history .index_history_main .index_history_main_r .title {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .index_history .index_history_main .index_history_main_r {
    width: calc(100% - 300px - 4.6%);
    height: 300px;
  }

  .cpjz .ppry {
    height: auto;
  }

  .cpjz .ppry_box {
    /* width: calc(100% - 80px); */
    margin: 0 auto;
    width: 100%;
    padding: 0 40px;
  }

  .cpjz .ppry_info {
    flex-wrap: wrap;
    width: 100%;
  }

  .cpjz .ppry_info .ppry_box_l {
    width: 100%;
  }

  .cpjz .ppry_info .ppry_box_l h4 {
    padding-bottom: 32px;
    border-bottom: 1px solid #fff;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info {
    margin-top: 40px;
    overflow: auto;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 26px;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info p .iconfont {
    opacity: 0.6;
    margin-right: 20px;
  }

  .cpjz .ppry_info .ppry_box_r {
    width: 400px;
    position: relative;
    /* margin-top: 60px; */
    margin: 0 auto;
    margin-top: -30px;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 31;
    top: 97px;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-container {
    width: 100%;
    overflow: hidden;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide {
    width: 380px;
    height: 400px;
    display: flex;
    justify-content: end;
    align-items: center;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide img {
    max-height: 100%;
    max-width: 90%;
    object-fit: contain;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide-active {
    width: 245px;
    /* height: 300px; */
  }

  .cpjz .threeBox {
    margin-top: 0px;
    height: 285px;
    z-index: 3;
  }



  .cpjz .threeBox .r2 {
    width: 400px;
    height: auto;
    margin-right: 0px;
    z-index: 2;
    background-position: 0 60px;
  }

  .cpjz .threeBox .r1 {
    display: none;
  }

  .cpjz .threeBox .r3 {
    display: none;
  }

  .cpjz .swiper_button {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .cpjz .swiper_button p {
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 50%;
    color: #EBB500;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
}

@media screen and (max-width: 1080px) {
  .story .story_three .story_three_box {
    width: calc(100% - 380px);
    /* max-width: 50.08%; */
    height: 450px;
  }

  .story .story_three .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
  }

  .story .story_three .swiper-slide {
    width: 100%;
    height: 100%;
    padding: 20px;
  }

  .story .story_three .swiper-slide .top {
    display: flex;
    justify-content: space-between;
  }

  .story .story_three .swiper-slide .desc {
    margin-top: 20px;
    height: calc(100% - 60px);
    overflow: auto;
    padding-right: 10px;
  }

  .story .story_three .story_three_page {
    display: inline-block;
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 18px;
  }

  .story .story_three .story_three_page .total_story_three_page {
    opacity: .6;
  }

  .story .story_three .swiperButton {
    width: 32px;
    height: 32px;
    top: auto;
    transform: translateY(-50%);
    bottom: -72px;
  }

  .story .story_three .swiper_prve_button {
    left: calc((100% - 125px) / 2);
  }

  .story .story_three .swiper_next_button {
    right: calc((100% - 125px) / 2);
  }

  .story .story_three .swiperButton .iconfont {
    color: #EBB500;
    font-size: 10px;
  }

  .story .story_three .swiperButton:hover {
    background: #EBB500;
  }

  .story .story_three .swiperButton:hover .iconfont {
    color: #fff;
  }

  .story .story_three .hr_fs32 {
    font-size: 16px;
    line-height: 20px;
  }

  .contact_b_b_item {
    width: calc((100% - 40px) / 2);
    background-color: #fff;
    min-height: 320px;
    padding: 0 30px 22px 30px;
    border-radius: 8px;
  }

  .ldys .ldys_5 .ldys_4_b {
    margin-top: -9%;
  }

  /* 内页  发展历程 */


  .history .historyList {
    width: 20px;
    z-index: 2;
  }

  .history .historyYear .list {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 42px;
  }

  .history .historyYear .list.active {
    font-size: 18px;
    line-height: 36px;
  }

  .history .historyYear .list::before {
    width: 30px;
    margin-top: 1px;
  }

  .history .historyMain .swiper-slide {
    width: calc(100% - 300px);
  }


  .history .historyMain .historyMain_r .label {
    border-radius: 17px;
    border: 1px solid #EBB500;
    padding: 4px 9px;
    font-size: 13px;
    line-height: 22px;
  }

  .history .historyMain .historyMain_r .title {
    font-size: 24px;
    line-height: 38px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .history .historyMain .historyMain_r .mainInfo {
    max-height: 39.11vh;
    gap: 20px;
  }

  .history .historyMain .historyMain_r .mainInfo .mainInfo_item span {
    width: 85px;
    font-size: 12px;
    line-height: 24px;
  }

  .history .historyMain .historyMain_r .mainInfo .mainInfo_item span.teshu {
    font-size: 18px;
    color: #EBB500;
    line-height: 24px;
  }

  .history .historyMain .historyMain_r .mainInfo .mainInfo_item span s {
    font-size: 22px;
  }

  .history .historyMain .historyMain_r .mainInfo .mainInfo_item .mainInfo_item_r {
    margin-left: 10px;
    gap: 15px;
  }

  .history .historyMain .historyMain_r .mainInfo .mainInfo_item .mainInfo_item_r p {
    font-size: 14px;
    line-height: 24px;
  }

  .index_brand .index_brand_c .index_brand_c_l span {
    font-size: 200px;
    transform: translateY(-20%);
  }

  .info-swiper-b .info-txt .hr_fb {
    font-size: 24px;
  }

  .index_history .index_history_main {
    width: 71%;
  }

  /* 发展历程 */

  .index_history .historyYear .list::before {
    width: 35px;
  }



  .index_history .index_history_main .index_history_main_l {
    width: 270px;
  }

  /* 默认状态（小图）：在上方，缩小到 140x93 */
  .index_history_main_l .img {
    top: -200px;
    left: 22.88%;
    width: 270px;
    height: 180px;
  }

  .index_history_main_l .img.next {
    left: 22.88%;
    top: 50px;
  }

  .index_history .historyList {
    width: 16px;
  }

  /* 激活状态（大图）：在底部，原始大小 450x300 */
  .index_history_main_l .img.active {
    top: 260px;
  }

  .index_history_main_r .hr_fs40 {
    font-size: 26px;
  }

  .index_history_main_l .img.prve {
    top: 1000px;
    z-index: 100;
    opacity: 1;
  }

  .index_history .index_history_main .index_history_main_r .title {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .index_history .index_history_main .index_history_main_r {
    width: calc(100% - 280px - 6.6%);
    height: 300px;
  }

  .index_history .index_history_main .index_history_main_r .button {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
  }

  .index_history .index_history_main .index_history_main_r .button p {
    width: 30px;
    height: 30px;
  }

  .index_history .index_history_main .index_history_main_r .button p .iconfont {
    font-size: 8px;
  }

  .body_home,
  .videoIndexBanner {
    height: auto;
    /* overflow-x: hidden; */
  }

  .indexBannerBox {
    height: 52vw;
  }

  .videoIndexBanner,
  .videoIndexBanner .swiper-container {
    height: 100%;
  }

  .body_b {
    position: initial;
    overflow: inherit;
    overflow-x: hidden;
  }

  .home {
    position: initial;
    overflow: initial;
  }

  .indexBody {
    overflow: initial;
    /* overflow-x: hidden; */
  }

  .indexBody .hr_fade_up,
  .indexBody .hr_fade_down,
  .indexBody .hr_fade_right,
  .indexBody .hr_fade_left {
    opacity: 1 !important;
    transform: none !important;
  }

  .indexBannerBox .swiper-container .swiper-slide {
    height: 100%;
  }

  .indexbannerSwPageOut {
    bottom: 46px;
  }

  .topMenuList .item {
    display: none;
  }

  .headerSearch {
    display: none;
  }

  .body_home .header {
    height: 60px;
    transform: translateY(0px) !important;
  }

  .header_in {
    height: 60px !important;
  }

  /* 责任践行 */

  .fulfillment .fulfillment_item .fulfillment_item_l {
    padding: 38px 30px;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l .fulfillment_item_l_t {
    padding-bottom: 24px;
    font-size: 18px;
    line-height: 26px;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l h4 {
    font-size: 22px;
    line-height: 26px;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l .desc {
    height: calc(100% - 90px);
  }

  .eventReport .eventReport_item .eventReport_text {
    padding: 20px;
  }

  .eventReport .eventReport_item .eventReport_text .title {
    font-size: 18px;
    line-height: 26px;
  }

  .index_news .index_news_list .index_news_list_one .index_news_list_one_txt {
    padding: 20px 20px;
  }

  .index_news .index_news_list .index_news_list_one .index_news_list_one_txt .title {
    font-size: 16px;
    line-height: 24px;
  }

  .index_news .index_news_list .index_news_list_one .index_news_list_one_txt .time {
    font-size: 14px;
    line-height: 22px;
  }

  .index_news .index_news_list .index_news_list_item .index_news_list_one_txt {
    padding: 20px;
  }

  .index_news .index_news_list .index_news_list_item .index_news_list_one_txt .title {
    font-size: 16px;
    line-height: 20px;
  }

  .index_news .index_news_list .index_news_list_item .index_news_list_one_txt .time {
    font-size: 14px;
    line-height: 22px;
  }

  .honors_honors {
    padding-bottom: 120px;
  }

  .honors .honors_honor {
    height: 294px;
    border-radius: 20px;
  }



  .honors .honors_honor .honors_honor_box {
    height: 310px;
    width: 700px;
  }

  .honors .honors_honor .honors_honor_box .swiper-container {
    padding: 38px 0 38px 0;
  }

  .honors .honors_honor .honors_honor_box .swiper-slide {
    margin-top: -5px;
    opacity: 0.6;
  }

  .honors .honors_honor .honors_honor_box .swiper-slide-active {
    margin-top: 0px;
    opacity: 1;
  }

  .honors .honors_honor .honors_honor_box .swiper-slide .picBox img {
    width: 233px;
    height: 252px;
    margin: 0 auto;
  }

  .honors .honors_honor .honors_honor_box .swiper-slide .picBox p {
    display: none;
  }

  .honors .honors_honor .honors_honor_box .swiper-slide-active .picBox {
    position: absolute;
    z-index: 15;
    left: 50%;
    background: #444F63;
    border-radius: 20px;
    top: 50%;
    margin-top: -38px;
    text-align: center;
    padding: 20px 0;
    width: 476px;
    height: 318px;
    margin-left: -238px;
    background: #F6E7B8;
    border-radius: 20px;
  }

  .honors .honors_honor .honors_honor_box .swiper-slide-active .picBox img {
    width: 448px;
    height: 283px;
    margin: 0 auto;
  }

  .honors .honors_honor .honors_honor_box .swiper-slide-active .picBox p {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 26px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    border-radius: 0px 0px 20px 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 47.23%, rgba(0, 0, 0, 0.6) 100%);
  }

  .honors .honors_honor .honors_honor_box .swiper-container .swiper-button-prev {
    position: absolute;
    font-family: "iconfont";
    content: "\e639";
    font-size: 8px;
    color: #EBB500;
  }

  .honors .honors_honor .honors_honor_box .swiper-container .swiper-button-next {
    position: absolute;
    font-family: "iconfont";
    font-size: 8px;
    color: #EBB500;
  }

  .honors .honors_honor .honors_honor_box .swiper-container .swiper-button-prev:hover {
    color: #fff;
  }

  .honors .honors_honor .honors_honor_box .swiper-container .swiper-button-next:hover {
    color: #fff;
  }

  .honors .honors_honor .honors_honor_box .swiper-container .swiper-button-prev::before {
    content: "\e7b2";
  }

  .honors .honors_honor .honors_honor_box .swiper-container .swiper-button-next::before {
    content: "\e7a7";
  }

  .honors .honors_pagination {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    margin-top: 40px;
    line-height: 1;
  }



  .honors .honors_pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
  }

  .honors .honors_pagination .swiper-pagination-bullet-active {
    width: 32px;
    height: 12px;
    background: #EBB500;
    border-radius: 6px;
  }

  footer {
    box-shadow: inset 0px 1px 0px 0px #ECECEC;
    padding-top: 40px;
    background-image: none;
  }

  .footer-top {
    padding-bottom: 20px;
  }

  .footer-top .footer-logo {
    height: 40px;
  }

  .footer-top .footer-logo img {
    height: 100%;
  }

  .footer-top .follow-us {
    align-items: center;
  }

  .footer-top .follow-us span:first-child {
    margin-right: 18px;
    font-size: 14px;
    line-height: 18px;
  }

  .footer-top .follow-us span .icon {
    height: 40px;
    width: 40px;
  }

  .footer-top .follow-us .follow-us_scan .scan {
    width: 32px;
    height: 32px;
  }

  .footer-top .follow-us .follow-us_scan .scan .icon {
    width: 16px;
    height: 12px;
  }

  .footer-top .follow-us .follow-us_scan .weixin {
    margin-right: 20px;
  }

  .footer-top .follow-us .follow-us_scan .hover_show {
    right: -12px;
  }



  .footer-top .follow-us .follow-us_scan .scan:hover .hover_show {
    top: 45px;
  }

  .footer-top .follow-us span .icon:first-child {
    margin-right: 30px;
  }

  .footer-navlist {
    display: none;
  }

  .footer-navlist .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 140px;
  }

  .footer-navlist .item h4 {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 20px;
  }

  .footer-address .address-txt .hr_t-fb {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
  }

  .footer-navlist .item a {
    padding-top: 20px;
  }

  .footer-navlist .item a:hover {
    color: #EBB500;
  }

  .footer-address {
    gap: 20px;
    padding-bottom: 80px;

  }

  footer .hr_outBox {
    background-image: url(./../image/crnf-pub-flower-pic.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 120px auto;
  }

  .footer-address .address-img {
    width: 60px;
    height: 60px;
  }

  .footer-address .address-txt .address {
    margin-top: 10px;
    gap: 10px;
    flex-direction: column;
  }

  .footer-address .address-txt .address p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
  }

  .footer-copyRight {
    height: auto;
    line-height: 24px;
    margin-top: 0px;
    padding: 20px 0;
  }

  .footer-copyRight .hr_outBox {
    background-image: none;
  }

  .footer-copyRight .hr_fl {
    float: none;
  }

  .footer-copyRight .hr_fr {
    float: none;
  }

  .footer-copyRight .fl {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
  }

  .footer-copyRight .hr_fl a {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-right: 0 !important;
  }

  .footer-copyRight .hr_fl a:nth-child(3) {
    display: block;
  }

  .footer-copyRight .hr_fl p {
    display: flex;
    justify-content: center;
    font-size: 14px;
    line-height: 24px;
  }

  .footer-copyRight .hr_fr {
    /* margin-top: 10px; */
    display: flex;
    justify-content: center;
  }

  .footer-copyRight a {
    color: #999;
    font-size: 14px;
    line-height: 24px;

  }

  .footer-copyRight a:hover {
    color: #EBB500;
  }

  .qywh .cxgy .qybz_main .cxgy_l {
    width: 42%;
  }

  .qywh .cxgy .qybz_main .cxgy_r {
    width: 42%;
  }
}

footer {
  background-color: #fff;
  background-image: url(./../image/crnf-pub-flower-pic.png);
  background-repeat: no-repeat;
  background-position: bottom 64px left;
  background-size: 280px auto;
  overflow-x: hidden;
  width: 100%;
}

@media screen and (max-width: 850px) {

  /* .channelNav .swiper-wrapper {
    gap: 20px;
  } */
  .channelNav .swiper-slide {
    width: auto;
    margin-right: 20px;
  }

  .honors_detail_top .swiper-container {
    width: 100%;
  }

  .cpjz .cpjz_t .swiper-container {
    width: 100%;
  }

  .proService .contact_form .form_zx .form_item .form_item_tips {
    bottom: -20px;
    left: 0px;
    font-size: 12px;
    line-height: 16px;
  }

  .innerPage_banner {
    width: 100%;
    height: 35.4vw;
    margin-top: 60px;
  }

  .innerPage_banner {
    display: flex !important;
  }

  .header,
  .nullDiv {
    height: 44px;
    background: #fff !important;
  }

  .header .header_in .logoBox .logo_b {
    display: block !important;
  }

  .header .header_in .logoBox .logo_w {
    display: none !important;
  }

  .indexBannerBox,
  .pageBanner .ybBanner {
    margin-top: 44px;
  }

  .header_in .logoBox a img {
    height: 40px;
  }

  .logoBox {
    padding-bottom: 0;
  }

  .beerSwBtn:hover {
    background: #e5e5e5;
  }

  .beerSwBtn:hover i {
    color: #C39639;
  }

  .indexBannerBox .videobanner .indexVideoBox {
    display: none;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
  }

  .indexBannerBox .videobanner .indexVideoBox video {
    width: 0;
    height: 0;
    overflow: hidden;
    display: none;
  }

  .newsDetail .pic {
    width: 100%;
  }

  .newsDetail .pic1 {
    position: relative;
    margin-top: 40px;
  }

  .newsDetail .pic1 .swiper-container {
    width: 100%;
    height: 71vw;
  }

  .newsDetail .pic2 {
    margin-top: 20px;
  }

  .newsDetail .pic2 .swiper-container {
    width: 80%;
    height: 45px;
  }

  /* 定义图片容器样式 */
  .newsDetail .image-container {
    width: 100%;
    height: 61vw;
  }

  /* 定义图片样式 */
  .newsDetail .image-container img {
    height: 100%;
  }

  .newsDetail .desc {
    text-align: center;
    color: #333;
    height: 58px;
    line-height: 58px;
    border-bottom: 1px solid #F2F2F2;
    text-align: left;
    font-size: 16px;
    color: #666666;
  }

  .newsDetail .desc span {
    font-size: 20px;
    color: #F9B334;
    font-weight: bold;

  }

  .newsDetail .desc s {
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    margin-right: 16px;
    text-decoration: none;
  }

  .newsDetail .pic2 .swiper-container img {
    width: 100%;
    height: 100%;
    opacity: 0.6;
    object-fit: contain;
  }

  .newsDetail .cement-newsDetail-content img {
    max-width: 100%;
  }

  /* 修改轮播箭头按钮样式 */
  .newsDetail .pic1 .swiper-button-next,
  .newsDetail .pic1 .swiper-button-prev {
    margin-top: -46px;
    /* 设置40px圆形按钮 */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D8D8D8;
    font-size: 8px;
  }

  .newsDetail .pic1 .swiper-button-next .iconfont,
  .newsDetail .pic1 .swiper-button-prev .iconfont {
    font-size: 8px;
    color: #F9B334;
  }

  .newsDetail .pic2 .swiper-button-next,
  .newsDetail .pic2 .swiper-button-prev {
    /* 设置40px圆形按钮 */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -22px !important;
    border: none;
    /* background: #FFFFFF; */
    /* border: 1px solid #D8D8D8; */
  }

  .newsDetail .pic2 .swiper-slide img {
    /* 初始状态 */
    transform: scale(1);
    /* 添加过渡效果，让变化更平滑 */
    transition: transform 0.3s ease;
  }

  .newsDetail .pic2 .swiper-slide-thumb-active img {
    opacity: 1;
    /* 选中时放大 1.1 倍 */
    transform: scaleY(1.2);
  }

  .newsDetail .pic1 .swiper-button-next {
    margin-top: -46px;
    right: -60px;
  }

  .newsDetail .pic1 .swiper-button-prev {
    margin-top: -46px;
    left: -60px;

  }

  .newsDetail .swiper-button-next,
  .newsDetail .swiper-container-rtl .swiper-button-prev {
    background-image: none !important;
  }

  .newsDetail .swiper-button-prev,
  .newsDetail .swiper-container-rtl .swiper-button-next {
    background-image: none !important;
    background: #fff;
  }

  .newsDetail .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 0;
  }

  .newsDetail .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 0;
  }

  .pc .jp-video-open {
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 32px) !important;
    left: 16px !important;
  }

  .pc .jp-close {
    display: none;
  }




  .point {
    margin: 0 5px;
  }

  /* 网站地图 */
  .siteMap {
    margin-top: 60px;
  }

  .zxTitleH4 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 40px;
  }

  .siteMap .siteMap_item {
    padding: 40px 0;
  }

  .siteMap .siteMap_item .siteMap_item_title {
    font-size: 16px;
    line-height: 20px;
  }

  .siteMap .siteMap_item .siteMap_item_list {
    gap: 20px;
    margin-top: 20px;
  }

  .siteMap .siteMap_item .siteMap_item_list a {
    font-size: 14px;
    line-height: 18px;
    margin-right: 80px;
  }

  .siteMap .siteMap_item .siteMap_item_list a .iconfont {
    font-size: 10px;
    color: #333;
    margin-left: 10px;
  }

  .siteMap .siteMap_item .siteMap_item_list a:hover {
    color: #EBB500;
  }

  .channelNav .swiper-container {
    /* padding: 0 16px; */
    width: calc(100% - 32px);
    overflow: hidden;
  }

  .channelNav .swiper-wrapper {
    justify-content: flex-start;
    /* overflow: hidden; */
  }

  /* 通知公告 */
  .notice {}

  .notice .notice_item {
    padding: 40px 0;
    border-bottom: 1px solid #ECECEC;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .notice .notice_item .notice_item_l {
    display: none;
  }

  .notice .notice_item .mobileTime {
    display: block;
    font-size: 14px;
    color: #EBB500;
    line-height: 18px;
  }

  .notice .notice_item .notice_item_r {
    width: 100%;
  }

  .notice .notice_item .notice_item_r .title {
    font-size: 16px;
    line-height: 24px;
    /* white-space: wrap; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
  }

  .notice .notice_item .notice_item_r .desc {
    -webkit-line-clamp: 3;
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
  }

  /* 投诉建议 */
  .suggestion {}

  .suggestion .suggestion-content {
    width: 100%;
    height: auto;
    position: static;
    display: flex;
    flex-direction: column;
  }

  .suggestion .suggestion-content .suggestion-content_img {
    width: 100%;
    height: auto;
    border-radius: 6px 6px 0px 0px;
    overflow: hidden;
  }

  .suggestion .suggestion-content .suggestion-content_img img {
    width: 100%;
    height: auto;
  }

  .suggestion .suggestion-content_box {
    padding: 40px 20px;
    position: static;
    transform: translateY(0%);
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 6px 6px;
    backdrop-filter: blur(4px);
  }

  .suggestion .suggestion-content_box_list {
    margin-top: 30px;
  }

  .suggestion .suggestion-content_box_list_item {
    margin-bottom: 20px;
  }

  .suggestion .suggestion-content_box_list_item:last-child {
    margin-bottom: 0px;
  }

  .suggestion .suggestion-content_box_list_item img {
    width: 20px;
    height: 20px;
    margin-top: 4px;
  }

  .suggestion .suggestion-content_box_list_item p {
    margin-left: 10px;
  }

  .suggestion .suggestion-content_box_list_item p span {
    font-size: 14px;
    line-height: 24px;
  }

  .suggestion .suggestion-content_box_list_item p s {
    font-size: 14px;
    line-height: 24px;
  }

  /* 联系我们 */
  .contact {}

  .contact .contact_t {}

  .contact .contact_t .hr_inBox {
    position: relative;
    height: 343px;
    border-radius: 6px;
    background: none;
    width: calc(100% - 32px);
    padding: 0;
    margin: 0 auto;
  }

  .contact .contact_t .hr_inBox::before {
    box-sizing: border-box;
    border-radius: 6px;
  }

  .contact .contact_t .hr_inBox img {
    border-radius: 6px;
  }

  .contact .contact_t .contact_t_main {
    left: 20px;
    width: calc(100% - 46px);
  }

  .contact .contact_t .contact_t_main h4 {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 12px;
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.4);
    /* border-bottom: none; */
  }

  .contact .contact_t .contact_t_main .contact_t_main_list {
    margin-top: 10px;
  }

  .contact .contact_t .contact_t_main_list .contact_t_main_item {
    margin-top: 20px;
    gap: 10px;
    align-items: center;
  }

  .contact .contact_t .contact_t_main_item .item_l {
    width: 32px;
    height: 32px;
  }

  .contact .contact_t .contact_t_main_item .item_l .iconfont {
    font-size: 14px;
  }

  .contact .contact_t .contact_t_main_item .item_l img {
    width: 14px;
    height: 14px;
  }

  .contact .contact_t .contact_t_main_item .item_r {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 24px;
    margin-top: 0px;
  }

  .contact .contact_t .contact_t_main_item .item_r s {
    text-decoration: none;
  }

  .contact .contact_b {
    background: #FAF8F6;
  }

  .contact .contact_b .contact_b_t {
    padding-bottom: 40px;
  }

  .contact .contact_b .swiper-slide {
    min-width: 100px;
    width: auto;
    height: 40px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 18px;
    padding: 0 11px;
  }

  .contact_b_b_list {
    gap: 20px;
  }

  .contact_b_b_list.active {
    display: flex;
    opacity: 1;
  }

  .contact_b_b_list.fade-in {
    animation: fadeIn 0.5s ease forwards;
  }

  .contact_b_b_item {
    width: 100%;
    min-height: 226px;
    padding: 20px;
    border-radius: 6px;
  }

  .contact_b_b_item h4 {
    margin-top: 0px;
    border-bottom: none;
    box-shadow: inset 0px -1px 0px 0px #ECECEC;
    padding-bottom: 20px;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    height: auto;
  }

  .contact_b_b_item .list {}

  .contact_b_b_item .list p {
    margin-top: 20px;
    font-size: 14px;
    color: #999999;
    line-height: 24px;
  }

  .contact_b_b_item .list p span {
    display: block;
    width: 45px;
    flex-shrink: 0;
  }

  .contact_b_b_item .list p s {
    text-decoration: none;
    color: #666666;
  }

  .contact .contact_b .swiper-slide.active {
    background: #EBB500;
    color: #fff;
  }

  /* 人才理念 */
  .talent {}

  .talent .talent_t {
    flex-wrap: wrap;
  }

  .talent .talent_t .talent_t_l {
    align-items: flex-start;
    width: 100%;
    order: 2;
    margin-top: 40px;
  }

  .talent .talent_t .talent_t_l h4 {
    font-size: 24px;
    line-height: 28px;
  }

  .talent_t_l_text {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
  }

  .talent .talent_t .talent_t_r {
    width: 100%;
    order: 1;
  }

  .talent .talent_t .talent_t_r img {
    border-radius: 6px;
  }

  .talent .talent_t_c {
    height: auto;
  }

  .talent .talent_t_c h4 {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 28px;
  }

  .talent .talent_t_c_list {
    margin-top: 60px;
    display: flex;
    justify-content: flex-start;
    gap: 50px;
    flex-wrap: wrap;
  }

  .talent .talent_t_c_list_item {
    width: 100%;
    position: static;
  }

  .talent .talent_t_c_list_item .bac {
    width: 87px;
    height: 60px;
    background: linear-gradient(90deg, #4CB748 0%, #A5CC2E 100%);
    border-radius: 12px 12px 36px 36px;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    color: #FFFFFF;
    margin: 0 auto;
  }

  .talent .talent_t_c_list_item .main {
    height: auto;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 6px;
    position: static;
    padding: 60px 20px 40px 20px;
    margin-top: -50px;
  }

  .talent .talent_t_c_list_item .main .img {
    width: 60px;
    height: 60px;
  }

  .talent .talent_t_c_list_item .main .img img {
    width: 60px;
    height: 60px;
  }

  .talent .talent_t_c_list_item .main h5 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
  }

  .talent .talent_t_c_list_item .main .desc {
    height: auto;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    width: 100%;
    padding-right: 0px;
  }

  .talent .talent_t_b .talent_t_b_main {
    flex-wrap: wrap;
  }

  .talent .talent_t_b .talent_t_b_main .talent_t_b_main_l {
    width: 100%;
    aspect-ratio: 680 / 560;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    max-height: 560px;

  }

  .talent .talent_t_b .talent_t_b_main .talent_t_b_main_l img {
    width: 55.58%;
    height: auto;
  }

  .talent .talent_t_b .talent_t_b_main .talent_t_b_main_r {
    width: 100%;
    margin-top: 40px;
  }

  .talent .talent_t_b .talent_t_b_main .talent_t_b_main_r h4 {
    font-size: 24px;
    line-height: 28px;
  }

  .talent .talent_t_b .talent_t_b_main .talent_t_b_main_r .desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
  }

  /* 人才培养 */
  .cultivation {}

  .cultivation .cultivation_t {
    gap: 0%;
    flex-wrap: wrap;
  }

  .cultivation .cultivation_t .cultivation_t_l {
    width: 100%;
    font-size: 24px;
    line-height: 28px;
  }

  .cultivation .cultivation_t .cultivation_t_r {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin-top: 40px;
  }


  .cultivation .cultivation_b h4 {
    font-size: 24px;
    line-height: 28px;
  }

  .cultivation .cultivation_b .cultivation_b_list {}

  .cultivation .cultivation_b .cultivation_b_list_item {
    margin-bottom: 40px;
    background: #FFFFFF;
    flex-wrap: wrap;
  }

  .cultivation .cultivation_b .cultivation_b_list_item:last-child {
    margin-bottom: 0;
  }

  .cultivation .cultivation_b .cultivation_b_list_item .img {
    width: 100%;
    border-radius: 8px;
    /* max-height: 467px; */
    overflow: hidden;
  }

  .cultivation .cultivation_b .cultivation_b_list_item .img img {
    width: 100%;
    height: auto;
  }

  .cultivation .cultivation_b .cultivation_b_list_item .text {
    width: 100%;
    padding: 5.5%;
    border-radius: 0px 8px 8px 0px;
    margin-top: 20px;
    /* min-height: 467px; */
  }

  .cultivation .cultivation_b .cultivation_b_list_item:nth-child(even) .text {
    border-radius: 8px 0px 0px 8px;
    order: 2;
  }

  .cultivation .cultivation_b .cultivation_b_list_item:nth-child(even) .img {
    order: 1;
  }

  .cultivation .cultivation_b_list_item .text .text_t {
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
  }

  .cultivation .cultivation_b_list_item .text .text_t::before {
    width: 40px;
    height: 4px;
    background: #EBB500;
  }

  .cultivation .cultivation_b_list_item .text .text_t h5 {
    color: #333333;
    text-align: justify;
    margin-right: 30px;
    font-size: 16px;
    line-height: 20px;
  }

  .cultivation .cultivation_b_list_item .text .text_t img {
    width: 22px;
    height: auto;
  }

  .cultivation .cultivation_b_list_item .text .text_t span {
    font-size: 20px;
    line-height: 20px;
  }

  .cultivation .cultivation_b_list_item .text .desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
  }

  /* 责任践行 */
  .fulfillment .fulfillment_item .hr_inBox {
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
  }

  .fulfillment .fulfillment_item:nth-child(2n) .fulfillment_item_l {
    margin-right: 0px;
    margin-left: 0px;
    float: none;
    margin-top: 0;
  }

  .fulfillment .fulfillment_item:nth-child(2n) .fulfillment_item_r {
    float: none;
    margin-top: 0px;
  }

  .fulfillment .fulfillment_item:nth-child(3n) .fulfillment_item_l {
    margin-top: 0;
  }

  .fulfillment .fulfillment_item:nth-child(3n) .fulfillment_item_r {
    margin-top: 0px;
  }

  .fulfillment .fulfillment_item {
    margin-bottom: 20px;
  }

  .fulfillment .fulfillment_item:last-child {
    margin-bottom: 0px;
  }



  .fulfillment .fulfillment_item .fulfillment_item_l {
    width: 100%;
    aspect-ratio: auto;
    height: auto;
    background: fff;
    border-radius: 0px 0px 12px 12px;
    backdrop-filter: initial;
    margin-right: 0px;
    margin-top: 0px;
    padding: 40px 20px;
    float: none;
    order: 2;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l .fulfillment_item_l_t {
    padding-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l .fulfillment_item_l_t span {
    font-size: 20px;
    line-height: 20px;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l .fulfillment_item_l_t::before {
    width: 40px;
    height: 4px;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l h4 {
    font-size: 20px;
    line-height: 24px;
  }

  .fulfillment .fulfillment_item .fulfillment_item_l .desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    height: auto;
    padding-right: 0px;
  }


  .fulfillment .fulfillment_item .fulfillment_item_r {
    width: 100%;
    aspect-ratio: 680 / 455;
    border-radius: 8px;
    overflow: hidden;
    float: none;
    order: 1;
  }

  .fulfillment .fulfillment_item .fulfillment_item_r img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* 活动报道 */
  .eventReport {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
  }

  .eventReport .eventReport_item {
    width: 100%;
    border-radius: 6px;
  }

  .eventReport .eventReport_item .eventReport_text {
    padding: 20px;
  }

  .eventReport .eventReport_item .eventReport_text .title {
    height: auto;
    font-size: 16px;
    line-height: 24px;
    /* -webkit-line-clamp: 100; */
    max-height: none;
  }

  .eventReport .eventReport_item .eventReport_text .time {
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
  }

  /* 责任报告 */
  .responsibility {}

  .responsibility_one {
    width: 100%;
    height: auto;
    padding: 40px 20px;
    flex-wrap: wrap;
    border-radius: 4px;
  }

  .responsibility_one .responsibility_one_img {
    width: 44%;
    height: auto;
    border-radius: 5px;
    position: static;
    box-shadow: 5px 5px 0 0 rgba(51, 51, 51, 0.1);
    margin: 0 auto;
  }

  .responsibility_one .responsibility_one_img::after {
    display: none;
  }

  .responsibility_one .responsibility_one_img img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    position: static;
  }

  .responsibility_one .responsibility_one_text {
    margin-left: 0px;
    margin-top: 20px;
    width: 100%;
  }

  .responsibility_one .responsibility_one_text h4 {
    font-size: 16px;
    line-height: 20px;
  }

  .responsibility_one .responsibility_one_text .desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }

  .responsibility_one .responsibility_one_text .button {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px;
  }

  .responsibility_one .responsibility_one_text .button a {
    width: 100px;
    height: 40px;
    transition: all .3s ease;
  }

  .responsibility_one .responsibility_one_text .button a span {
    color: #EBB500;
    font-size: 10px;
  }

  .responsibility_one .responsibility_one_text .button a s {
    text-decoration: none;
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    margin-left: 5px;
  }

  .responsibility h4 {
    font-size: 24px;
    line-height: 28px;
  }

  .responsibility_list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
  }

  .responsibility_list .responsibility_item {
    width: 100%;
    border-radius: 6px;
    padding: 40px 0px;
  }

  .responsibility_list .responsibility_item .responsibility_item_img {
    width: 46%;
    height: auto;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
  }

  .responsibility_list .responsibility_item .responsibility_item_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all .5s ease-in-out;
    border-radius: 4px;
  }

  .responsibility_list .responsibility_item .responsibility_item_text {
    margin-top: 20px;
    color: #333333;
    padding: 0 20px;
    transition: all .3s ease-in-out;
  }

  /* 新闻 */
  .news {}

  .news .newsList_one {

    flex-wrap: wrap;
    width: 100%;
    border-radius: 6px;
    padding: 10px 10px 40px 10px;
    margin-bottom: 20px;
  }

  .news .newsList_one .newsList_one_l {
    width: 100%;
    flex-shrink: 0;
    display: flex;
  }

  .news .newsList_one .newsList_one_l img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
  }

  .news .newsList_one:hover .newsList_one_l img {
    transform: scale(1.1);
  }

  .news .newsList_one .newsList_one_r {
    width: 100%;
    margin-top: 40px;
  }

  .news .newsList_one .newsList_one_r .time {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }

  .news .newsList_one .newsList_one_r .title {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 0px;
    /* box-shadow: inset 0px -1px 0px 0px #ECECEC; */
    /* white-space: normal; */
    /* display: block; */
  }

  .news .newsList_one .newsList_one_r .desc {
    font-size: 14px;
    line-height: 24px;
    -webkit-line-clamp: 3;
    /* display: block; */
  }

  .news .newsList {}

  .news .newsList_item:first-child {
    /* margin-top: 0px; */
    padding-top: 0px;
  }

  .news .newsList_item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #ECECEC;
    margin-top: 0px;
    max-width: 100%;
    padding: 40px 0;
  }

  .news .newsList_item .newsList_item_l {
    width: auto;
    flex-shrink: 0;
    width: 100%;
    margin-top: 20px;
    order: 2;
  }

  .news .newsList_item .newsList_item_l.pcShow {
    display: none;
  }

  .news .newsList_item .newsList_item_l.mobileShow {
    display: block;
    font-family: ArialMT;
    font-size: 14px;
    color: #EBB500;
    line-height: 18px;
  }

  .news .newsList_item .newsList_item_c {
    width: 100%;
    margin-right: 0px;
    order: 3;
  }

  .news .newsList_item .newsList_item_c .title {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    /* white-space: normal; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .news .newsList_item:hover .newsList_item_c .title {
    color: #EBB500;
  }

  .news .newsList_item .newsList_item_c .desc {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    -webkit-line-clamp: 3;
  }

  .news .newsList_item .newsList_item_r {
    width: 100%;
    height: auto;
    border-radius: 6px;

    order: 1;
  }

  .news .newsList_item .newsList_item_r img {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.5s ease;
  }

  .news .newsList_item:hover .newsList_item_r img {
    transform: scale(1.1);
  }

  /* 新闻详情 */
  .newsDetail {
    margin-top: 32px;
  }

  .newsDetail .newsDetail_title {
    font-size: 24px;
    line-height: 28px;
  }

  .newsDetail .share {
    padding-bottom: 20px;
  }

  .newsDetail .share .shareLeft {
    display: flex;
    gap: 10px;
  }

  .newsDetail .share .shareLeft .time {}

  .newsDetail .share .shareLeft .time .timeLeft {
    font-size: 12px;
    line-height: 16px;
  }

  .newsDetail .share .shareLeft .time .timeCont {
    font-size: 12px;
    line-height: 16px;
  }

  .newsDetail .share .shareRight {
    gap: 10px;
    font-size: 12px;
    line-height: 16px;
    height: 32px;
  }

  .newsDetail .share .shareRight div {
    width: 32px;
    height: 32px;
  }

  .newsDetail .share .shareRight div.weixin {
    position: relative;
  }

  .newsDetail .share .shareRight div img {
    width: 18px;
    height: auto;
  }

  .newsDetail .share .shareRight div .iconfont {
    font-size: 12px;
  }

  .newsDetail .newsDetail_cont {
    padding-bottom: 60px;
    border-bottom: 1px solid #ECECEC;
    margin-top: 20px;
  }

  .newsDetail .pic img {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;

  }

  .newsDetail .pic {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
  }

  .newsDetail .pic1 {
    position: relative;
  }

  .newsDetail .pic1 .swiper-container {
    width: 100%;
    height: 270px;
  }

  .newsDetail .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
  }

  .newsDetail .pic2 {
    position: relative;
    margin-top: 30px;
  }

  .newsDetail .pic2 .swiper-container {
    width: 100%;
    height: 45px;
    margin: 0 auto;
  }


  .newsDetail .pic2 .swiper-container img {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    object-fit: contain;
  }

  .newsDetail .cement-newsDetail-content img {
    max-width: 100%;
  }

  /* 修改轮播箭头按钮样式 */
  .newsDetail .pic1 .swiper-button-next,
  .newsDetail .pic1 .swiper-button-prev {
    margin-top: -46px;
    /* 设置40px圆形按钮 */
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D8D8D8;
    font-size: 8px;
  }

  .newsDetail .pic1 .swiper-button-next .iconfont,
  .newsDetail .pic1 .swiper-button-prev .iconfont {
    font-size: 12px;
    color: #666666;
  }

  .newsDetail .pic2 .swiper-button-next .iconfont,
  .newsDetail .pic2 .swiper-button-prev .iconfont {
    font-size: 14px;
    color: #666666;
  }

  .newsDetail .pic2 .swiper-button-next,
  .newsDetail .pic2 .swiper-button-prev {
    /* 设置40px圆形按钮 */
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -22px !important;
    border: none;
    /* background: #FFFFFF; */
    /* border: 1px solid #D8D8D8; */
    position: absolute;

  }

  .newsDetail .pic2 .swiper-button-next:hover {
    background: none;
  }

  .newsDetail .pic2 .swiper-button-prev:hover {
    background: none;
  }

  .newsDetail .pic2 .swiper-slide img {
    /* 初始状态 */
    transform: scale(1);
    /* 添加过渡效果，让变化更平滑 */
    transition: transform 0.3s ease;
  }

  .newsDetail .pic2 .swiper-slide-thumb-active img {
    opacity: 1;
    /* 选中时放大 1.1 倍 */
    transform: scaleY(1.2);
  }

  .newsDetail .pic1 .swiper-button-next {
    margin-top: -46px;
    right: -60px;
    position: absolute;
  }

  .newsDetail .pic1 .swiper-button-prev {
    margin-top: -46px;
    left: -60px;
    position: absolute;

  }

  .newsDetail .pic1 .swiper-button-next:hover .iconfont {
    color: #fff;
  }

  .newsDetail .pic1 .swiper-button-prev:hover .iconfont {
    color: #fff;
  }

  .newsDetail .swiper-button-next,
  .newsDetail .swiper-container-rtl .swiper-button-prev {
    background-image: none !important;
  }

  .newsDetail .swiper-button-prev,
  .newsDetail .swiper-container-rtl .swiper-button-next {
    background-image: none !important;
    /* background: #fff; */
  }

  .newsDetail .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 0;
  }

  .newsDetail .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 0;
  }

  .newsDetail .prveAndNext {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .newsDetail .prveAndNext .prveAndNext_l {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
  }

  .newsDetail .prveAndNext .prveAndNext_l p {}

  .newsDetail .prveAndNext .prveAndNext_l p span {
    font-size: 14px;
    line-height: 18px;
    display: block;
  }

  .newsDetail .prveAndNext .prveAndNext_l p a {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
  }

  .newsDetail .prveAndNext .prveAndNext_l p:hover a {
    color: #EBB500;
  }

  .newsDetail .prveAndNext .prveAndNext_r {
    width: 120px;
    height: 40px;
    background: #EBB500;
    border-radius: 4px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
    margin-top: 40px;
  }

  .newsDetail .prveAndNext .prveAndNext_r:hover {
    opacity: 0.8;
  }

  .newsDetail .prveAndNext .prveAndNext_r a {
    color: #fff;
    margin-left: 0px;
  }

  .newsDetail .prveAndNext .prveAndNext_r .iconfont {
    color: #fff;
    font-size: 8px;
    margin-right: 4px;
  }

  .newsDetail .pic {
    width: 100%;
  }

  .newsDetail .pic1 {
    position: relative;
    margin-top: 40px;
  }

  .newsDetail .pic1 .swiper-container {
    width: 100%;
    height: 71vw;
  }

  .newsDetail .pic2 {
    margin-top: 20px;
  }

  .newsDetail .pic2 .swiper-container {
    width: calc(100% - 70px);
    height: 45px;
  }

  /* 定义图片容器样式 */
  .newsDetail .image-container {
    width: 100%;
    height: 61vw;
  }

  /* 定义图片样式 */
  .newsDetail .image-container img {
    height: 100%;
  }

  .newsDetail .desc {
    color: #333;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f5f5f5;
    text-align: left;
    font-size: 12px;
    color: #333;
  }

  .newsDetail .desc span {
    font-size: 16px;

  }

  .newsDetail .desc s {
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    margin-right: 10px;
    text-decoration: none;
  }

  .newsDetail .pic2 .swiper-container img {
    width: 100%;
    height: 100%;
    opacity: 0.6;
    object-fit: contain;
  }

  .newsDetail .cement-newsDetail-content img {
    max-width: 100%;
  }

  /* 修改轮播箭头按钮样式 */
  .newsDetail .pic1 .swiper-button-next,
  .newsDetail .pic1 .swiper-button-prev {
    margin-top: -46px;
    /* 设置40px圆形按钮 */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D8D8D8;
    font-size: 8px;
  }

  .newsDetail .pic1 .swiper-button-next .iconfont,
  .newsDetail .pic1 .swiper-button-prev .iconfont {
    font-size: 8px;
    color: #F9B334;
  }

  .newsDetail .pic2 .swiper-button-next,
  .newsDetail .pic2 .swiper-button-prev {
    /* 设置40px圆形按钮 */
    width: 24px;
    height: 24px;
    margin-top: -11px !important;
    border: none;
    /* background: #FFFFFF; */
    /* border: 1px solid #D8D8D8; */
  }

  .newsDetail .pic2 .swiper-slide img {
    /* 初始状态 */
    transform: scale(1);
    /* 添加过渡效果，让变化更平滑 */
    transition: transform 0.3s ease;
  }

  .newsDetail .pic2 .swiper-slide-thumb-active img {
    opacity: 1;
    /* 选中时放大 1.1 倍 */
    transform: scaleY(1.2);
  }

  .newsDetail .pic1 .swiper-button-next {
    margin-top: -46px;
    right: -60px;
    display: none;
  }

  .newsDetail .pic1 .swiper-button-prev {
    margin-top: -46px;
    left: -60px;
    display: none;
  }

  .newsDetail .swiper-button-next,
  .newsDetail .swiper-container-rtl .swiper-button-prev {
    background-image: none !important;
  }

  .newsDetail .swiper-button-prev,
  .newsDetail .swiper-container-rtl .swiper-button-next {
    background-image: none !important;
    background: #fff;
  }

  .newsDetail .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 0;
  }

  .newsDetail .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 0;
  }

  /* 精彩活动 */
  .activity .hr_mb80 {
    margin-bottom: 0 !important;
  }

  .activityList .hr_inBox {
    gap: 20px;
  }

  .activityList .activityList_item {
    width: 100%;
    border-radius: 6px;
  }

  .activityList .activityList_item .activityList_item_b {
    padding: 20px;
  }

  .activityList .activityList_item .activityList_item_b .title {
    font-size: 16px;
    line-height: 24px;
    max-height: none;
    /* display: block; */
  }

  .activityList .activityList_item .activityList_item_b .time {
    font-size: 14px;
    line-height: 18px;
  }

  /* 视图专区 */
  .video {}

  .video .hr_inBox {
    gap: 20px;
  }

  .video .videoItem {
    width: 100%;
    border-radius: 6px;
  }

  .video .videoItem .videoItem_img {
    aspect-ratio: 1 / 0.56;
    overflow: hidden;
    position: relative;
  }

  .video .videoItem .videoItem_img .playerButton {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .video .videoItem .videoItem_img .playerButton .iconfont {
    font-size: 12px;
  }

  .pc .jp-close {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    right: 0px;
    top: -34px;
    display: flex;
  }

  .pc .jp-close::before {
    font-size: 10px;
  }

  .video .videoItem .videoItem_info {
    padding: 20px;
  }

  .video .videoItem .videoItem_info .videoItem_title {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
  }

  /* 专题专栏 */
  .SpecialTopic {}

  .SpecialTopic .hr_inBox {
    gap: 20px;
  }

  .SpecialTopic .hr_inBox .SpecialTopic_item {
    flex-wrap: wrap;
    border-radius: 6px;
  }

  .SpecialTopic .SpecialTopic_item .SpecialTopic_img {
    width: 100%;
    border-radius: 6px;
  }

  .SpecialTopic .SpecialTopic_item .SpecialTopic_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .8s ease-in-out;
    transform: scale(1);
  }

  .SpecialTopic .SpecialTopic_item .SpecialTopic_info {
    width: 100%;
    padding: 40px 20px;
  }

  .SpecialTopic .SpecialTopic_item .SpecialTopic_info .SpecialTopic_title {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 20px;
    /* white-space: wrap; */
  }

  .SpecialTopic .SpecialTopic_item .SpecialTopic_info .SpecialTopic_title::before {
    width: 40px;
  }

  .SpecialTopic .SpecialTopic_item .SpecialTopic_info .SpecialTopic_desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    -webkit-line-clamp: 3;
  }

  .indexBannerBox {
    height: calc(100vh - 44px);
  }

  .indexBannerBox .videoIndexBanner,
  .indexBannerBox .swiper-container {
    height: 100%;
  }

  .indexBannerBox .bbBox {
    display: none !important;
  }

  .indexBannerTxt .indexBannerTxt_in {
    left: 0px;
    width: 100%;
  }

  .indexBannerTxt_in .video-play i {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 10px;
  }

  .indexBannerTxt .indexBannerTxt_in {
    bottom: 50%;
    transform: translateY(-50%) !important;
  }

  .indexBannerTxt_in .video-play i .indexBannerTxt .indexBannerTxt_in .hr_hr_fs24 {
    font-size: 14px;
  }

  .indexBannerTxt .indexBannerTxt_in .bdesc {
    text-align: center;
    letter-spacing: 4px;
  }

  .indexBannerTxt_in .video-play {
    margin-top: 16px;
    margin-left: 16px;
  }

  .videoPup .closeVideoPup {
    top: 80px;
  }

  .indexBody .hr_fs48 {
    font-size: 24px;
    line-height: 28px;
  }

  .wf-more {
    width: 100px;
    height: 32px;
    line-height: 32px;
    background: #EBB500;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
  }

  .wf-more .iconfont {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: #FFFFFF;
    margin-top: 4px;
    margin-right: 4px;
    font-size: 6px;
    line-height: 24px;
  }

  .videoBanner-swiper-button-prev {
    display: none;
  }

  .videoBanner-swiper-button-next {
    display: none;
  }

  .indexbannerSwPage .bNumItem {
    font-size: 20px;
    line-height: 24px;
  }

  .indexbannerSwPage .swiper-pagination {
    min-width: 100px;
  }

  /* 首页新闻 */
  .index_news {
    margin-top: 0px;
  }

  .index_news .index_news_list {
    flex-wrap: wrap;
  }

  .index_news .index_news_list .index_news_list_one {
    width: 100%;
    border-radius: 6px;
  }

  .index_news .index_news_list .index_news_list_one .index_news_list_one_txt {
    padding: 11px 20px;
  }

  .index_news .index_news_list .index_news_list_one .index_news_list_one_txt .title {
    font-size: 14px;
    line-height: 18px;
  }

  .index_news .index_news_list .index_news_list_one .index_news_list_one_txt .time {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
  }

  .index_news .index_news_list .index_news_list_item {
    width: 100%;
    border-radius: 6px;
    aspect-ratio: initial;
    margin-top: 20px;
  }



  .index_news .index_news_list .index_news_list_item .index_news_list_one_txt {
    aspect-ratio: initial;
    padding: 20px;
  }

  .index_news .index_news_list .index_news_list_item .index_news_list_one_txt .title {
    font-size: 14px;
    line-height: 18px;
  }

  .index_news .index_news_list .index_news_list_item .index_news_list_one_txt .time {
    font-size: 12px;
    line-height: 16px;
    margin-top: 18px;
  }

  /* 关于我们 */
  .qyjj {
    background-size: 100% auto;
  }

  .index-aboutus {
    background-size: 100% auto;
  }

  .index-aboutus .hr_inBox {
    flex-wrap: wrap;
  }

  .index-aboutus-txt {
    width: 100%;
    padding: 0;
    order: 2;
    margin-top: 40px;
  }

  .index-aboutus-txt .desc {
    font-size: 14px;
    line-height: 24px;
  }

  .index-aboutus-img {
    width: 100%;
    border-radius: 6px;
    order: 1;
  }

  .index-aboutus-txt .RCMS_EDITOR p {
    margin-bottom: 10px;
  }

  .index-aboutus-txt .RCMS_EDITOR p:last-child {
    margin-bottom: 0;
  }

  .index-aboutus .index-aboutus-img .videomainItem {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .index-aboutus .index-aboutus-img .videoBac {
    width: 32px;
    height: 32px;
  }

  .index-aboutus .index-aboutus-img:hover .videoBac {
    background: #EBB500;
  }

  .index-aboutus .index-aboutus-img .videoBac .iconfont {
    font-size: 10px;
  }

  /* 品牌产品 */
  .index_brand {
    margin: -60px 0;
    padding-bottom: 87px;
  }

  .index_brand .bottom_bac {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 55vw;
    height: auto;
    z-index: 1;
  }

  .index-bussiness {
    position: relative;
    z-index: 10;
  }

  .index_brand .index_brand_c {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
  }

  .index_brand .index_brand_c .index_brand_c_l {
    width: 83.7vw;
    /* height: 240px; */
    aspect-ratio: auto;
    margin: 0 auto;
  }

  .index_brand.showdiv .index_brand_c .index_brand_c_l span {
    display: block;
  }

  .index_brand .index_brand_c .index_brand_c_l span {
    display: block;
    font-weight: 800;
    font-size: 36vw;
    line-height: 1;
    transform: translateY(-8vw);
  }

  .index_brand .index_brand_c .index_brand_c_l img {
    width: 100%;
    height: auto;
  }

  .index_brand .index_brand_c .index_brand_c_r {
    width: 100%;
  }

  .index_brand .index_brand_c .index_brand_c_r img {
    width: 46%;
  }

  .index_brand .index_brand_c .index_brand_c_r p {
    margin-top: 20px;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
  }

  .index_brand .index_brand_b {
    width: 100%;
    margin: 0 auto;
  }

  .index_brand .index_brand_b img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
  }

  .index-responsibility {
    background: url(../image/crnf-wap-index-responsibility-bg.png) no-repeat center top;
    background-size: 100% 101%;
  }

  #index-resp-tab-swiper {
    /* width: 70% !important; */
    /* margin-left: 0; */
    overflow: inherit;
  }

  .index-responsibility .tab-swiper-t .swiper-slide {
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    min-width: 100px;
    padding: 0 8px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
  }

  /* .index-responsibility .tab-swiper-t .swiper-slide:last-child {
    margin-right: 100px;
   } */
  .index-responsibility .tab-swiper-t .swiper-slide.swiper-slide-thumb-active {
    background: #EBB500;
    color: #fff;
  }

  .index-resp-info-swiper {
    position: relative;
  }

  .index-resp-info-swiper .swiper-slide {
    align-items: center;
    flex-wrap: wrap;
  }

  .index-resp-info-swiper .crc-swiper-icons {
    position: absolute;
    top: 67px;
    right: 0;
    margin-left: auto;
    width: auto;
    color: #fff;
    gap: 10px;
    justify-content: flex-end;
  }

  .crc-swiper-button-prev {
    width: 32px;
    height: 32px;
  }

  .crc-swiper-button-next {
    width: 32px;
    height: 32px;
  }

  .index-resp-info-swiper .crc-swiper-icons .swiper-pagination {
    font-size: 14px;
    line-height: 18px;
    width: auto;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.6);
  }

  .swiper-pagination-current {
    color: #fff;
  }

  .swiper-pagination-total {}

  .info-swiper-b .info-txt {
    width: 100%;
    order: 2;
    margin-top: 40px;
  }

  .info-swiper-b .info-txt .hr_fb {
    border-bottom: 1px solid #E8E8E8;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 12px;
    margin-bottom: 20px;
  }

  .info-swiper-b .info-txt .desc {
    -webkit-line-clamp: none;
    font-size: 14px;
    line-height: 24px;
  }

  .info-swiper-b .info-txt .RCMS_EDITOR p {
    margin-bottom: 10px;
  }

  .info-swiper-b .info-img {
    width: 100%;
    order: 1;
    border-radius: 6px;
    margin-right: 6px;
    margin-bottom: 6px;
  }

  .info-swiper-b .info-img img {
    border-radius: 6px;
  }

  .info-swiper-b .info-img::after {
    right: -6px;
    bottom: -6px;
    border-radius: 6px;
  }

  .index-bussiness {
    display: none;
  }

  .index_bussiness_mobile {
    display: block;
    position: relative;
    z-index: 10;
  }

  .index_bussiness_mobile_b {
    height: auto;
  }

  .index_bussiness_mobile_b .swiper-slide {
    width: 100%;
    background-size: cover;
    background-position: bottom;
    /* height: 380px; */
    padding: 60px 48px;
    text-align: center;
    /* padding: 0 48px; */
  }

  .index_bussiness_mobile_b .swiper-slide .icon_img {
    height: 60px;
    width: auto;
  }

  .index_bussiness_mobile_b .swiper-slide .title {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 24px;
    margin-top: 20px;
  }

  .index_bussiness_mobile_b .swiper-slide .desc {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }

  .index_bussiness_mobile_b .swiper-slide .desc .desc_p {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: justify;
  }

  .index_bussiness_mobile_b .swiper-slide .desc .line {
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 1px;
  }

  .index_bussiness_mobile_b .swiper-slide .desc .ljwm {
    color: #fff;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .index_bussiness_mobile_b .swiper-slide .desc .ljwm span {
    width: 24px;
    height: 24px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .index_bussiness_mobile_b .swiper-slide .desc .ljwm:hover {
    color: #EBB500;
  }

  .index_bussiness_mobile_b .swiper-slide .desc .ljwm:hover span {
    background: #EBB500;
  }

  .index_bussiness_mobile_b .swiper-slide .desc .ljwm span .iconfont {
    color: #EBB500;
    font-size: 5px;
  }

  .index_bussiness_mobile_b .swiper-slide .desc .ljwm:hover span .iconfont {
    color: #fff;
  }

  .index_bussiness_mobile_b .swiper-button-prev,
  .index_bussiness_mobile_b .swiper-button-next {
    position: absolute;
    width: 32px;
    height: 32px;
    transform: translateY(-50%);
  }

  .index_bussiness_mobile_b .swiper-button-prev {
    left: 16px;

  }

  .index_bussiness_mobile_b .swiper-button-prev::before {
    content: "\e7b2";
    font-family: "iconfont";
    font-size: 8px;
    color: #EBB500;
  }

  .index_bussiness_mobile_b .swiper-button-prev:hover::before {
    color: #fff;
  }

  .index_bussiness_mobile_b .swiper-button-next {
    right: 16px;
  }

  .index_bussiness_mobile_b .swiper-button-next::before {
    content: "\e7a7";
    font-family: "iconfont";
    font-size: 8px;
  }

  .index_bussiness_mobile_b .swiper-button-next:hover::before {
    color: #fff;
  }

  /* 发展历程 */
  .index_history {
    background-image: url(./../image/crnf-about-course-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
    position: relative;
    padding: 60px 0 60px 0;
    height: auto;
    overflow: hidden;
  }

  .index_history .index_history_buttom_baner {
    width: 120px;
  }

  .index_history .historyList {
    display: none;
  }

  .index_history .historyYear {
    display: none;
  }


  .index_history .hr_outBox {
    height: auto;
  }

  .index_history .index_history_main {
    width: 100%;
    margin: 0 auto;
    height: auto;
    position: relative;
    top: 0;
    left: 0%;
    transform: translateX(0%);
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    overflow: hidden;
    position: static;
  }

  .index_history .line {
    width: 100vw;
    height: 100vw;
    position: static;
    margin-top: -50vw;
    background: none;
    border: 1px solid #D7D5CF;
    border-radius: 50%;
  }

  .index_history .index_history_main .index_history_main_l {
    /* width: 32%; */
    width: 100%;
    height: calc(50vw + 13vw);
    margin-top: -50vw;
  }

  .index_history_main_l {
    position: relative;
    height: 100%;
    overflow: hidden;
  }

  .index_history_main_l .img {
    transform-origin: top left;
  }

  /* 默认状态（小图）：在上方，缩小到 140x93 */
  .index_history_main_l .img {
    top: -50vw;
    left: 50%;
    transform: translateX(-50%);
    width: 48vw;
    height: 32vw;
    aspect-ratio: 450/300;
    transform: scale(0.0);
    z-index: -1;

  }

  .index_history_main_l .img.next {
    top: 11.3vw;
    left: 16px;
    width: 48vw;
    height: 32vw;
    aspect-ratio: 450/300;
    transform: scale(0.44);
    z-index: 1;
    opacity: 1;

  }

  /* 激活状态（大图）：在底部，原始大小 450x300 */
  .index_history_main_l .img.active {
    top: 30.8vw;
    transform: scale(1);
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    transform-origin: top left;

  }

  .index_history_main_l .img.prve {
    top: 11.3vw;
    right: 16px;
    width: 48vw;
    height: 32vw;
    aspect-ratio: 450/300;
    transform: scale(0.44);
    z-index: 100;
    opacity: 1;
    left: auto;
    transform-origin: top right;

  }

  /* 图片本身始终撑满父容器 */
  .index_history_main_l .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 6px;
    overflow: hidden;
  }

  .index_history .index_history_main .index_history_main_r {
    width: calc(100% - 32px);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
  }

  .index_history .index_history_main .index_history_main_r .label {
    height: 24px;
    border-radius: 12px;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 12px;
  }

  .index_history .index_history_main .index_history_main_r .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
    margin-bottom: 24px;
    width: 100%;
  }

  .index_history .index_history_main .index_history_main_r .title .title_title {
    color: #333333;
    font-size: 20px;
    line-height: 24px;
  }

  .index_history .index_history_main .index_history_main_r .button {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
  }

  .index_history .index_history_main .index_history_main_r .button u {
    width: 23px;
    height: auto;
    font-size: 14px;
    line-height: 18px;
  }

  .index_history .index_history_main .index_history_main_r .button p {
    width: 32px;
    height: 32px;
  }

  .index_history .index_history_main .index_history_main_r .button p .iconfont {
    font-size: 8px;
  }

  .index_history .index_history_main .index_history_main_r .desc {
    font-size: 14px;
    line-height: 24px;
  }

  .management .managementMain .managementMain_item {
    padding: 40px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
  }

  .management .managementMain .managementMain_item h4 {
    font-size: 16px;
    line-height: 20px;
  }

  .managementMain_item h4::before {
    width: 2px;
    height: 12px;
    left: -20px;
  }

  .management .managementMain .managementMain_item h5 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
  }

  .management .managementMain .managementMain_item p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
  }

  .management .managementMain .managementMain_item .box1 {
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 4px;
  }

  .management .managementMain .managementMain_item .box2 {
    width: 40px;
    height: 40px;
    background: #F7F8FA rgba(0, 0, 0, 0.05);
    border-radius: 4px;
  }


  .management .managementMain .managementMain_item:nth-child(2n) .box1 {
    right: 90px;
    top: 40px;
  }

  .management .managementMain .managementMain_item:nth-child(2n) .box2 {
    right: 40px;
    top: 70px;
  }

  .management .managementMain .managementMain_item:nth-child(2n+1) .box1 {
    right: 40px;
    top: 40px;
  }

  .management .managementMain .managementMain_item:nth-child(2n+1) .box2 {
    right: 70px;
    top: 70px;
  }

  .management .managementMain .managementMain_item:nth-child(2n):hover .box1 {
    right: 90px;
    top: 40px;
    background: rgba(0, 0, 0, 0.05);
  }

  .management .managementMain .managementMain_item:nth-child(2n):hover .box2 {
    right: 50px;
    top: 60px;
    background: #FFFFFF;
  }

  .management .managementMain .managementMain_item:nth-child(2n+1):hover .box1 {
    right: 40px;
    top: 40px;
    background: rgba(0, 0, 0, 0.05);
  }

  .management .managementMain .managementMain_item:nth-child(2n+1):hover .box2 {
    right: 60px;
    top: 60px;
    background: #FFFFFF;
  }

  /* 主营业务 */
  .zyyw {}

  .zyyw .zyyw_top {
    background-size: 120px auto;
  }

  .zyyw .zyyw_top .hr_inBox {
    flex-wrap: wrap;
  }

  .zyyw .zyyw_top .hr_inBox h4 {
    width: 100%;
  }

  .zyyw .zyyw_top .hr_inBox p {
    width: 100%;
    margin-top: 40px;
  }

  .zyyw .zyyw_main {
    background: #FAF8F6;
  }

  .zyyw .zyyw_main .zyyw_main_box {
    width: 100%;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
    flex-wrap: wrap;
    gap: 20px;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item {
    width: 100%;
    aspect-ratio: 686/560;
    height: auto;
    max-height: none;
    border-radius: 6px;
    overflow: hidden;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big {
    justify-content: center;
    padding: 0 20px;
    gap: 20px;
    height: 100%;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .img {
    width: 40px;
    height: 40px;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .img img {
    width: 24px;
    height: auto;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .info {
    width: 100%;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .info h5 {
    color: #FFFFFF;
    margin-bottom: 10px;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .info p {
    color: #FFFFFF;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big .more {
    display: none;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item.active {
    width: 100%;
  }

  .zyyw .zyyw_main .zyyw_main_box .zyyw_main_item .zyyw_main_item_big {
    display: flex;
  }

  /* 香港业务 */
  .zyyw .xgyw {
    padding-top: 60px;
    padding: 60px 16px 60px 16px;
  }

  .zyyw .xgyw .h4Class {
    text-align: center;
  }

  .zyyw .xgyw .xgyw_item {
    flex-wrap: wrap;
    box-shadow: none;
    border: 1px solid #D8D8D8;
  }

  .zyyw .xgyw .xgyw_item:nth-of-type(even) .xgyw_item_l {
    order: 1;
  }

  .zyyw .xgyw .xgyw_item:nth-of-type(even) .xgyw_item_r {
    order: 2;
    justify-content: flex-start;
  }

  .zyyw .xgyw .xgyw_item:nth-of-type(even) .xgyw_item_r .xgyw_item_r_box {
    margin-left: 0;
    margin-right: 0%;
  }

  .zyyw .xgyw .xgyw_item:last-child {
    margin-bottom: 0;
  }

  .zyyw .xgyw .xgyw_item .xgyw_item_l {
    width: 100%;
    aspect-ratio: 960/640;
  }

  .zyyw .xgyw .xgyw_item .xgyw_item_l img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .zyyw .xgyw .xgyw_item .xgyw_item_r {
    width: 100%;
    padding: 40px 20px;
  }

  .zyyw .xgyw .xgyw_item .xgyw_item_r .xgyw_item_r_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    margin-left: 0%;
  }

  .zyyw .xgyw .xgyw_item .xgyw_item_r .xgyw_item_r_box_span {
    width: 20px;
    height: 4px;
    background: #EBB500;
    display: none;
  }

  .zyyw .swiper-container .swiper-pagination {
    bottom: 20px;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .zyyw .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
  }

  .zyyw .swiper-pagination-bullet-active {
    background: #EBB500;
  }

  .zyyw .xgyw .xgyw_item .xgyw_item_r {
    aspect-ratio: auto;
  }

  .zyyw .xgyw .xgyw_item .xgyw_item_r .xgyw_item_r_box .info {
    display: block;
    opacity: 1;
    visibility: visible;
    max-height: max-content;
  }

  .history.pcShow {
    display: none;
  }

  .history.mobileShow {
    display: block;
    min-height: 100vh;
  }

  .history_mobile {
    height: calc(100vh - 60px);
    position: relative;
    background-image: url(./../image/crnf-about-course-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .history_mobile .historyList1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to bottom,
        #D5D0BD 1px,
        transparent 1px);
    background-size: 100% 3px;
    background-repeat: repeat;
    display: block !important;
  }

  .history_mobile .left_bottom_flo {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32%;
    max-width: 240px;
  }

  .history_mobile .left_bottom_flo img {
    width: 100%;
    height: auto;
  }

  .history_mobile .historyYear1 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 100;
    display: block !important;
  }

  .history_mobile .historyYear1 .list {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    color: #666;
    margin-bottom: 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
  }

  .history_mobile .historyYear1 .list.active {
    color: #EBB500;
    font-size: 12px;
    color: #EBB500;
    line-height: 16px;
  }

  .history_mobile .historyYear1 .list.active::before {
    background: #EBB500;
  }

  .history_mobile .historyYear1 .list::before {
    width: 25px;
    height: 1px;
    background: #D5D0BD;
    margin-right: 5px;
    content: "";
    display: block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-top: 1px;
  }

  .history_mobile_main {
    width: calc(100% - 125px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 16px;
    overflow: auto;
    height: calc(100% - 120px);
    margin-top: 60px;
  }

  .history_mobile_main::-webkit-scrollbar {
    display: none;
  }

  .history_mobile_main .historyMain_l {
    width: 100%;
    position: relative;
  }

  .history_mobile_main .history_item {
    padding-top: 60px;
  }


  .history_mobile_main .historyMain_l img {
    width: 100%;
    height: auto;
    border-radius: 6px;
  }

  .history_mobile_main .historyMain_r {
    width: 100%;
    margin-top: 20px;
  }

  .history_mobile_main .historyMain_r .label {
    height: 24px;
    border-radius: 12px;
    border: 1px solid #EBB500;
    font-size: 12px;
    color: #EBB500;
    line-height: 24px;
    padding: 0px 7.5px;
    display: inline-block;
  }

  .history_mobile_main .historyMain_r .title {
    margin-top: 10px;
    font-size: 20px;
    color: #333333;
    line-height: 24px;
  }

  .history_mobile_main .historyMain_r .mainInfo {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .history_mobile_main .historyMain_r .mainInfo .mainInfo_item {
    width: 100%;
  }

  .history_mobile_main .historyMain_r .mainInfo .mainInfo_item span {
    font-size: 12px;
    color: #EBB500;
    line-height: 24px;
  }

  .history_mobile_main .historyMain_r .mainInfo .mainInfo_item span s {
    font-family: ArialMT;
    font-size: 20px;
    color: #EBB500;
    line-height: 24px;
    text-decoration: none;
  }

  .history_mobile_main .historyMain_r .mainInfo .mainInfo_item .mainInfo_item_r {
    margin-top: 10px;
    word-break: break-word;
  }

  .history_mobile_main .historyMain_r .mainInfo .mainInfo_item .teshu {
    font-size: 16px;
    color: #EBB500;
    line-height: 20px;
  }

  .history_mobile_main .history_item:nth-child(1) .historyMain_l .img2 {
    display: none;
  }

  .history_mobile_main .history_item:nth-child(2) .historyMain_l .img1 {
    width: 78.4%;
    margin-left: 11.6%;
  }

  .history_mobile_main .history_item:nth-child(2) .historyMain_l .img2 {
    width: 57%;
    margin-top: -35px;
  }

  .history_mobile_main .history_item:nth-child(3) .historyMain_l .img1 {
    width: 78.4%;
    margin-left: 0%;
  }

  .history_mobile_main .history_item:nth-child(3) .historyMain_l .img2 {
    width: 57%;
    margin-top: -35px;
    margin-left: 43%;
  }

  .history_mobile_main .history_item:nth-child(4) .historyMain_l {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .history_mobile_main .history_item:nth-child(4) .historyMain_l .img1 {
    width: 43.6%;
  }

  .history_mobile_main .history_item:nth-child(4) .historyMain_l .img2 {
    width: 50%;

  }

  /* 二级导航 */
  .channelNav {
    height: 40px;
  }

  .channelNav .swiper-container {
    /* width: 100%; */
    height: 100%;
  }

  .channelNav .swiper-slide a {
    font-size: 14px;
    height: 100%;
    line-height: 18px;
  }

  /* 资质荣誉 */
  .honors {}

  .honors .honorsNav {

    gap: 10px;
  }

  .honors .honorsNav .item {
    width: 100px;
    height: 40px;
    border-radius: 20px;
    font-size: 14px;
    color: #333333;
    line-height: 18px;
  }

  .honors .qualification_title img {
    width: 38px;
  }

  .honors .qualification_title p {
    margin-left: 10px;
    font-size: 24px;
    line-height: 28px;
  }

  .honors .qualification {
    width: 100%;
    gap: 20px;
  }

  .honors .qualification .qualification_item {
    width: calc(100% - 5px);
    border-radius: 6px;
    box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
    padding: 30px 20px;
  }

  .honors .qualification .qualification_item .qualification_item_title {
    font-size: 16px;
    line-height: 20px;
    margin-left: -20px;
  }

  .honors .qualification .qualification_item .qualification_item_title span {
    width: 4px;
    height: 12px;
    border-radius: 2px;
    margin-right: 16px;
  }

  .honors .qualification .qualification_item .qualification_item_item {
    margin-top: 30px;
  }

  .honors .qualification .qualification_item_item h5 {
    font-size: 14px;
    line-height: 18px;
  }

  .honors .qualification .qualification_item_item .desc {
    margin: 10px 0 10px 0;
    font-size: 14px;
    line-height: 18px;
  }

  .honors .qualification .qualification_item_item .zscq {
    margin-top: 30px;
  }

  .honors .qualification .qualification_item_item .zscq .desc {
    margin: 0;
    margin-bottom: 10px;
  }

  /* 企业文化 */
  .qywh {}

  .qywh .lntx_main {
    border-radius: 6px;
    margin-top: 40px;
    padding: 20px;
  }

  .qywh .lntx_main .lntx_main_l {
    width: 100%;
    float: none;
    position: static;
    top: 0%;
    transform: translateY(0%);
  }

  .qywh .lntx_main .clearfix {
    position: relative;
    padding-bottom: 35px;
    display: flex;
    flex-wrap: wrap;
  }

  .qywh .lntx_main .lntx_main_l img {
    width: 100%;
    height: auto;
  }

  .qywh .lntx_main .lntx_main_r {
    width: 100%;
    float: none;
    gap: 13px;
    margin-top: 35px;
  }

  .qywh .lntx_main .lntx_main_r .lntx_main_r_item {
    width: calc((100% - 13px) / 2);
    text-align: left;
    margin-bottom: 13px;
  }

  .qywh .lntx_main .lntx_main_r .lntx_main_r_item h5 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 7px;
  }

  .qywh .lntx_main .lntx_main_r .lntx_main_r_item p {
    font-size: 12px;
    line-height: 24px;
    max-width: none;
  }

  .qywh .sjsj {
    border-top: 1px solid #f2f2f2;
    padding: 40px 0;
  }

  .qywh .sjsj h4 {
    color: #333333;
  }

  .qywh .sjsj h4 img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
  }

  .qywh .sjsj div {
    margin-top: 20px;
  }

  .qywh .sjsj div p {
    font-size: 14px;
    line-height: 24px;
  }

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

  .ldys {
    margin-top: 40px;
  }


  .qywh .ldys .mobile_pc {
    display: none;
  }

  .qywh .ldys .mobile_ldys {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }

  .ldys .ldys_1 {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E8E8E8;
    padding: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .ldys .mobile_ldys .ldys_1_l {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
  }

  .ldys .mobile_ldys .ldys_1_l div {
    width: 64%;
  }

  .ldys .mobile_ldys .ldys_1_l h4 {
    font-size: 16px;
    color: #333333;
    line-height: 20px;
  }

  .ldys .mobile_ldys .ldys_1_l h5 {
    margin-top: 20px;
    color: #EBB500;
    font-size: 14px;
    color: #EBB500;
    line-height: 24px;
  }

  .ldys .mobile_ldys .ldys_1_l img {
    width: auto;
    max-height: 125px;
    object-fit: cover;
  }

  .ldys .ldys_1 .ldys_1_l {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
  }

  .ldys .ldys_1 .ldys_1_l img {
    width: auto;
    max-height: 125px;
    object-fit: cover;
  }

  .ldys .ldys_1 .ldys_1_r {
    flex: 1;
    margin-left: 0px;
  }

  .ldys .ldys_1 .ldys_1_r h4 {
    color: #333333;
  }

  .ldys .ldys_1 .ldys_1_r h5 {
    color: #EBB500;
    margin-top: 20px;
  }

  .ldys .ldys_1 .ldys_1_r p {
    margin-top: 0px;
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
  }

  .ldys .ldys_1 .ldys_1_r p span {
    font-weight: bold;
  }

  .ldys .ldys_4 {
    background: url(./../image/crnf-about-culture-pic05.png) no-repeat;
    background-position: top right 2.85%;
    background-size: auto 125px;
    /* 调整背景图位置为右40px、上40px */
    background-color: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E8E8E8;
    padding: 20px;
    margin-bottom: 20px;
  }

  /* .ldys .ldys_4 .ldys_4_t {} */

  .ldys .ldys_4 .ldys_4_t h4 {
    font-weight: normal;
    color: #333333;
  }

  .ldys .ldys_4 .ldys_4_t h5 {
    font-weight: normal;
    color: #EBB500;
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
  }

  .ldys .ldys_4 .ldys_4_b {
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item {
    width: 100%;
    margin-top: 40px;
    position: relative;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 40px;
    margin-bottom: 0;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item:last-child {
    border-bottom: none;
    padding-bottom: 0px;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item:first-child {
    margin-top: 35px;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item::after {
    content: "";
    position: absolute;
    right: 0%;
    top: 50%;
    /* 垂直居中对齐 */
    transform: translateY(-50%);
    /* 垂直居中偏移 */
    width: 0px;
    /* 边框宽度 */
    height: 160px;
    /* 固定边框高度 */
    background-color: #E8E8E8;
    /* 边框颜色（与原border-right一致） */
    display: none;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(2n)::after {
    height: 0px;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(even) {
    padding-right: 0px;
    padding-left: 0%;

  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(odd) {
    padding-left: 0px;
    padding-right: 0%;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(3) {
    margin-bottom: 0;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(4) {
    margin-bottom: 0;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item h5 {
    color: #333333;
    font-size: 16px;
    line-height: 20px;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div {
    color: #666666;
    line-height: 32px;
    margin-top: 20px;
    position: relative;
    /* padding-right: 20px; */
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div p {
    margin-bottom: 20px;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div p:last-child {
    margin-bottom: 0px;
  }

  /* .ldys .ldys_4 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div::after {
  content: "";
  position: absolute;
  right: -13%;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 160px;
  background-color: #E8E8E8;
} */

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item:nth-child(2n) .ldys_4_b_item_div::after {
    height: 0px;
  }

  .ldys .ldys_4 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div p {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    /* line-height: 43px; */
  }

  .ldys .ldys_5 {
    /* background: url(./../image/crnf-about-culture-pic06.png) no-repeat right 40px top 40px / 192px 240px; */
    /* 调整背景图位置为右40px、上40px */
    background-image: none;
    background-color: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E8E8E8;
    padding: 20px;
    margin-bottom: 20px;
  }

  .ldys .ldys_5 .ldys_5_t {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
  }

  .ldys .ldys_5 .ldys_5_t img {
    width: auto;
    max-height: 125px;
    object-fit: cover;
  }

  .ldys .ldys_4 .ldys_5_t h4 {
    font-weight: normal;
    color: #333333;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .ldys .ldys_4 .ldys_5_t h5 {
    color: #EBB500;
    font-size: 14px;
    line-height: 24px;
  }

  .ldys .ldys_5 .ldys_4_b {
    margin-left: 0;
    margin-top: 0px;
    width: 100%;
  }

  .ldys .ldys_5 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div::after {
    height: 0px;
  }

  .ldys .ldys_6 {
    background: url(./../image/crnf-about-culture-pic07.png) no-repeat;
    background-position: top right 2.85%;
    background-size: auto 125px;
  }

  .ldys .ldys_6 .ldys_4_b .ldys_4_b_item .ldys_4_b_item_div::after {
    right: 40px;
    height: 120px;
  }

  .ldys .ldys_6 .ldys_6_p {
    padding: 30px 0 20px 0;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    width: 100%;
    /* padding-bottom: 20px; */
  }

  .ldys .ldys_6 .ldys_4_b {
    /* margin-top: -35px; */
  }


  .qywh .qybz {
    margin-top: 0px;
  }

  .qywh .qybz h4 {
    color: #EBB500;
  }

  .qywh .qybz .qybz_main {
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #E8E8E8;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .qywh .qybz .qybz_main img {
    width: 70px;
    height: 70px;
  }

  .qywh .qybz .qybz_main p {
    width: 100%;
    margin-left: 0px;
    flex: auto;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    text-align: justify;
  }

  /* 品牌介绍 */
  .ppjs {}

  .ppjs .ppgs_t {
    background-size: 32% auto;
  }

  .ppgs_t_box {
    padding-bottom: 60px;
  }

  .ppjs .ppgs_t .ppgs_t_t {
    padding: 40px 0 40px 0;
    flex-wrap: wrap;
  }

  .ppjs .ppgs_t .ppgs_t_t img {
    width: 49%;
  }

  .ppjs .ppgs_t .ppgs_t_t p {
    width: 100%;
    margin-top: 20px;
  }

  .ppjs .ppgs_b {}

  .ppjs .ppgs_b .ppgs_b_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0%;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l {
    width: 100%;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l .swiper-wrapper {
    gap: 0px;
    flex-wrap: nowrap;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l .swiper-wrapper .swiper-slide {
    width: 80px;
    border-radius: 6px;
    aspect-ratio: 160/90;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l .ppgs_b_box_l_item {}

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_l .ppgs_b_box_l_item img {
    width: 62.5%;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r {
    width: 100%;
    aspect-ratio: 686/ 640;
    border-radius: 6px;
    margin-top: 30px;
  }


  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info {
    border-radius: 6px;
    padding: 20px 20px;
    opacity: 1;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .ppgs_b_box_r_info_logo {
    width: auto;
    height: 42px;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info h5 {
    color: #fff;
    margin: 20px 0 10px 0;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .desc {
    max-height: 40%;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .more {
    width: 120px;
    height: 40px;
    border-radius: 20px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
    margin-top: 20px;
  }

  .ppjs .ppgs_b .ppgs_b_box .ppgs_b_box_r .ppgs_b_box_r_info .more .iconfont {
    margin-left: 10px;
    font-size: 10px;
  }

  /* 产品家族 */
  .cpjz {}

  .cpjz .cpjz_t {
    width: 100%;
    margin: 0 auto;
  }

  .cpjz .cpjz_t .swiper-wrapper .swiper-slide {
    min-width: 100px;
    padding: 11px 22px;
    background: #EEECEA;
    border-radius: 20px;
    width: auto;
  }

  .cpjz .cpjz_t .swiper-wrapper .swiper-slide a {
    font-size: 14px;
    line-height: 18px;
  }

  .cpjz .cpjz_js_box {
    align-items: center;
    background: #FAF8F6;
    flex-wrap: wrap;
  }

  .cpjz .cpjz_js_box .cpjz_js_box_l {
    width: 100%;
    aspect-ratio: 960/ 640;
  }

  .cpjz .cpjz_js_box .cpjz_js_box_r {
    padding: 20px 40px;
    width: 100%;
  }

  .cpjz .cpjz_js_box .cpjz_js_box_r h5 {
    font-size: 16px;
    line-height: 20px;
  }

  .cpjz .cpjz_js_box .cpjz_js_box_r .desc {
    margin-top: 20px;
    max-height: none;
    height: auto;
    overflow: auto;
    padding-right: 2.08%;
    font-size: 14px;
    line-height: 24px;
  }

  .cpjz .cpjz_sp {
    width: 100%;
  }

  .cpjz .cpjz_sp .cpjz_sp_box {
    width: 100%;
    height: 83.6vw;
  }

  .cpjz_sp_box_button {
    width: calc(100% - 32px);
    z-index: 10;
  }

  .cpjz .cpjz_sp .cpjz_sp_box .swiper-container {
    width: calc(100% - 32px);
    height: 43.6vw;
  }

  .cpjz .cpjz_sp .cpjz_sp_box .swiper-slide {
    border-radius: 6px;
    width: 84.5%;
    height: 100%;
  }



  .cpjz .cpjz_sp .cpjz_sp_box .swiper-slide.swiper-slide-prev {
    border-radius: 6px 0 0 6px;
  }

  .cpjz .cpjz_sp .cpjz_sp_box .swiper-slide.swiper-slide-next {
    border-radius: 0 6px 6px 0;
  }

  .cpjz .cpjz_sp .cpjz_sp_box .swiper-slide .videoBac {
    width: 24px;
    height: 24px;
  }

  .cpjz .cpjz_sp .cpjz_sp_box .swiper-slide .videoBac .iconfont {
    font-size: 8px;
    color: #fff;
  }

  .cpjz .cpjz_sp .cpjz_sp_box .swiper-button-prev,
  .swiper-button-next {
    width: 32px;
    height: 32px;
  }




  .xlcp {}

  .xlcp .xlcp_box {
    gap: 20px;
  }

  .xlcp .xlcp_box .xlcp_box_item {
    width: 100%;
    border-radius: 6px;
  }

  .xlcp .xlcp_box .xlcp_box_item:nth-child(n+4) {
    display: none;
  }

  .xlcp .xlcp_box .xlcp_box_item .xlcp_box_item_img {
    background: linear-gradient(0deg, #FFFBEF 0%, rgba(235, 181, 0, 0.15) 100%);
    padding: 15px;
  }

  .xlcp .xlcp_box .xlcp_box_item_info {
    background: #FAF8F6;
    padding: 30px 20px;
    aspect-ratio: auto;
  }

  .xlcp .xlcp_box .xlcp_box_item_info h5 {
    white-space: inherit;
  }

  .xlcp .xlcp_box .xlcp_box_item_info .desc {
    height: auto;
    margin-top: 10px;
    margin-bottom: 2cap;
    display: block;
  }

  .xlcp .xlcp_box .xlcp_box_item_info .gg {
    /* font-size: 16px;
  color: #999999;
  line-height: 24px; */
  }

  .xlcp .xlcp_box .xlcp_box_item_info .buy {
    gap: 20px;
    margin-top: 24px;
  }

  .xlcp .xlcp_box .xlcp_box_item_info .buy a {
    padding: 10px 20px;
    height: auto;
  }

  .xlcp .xlcp_box .xlcp_box_item_info .buy a .iconfont {
    font-size: 12px;
  }

  .xlcp .xlcp_box .xlcp_box_item_info .buy img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }


  .more .wf-more {
    width: 120px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    /* color: #fff; */
    font-size: 14px;
    padding-left: 10px;
  }

  .more .wf-more .iconfont {
    margin-top: 8px;
  }

  /* 产品服务 */
  .proService {}

  .proService .proService_t {
    position: relative;
    height: auto;
  }

  .proService .proService_t img {
    width: 100%;
    aspect-ratio: 686/400;
    border-radius: 6px;
  }

  .proService .proService_t .proService_t_info {
    width: calc(100% - 20px);
    height: auto;
    position: relative;
    z-index: 12;
    padding: 40px 20px;
    top: -20px;
    left: 10px;
    border-radius: 6px;
  }

  .proService .proService_t .proService_t_info .proService_t_info_t {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .proService .proService_t .proService_t_info .proService_t_info_t .iconfont {
    color: #EBB500;
    font-size: 16px;
    margin-right: 15px;
  }

  .proService .proService_t .proService_t_info .proService_t_info_b {
    font-size: 14px;
  }

  .proService .contact_form {
    margin-top: -20px;
  }

  .contact_form .tips {
    text-align: left;
  }

  .proService .contact_form .form_zx {
    margin-top: 40px;
    padding: 0 0px 0 0px;
    gap: 32px;
  }

  .proService .contact_form .form_zx .form_item {
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
  }

  .proService .contact_form .form_zx .form_item_textarea {
    width: 100%;
    align-items: flex-start;
    position: relative;

  }

  .textarea-counter {
    position: absolute;
    bottom: 10px;
    /* 距离底部的距离，根据textarea的padding调整 */
    right: 15px;
    /* 距离右侧的距离 */
    color: #999;
    /* 字体颜色 */
    font-size: 12px;
    /* 字体大小 */
    pointer-events: none;
    /* 防止点击字数统计时无法聚焦到输入框 */
  }

  .proService .contact_form .form_zx .form_item_yzm {
    width: 100%;
  }

  .proService .contact_form .form_zx .form_item_yzm input {
    width: 150px;
    flex: 0;
  }

  .proService .contact_form .form_zx .form_item_textarea textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    height: 160px;
    padding: 16px;
    font-size: 14px;
    line-height: 18px;
  }

  .proService .contact_form .form_zx .form_item:nth-child(2n) {
    margin-left: 0px;
  }

  .proService .contact_form .form_zx p {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .proService .contact_form .form_zx p span {
    color: #E50113;
    margin-right: 10px;
  }

  .proService .contact_form .form_zx select {
    flex: 1;
    height: 40px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    padding: 0 10px;
  }

  .custom-select {
    /* 设置基本盒模型和样式 */
    box-sizing: border-box;
    /* width: 200px; */
    height: 36px;
    padding: 0 30px 0 12px;
    /* 右侧留出30px空间给小三角 */
    font-size: 14px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    outline: none;
    cursor: pointer;
  }

  .form_item_select {
    position: relative;
  }

  .form_item_select::after {
    content: "\e7a8";
    font-family: "iconfont";
    position: absolute;
    right: 10px;
    top: auto;
    transform: translateY(0%);
    bottom: 12px;
    pointer-events: none;
    color: #999;
    font-size: 6px;
  }

  /* 去除IE浏览器默认的清除按钮和下拉箭头 */
  /* .custom-select::-ms-clear {
  display: none;
}

.custom-select::-ms-expand {
  display: none;
} */

  .proService .contact_form .form_zx input {
    flex: 1;
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
    padding: 0 10px;
  }

  .proService .contact_form .form_zx .form_button {
    width: 100%;
    margin-left: 0px;
  }

  .proService .contact_form .form_zx .form_button .publicbtn {
    width: 120px;
    height: 40px;
    font-size: 14px;
    line-height: 18px;

  }


  .proService .contact_form .form_zx .imgBorder {
    width: 80px;
    height: 30px;
    opacity: 0.8;
  }

  .proService .contact_form .form_zx .imgBorder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .proService .contact_form .form_zx .changeImg {
    font-size: 12px;
    line-height: 12px;
  }

  /* 责任践行 new */
  .zrjx {
    width: 100%;
    height: 450px;
    position: relative;
  }


  .zrjx .bot_swiper {
    display: none;
  }

  .zrjx #thumbs .swiper-slide .img {
    width: 18.4%;
    aspect-ratio: 1/1;
    opacity: 0.6;
  }

  .zrjx #thumbs .swiper-slide .img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }

  .zrjx #thumbs .swiper-slide h5 {
    margin-top: 10px;
  }

  .zrjx #thumbs .swiper-slide-thumb-active {
    background: rgba(235, 181, 0, 0.9);
  }

  .zrjx #thumbs .swiper-slide-thumb-active .img {
    opacity: 1;
  }

  .zrjx .top_swiper {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }

  .zrjx .textBox {
    width: 100%;
  }

  .zrjx .textBox .textBox_t {
    display: none;
  }

  .zrjx .textBox h5 {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #fff;
  }

  .zrjx .textBox .info {
    max-height: 260px;
    padding-right: 10px;
  }

  .zrjx .mobile_page {
    display: block;
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    z-index: 2;
  }

  .zrjx .mobile_page .prve_swiper,
  .zrjx .mobile_page .next_swiper {
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .zrjx .mobile_page .prve_swiper:hover,
  .zrjx .mobile_page .next_swiper:hover {
    background: #EBB500;
  }

  .zrjx .mobile_page .iconfont {
    font-size: 8px;
    color: #EBB500;
  }

  .zrjx .mobile_page .prve_swiper:hover .iconfont,
  .zrjx .mobile_page .next_swiper:hover .iconfont {
    color: #fff;
  }

  .zrjx .mobile_page .pageNum {
    padding: 0 20px;
    font-family: ArialMT;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
  }

  .zrjx .mobile_page .pageNum .totla {
    color: rgba(255, 255, 255, 0.6);
  }

  /* 品牌故事 */
  .story {}

  .story .story_t {
    width: 100%;
    aspect-ratio: 750/400;
  }

  .story .pcShow {
    display: none;
  }

  .story .mobileShow {
    display: block;
  }

  /* .story .story_two img.mobileShow {
    margin-left: 16px;
  } */
  .story .hr_fs32 {
    font-size: 16px;
    line-height: 20px;
  }

  .story .story_two .title {
    font-size: 20px;
    line-height: 24px;
  }

  .story .story_one .title {
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
  }

  .story .left_with {
    width: calc(100% - 16px);
  }

  .story .right_with {
    width: calc(100% - 16px);
    margin-left: 16px;
  }

  .story .story_one_t {
    aspect-ratio: auto;
    border-radius: 0px 6px 6px 0px;
    overflow: hidden;
    position: relative;
  }

  .story .story_one_t .p_aTitle {
    padding: 10px;
    position: absolute;
    bottom: 0px;
    z-index: 2;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: left;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 62.12%, rgba(0, 0, 0, 0.6) 100%);
  }

  .story .story_one_t .p_aTitle.right {
    text-align: right;
  }

  .story .story_one_item .story_one_item_t {
    width: 100%;
  }

  .story .story_one_item .story_one_item_t span {
    font-size: 32px;
    line-height: 36px;
    margin-right: 10px;
  }

  .story .story_one_item .story_one_item_c {
    margin-top: 20px;
    width: 100%;
  }

  .story .story_one_item .story_one_item_b div {
    border-radius: 6px;
  }

  .story .story_one_item .story_one_item_b div .title {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
  }



  .story .story_one_item .story_one_item_b {
    display: flex;
    justify-content: flex-start;
    gap: 3%;
  }

  .story .story_one_item:nth-child(odd) .story_one_item_b {
    align-items: flex-end;
    flex-wrap: wrap;
  }

  .story .story_one_item:nth-child(odd) .story_one_item_b .img1 {
    aspect-ratio: auto;
    width: 100%;
    height: auto;
    margin-bottom: 20px
  }

  .story .story_one_item:nth-child(odd) .story_one_item_b .img2 {
    aspect-ratio: auto;
    width: 100%;
    height: auto;
  }

  .story .story_one_item:nth-child(odd) .story_one_item_b .img3 {
    display: none;
  }

  .story .story_one_item:nth-child(even) .story_one_item_t {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  .story .story_one_item:nth-child(even) .story_one_item_c {
    width: 100%;
    margin-left: 0;
  }

  .story .story_one_item:nth-child(even) .story_one_item_b {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .story .story_one_item:nth-child(even) .story_one_item_b .img1 {
    aspect-ratio: auto;
    width: 100%;
    margin-bottom: 20px;
  }

  .story .story_one_item:nth-child(even) .story_one_item_b .img2 {
    aspect-ratio: auto;
    width: 100%;
  }

  .story .story_one_item:nth-child(even) .story_one_item_b .img3 {
    display: none;
  }

  .story .story_one_item:nth-child(3) .story_one_item_b .img1 {
    aspect-ratio: auto;
    width: 100%;
  }

  .story .story_one_item:nth-child(3) .story_one_item_b .img2 {
    aspect-ratio: auto;
    width: 100%;
  }

  .story .story_one_item:nth-child(3) .story_one_item_b .img3 {
    display: block;
    aspect-ratio: auto;
    width: 100%;
  }

  .story .story_two {
    background: #E7F1F6;
  }

  .story .story_two .hr_outBox {
    margin-top: 20px;
  }

  .story .story_two .story_one_t {
    width: calc(100% - 16px);
    margin-left: 16px;
  }

  .story .story_two .title {
    font-size: 20px;
    line-height: 24px;
  }

  .story .story_two .story_two_item {
    width: 100%;
    margin-bottom: 40px;
  }

  .story .story_two .story_two_item .story_two_item_t {}

  .story_two_list {
    margin-top: 20px;
  }

  .story .story_two .story_two_item .story_two_item_t span {
    font-size: 32px;
    line-height: 36px;
    margin-right: 10px;
  }


  .story .story_two .story_two_item .story_two_item_b {
    border-radius: 4px;
    padding: 20px;
    margin-top: 20px;
  }

  .story .story_two .story_two_item .story_two_item_b img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    padding-top: 40px;
  }

  .story .story_two .story_two_item:last-child {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .story .story_three {
    background-image: url(./../image/crnf-brand-story03-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 700px;
  }

  .story_three .h4_story_three {
    position: absolute;
    top: 60px;
  }

  .story .story_three .story_three_box {
    width: calc(100% - 32px);
    /* max-width: 50.08%; */
    height: 450px;
  }

  .story .story_three .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
  }

  .story .story_three .swiper-slide {
    width: 100%;
    height: 100%;
    padding: 20px;
  }

  .story .story_three .swiper-slide .top {
    display: flex;
    justify-content: space-between;
  }

  .story .story_three .swiper-slide .desc {
    margin-top: 20px;
    height: calc(100% - 60px);
    overflow: auto;
    padding-right: 10px;
  }

  .story .story_three .story_three_page {
    display: inline-block;
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 18px;
  }

  .story .story_three .story_three_page .total_story_three_page {
    opacity: .6;
  }

  .story .story_three .swiperButton {
    width: 32px;
    height: 32px;
    top: auto;
    transform: translateY(-50%);
    bottom: -72px;
  }

  .story .story_three .swiper_prve_button {
    left: calc((100% - 125px) / 2);
  }

  .story .story_three .swiper_next_button {
    right: calc((100% - 125px) / 2);
  }

  .story .story_three .swiperButton .iconfont {
    color: #EBB500;
    font-size: 10px;
  }

  .story .story_three .swiperButton:hover {
    background: #EBB500;
  }

  .story .story_three .swiperButton:hover .iconfont {
    color: #fff;
  }

  .story .story_three .hr_fs32 {
    font-size: 16px;
    line-height: 20px;
  }



  .story .story_four .story_four_t_desc {
    width: calc(100% - 32px);
  }



  .story .story_four .story_four_b .story_four_b_item {
    width: 100%;
    max-width: none;
    flex-wrap: wrap;
  }

  .story .story_four .story_four_b .story_four_b_item:nth-child(even) {
    margin-left: 0;
  }

  .story .story_four .story_four_b .story_four_b_item:nth-child(even) .item_l {
    order: 1;
  }

  .story .story_four .story_four_b .story_four_b_item:nth-child(even) .item_r {
    order: 2;
  }

  .story .story_four .story_four_b .story_four_b_item .item_l {
    width: 100%;
    aspect-ratio: auto;
  }

  .story .story_four .story_four_b .story_four_b_item .item_l img {
    width: 100%;
    height: auto;
  }

  .story .story_four .story_four_b .story_four_b_item .item_r {
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 40px 16px;
    aspect-ratio: auto;
  }

  .story .story_four_b_item .item_r .item_r_t {
    flex-shrink: 0;
  }

  .story .story_four_b_item .item_r .item_r_t span {
    font-size: 32px;
    line-height: 36px;
    margin-right: 10px;
  }

  .story .story_four_b_item .item_r .item_r_desc {
    height: auto;
    overflow: auto;
    margin-top: 20px;
    line-height: 24px;
    padding-right: 0px;
  }

  .story .story_four .story_four_b .story_four_b_item:last-child {
    width: 100%;
    margin-left: 0;
  }

  .story .story_four .hr_fs32 {
    font-size: 16px;
    line-height: 20px;
  }

  .story .story_four .story_four_b .story_four_b_item:last-child .item_l {
    width: 100%;
    aspect-ratio: auto;
  }

  .story .story_four .story_four_b .story_four_b_item:last-child .item_r {
    width: 100%;
    aspect-ratio: auto;
    padding-top: 30px;
    padding-bottom: 0;
  }

  .story .story_four_b_item .item_l .title {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .honors .honors_honor {
    display: none;
  }

  .honors .honors_mobile {
    display: block;
  }

  .honors .honors_mobile .swiper-container {}

  .honors .honors_mobile .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
  }

  .honors .honors_mobile .swiper-container .swiper-slide .picBox {
    width: 100%;
    height: 100%;
    display: block;
    background: #F6E7B8;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
  }

  .honors .honors_mobile .swiper-container .swiper-slide .picBox p {
    position: absolute;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 47.23%, rgba(0, 0, 0, 0.6) 100%);
    border-radius: 0px 0px 10px 10px;
    padding: 13px;
    bottom: 0;
    z-index: 10;
    color: #fff;
    text-align: center;
  }

  .honors .honors_mobile .swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .honors .honors_mobile .page_mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
  }

  .honors .honors_mobile .page_mobile .mobilePage {
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    font-size: 8px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .honors .honors_mobile .page_mobile .mobilePage .iconfont {
    color: #EBB500;
    font-size: 8px;
  }

  .honors .honors_mobile .page_mobile .mobilePage:hover {
    background: #EBB500;
    color: #fff;
  }

  .honors .honors_mobile .page_mobile .mobilePage:hover .iconfont {
    color: #fff;
  }

  .current_total {
    font-family: ArialMT;
    font-size: 14px;
    color: #333333;
    line-height: 18px;
  }

  .honors_honors {
    padding-bottom: 60px;
  }

  .honors_detail .detail_item .detail_item_box .item_list {
    gap: 10px;
  }

  .honors_detail .detail_item .detail_item_box .item_list .item_list_item {
    width: calc((100% - 10px) / 2);
    padding: 10px;
    border-radius: 6px;
    height: auto;
    min-height: 90px;
  }

  .honors_detail .detail_item .detail_item_box .item_list .item_list_item p {
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    -webkit-line-clamp: 40;
  }

  .honors_detail_fot {
    display: flex;
    justify-content: space-between;
  }

  .honors_detail_fot .detail_fot_button {
    padding: 11px 8px;
    gap: 8px;
    height: 40px;
  }

  .honors_detail_fot .detail_fot_button span {
    line-height: 24px;
  }

  .honors_detail_fot .detail_fot_button .iconfont {
    font-size: 8px;
  }

  .honors_detail_fot .detail_fot_prve p,
  .honors_detail_fot .detail_fot_next p {
    width: 16px;
    height: 16px;
    border-radius: 2px;
  }

  .honors_detail .detail_item .detail_item_box {
    border-radius: 50px 0px 50px 0px;
  }

  .story_rightNav {
    display: none !important;
  }

  .beianhao {
    padding: 0 0px;
    padding-left: 5px;
  }

  .newsDetail .fileList {
    gap: 10px;
  }

  .newsDetail .fileList p {
    font-size: 12px;
  }

  .newsDetail .fileList p a {
    font-size: 14px;
  }

  .innerPage_banner {
    height: 53vw;
  }

  .innerPage_banner.pcShow {
    display: none !important;
  }

  .innerPage_banner.mobileShow {
    display: flex;
  }

  .pcSiteMap .pcSiteMap_item .pcSiteMap_title {
    font-size: 16px;
    line-height: 24px;
  }

  .pcSiteMap .pcSiteMap_item .pcSiteMap_list {
    margin-top: 10px;
    gap: 10px;
  }

  .pcSiteMap .pcSiteMap_item .pcSiteMap_list a {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
  }

  .pcSiteMap .pcSiteMap_close {
    right: 20px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
  }

  .pcSiteMap .pcSiteMap_item {
    margin-bottom: 20px;
  }

  .pcSiteMap .pcSiteMap_main {
    background: #FFFFFF;
    padding: 20px 20px 20px 20px;
    background-size: 32% auto;
  }

  .pcSiteMap .pcSiteMap_main_main {
    width: 100%;
    height: calc(100% - 100px);
    margin-top: 60px;
    overflow-y: auto;
  }

  .pcSiteMap .pcSiteMap_item .pcSiteMap_list a .iconfont {
    margin-left: 5px;
    font-size: 8px;
  }

  .contact .contact_t .hr_inBox .pcShow {
    display: none;
  }

  .contact .contact_t .hr_inBox .wapShow {
    display: block;
  }

  .honors_detail_top {
    margin-bottom: 40px;
  }

  .honors_detail_top .swiper-slide {
    /* border-radius: 20px;
    padding: 11px 10px; */
    min-width: 100px;
    padding: 11px 22px;
    background: #EEECEA;
    border-radius: 20px;
    width: auto;
  }


  .honors_detail_top .swiper-slide a {
    font-size: 14px;
    line-height: 18px;
  }

  .contact .contact_b .contact_b_t .swiper-container {
    width: 100%;
  }

  .jlyw {}

  .jlyw .jlyw_item {
    width: 100%;
    aspect-ratio: auto;
    border-bottom: 1px solid #D8D8D8;
    padding: 40px 0;
  }

  .jlyw .jlyw_item:nth-child(odd) {
    border-right: 1px solid #D8D8D8;
  }

  .jlyw .jlyw_item .xgyw_item_r_box {
    display: flex;
    flex-direction: column;
    /* 移除 justify-content: center; 改用 margin 实现居中，以便过渡 */
    gap: 20px;
    width: 80%;
    margin-left: 10.41%;
    padding-right: 4%;
    height: 100%;
    overflow: hidden;
    /* 默认隐藏超出部分，防止动画溢出 */
    transition: all 0.5s ease;
  }

  /* 利用 margin: auto 实现默认状态下的垂直居中 */
  .jlyw .jlyw_item .xgyw_item_r_box>*:first-child {
    margin-top: auto;
  }

  .jlyw .jlyw_item .xgyw_item_r_box>*:last-child {
    margin-bottom: auto;
  }

  /* Hover 状态：取消居中，允许滚动 */
  .jlyw .jlyw_item .xgyw_item_r_box {
    /* 不需要写 justify-content: flex-start; margin:auto 会自动失效 */
    overflow: auto;
  }

  /* --- 核心动画逻辑 --- */
  .jlyw .jlyw_item .xgyw_item_r_box .info {
    max-height: none;
    /* 默认高度为0 */
    opacity: 1;
    /* 默认透明 */
    overflow: hidden;
    /* 隐藏超出的内容 */
    visibility: visible;
    /* 不可见，防止被点击 */
    transition: all 0.5s ease 0.1s;
    /* 添加 0.1s 延迟，让居中到顶部的动作先发生 */
  }



  .jlyw .jlyw_item.xgyw_item_r_box_span {
    width: 20px;
    height: 4px;
    background: #EBB500;
    flex-shrink: 0;
  }

  .qywh .cxgy .qybz_main {
    justify-content: flex-start;
  }

  .qywh .cxgy .qybz_main .cxgy_l {
    width: 100%;
    gap: 30px;
  }

  .qywh .cxgy .qybz_main .cxgy_c {
    width: 0px;
    height: 240px;
    border: 1px solid #F5F5F5;
    margin: 0 0%;
    display: none;
  }

  .qywh .cxgy .qybz_main .cxgy_r {
    margin-top: 30px;
    width: 100%;
    gap: 30px;
  }

  .qywh .cxgy .qybz_main {
    gap: 20px 0;
    flex-wrap: wrap;
    justify-content: center;
  }


  .qywh .cxgy .qybz_main .cxgy_item {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #F8F8F8;
    padding: 25px 0;
  }
.qywh .cxgy .qybz_main .cxgy_item:last-child{
   
    border-bottom: none;
  }
  .qywh .qybz .qybz_main .cxgy_item::after {
    width: 0;
  }

  .qywh .cxgy .qybz_main .cxgy_item img {
    width: 100px;
    height: 100px;
    margin: 20px 0;
  }

  .qywh .cxgy .qybz_main .cxgy_item p {
    margin-top: 0;
    text-align: center;
  }
}

@media screen and (max-width: 640px) {
  .indexbannerSwPage .swiper-pagination span {
    width: 46px;
  }


  .indexbannerSwPageOut .indexbannerSwPage {
    justify-content: center;
  }

  .videoPup {
    transform: translateY(-100vh);
  }

  .videoPup .videopup_videoBox video {
    opacity: 0;
    z-index: -1;
    display: none;
    overflow: hidden;
  }

  .videoPup.active .videopup_videoBox video {
    opacity: 1;
    z-index: 2;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  #index-resp-tab-swiper {
    width: 70% !important;
    margin-left: 0;
    overflow: inherit;
  }

  .index_brand {
    margin: -30px 0;
  }
}

@media screen and (max-width: 500px) {
  .cpjz .ppry {
    height: auto;
  }

  .cpjz .ppry_box {
    /* width: calc(100% - 32px); */
    margin: 0 auto;
    padding: 0 16px;
  }

  .cpjz .ppry_info {
    flex-wrap: wrap;
    width: 100%;
  }

  .cpjz .ppry_info .ppry_box_l {
    width: 100%;
  }

  .cpjz .ppry_info .ppry_box_l h4 {
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info {
    margin-top: 23px;
    overflow: auto;
  }

  .cpjz .threeBox .box {
    background-size: 100% auto;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info p {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
  }

  .cpjz .ppry_info .ppry_box_l .ppry_box_l_info p .iconfont {
    opacity: 0.6;
    margin-right: 10px;
    font-size: 14px;
  }

  .cpjz .ppry_info .ppry_box_r {
    width: 200px;
    position: relative;
    /* margin-top: 60px; */
    margin: 0 auto;
    margin-top: -70px;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 31;
    top: 120px;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-container {
    width: 100%;
    overflow: hidden;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide {
    width: 190px;
    height: 200px;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide img {
    max-height: 100%;
    max-width: 90%;
    object-fit: contain;
  }

  .cpjz .ppry_info .ppry_box_r .swiper_box .swiper-slide-active {
    width: 245px;
    /* height: 300px; */
  }

  .cpjz .threeBox {
    margin-top: 20px;
    height: 193px;
    z-index: 3;
  }



  .cpjz .threeBox .r2 {
    width: 200px;
    height: auto;
    margin-right: 0px;
    z-index: 2;
    background-position: 0 80px;
  }

  .cpjz .swiper_button {
    bottom: 20px;
    left: 50%;
    gap: 20px;
  }

  .cpjz .swiper_button p {
    width: 32px;
    height: 32px;
  }

  .cpjz .swiper_button .currentNum {
    font-size: 14px;
    line-height: 18px;
  }

  .cpjz .swiper_button .totlaNum {
    font-size: 14px;
    line-height: 18px;
  }

  .cpjz .swiper_button .swiper_box_page {
    display: flex;
  }




}