@charset "UTF-8";
@font-face {
  font-family: "DYmh";
  src: url("../font/douyin.OTF");
}

@font-face {
  font-family: "DIN";
  src: url("../font/D-DIN.otf");
}

.header.header-channel {
  width: 100%;
  height: 50vw;
  /* 可根据原比例调整，原823px对应屏幕宽度约1646px时为50vw，按需微调 */
  position: relative;
  max-height: 551px;
  /* 保留最大高度，避免页面过宽时图片拉伸过度 */
  min-height: 210px;
  /* 设置最小高度，防止页面过窄时高度过小 */
  background: linear-gradient(180deg, rgba(67, 188, 168, 0.66) 0%, rgba(35, 154, 134, 0.39) 7%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0) 76%, rgba(255, 255, 255, 0) 100%);
}

.header.header-channel .header-layout {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.header.header-channel .header-layout .header-function {
  margin: 0;
}

.header.header-channel .header-layout .header-function .channel-box {
  position: relative;
  opacity: 0 !important;
}

.header.header-channel .header-layout .header-function .channel-box .channel-title {
  position: absolute;
  top: 40%;
  left: 45%;
  transform: translate(-50%, -50%);
  font-family: Source Han Serif CN;
  font-size: 52px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

.header.header-channel .header-layout .header-function .channel-box img {
  width: 340px;
  height: 150px;
}

.header.header-channel .header-layout .header-function .header-search {
  margin-bottom: 30px;
}

.main {
  width: 100%;
  height: 100%;
}

.main .layeredNav {
  position: relative;
  width: 1351px;
  margin: 0 auto;
}

.main .layeredNav i {
  font-size: 18px;
  color: #239A86;
  margin-right: 5px;
}

.main .layeredNav span {
  font-size: 16px;
  color: #B8B6B6;
}

.main .layeredNav a {
  display: inline-block;
  font-size: 16px;
  color: #B8B6B6;
}

.main .layeredNav .front-page {
  color: #B8B6B6;
}

.main .layeredNav .current-channel {
  color: #239A86;
}

.main .channel-news {
  width: 100%;
  margin-top: 64px;
  padding-bottom: 121px;
  position: relative;
}

.main .channel-news::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
  background: url(../images/box-bg-3.png) no-repeat top center;
  background-size: cover;
}

.main .channel-news .news-layout {
  width: 1351px;
  margin: 0 auto;
}

.main .channel-news .news-layout .news-list-box {
  height: 518px;
  margin-top: 34px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.main .channel-news .news-layout .news-list-box .news-list-left {
  width: 46%;
  height: 100%;
}

.main .channel-news .news-layout .news-list-box .news-list-left a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.main .channel-news .news-layout .news-list-box .news-list-left a img {
  width: 100%;
  height: 100%;
  max-height: 393px;
  object-fit: cover;
}

.main .channel-news .news-layout .news-list-box .news-list-left a .news-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #EFF9F7;
  padding: 22px 25px;
}

.main .channel-news .news-layout .news-list-box .news-list-left a .news-info:hover .content {
  color: #239A86;
}

.main .channel-news .news-layout .news-list-box .news-list-left a .news-info:hover .title {
  color: #239A86;
}

.main .channel-news .news-layout .news-list-box .news-list-left a .news-info .time {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 90px;
}

.main .channel-news .news-layout .news-list-box .news-list-left a .news-info .time span {
  font-family: DIN;
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #239A86;
  white-space: nowrap;
}

.main .channel-news .news-layout .news-list-box .news-list-left a .news-info .time span:last-of-type {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  color: #239A86;
}

.main .channel-news .news-layout .news-list-box .news-list-left a .news-info .news-main {
  width: calc(100% - 120px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.main .channel-news .news-layout .news-list-box .news-list-left a .news-info .title {
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #333333;
  max-width: 424px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 11px;
}

.main .channel-news .news-layout .news-list-box .news-list-left a .news-info .content {
  font-family: Microsoft YaHei;
  font-size: 16px;
  max-width: 452px;
  width: 100%;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: #333333;
  /* 控制仅显示两行并省略超出内容 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制行数为2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  max-height: 50px;
}

.main .channel-news .news-layout .news-list-box .news-list-right {
  width: 52%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main .channel-news .news-layout .news-list-box .news-list-right .new-r-item {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main .channel-news .news-layout .news-list-box .news-list-right .new-r-item .new-r-img {
  width: 244px;
  height: 150px;
  display: block;
  /* 可选：防止图片超出盒子（若有边框/内边距时必备） */
  overflow: hidden;
}

.main .channel-news .news-layout .news-list-box .news-list-right .new-r-item .new-r-img img {
  width: 100%;
  height: 100%;
  min-width: 244px;
  object-fit: cover;
  /* 核心属性，保持比例铺满盒子 */
  /* 可选：调整图片显示的对齐位置（默认居中，按需修改） */
  object-position: center;
  /* 可选值：top/left/bottom/right 等 */
  /* 可选：消除图片底部可能出现的空白间隙 */
  vertical-align: middle;
}

.main .channel-news .news-layout .news-list-box .news-list-right .new-r-item .new-r-content {
  width: calc(100% - 244px);
  padding: 8px 23px;
}

.main .channel-news .news-layout .news-list-box .news-list-right .new-r-item .new-r-content:hover .abs {
  color: #239A86;
}

.main .channel-news .news-layout .news-list-box .news-list-right .new-r-item .new-r-content:hover .title {
  color: #239A86;
}

.main .channel-news .news-layout .news-list-box .news-list-right .new-r-item .new-r-content span {
  display: block;
  max-width: 424px;
  width: 100%;
}

.main .channel-news .news-layout .news-list-box .news-list-right .new-r-item .new-r-content .time {
  font-family: DIN;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0em;
  color: #239A86;
  margin-bottom: 17px;
}

.main .channel-news .news-layout .news-list-box .news-list-right .new-r-item .new-r-content .title {
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #333333;
  max-width: 424px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 11px;
}

.main .channel-news .news-layout .news-list-box .news-list-right .new-r-item .new-r-content .abs {
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  /* 浏览器可能不支持 */
  letter-spacing: 0.05em;
  color: #999999;
  /* 控制仅显示两行并省略超出内容 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制行数为2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  max-height: 50px;
}

.main .channel-notice {
  width: 100%;
  background: url(../images/notice-bg.png) no-repeat center center;
  background-size: cover;
  padding: 71px 0 81px;
}

.main .channel-notice .notice-layout {
  width: 1351px;
  margin: 0 auto;
}

.main .channel-notice .notice-layout .main-title-box .main-title {
  font-family: Microsoft YaHei;
  color: #FFFFFF;
}

.main .channel-notice .notice-layout .main-title-box .main-title span {
  font-family: Microsoft YaHei;
  color: #FFFFFF;
}

.main .channel-notice .notice-layout .main-title-box .more-btn::before {
  background: url(../images/more-btn-w.png) no-repeat center center;
  background-size: cover;
}

.main .channel-notice .notice-layout .main-title-box .more-btn span {
  color: #fff;
}

.main .channel-notice .notice-layout .notice-list {
  margin-top: 47px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main .channel-notice .notice-layout .notice-list .notice-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 32%;
  height: 141px;
  background: rgba(255, 255, 255, 0.9412);
  margin-bottom: 22px;
  border-radius: 5px;
  padding: 42px 35px;
}

.main .channel-notice .notice-layout .notice-list .notice-item:hover .content {
  color: #239A86;
}

.main .channel-notice .notice-layout .notice-list .notice-item:hover .time span:first-of-type {
  color: #239A86;
}

.main .channel-notice .notice-layout .notice-list .notice-item:hover .time span:last-of-type {
  color: #239A86;
}

.main .channel-notice .notice-layout .notice-list .notice-item .time {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 90px;
}

.main .channel-notice .notice-layout .notice-list .notice-item .time span {
  font-family: DIN;
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #333;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.main .channel-notice .notice-layout .notice-list .notice-item .time span:last-of-type {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  color: #333;
}

.main .channel-notice .notice-layout .notice-list .notice-item .content {
  font-family: Microsoft YaHei;
  font-size: 16px;
  width: 273px;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  color: #333333;
  /* 控制仅显示两行并省略超出内容 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制行数为2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  max-height: 50px;
}

.main .channel-recruitment {
  width: 100%;
  padding: 80px 0 103px;
}

.main .channel-recruitment .recruitment-layout {
  width: 1351px;
  margin: 0 auto;
}

.main .channel-recruitment .recruitment-layout .recruitment-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 37px;
}

.main .channel-recruitment .recruitment-layout .recruitment-box .recruitment-list-left {
  width: 49%;
  padding: 37px 30px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(41, 90, 60, 0.1);
}

.main .channel-recruitment .recruitment-layout .recruitment-box .recruitment-list-right {
  width: 49%;
  padding: 37px 30px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(41, 90, 60, 0.1);
}

.main .channel-recruitment .recruitment-layout .recruitment-box a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 29px;
  padding-bottom: 29px;
  border-bottom: 1px dashed rgba(35, 154, 134, 0.33);
}

.main .channel-recruitment .recruitment-layout .recruitment-box a:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0px;
  border-bottom: none;
}

.main .channel-recruitment .recruitment-layout .recruitment-box a:hover .content {
  color: #239A86;
}

.main .channel-recruitment .recruitment-layout .recruitment-box a:hover .time span:first-of-type {
  color: #239A86;
}

.main .channel-recruitment .recruitment-layout .recruitment-box a:hover .time span:last-of-type {
  color: #239A86;
}

.main .channel-recruitment .recruitment-layout .recruitment-box a .time {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.main .channel-recruitment .recruitment-layout .recruitment-box a .time span {
  font-family: DIN;
  font-size: 38px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #239A86;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.main .channel-recruitment .recruitment-layout .recruitment-box a .time span:last-of-type {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;
  color: #239A86;
}

.main .channel-recruitment .recruitment-layout .recruitment-box a .content {
  margin-left: 26px;
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  color: #333333;
  /* 控制仅显示两行并省略超出内容 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制行数为2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  max-height: 50px;
}

.main .channel-intro {
  width: 100%;
  padding: 60px 0 103px;
  position: relative;
}

.main .channel-intro::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
  background: url(../images/box-bg-3.png) no-repeat center center;
  background-size: cover;
}

.main .channel-intro::before {
  content: '';
  position: absolute;
  width: 43%;
  padding-bottom: 33%;
  /* 601/806 ≈ 0.745，保持宽高比 */
  bottom: 0;
  right: 0;
  background: url(../images/yygk-bg.png) no-repeat center center;
  background-size: cover;
  z-index: 1;
}

.main .channel-intro .intro-layout {
  width: 1351px;
  margin: 0 auto;
}

.main .channel-intro .intro-layout .time-step-box {
  margin-top: 75px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.main .channel-intro .intro-layout .time-step-box .step-item {
  margin-right: 156px;
}

.main .channel-intro .intro-layout .time-step-box .step-item:last-of-type {
  margin-right: 0;
}

.main .channel-intro .intro-layout .time-step-box .step-item .time {
  display: flex;
  align-items: flex-end;
}

.main .channel-intro .intro-layout .time-step-box .step-item .time h3 {
  font-family: DIN;
  font-weight: 700;
  font-size: 61.73px;
  color: #333333;
  line-height: 1;
}

.main .channel-intro .intro-layout .time-step-box .step-item .time span {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 24.69px;
  line-height: 1.6;
  color: #333333;
}

.main .channel-intro .intro-layout .time-step-box .step-item .tit {
  text-align: center;
  font-family: Microsoft YaHei;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0em;
  color: #239A86;
}

.main .channel-intro .intro-layout .intro-box {
  display: flex;
  align-self: flex-start;
  margin-top: 52px;
  width: 886px;
  height: 498px;
  background: #FFFFFF;
  box-shadow: -9px 0px 26px 0px rgba(35, 154, 134, 0.13);
  position: relative;
  padding: 39px 51px;
  flex-direction: column;
  align-items: flex-start;
}

.main .channel-intro .intro-layout .intro-box img {
  width: 438.97px;
  height: 98px;
}

.main .channel-intro .intro-layout .intro-box p {
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-weight: normal;
  line-height: 40px;
  letter-spacing: 0.05em;
  text-indent: 2em;
  width: 100%;
  max-width: 733px;
  color: #333333;
  /* 控制仅显示两行并省略超出内容 */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* 限制行数为2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  max-height: 120px;
  margin-top: 26px;
}

.main .channel-intro .intro-layout .intro-box a {
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: rgba(35, 154, 134, 0.9412);
  transition: all 0.3s ease;
  margin-top: 10px;
}

.main .channel-intro .intro-layout .intro-box a i {
  margin-left: 10px;
}

.main .channel-intro .intro-layout .intro-box a:hover {
  transform: translateX(10px);
}

.main .channel-intro .intro-layout .intro-box .intro-img-swiper {
  width: 100%;
  height: 120px;
  margin-top: 25px;
  max-width: 733px;
  overflow: hidden;
}

.main .channel-intro .intro-layout .intro-box .intro-img-swiper .introSwiper {
  width: 100%;
  height: 100%;
}

.main .channel-intro .intro-layout .intro-box .intro-img-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.main .channel-intro .intro-layout .intro-box .intro-img-swiper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
}

.main .channel-intro .intro-layout .intro-box .intro-img-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main .channel-team {
  width: 100%;
  padding-top: 59px;
  background: url(../images/ystd.png) no-repeat center center;
  background-size: cover;
}

.main .channel-team .team-layout {
  width: 1351px;
  margin: 0 auto;
  position: relative;
}

.main .channel-team .team-layout .main-title-box .main-title {
  font-family: Microsoft YaHei;
  color: #FFFFFF;
}

.main .channel-team .team-layout .main-title-box .main-title span {
  font-family: Microsoft YaHei;
  color: #FFFFFF;
}

.main .channel-team .team-layout .main-title-box .more-btn::before {
  background: url(../images/more-btn-w.png) no-repeat center center;
  background-size: cover;
}

.main .channel-team .team-layout .main-title-box .more-btn span {
  color: #fff;
}

.main .channel-team .team-layout .team-swiper {
  margin-top: 41px;
  width: 100%;
  height: 587px;
  background: #FFFFFF;
  border-radius: 50px 0 0 0;
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 99px 52px 39px;
  overflow: hidden;
}

.main .channel-team .team-layout .team-swiper .teamSwiper {
  width: 100%;
  height: 100%;
}

.main .channel-team .team-layout .team-swiper .doctor-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.main .channel-team .team-layout .team-swiper .doctor-item:hover {
  transform: translateY(-10px);
}

.main .channel-team .team-layout .team-swiper .doctor-item img {
  width: 265px;
  height: 358px;
}

.main .channel-team .team-layout .team-swiper .doctor-item h4 {
  font-family: Microsoft YaHei;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #239A86;
  margin-top: 20px;
  margin-bottom: 10px;
}

.main .channel-team .team-layout .team-swiper .doctor-item span {
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #333333;
}

.main .channel-team .team-layout .team-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1636px;
  height: 587px;
  border-radius: 50px 0 0 0;
  background: #FFFFFF;
}

.main .channel-architecture {
  width: 100%;
  padding: 87px 0 84px;
  background: #F5FAFA;
}

.main .channel-architecture .architecture-layout {
  width: 1351px;
  margin: 0 auto;
}

.main .channel-architecture .architecture-layout .arc-box {
  width: 100%;
  position: relative;
  margin-top: 41px;
  height: 404px;
}

.main .channel-architecture .architecture-layout .arc-box .arcSwiper .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.main .channel-architecture .architecture-layout .arc-box .swiper {
  width: 103%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 0px;
}

.main .channel-architecture .architecture-layout .arc-box .swiper-slide {
  background: #fff;
  height: calc((100% - 30px) / 2) !important;
  border-radius: 20px;
  opacity: 1;
  background: #FFFFFF;
  padding: 27px 22px;
  position: relative;
  transition: all 0.3s ease;
}

.main .channel-architecture .architecture-layout .arc-box .swiper-slide .arc-icon {
  width: 58px;
  height: 58px;
  top: -19px;
  right: -19px;
  position: absolute;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.5px solid #239A86;
  box-shadow: 0px 0px 10px 0px rgba(35, 154, 134, 0.13);
  display: flex;
  justify-content: center;
  align-items: center;
}

.main .channel-architecture .architecture-layout .arc-box .swiper-slide .arc-icon i {
  font-size: 30px;
  color: #239A86;
}

.main .channel-architecture .architecture-layout .arc-box .swiper-slide::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
  transition: all 0.3s ease;
  z-index: -1;
  background: linear-gradient(180deg, #7CCDBF 0%, rgba(35, 154, 134, 0) 47%);
}

.main .channel-architecture .architecture-layout .arc-box .swiper-slide:hover {
  box-shadow: 0px 8px 24px 0px rgba(37, 126, 111, 0.3);
}

.main .channel-architecture .architecture-layout .arc-box .swiper-slide:hover::after {
  transform: rotate(5.96deg);
}

.main .channel-architecture .architecture-layout .arc-box .swiper-slide h4 {
  font-family: Microsoft YaHei;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0em;
  color: #333333;
}

.main .channel-architecture .architecture-layout .arc-box .swiper-slide span {
  margin-top: 20px;
  display: inline-block;
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #333333;
  width: 100%;
  max-width: 269px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main .channel-architecture .architecture-layout .arc-box .swiper-slide span i {
  color: #239A86;
  margin-right: 8px;
}

.main .channel-architecture .architecture-layout .arc-box .swiper-slide span:last-of-type {
  margin-top: 13px;
}

.main .channel-architecture .architecture-layout .arc-box .arc-button-next {
  position: absolute;
  right: -76px;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 46px;
  background: url(../images/jg-r.png) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}

.main .channel-architecture .architecture-layout .arc-box .arc-button-prev {
  position: absolute;
  left: -76px;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 46px;
  background: url(../images/jg-l.png) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}

.main .channel-honor {
  width: 100%;
  padding: 73px 0 96px;
  background: #FFFFFF;
}

.main .channel-honor .honor-layout {
  width: 1351px;
  margin: 0 auto;
}

.main .channel-honor .honor-layout .honor-box {
  width: 100%;
  height: 297px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 41px;
}

.main .channel-honor .honor-layout .honor-box .honor-item {
  width: 32%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 26px 20px;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(35, 154, 134, 0.17);
  transition: all 0.3s ease;
}

.main .channel-honor .honor-layout .honor-box .honor-item img {
  width: 100%;
  height: 100%;
  max-height: 278px;
  min-height: 278px;
  object-fit: cover;
}

.main .channel-honor .honor-layout .honor-box .honor-item:hover {
  box-shadow: 0px 8px 24px 0px rgba(35, 154, 134, 0.205);
}

.main .channel-knowledge {
  width: 100%;
  padding: 54px 0 73px;
  position: relative;
}

.main .channel-knowledge::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
  background: url(../images/box-bg-3.png) no-repeat center center;
  background-size: cover;
}

.main .channel-knowledge .knowledge-layout {
  width: 1351px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.main .channel-knowledge .knowledge-layout .know-left {
  width: 312px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.main .channel-knowledge .knowledge-layout .know-left .know-img {
  width: 100%;
  height: 255px;
  position: relative;
}

.main .channel-knowledge .knowledge-layout .know-left .know-img img {
  width: 277px;
  height: 100%;
}

.main .channel-knowledge .knowledge-layout .know-left .know-img .tit {
  position: absolute;
  top: 74px;
  right: 65px;
  width: 128px;
  height: 34px;
}

.main .channel-knowledge .knowledge-layout .know-left a {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 34px;
  height: 86px;
  border-radius: 5px;
  background: linear-gradient(90deg, #269FED 0%, #2D77D5 100%);
}

.main .channel-knowledge .knowledge-layout .know-left a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../images/operation-bg.png) no-repeat center bottom;
  background-size: cover;
  z-index: 20;
}

.main .channel-knowledge .knowledge-layout .know-left a:first-of-type {
  margin-left: 0;
}

.main .channel-knowledge .knowledge-layout .know-left a:nth-of-type(2) {
  background: linear-gradient(90deg, #DF582B 0%, #DC4A50 100%);
}

.main .channel-knowledge .knowledge-layout .know-left a:nth-of-type(3) {
  background: linear-gradient(90deg, #DB861E 0%, #E2811A 100%);
}

.main .channel-knowledge .knowledge-layout .know-left a:last-of-type {
  background: linear-gradient(90deg, #14BEBF 0%, #2498BE 100%);
  margin-bottom: 0;
}

.main .channel-knowledge .knowledge-layout .know-left a:hover .op-box {
  transform: scale(1.1);
}

.main .channel-knowledge .knowledge-layout .know-left a .op-box {
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main .channel-knowledge .knowledge-layout .know-left a .op-box i {
  font-size: 42px;
  color: #fff;
  margin-right: 14px;
}

.main .channel-knowledge .knowledge-layout .know-left a .op-box span {
  font-family: Microsoft YaHei;
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0em;
  color: #FFFFFF;
}

.main .channel-knowledge .knowledge-layout .know-left a .op-box p {
  font-family: Microsoft YaHei;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0em;
  color: #FFFFFF;
}

.main .channel-knowledge .knowledge-layout .know-right {
  margin-top: 34px;
  width: calc(100% - 312px - 37px);
}

.main .channel-knowledge .knowledge-layout .know-right .know-list-box {
  margin-top: 25px;
  width: 100%;
  height: 551px;
  border-radius: 5px;
  padding: 20px;
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(229, 244, 242, 0.3294) 100%);
}

.main .channel-knowledge .knowledge-layout .know-right .know-list-box .know-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 21px 29px;
  border-radius: 5px;
  background: #FFFFFF;
  margin-bottom: 30px;
}

.main .channel-knowledge .knowledge-layout .know-right .know-list-box .know-list-item:last-of-type {
  margin-bottom: 0;
}

.main .channel-knowledge .knowledge-layout .know-right .know-list-box .know-list-item:hover p {
  color: #239A86;
}

.main .channel-knowledge .knowledge-layout .know-right .know-list-box .know-list-item .content {
  font-family: Microsoft YaHei;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #333333;
  width: 100%;
  max-width: 650px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}

.main .channel-knowledge .knowledge-layout .know-right .know-list-box .know-list-item .time {
  font-family: DIN;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #999999;
  transition: all 0.3s ease-in-out;
}

.main .channel-knowledge .knowledge-layout .know-right .know-list-box .know-list-item .time i {
  margin-right: 10px;
  font-size: 22px;
}

.main .channel-guide {
  width: 100%;
  padding: 91px 0 165px;
}

.main .channel-guide .guide-layout {
  width: 1351px;
  margin: 0 auto;
}

.main .channel-guide .guide-layout .guide-change {
  display: flex;
  justify-content: center;
  align-items: center;
}

.main .channel-guide .guide-layout .guide-change .main-title-box {
  margin: 0px 20px;
  padding: 20px 70px;
  border-radius: 66px;
  transition: all 0.3s ease-in-out;
}

.main .channel-guide .guide-layout .guide-change .main-title-box.active {
  background: #239A86;
  color: #fff;
}

.main .channel-guide .guide-layout .guide-change .main-title-box.active .main-title {
  color: #fff;
}

.main .channel-guide .guide-layout .guide-change .main-title-box.active .main-title span {
  color: #fff;
}

.main .channel-guide .guide-layout .guide-box {
  width: 100%;
  position: relative;
  margin-top: 41px;
  height: 494px;
}

.main .channel-guide .guide-layout .guide-box .guideSwiper .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.main .channel-guide .guide-layout .guide-box .guideSecSwiper .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.main .channel-guide .guide-layout .guide-box .swiper {
  width: 101%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
}

.main .channel-guide .guide-layout .guide-box .swiper-slide {
  background: #fff;
  height: calc((100% - 30px) / 2) !important;
  border-radius: 5px;
  opacity: 1;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(41, 90, 60, 0.1);
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.main .channel-guide .guide-layout .guide-box .swiper-slide::after {
  content: '';
  width: 90%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  transition: all 0.3s ease;
  z-index: -1;
  background: linear-gradient(166deg, #239A86 1%, #37C1AA 18%);
}

.main .channel-guide .guide-layout .guide-box .swiper-slide:hover {
  box-shadow: 0px 8px 24px 0px rgba(37, 126, 111, 0.3);
}

.main .channel-guide .guide-layout .guide-box .swiper-slide:hover::after {
  transform: translateX(-50%) rotate(10deg);
}

.main .channel-guide .guide-layout .guide-box .swiper-slide img {
  width: 68px;
  height: 68px;
  margin-bottom: 25px;
}

.main .channel-guide .guide-layout .guide-box .swiper-slide span {
  font-family: Microsoft YaHei;
  font-size: 20px;
  font-weight: normal;
  color: #333333;
  text-align: center;
  padding: 0px 10px;
}

.main .channel-guide .guide-layout .guide-box .guide-button-next {
  position: absolute;
  right: -76px;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 46px;
  background: url(../images/jg-r.png) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}

.main .channel-guide .guide-layout .guide-box .guide-button-prev {
  position: absolute;
  left: -76px;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 46px;
  background: url(../images/jg-l.png) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}

.main .channel-party {
  width: 100%;
  padding: 34px 0 71px;
  position: relative;
}

.main .channel-party::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
  background: url(../images/box-bg-3.png) no-repeat center center;
  background-size: cover;
}

.main .channel-party .party-layout {
  width: 1351px;
  margin: 0 auto;
}

.main .channel-party .party-layout .party-box {
  margin-top: 37px;
}

.main .channel-party .party-layout .party-box a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 38px;
}

.main .channel-party .party-layout .party-box a:hover .party-content p {
  color: #239A86;
}

.main .channel-party .party-layout .party-box a:hover .party-img img {
  transform: scale(1.1);
}

.main .channel-party .party-layout .party-box a:last-child {
  margin-bottom: 0;
}

.main .channel-party .party-layout .party-box a .party-img {
  width: 247px;
  height: 145px;
  overflow: hidden;
}

.main .channel-party .party-layout .party-box a .party-img img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}

.main .channel-party .party-layout .party-box a .party-content {
  width: calc(100% - 260px);
  max-width: 1060px;
  margin-left: 40px;
}

.main .channel-party .party-layout .party-box a .party-content .time {
  font-family: DIN;
  font-size: 30.51px;
  font-weight: bold;
  letter-spacing: 0em;
  color: #239A86;
  transition: all 0.3s ease;
}

.main .channel-party .party-layout .party-box a .party-content .title {
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #333333;
  margin: 16px 0 15px;
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100%);
  max-width: 100%;
}

.main .channel-party .party-layout .party-box a .party-content .main {
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0.05em;
  color: #999999;
  /* 控制仅显示两行并省略超出内容 */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制行数为2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  max-height: 50px;
  transition: all 0.3s ease;
}

.main .channel-style {
  width: 100%;
  padding: 66px 0 116px;
}

.main .channel-style .style-layout {
  width: 1351px;
  margin: 0 auto;
}

.main .channel-style .style-layout .style-box {
  width: 100%;
  margin-top: 30px;
  height: 463px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main .channel-style .style-layout .style-box .style-list-item {
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0px 4px 10px 0px rgba(41, 90, 60, 0.1);
  padding: 17px 15px;
  transition: all 0.3s ease;
}

.main .channel-style .style-layout .style-box .style-list-item:hover {
  box-shadow: 0px 4px 10px 0px rgba(41, 90, 60, 0.25);
}

.main .channel-style .style-layout .style-box .style-list-item:hover p {
  color: #239A86;
}

.main .channel-style .style-layout .style-box .style-list-item:hover .more {
  transform: translateX(10px);
}

.main .channel-style .style-layout .style-box .style-list-item img {
  width: 390px;
  height: 237px;
}

.main .channel-style .style-layout .style-box .style-list-item .cross {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 18px;
}

.main .channel-style .style-layout .style-box .style-list-item .cross .time {
  font-family: D-DIN;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0em;
  color: #239A86;
}

.main .channel-style .style-layout .style-box .style-list-item .cross .more {
  width: 44px;
  height: 44px;
  background: #239A86;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.main .channel-style .style-layout .style-box .style-list-item .cross .more i {
  color: #fff;
}

.main .channel-style .style-layout .style-box .style-list-item .title {
  font-family: Microsoft YaHei;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0em;
  color: #333333;
  width: 100%;
  max-width: 390px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 16px 0 18px;
  transition: all 0.3s ease;
}

.main .channel-style .style-layout .style-box .style-list-item .abs {
  font-family: Microsoft YaHei;
  font-size: 16px;
  font-weight: normal;
  line-height: 25px;
  letter-spacing: 0em;
  color: #666666;
  width: 100%;
  max-width: 390px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* 限制行数为2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出显示省略号 */
  max-height: 50px;
  transition: all 0.3s ease;
}

.main-info {
  position: relative;
}

.main-info .info-title-box {
  position: absolute;
  top: -150px;
  left: 0;
}

.main-info .info-title-box .channel-title {
  position: absolute;
  top: 40%;
  left: 45%;
  transform: translate(-50%, -50%);
  font-family: Source Han Serif CN;
  font-size: 52px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}

.main-info .info-title-box img {
  width: 340px;
  height: 150px;
}

@media screen and (max-width: 1400px) {
  #container .layeredNav {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .knowledge-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .knowledge-layout .know-list-item .time {
    white-space: nowrap;
  }
  #container .guide-layout {
    width: calc(100% - 220px);
    margin: 0px 110px;
  }
  #container .guide-layout .main-title {
    white-space: nowrap;
  }
  #container .party-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .party-layout .party-img img {
    object-fit: cover;
  }
  #container .style-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .style-layout .style-box .style-list-item {
    width: 32%;
  }
  #container .style-layout .style-box .style-list-item img {
    width: 100%;
    object-fit: cover;
  }
  #container .channel-intro .intro-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .channel-intro .intro-layout .intro-box {
    width: 60%;
  }
  #container .channel-intro .time-step-box .step-item {
    margin-right: 100px;
  }
  #container .channel-team .team-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .channel-architecture .architecture-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .channel-architecture .architecture-layout .arc-box {
    width: 85%;
    margin: 0px auto;
  }
  #container .channel-honor .honor-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .channel-honor .honor-layout .honor-box {
    height: auto;
    flex-wrap: wrap;
  }
  #container .channel-news .news-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .channel-notice .notice-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .channel-recruitment .recruitment-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
}

@media screen and (max-width: 1200px) {
  .main-info .info-title-box {
    position: absolute;
    top: -120px;
    left: 0;
  }
  .main-info .info-title-box .channel-title {
    position: absolute;
    top: 35%;
    left: 45%;
    transform: translate(-50%, -50%);
    font-family: Source Han Serif CN;
    font-size: 40px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
  }
  .main-info .info-title-box img {
    width: 240px;
    height: 120px;
  }
}

@media screen and (max-width: 1010px) {
  #container .intro-layout .time-step-box {
    flex-wrap: wrap;
  }
  #container .intro-layout .time-step-box .step-item {
    width: 49%;
    margin-right: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  #container .intro-layout .intro-box {
    width: 100% !important;
  }
  #container .channel-intro::before {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  #container .header-function .channel-box .channel-title {
    font-size: 40px;
  }
  #container .header-function .channel-box img {
    width: 300px;
    height: 100px;
  }
}

@media screen and (max-width: 1000px) {
  #container .guide-layout {
    width: calc(100% - 220px);
    margin: 0px 110px;
  }
  #container .guide-layout .main-title-box {
    padding: 20px 30px;
  }
  #container .channel-box {
    position: relative;
  }
  #container .channel-box .channel-title {
    top: 50%;
    font-size: 32px !important;
  }
  #container .channel-box img {
    width: 190px !important;
    height: 81px !important;
  }
}

@media screen and (max-width: 900px) {
  .main-info .info-title-box {
    position: absolute;
    top: -80px;
    left: 0;
  }
  .main-info .info-title-box .channel-title {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    font-family: Source Han Serif CN;
    font-size: 40px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
  }
  .main-info .info-title-box img {
    width: 240px;
    height: 80px;
  }
  .main .channel-guide .guide-layout .guide-box .swiper-slide::after {
    display: none;
  }
  .main .channel-architecture .architecture-layout .arc-box .swiper-slide::after {
    display: none;
  }
}

@media screen and (max-width: 830px) {
  #container .guide-layout {
    width: calc(100% - 220px);
    margin: 0px 110px;
  }
  #container .guide-layout .main-title-box {
    padding: 20px 30px;
  }
  #container .knowledge-layout {
    flex-direction: column;
  }
  #container .knowledge-layout .know-left {
    width: calc(100% - 20px);
    margin: 0px 10px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  #container .knowledge-layout .know-left .opera-item {
    width: 49%;
  }
  #container .knowledge-layout .know-left .know-img {
    display: none !important;
    width: 277px;
  }
  #container .knowledge-layout .know-left .know-img img {
    width: 277px;
    height: 100%;
  }
  #container .knowledge-layout .know-left .know-img .tit {
    position: absolute;
    top: 74px;
    right: 24px;
    width: 128px;
    height: 34px;
  }
  #container .knowledge-layout .know-right {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .style-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .style-layout .style-box {
    flex-wrap: wrap;
    height: auto;
  }
  #container .style-layout .style-box .style-list-item {
    width: 48%;
    margin-bottom: 20px;
  }
  #container .style-layout .style-box .style-list-item img {
    width: 100%;
    object-fit: cover;
  }
}

@media screen and (max-width: 800px) {
  #container .channel-news .news-list-box {
    flex-direction: column;
    height: auto;
  }
  #container .channel-news .news-list-box .news-list-left {
    width: 100% !important;
  }
  #container .channel-news .news-list-box .news-list-right {
    width: 100% !important;
  }
  #container .channel-news .news-list-box .news-list-right .new-r-item {
    margin: 20px 0;
  }
  #container .channel-notice .notice-list .notice-item {
    width: 49%;
  }
}

@media screen and (max-width: 750px) {
  #container .channel-honor .honor-layout .honor-box {
    margin-top: 20px;
  }
  #container .main .channel-news .news-layout .news-list-box {
    margin-top: 20px;
  }
  #container .channel-news .news-list-box .news-list-right .new-r-item {
    margin: 0px !important;
  }
  #container .main .channel-notice .notice-layout .notice-list {
    margin-top: 20px;
  }
  #container .main .channel-recruitment .recruitment-layout .recruitment-box {
    margin-top: 20px;
  }
  #container .main .channel-knowledge .knowledge-layout .know-right .know-list-box {
    margin-top: 0px;
  }
  #container .main .channel-guide .guide-layout .guide-box {
    margin-top: 20px;
  }
  #container .main .channel-style .style-layout .style-box {
    margin-top: 20px;
  }
  #container .guide-layout .guide-change {
    flex-direction: column;
  }
  #container .guide-layout .guide-change .main-title-box {
    margin: 10px 0px;
  }
  #container .knowledge-layout {
    flex-direction: column;
  }
  #container .knowledge-layout .know-left .opera-item {
    height: 81px;
  }
  #container .knowledge-layout .know-left .opera-item .op-box i {
    font-size: 30px;
  }
  #container .knowledge-layout .know-left .opera-item .op-box .op-content span {
    font-size: 20px;
  }
  #container .knowledge-layout .know-left .opera-item .op-box .op-content p {
    font-size: 10px;
  }
  #container .knowledge-layout .know-left .know-img {
    width: 49%;
    height: 100%;
  }
  #container .knowledge-layout .know-left .know-img img {
    width: 100%;
  }
  #container .knowledge-layout .know-left .know-img .tit {
    position: absolute;
    top: 30%;
    right: 20%;
    width: 30%;
    height: 10%;
  }
  #container .knowledge-layout .know-right .know-list-box {
    padding: 0;
    background: transparent;
  }
  #container .knowledge-layout .know-right .know-list-box .know-list-item {
    padding: 21px 10px;
  }
  #container .party-layout .party-img {
    width: 172px;
    height: 120px;
  }
  #container .party-layout .party-img img {
    object-fit: cover;
  }
  #container .party-layout .party-content {
    width: calc(100% - 190px);
    margin-left: 20px;
  }
  #container .party-layout .party-content .time {
    font-size: 20px;
  }
  #container .channel-architecture .architecture-layout .arc-box {
    width: 70%;
  }
  #container .honor-layout .honor-item {
    width: 49%;
    margin-bottom: 20px;
  }
  #container .main-info .info-title-box {
    position: absolute;
    top: -40px;
    left: 0;
  }
  #container .main-info .info-title-box .channel-title {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    font-family: Source Han Serif CN;
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    color: #FFFFFF;
  }
  #container .main-info .info-title-box img {
    width: 180px;
    height: 40px;
  }
  #container .layeredNav {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #container .main .channel-intro {
    padding: 20px 0 20px;
  }
  #container .main .channel-intro .time-step-box {
    margin-top: 20px !important;
  }
  #container .main .channel-intro .intro-box {
    margin-top: 20px !important;
    padding: 30px 30px;
  }
  #container .main .channel-team {
    width: 100%;
    padding-top: 20px;
    background: url(../images/ystd.png) no-repeat center center;
    background-size: cover;
  }
  #container .main .channel-architecture {
    padding: 20px 0 20px !important;
  }
  #container .main .channel-honor {
    padding: 20px 0 20px !important;
  }
  #container .main .channel-honor .honor-layout .honor-box .honor-item {
    overflow: hidden;
  }
  #container .main .channel-honor .honor-layout .honor-box .honor-item img {
    width: 100%;
    height: 232px;
    object-fit: cover;
  }
  #container .main .channel-news {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 20px;
    position: relative;
  }
  #container .main .channel-notice {
    padding: 20px 0 20px !important;
  }
  #container .main .channel-recruitment {
    padding: 20px 0 20px !important;
  }
  #container .main .channel-knowledge {
    padding: 20px 0 20px !important;
  }
  #container .main .channel-knowledge .knowledge-layout .know-right .know-list-box .know-list-item {
    margin-bottom: 0 !important;
  }
  #container .knowledge-layout .know-right .know-list-box {
    height: auto !important;
  }
  #container .main .channel-guide {
    padding: 20px 0 20px !important;
  }
  #container .main .channel-party {
    padding: 20px 0 20px !important;
  }
  #container .main .channel-party .party-layout .party-box {
    margin-top: 20px;
  }
  #container .main .channel-party .party-layout .party-box a {
    margin-bottom: 20px;
  }
  #container .main .channel-style {
    padding: 20px 0 20px !important;
  }
}

@media screen and (max-width: 600px) {
  #container .guide-box .swiper {
    width: 101%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
  }
}

@media screen and (max-width: 560px) {
  #container .channel-intro .intro-layout .intro-box .intro-img {
    width: 100%;
    height: auto;
  }
  #container .channel-intro .intro-layout .step-item .time span {
    font-size: 16px;
  }
  #container .style-layout {
    width: calc(100% - 20px);
    margin: 0px 10px;
  }
  #container .style-layout .style-box {
    flex-wrap: wrap;
    height: auto;
  }
  #container .style-layout .style-box .style-list-item {
    width: 100%;
    margin-bottom: 20px;
  }
  #container .style-layout .style-box .style-list-item img {
    width: 100%;
    object-fit: cover;
  }
  #container .channel-architecture .architecture-layout .arc-box {
    width: 60%;
  }
  #container .honor-layout .honor-item {
    width: 100%;
    margin-bottom: 20px;
  }
  #container .channel-news .news-list-right .new-r-img {
    width: 166px;
    height: 111px;
  }
  #container .channel-news .news-list-right .new-r-img img {
    min-width: 166px;
  }
  #container .channel-news .news-list-right .new-r-content {
    width: calc(100% - 186px);
  }
  #container .channel-notice .notice-list .notice-item {
    width: 100%;
  }
  #container .channel-recruitment .recruitment-box {
    flex-direction: column;
  }
  #container .channel-recruitment .recruitment-box .recruitment-list-left {
    width: 100% !important;
    margin-bottom: 20px;
  }
  #container .channel-recruitment .recruitment-box .recruitment-list-right {
    width: 100% !important;
  }
}