/* 基础样式重置 */
html{
  font-size: 14px;
  overflow-x: hidden;
}
html,
body {
  position: relative;
  height: 100%;
  font-family: "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 14px;
  overflow-x: hidden;
}

@font-face {
  font-family: "DINAlternate-Bold";
  src: url(../font/DINCond-Regular.otf);
}

@font-face {
  font-family: "Objectivity-Medium";
  src: url(../font/objectivity-medium.otf);
}

body {
  background: #fff;
  font-size: 14px;
  line-height: 1.6;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  position: relative;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* img {
  width: 100%;
  height: auto;
  display: block;
} */
ul {
  list-style: none;
  list-style-type: none;
}
li::marker {
  display: none;
}
/* 容器样式 */
.wrapper {
  max-width: calc(100vw - 21.42rem);
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

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

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #fff;
}
.header {
  height: 7.86rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .headerleft{
    display: flex;
    align-items: center;
}
.header .headerleft .logo {
  height: 4.71rem;
  width: 28.71rem;
}
.header .headerxian {
  width: 1px;
  height: 5rem;
  background: #e5e5e5;
  margin-left: 2.63rem;
  margin-right: 1.07rem;
}
.header .headercw .headercwitem{
    display: flex;
    align-items: center;
}
.header .headercw .headercwitemimg{
    height: 1.14rem;
    width: 1.14rem;
    margin-right: 0.5rem;
    font-weight: 400;
    font-size: 1.14rem;
    color: #333333;
}
.header .headerright{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header .headerright .headerrightitem{
    display: flex;
    align-items: center;
    margin-right: 2rem;
}
.header .headerright .headerrightitemimg{
    width: 2.71rem;
    height: 2.71rem;
    margin-right:0.86rem;
}
.header .headerright .headerphone{
    font-weight: 400;
    font-size: 1rem;
    color: #999999;
}
.header .headerright .headerphonecontent{
    font-weight: bold;
    font-size: 1.57rem;
    color: #01acbe;
}
.header .headerright .headerrightitemtwo{
    display: flex;
    align-items: center;
    width: 21.43rem;
    height: 2.86rem;
    background: #EDF1F4;
    border-radius: 1.43rem;
}
.header .headerright .headerrightsearch{
    height: 1.29rem;
    width: 1.29rem;
    margin-right: 0.5rem;
    margin-left: 1.43rem;
}
.header .headerright .headerrightsearchbtn{
    width: 5rem;
    height: 2.86rem;
    background: #01acbe;
    border-radius: 0rem 1.43rem 1.43rem 0rem;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    border: none !important;
}
.header .headerright .headerrightsearchinput{
    flex: 1;
    border: none !important;
    height: 90%;
    background-color: #EDF1F4;
    outline: none;
}
input:focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
}

.menu{
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-image: linear-gradient(-90deg, 
		#01acbe 0%, 
		#0687ec 100%), 
	linear-gradient(
		#5b0103, 
		#5b0103);
    height: 4.57rem;
    opacity: 0.94;
    padding: 0 10.71rem;
}
.menu .menuitem{
    font-weight: 400;
    font-size: 1.29rem;
    color: #FFFFFF;
    position: relative;
    cursor: pointer;
}
.menu .menuitem:hover::after{
    content: '';
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3rem;
    height: 0.15rem;
    background-color: #FFFFFF;
}
.menu .menuitem.active::after{
    content: '';
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3rem;
    height: 0.15rem;
    background-color: #FFFFFF;
}
.container{
    padding-top: 12rem;
    width: 100%;
}
.swipercontent{
    position: relative;
    background-color: #F6F9FD;
}
.swiper-container{
  max-height: 41rem;
  opacity: 0;
  transform: translateY(60px);
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.swipercontent.visible .swiper-container{
    opacity: 1;
    transform: translateY(0);
}
.swipermban{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 31.71rem;
  z-index: 999;
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.swipercontent.visible .swipermban{
    opacity: 1;
    transform: translateY(0);
}

.swipermbantitle{
  font-weight: bold;
  font-size: 2.86rem;
  color: #FFFFFF;
  margin-left: 10.71rem;
  margin-top: 10.71rem;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.3s;
}

.swipercontent.visible .swipermbantitle{
    opacity: 1;
    transform: translateY(0);
}

.swipermbantext{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  margin-left: 10.71rem;
  margin-top: 2.93rem;
  font-weight: 400;
  font-size: 1.29rem;
  color: #FFFFFF;
  line-height: 2.86rem;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.5s;
  width: 30rem;
}

.swipercontent.visible .swipermbantext{
    opacity: 0.7;
    transform: translateY(0);
}

.swipermbantext a{
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.swipercontent.visible .swipermbantext a{
    opacity: 1;
    transform: translateX(0);
}

.swipercontent.visible .swipermbantext a:nth-child(1){ transition-delay: 0.6s; }
.swipercontent.visible .swipermbantext a:nth-child(2){ transition-delay: 0.7s; }
.swipercontent.visible .swipermbantext a:nth-child(3){ transition-delay: 0.8s; }
.swipercontent.visible .swipermbantext a:nth-child(4){ transition-delay: 0.9s; }
.swipercontent.visible .swipermbantext a:nth-child(5){ transition-delay: 1s; }
.swipercontent.visible .swipermbantext a:nth-child(6){ transition-delay: 1.1s; }
.swipertop{
  position: absolute;
  top: 4.64rem;
  right: 14rem;
  width: 15.57rem;
  height: 29.64rem;
  z-index: 999;
  opacity: 0;
  transform: translateX(80px) scale(0.95);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.swipercontent.visible .swipertop{
    opacity: 1;
    transform: translateX(0) scale(1);
}
.swipersearch{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 4.5rem;
    position: absolute;
    bottom: -4rem;
    right: 15%;
    width: 60%;
    height: 8.57rem;
    background: #fff;
    box-shadow: 0rem 0rem 1rem 0rem rgba(5,29,52,0.2);
    z-index: 999;
    border-bottom: 0.43rem solid #01acbe;
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.swipercontent.visible .swipersearch{
    opacity: 1;
    transform: translateY(0);
}
.swipersearch .swipersearchitem{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #01acbe;
    width: 12.86rem;
    height: 3.29rem;
    background: #01acbe;
    border-radius: 0.21rem;
}
.swipersearch .swipersearchimg{
    height: 1.57rem;
    width: 1.57rem;
    margin-right: 0.7rem;
}
.swipersearch .swipersearchbtn{
    font-weight: bold;
    font-size: 1.2rem;
    color: #fff;
    border: none !important;
    background-color: #01acbe;
}
.swipersearch .swipersearchinput{
    width: 50rem;
    height: 3.29rem;
    background: #FFFFFF;
    border-radius: 0.21rem;
    border: 1px solid #DCDCDC;
    outline: none;
}
.two{
    position: relative;
    height: 77.57rem;
    background-size: 100% 100%;
}
.wrapper .twoitem{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 12.14rem;
}
.twocontent{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 0.1rem;
}
.wrapper .twoitem .twoitemtitle{
    font-weight: 400;
    font-size: 1.43rem;
    color: #FFFFFF;
}
.wrapper .twoitem .twoitementitle{
    font-weight: 400;
    font-size: 1rem;
    color: #FFFFFF;
}
.twojishu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3.85rem;
}
.wrapper .twojishu .twojishuleft{
  flex: 1;
  margin-right: 4.75rem;
}
.wrapper .twojishu .twojishuleft .twojishutop{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 2.86rem;
    color: #01acbe;
    height: 8.43rem;
}
.wrapper .twojishu .twojishuleft .twojishutop a{
    font-weight: 400;
    font-size: 1.14rem;
    color: #666666;
}
.wrapper .twojishu .twojishuleft .twojishutop a:hover{
    color: #01acbe;
}
.twojishubottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.twojishulist{
  flex: 1;
}
.twojishulist .twojishulistitem{
    display: flex;
    align-items: center;
    width: 25.29rem;
    height: 6.43rem;
    background: #F4F4F4;
    margin-bottom: 1.29rem;
    padding-left: 3.79rem;
}
.twojishulist .twojishulistitem:hover{
    color: #01acbe;
}
.twojishulist .twojishulistitem img{
    width: 2.14rem;
    margin-right: 1.57rem;
}
.twojishuimg{
    height: 38.54rem;
    width: 31.43rem;
}
.twojishuimg img{
    width: 100%;
    height: 100%;
}
.twojishuright{
    width: 30.43rem;
    height: 42.86rem;
    position: relative;
}
.twojishurighttitle{
  position: absolute;
  top: 12.36rem;
  left: 50%;
  line-height: 3.86rem;
  transform: translate(-50%,-50%);
  width: 3.5rem;
  font-family: Source Han Serif SC;
  font-weight: bold;
  font-size: 3.57rem;
  color: #FFFFFF;
}
.twoimg{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24.57rem;
  height: 33.86rem;
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.two.visible .twoimg{
  opacity: 1;
  transform: translateY(0);
}

.twoitem{
  opacity: 0;
  transform: translateY(30px) scale(0.95);
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.two.visible .twoitem{
  opacity: 1;
  transform: translateY(0) scale(1);
}

.twoitem:nth-child(1){ transition-delay: 0.3s; }
.twoitem:nth-child(2){ transition-delay: 0.5s; }
.twoitem:nth-child(3){ transition-delay: 0.7s; }
.twoitem:nth-child(4){ transition-delay: 0.9s; }
.twoitem:nth-child(5){ transition-delay: 1.1s; }
.twoitem:nth-child(6){ transition-delay: 1.3s; }

.twojishu{
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.two.visible .twojishu{
  opacity: 1;
  transform: translateY(0);
}

.twojishuleft{
  opacity: 0;
  transform: translateX(-30px);
  transition: all 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.two.visible .twojishuleft{
  opacity: 1;
  transform: translateX(0);
}

.twojishuright{
  opacity: 0;
  transform: translateX(30px) scale(0.95);
  transition: all 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.two.visible .twojishuright{
  opacity: 1;
  transform: translateX(0) scale(1);
}

.twojishulistitem{
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.twojishuleft.visible .twojishulistitem{
  opacity: 1;
  transform: translateY(0);
}

.twojishulistitem:nth-child(1){ transition-delay: 0.5s; }
.twojishulistitem:nth-child(2){ transition-delay: 0.7s; }
.twojishulistitem:nth-child(3){ transition-delay: 0.9s; }
.twojishulistitem:nth-child(4){ transition-delay: 1.1s; }
.twojishulistitem:nth-child(5){ transition-delay: 1.3s; }

.three{
    background-color: #fff; 
    padding: 3rem 0;   
}
.threehead{
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    padding-bottom: 2rem;
  }

.three.visible .threehead{
    opacity: 1;
    transform: translateY(0);
}

.threeleft{
    display: flex;
    align-items: center;
}
.threeleft .threeleftitem{
    font-weight: 400;
    font-size: 2.29rem;
    color: #333333;
    margin-right: 0.8rem;
    opacity: 0;
    transform: translateY(20px);
    transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}

.three.visible .threeleft .threeleftitem{
    opacity: 1;
    transform: translateY(0);
}

.threeleft .threeleftitem:nth-child(1){ transition-delay: 0.3s; }
.threeleft .threeleftitem:nth-child(2){ transition-delay: 0.5s; }
.threeleft .threeleftitem:nth-child(3){ transition-delay: 0.7s; }

.threeleft .active{
    color: #01acbe;
}
.threeleft .threeleftitem span{
    font-weight: 400;
    font-size: 2.29rem;
    color: #999;
}
.threehead a{
    font-weight: 400;
    font-size: 1.14rem;
    color: #666;
    opacity: 0;
    transform: translateX(20px);
    transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0.9s;
}

.three.visible .threehead a{
    opacity: 1;
    transform: translateX(0);
}

.threehead a:hover{
    color: #01acbe;
}
.threenews{
    
    opacity: 0;
    transform: translateY(40px);
    transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0.4s;
}
.threenews .news-item-wrap{
  display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.9rem;
}
.threenews .news-item-wrap.hide {
    display: none;
}
.threeleftitem.active {
    color: #01acbe; /* 自行替换高亮色 */
}
.three.visible .threenews{
    opacity: 1;
    transform: translateY(0);
}
.threenewsbig{
    position: relative;
    opacity: 0;
    transform: translateY(50px) scale(0.95);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.three.visible .threenewsbig{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.threenewsbig:nth-child(1){ transition-delay: 0.6s; }
.threenewsbig:nth-child(2){ transition-delay: 0.9s; }
.threenewsbig:nth-child(3){ transition-delay: 1.2s; }

.threenewsbig img{
    width: 100%;
    height: 20.71rem;
}
.threenewsbig .threenewsimg{
    width: 1.86rem;
    height: 1.17rem;
    padding: 1.37rem 1.21rem;
    background-color: #BDAA82;
}
.threenewstime{
  position: absolute;
  top: 16.5rem;
  right: 0;
  width: 7.14rem;
  height: 2.57rem;
  background: #01acbe;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 2.57rem;
  text-align: center;
}
.threenewtext{
  position: absolute;
  top: 19.07rem;
  right: 0;
  background-color: #FAFAFA;
  width: calc(100% - 4.07rem);
  padding-bottom: 2rem;
  color: #333333;
}
.threenewtext .threenewstitle{
  margin: 1rem 1.57rem;
  font-weight: 400;
  font-size: 1.29rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.threenewtext:hover{
    color: #01acbe;
}
.threenewtext .threenewssubtitle{
  margin: 1rem 1.57rem;
  font-weight: 400;
  font-size: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.threenewslist{
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.three.visible .threenewslist{
    opacity: 1;
    transform: translateY(0);
}

.threenewslistitem{
  border-bottom: 1px solid #E5E5E5;
  padding: 1rem 0;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.three.visible .threenewslistitem{
    opacity: 1;
    transform: translateX(0);
}

.threenewslistitem:nth-child(1){ transition-delay: 0.7s; }
.threenewslistitem:nth-child(2){ transition-delay: 0.85s; }
.threenewslistitem:nth-child(3){ transition-delay: 1s; }
.threenewslistitem:nth-child(4){ transition-delay: 1.15s; }
.threenewslistitem:nth-child(5){ transition-delay: 1.3s; }
.threenewslistitem:nth-child(6){ transition-delay: 1.45s; }
.threenewslisttitle{
  font-weight: 400;
  font-size: 1.14rem;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.threenewslisttitle:hover{
    color: #01acbe;
}
.threenewslisttime{
  font-weight: 400;
  font-size: 1rem;
  color: #999;
}

.four{
    padding-bottom: 4rem;
    opacity: 0;
    transform: translateY(40px);
    transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.four.visible{
    opacity: 1;
    transform: translateY(0);
}

.fourhead{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0;
    opacity: 0;
    transform: translateY(20px);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.four.visible .fourhead{
    opacity: 1;
    transform: translateY(0);
}
.fourleft{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fourleft .active{
  color: #01acbe;
}
.fourhead a:hover{
    color: #01acbe;
}
.fourleftitem{
    font-weight: 400;
    font-size: 2.29rem;
    color: #333;
    opacity: 0;
    transform: translateY(15px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.four.visible .fourleftitem{
    opacity: 1;
    transform: translateY(0);
}

.fourleftitem:nth-child(1){ transition-delay: 0.3s; }
.fourleftitem:nth-child(2){ transition-delay: 0.5s; }
.fourleftitem:nth-child(3){ transition-delay: 0.7s; }

.fourleftitem span{
    font-size: 2.29rem;
    color: #999;
    margin-right: 0.8rem;
}
.fourheadmore{
    font-weight: 400;
    font-size: 1.14rem;
    color: #666666;
    opacity: 0;
    transform: translateX(20px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0.8s;
}

.four.visible .fourheadmore{
    opacity: 1;
    transform: translateX(0);
}
.fourlist-wrap.hide {
    display: none;
}
.fourlist-wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.9rem;
}

.fourcontent{
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.3s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0.3s;
}

.four.visible .fourcontent{
    opacity: 1;
    transform: translateY(0);
}

.fourlist{
  background-color: #fff;
  opacity: 0;
  transform: translateY(30px) scale(0.98);
  transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
  border-bottom: 0.21rem solid #01acbe;
}

.four.visible .fourlist{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.fourlist:nth-child(1){ transition-delay: 0.5s; }
.fourlist:nth-child(2){ transition-delay: 0.7s; }
.fourlist1{
  opacity: 0;
  transform: translateY(30px) scale(0.98);
  transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
  border-bottom: 0.21rem solid #01acbe;
}

.four.visible .fourlist1{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.fourlist1:nth-child(1){ transition-delay: 0.5s; }
.fourlist1:nth-child(2){ transition-delay: 0.7s; }

.fourlistitem{
  background-color: #fff;
    padding: 1rem 0;
    opacity: 0;
    width: 100%;
    transform: translateX(-15px);
    transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.four.visible .fourlistitem{
    opacity: 1;
    transform: translateX(0);
}
.fourlisttitle{
    font-weight: 400;
    font-size: 1.29rem;
    color: #333333;
    overflow: hidden;
    padding: 0 1.14rem;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.fourlisttitle:hover{
    color: #01acbe;
}
.fourlisttime{
  font-weight: 400;
  font-size: 1rem;
  color: #999;
  display: flex;
  align-items: center;
}
.fourlistitem .fourtime{
    width: 7rem;
    margin-left: 1.14rem;
}
.fourlisttime span{
    margin-left: 0.8rem;
    height: 1px;
    width: 100%;
    background-color: #E5E5E5;
}

.five{
    padding-bottom: 4rem;
    opacity: 0;
    transform: translateY(40px);
    transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.five.visible{
    opacity: 1;
    transform: translateY(0);
}

/* 五 */
.fivehead{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0;
    opacity: 0;
    transform: translateY(20px);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.five.visible .fivehead{
    opacity: 1;
    transform: translateY(0);
}

.fiveleft{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fiveleftitem{
  font-weight: 400;
  font-size: 2.29rem;
  color: #FFFFFF;
  opacity: 0;
  transform: translateY(15px);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.five.visible .fiveleftitem{
    opacity: 1;
    transform: translateY(0);
}

.fiveleftitem:nth-child(1){ transition-delay: 0.3s; }
.fiveleftitem:nth-child(2){ transition-delay: 0.5s; }
.fiveleftitem:nth-child(3){ transition-delay: 0.7s; }

.fiveleftitem span{
  font-size: 2.29rem;
  color: #999;
  margin-right: 0.8rem;
}
.fiveleft .active{
  color: #01acbe;
}
.fiveheadmore{
  font-weight: 400;
  font-size: 1.14rem;
  color: #FFFFFF;
  opacity: 0;
  transform: translateX(20px);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.8s;
}

.five.visible .fiveheadmore{
    opacity: 1;
    transform: translateX(0);
}
.fivehead a:hover{
    color: #01acbe;
}
.fivecontent{
   
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.3s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0.3s;
}

.five.visible .fivecontent{
    opacity: 1;
    transform: translateY(0);
}
.fivelist-wrap{
   display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.9rem;
}
.fivelist-wrap.hide {
  display: none;
}
.fivelist{
    opacity: 0;
    transform: translateY(30px) scale(0.98);
    transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}

.five.visible .fivelist{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.fivelist:nth-child(1){ transition-delay: 0.5s; }
.fivelist:nth-child(2){ transition-delay: 0.7s; }

.fivelistitem{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 1.43rem 1.36rem;
  margin-bottom: 1.14rem;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.five.visible .fivelistitem{
    opacity: 1;
    transform: translateX(0);
}

.fivelist:nth-child(1) .fivelistitem:nth-child(1){ transition-delay: 0.6s; }
.fivelist:nth-child(1) .fivelistitem:nth-child(2){ transition-delay: 0.8s; }
.fivelist:nth-child(2) .fivelistitem:nth-child(1){ transition-delay: 0.7s; }
.fivelist:nth-child(2) .fivelistitem:nth-child(2){ transition-delay: 0.9s; }
.fivelistitem img{
    width: 14.29rem;
    height: 9.71rem;
}
.fivecontext{
  flex: 1;
  margin-left: 1.79rem;
}
.fiveitemtime {
  font-weight: 400;
  font-size: 1rem;
  color: #999999;
}
.fiveitemtime:hover{
    color: #01acbe;
}
.fivelisttitle{
  font-weight: 400;
  font-size: 1.29rem;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.fivelisttitle:hover{
    color: #01acbe;
}
.fivelistsummary{
  font-weight: 400;
  font-size: 1rem;
  color: #999999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.fivelistsummary:hover{
    color: #01acbe;
}

.six{
  padding: 4rem 0;
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.six.visible{
    opacity: 1;
    transform: translateY(0);
}

.sixcontent{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.9rem;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.3s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.2s;
}

.six.visible .sixcontent{
    opacity: 1;
    transform: translateY(0);
}

.sixitem{
  background-color: #fff;
  opacity: 0;
  transform: translateY(40px) scale(0.98);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
}

.six.visible .sixitem{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.sixitem:nth-child(1){ transition-delay: 0.3s; }
.sixitem:nth-child(2){ transition-delay: 0.5s; }
.sixitem:nth-child(3){ transition-delay: 0.7s; }
.sixhead{
  height: 17.86rem;
}
.sixheadtitle{
  height: 17.86rem;
  line-height: 17.86rem;
  font-weight: 400;
  font-size: 2.57rem;
  color: #FFFFFF;
  text-align: center;
}
.sixlist{
  padding: 3rem;
  flex: 1;
}
.sixlistitem {
  margin-bottom: 2rem;
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.six.visible .sixlistitem{
    opacity: 1;
    transform: translateX(0);
}

.sixitem:nth-child(1) .sixlistitem:nth-child(1){ transition-delay: 0.5s; }
.sixitem:nth-child(1) .sixlistitem:nth-child(2){ transition-delay: 0.7s; }
.sixitem:nth-child(2) .sixlistitem:nth-child(1){ transition-delay: 0.7s; }
.sixitem:nth-child(2) .sixlistitem:nth-child(2){ transition-delay: 0.9s; }
.sixitem:nth-child(3) .sixlistitem:nth-child(1){ transition-delay: 0.9s; }
.sixitem:nth-child(3) .sixlistitem:nth-child(2){ transition-delay: 1.1s; }
.sixlistitem .sixlisttitle{
  font-weight: 400;
  font-size: 1.29rem;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.sixlistitem .sixlisttitle:hover{
    color: #01acbe;
}
.sixlistitem .sixlisttime{
  font-weight: 400;
  font-size: 1rem;
  color: #999999;
}
.sixlistitem .sixlisttime:hover{
    color: #01acbe;
}
.sixbottom{
  border-bottom: 0.29rem solid #01acbe;
  height: 3.57rem;
  position: relative;
}
.sixlistmore{
  position: absolute;
  bottom: 2.5rem;
  left: calc(50% - 3.57rem);
  display: flex;
  align-items: center;
  justify-content: center;

}
.sixlistmore img{
  width: 3.14rem;
  height: 3.14rem;
  margin-right: 0.93rem;
}
.sixlistmore:hover{
  color: #01acbe;
}

.footer{
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer.visible{
    opacity: 1;
    transform: translateY(0);
}

.footertop{
  padding: 2rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  margin: 0 10.71rem;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer.visible .footertop{
    opacity: 1;
    transform: translateY(0);
}

.footertoplist{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.footertoplistitem{
  margin-right: 2rem;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer.visible .footertoplistitem{
    opacity: 1;
    transform: translateX(0);
}

.footer.visible .footertoplistitem:nth-child(1){ transition-delay: 0.2s; }
.footer.visible .footertoplistitem:nth-child(2){ transition-delay: 0.3s; }
.footer.visible .footertoplistitem:nth-child(3){ transition-delay: 0.4s; }
.footer .line{
  width: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0.1;
}
.footercontent{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 10.71rem;
  margin-bottom: 1.43rem;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.3s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.4s;
}

.footer.visible .footercontent{
    opacity: 1;
    transform: translateY(0);
}

.footercontentitem{
    opacity: 0;
    transform: translateY(20px);
    transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}

.footer.visible .footercontentitem{
    opacity: 1;
    transform: translateY(0);
}

.footer.visible .footercontentitem:nth-child(1){ transition-delay: 0.5s; }
.footer.visible .footercontentitem:nth-child(2){ transition-delay: 0.7s; }
.footer.visible .footercontentitem:nth-child(3){ transition-delay: 0.9s; }

.footercontentitem img{
  width: 28.71rem;
  height: 4.71rem;
  margin: 3.5rem 0;
}
.footercontentitemtitle{
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
}
.footercontentitemtitle span{
  font-weight: 400;
  font-size: 1.71rem;
  color: #FFFFFF;
}
.itemline{
  width: 0.07rem;
  height: 12.43rem;
  background: #FFFFFF;
  opacity: 0.1;
}
.footercenteritemtitle{
  font-weight: bold;
  font-size: 1.14rem;
  color: #FFFFFF;
}
.footercenterlist{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5.9rem;
}
.footercenterlistitem{
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.footercenterlistitem{
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
}
.qrcodelist{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.footerqrcode{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2.7rem;
}
.footerqrcode img{
  width: 9.71rem;
  height: 9.71rem;
}
.footercontentitemtitlecode{
  margin-top: -3rem;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
}
.footerbottom{
  margin: 0 10.71rem;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  padding: 1.43rem 0;
}
.footerbottomitem{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mbx{
  background-color: #fff;
}
.mbxhead{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 2.14rem 0;
}
.mbxhead img{
  width: 1.57rem;
  height: 1.57rem;
  margin-right: 0.86rem;
}
.mbxitem{
  font-weight: 400;
  font-size: 1.14rem;
  color: #666666;
}
.mbxitem a{
  color: #333;
}
.aboutcontent{
  padding: 2.71rem 0;
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.aboutcontent.visible{
    opacity: 1;
    transform: translateY(0);
}

.abouttitle{
  font-weight: bold;
  font-size: 2.14rem;
  color: #01acbe;
  text-align: center;
  padding: 3.79rem 0 0 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.aboutcontent.visible .abouttitle{
    opacity: 1;
    transform: translateY(0);
}

.aboutlist{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.5rem;
  margin: 0 3.57rem;
  padding: 3.79rem 0;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.3s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.3s;
}

.aboutcontent.visible .aboutlist{
    opacity: 1;
    transform: translateY(0);
}

.aboutlist img{
    /* height: 19.29rem; */
    width: 100%;
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
}

.aboutcontent.visible .aboutlist img{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.aboutcontent.visible .aboutlist img:nth-child(1){ transition-delay: 0.5s; }
.aboutcontent.visible .aboutlist img:nth-child(2){ transition-delay: 0.65s; }
.aboutcontent.visible .aboutlist img:nth-child(3){ transition-delay: 0.8s; }
.aboutcontent.visible .aboutlist img:nth-child(4){ transition-delay: 0.95s; }
.aboutcontent.visible .aboutlist img:nth-child(5){ transition-delay: 1.1s; }
.aboutcontent.visible .aboutlist img:nth-child(6){ transition-delay: 1.25s; }
.aboutsummary{
  padding: 3.79rem 4.5rem;
  display: flex;
  justify-content: flex-start;
  opacity: 0;
  transform: translateY(40px);
  transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.aboutcontent.visible .aboutsummary{
    opacity: 1;
    transform: translateY(0);
}

.aboutsummarylogo{
  width: 11.64rem;
  height: 27.79rem;
  margin-right: 2.21rem;
  opacity: 0;
  transform: translateX(-30px);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.3s;
}

.aboutcontent.visible .aboutsummarylogo{
    opacity: 1;
    transform: translateX(0);
}

.aboutsummaryline{
  width: 1.86rem;
  height: auto;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.5s;
}

.aboutcontent.visible .aboutsummaryline{
    opacity: 1;
    transform: scaleY(1);
}

.aboutsummary .aboutsummarytext{
  flex: 1;
  opacity: 0;
  transform: translateY(20px);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.7s;
}

.aboutcontent.visible .aboutsummary div{
    opacity: 1;
    transform: translateY(0);
}
.aboutitem{
  padding: 1.79rem;
  background-color: #F4F4F4;
  color: #333333;
}
.aboutitemtext{
  font-weight: 400;
  font-size: 1.29rem;
  text-align: center;
  margin-top: 1rem;
}
.aboutitem:hover{
  background-color: #01acbe;
  color: #FFFFFF;
}

.aboutleaderlist{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 2.5rem;
  padding: 3.79rem 0;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.3s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0.3s;
}

.aboutcontent.visible .aboutleaderlist{
    opacity: 1;
    transform: translateY(0);
}

.aboutitemleader{
  background-color: #F4F4F4;
  color: #333333;
  padding-bottom: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transform: translateY(30px) scale(0.95);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.aboutcontent.visible .aboutitemleader{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.aboutcontent.visible .aboutitemleader:nth-child(1){ transition-delay: 0.5s; }
.aboutcontent.visible .aboutitemleader:nth-child(2){ transition-delay: 0.65s; }
.aboutcontent.visible .aboutitemleader:nth-child(3){ transition-delay: 0.8s; }
.aboutcontent.visible .aboutitemleader:nth-child(4){ transition-delay: 0.95s; }
.aboutcontent.visible .aboutitemleader:nth-child(5){ transition-delay: 1.1s; }
.aboutcontent.visible .aboutitemleader:nth-child(6){ transition-delay: 1.25s; }
.aboutcontent.visible .aboutitemleader:nth-child(7){ transition-delay: 1.4s; }

.aboutitemleader img{
  /* height: 21.43rem; */
  width: 100%;
}
.aboutitemname{
  font-weight: 400;
  font-size: 1.71rem;
  text-align: center;
  margin-top: 0.4rem;
}
.aboutitemzic{
  font-weight: 400;
  font-size: 1.14rem;
  text-align: center;
  margin-top: 0.4rem;
}
.aboutitemleader:hover{
  background-color: #01acbe;
  color: #FFFFFF;
}

.zhonhetop{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.14rem 0;
  font-weight: 400;
  font-size: 2.29rem;
  color: #333333;
}
.zhonhetop a{
  font-weight: 400;
  font-size: 1.14rem;
  color: #666666;
}
.zhonhetop a:hover{
  color: #01acbe;
}
.zhonhelist{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3.5rem;
}
.swiper-container.zhonhe-swiper{
  height: 42.85rem;
  width: 100%;
  opacity: 1;
  transform: none;
  transition: none;
}
.zhonhe-swiper .swiper-slide{
  height: 100%;
  position: relative;
}
.zhonhe-swiper .swiper-slide img{
  height: 30.71rem;
}
.zhonhe-swiper .swiper-slide .zhonhebigtime{
  position: absolute;
  top: 0;
  left: 0;
  width: 6.43rem;
  height: 6.43rem;
  background-color: #BDAA82;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 2.57rem;
  color: #FFFFFF;
}
.swiper-slide .zhonhebigtime span{
  font-size: 1rem;
}
.swiper-slide .zhonhebigcontent{
  background-color: #01acbe;
  color: #FFFFFF;
  padding:1rem 2.14rem;
  padding-bottom: 3rem;
}
.zhonhebigtitle{
  font-weight: bold;
  font-size: 1.43rem;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.zhonhebigsummary{
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}

.zhonhe-swiper-pagination{
    position: absolute;
    bottom: 1.5rem !important;
    left: 1rem !important;
    width: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.86rem;
}

.zhonhe-swiper-pagination .swiper-pagination-bullet{
    width: 0.86rem;
    height: 0.86rem;
    background-color: #FFFFFF;
    opacity: 1;
    border-radius: 50%;
    margin: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.zhonhe-swiper-pagination .swiper-pagination-bullet-active{
    width: 2rem;
    height: 0.86rem;
    background-color: #F38C49;
    border-radius: 0.43rem;
}

.zhonheminelistitem{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 1.14rem;
  margin-bottom: 1.14rem;
  color: #333333;
}
.zhonheminelistitem:hover{
  color: #01acbe;
}
.zhonheminelistitem:hover .zhonheminelisttime span{
   color: #01acbe;
}
.zhonheminelistitem:hover .zhonheminelistitemtitle{
   color: #01acbe;
}
.zhonheminelistitem:hover .zhonheminelistitemsummary{
   color: #01acbe;
}
.zhonheminelisttime{
  font-weight: 400;
  font-size: 2.57rem;
  color: #01acbe;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.zhonheminelisttime span{
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
}
.zhonheminelistitemtitle{
  font-weight: 400;
  font-size: 1.29rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.zhonheminelistitemsummary{
  font-weight: 400;
  font-size: 1rem;
  color: #787878;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp:2 ; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}

.minelistline{
  width: 0.07rem;
  height: 6.94rem;
  background: #DCDCDC;
  margin: 0 1.71rem;
}
.zhonhemineright{
  flex: 1;
}

.newscate{
  background-color: #fff;
}
.newscatelist{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3.5rem;
}
.newscatehead{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 1.14rem 0;
  font-weight: 400;
  font-size: 2.29rem;
  color: #333333;
}
.newscatehead a{
  font-weight: 400;
  font-size: 1.14rem;
  color: #666666;
}
.newscatehead a:hover{
  color: #01acbe;
}
.newscateitem{
  display: flex;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.04);
  padding: 1.14rem;
  margin-bottom: 1.14rem;
  transition: all 0.3s ease;
}
.newscateitem:hover{
  color: #01acbe;
}
.newscateitem:hover .newscateitemtitle{
  color: #01acbe;
}
.newscateitem:hover .newscateitemsummary{
  color: #01acbe;
}
.newscateitem:hover .newscateitemtime{
  color: #01acbe;
}
.newscateitem img{
  width: 14.28rem;
  height: 9.71rem;
}
.newscateitemright{
  padding-left: 1.14rem;
}
.newscateitemtime{
  font-weight: 400;
  font-size: 1rem;
  color: #999999;
}
.newscateitemtitle{
  font-weight: 400;
  font-size: 1.29rem;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp:2 ; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.newscateitemsummary{
  font-weight: 400;
  font-size: 1rem;
  color: #999999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1 ; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}


/* 新闻中心动画 */
.zhonhe{
    opacity: 0;
    transform: translateY(60px);
    transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.zhonhe.visible{
    opacity: 1;
    transform: translateY(0);
}

.zhonhetop{
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.zhonhe.visible .zhonhetop{
    opacity: 1;
    transform: translateY(0);
}

.zhonhelist{
    opacity: 0;
    transform: translateY(40px);
    transition: all 1.3s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0.3s;
}
.zhonhe.visible .zhonhelist{
    opacity: 1;
    transform: translateY(0);
}

.zhonheminelist{
    opacity: 0;
    transform: translateX(30px);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
    transition-delay: 0.5s;
}
.zhonhe.visible .zhonheminelist{
    opacity: 1;
    transform: translateX(0);
}

.zhonheminelistitem{
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.zhonhe.visible .zhonheminelistitem:nth-child(1){
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.7s;
}
.zhonhe.visible .zhonheminelistitem:nth-child(2){
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.85s;
}
.zhonhe.visible .zhonheminelistitem:nth-child(3){
    opacity: 1;
    transform: translateX(0);
    transition-delay: 1s;
}
.zhonhe.visible .zhonheminelistitem:nth-child(4){
    opacity: 1;
    transform: translateX(0);
    transition-delay: 1.15s;
}

/* 媒体报道动画 */
.newscatelist{
    opacity: 0;
    transform: translateY(60px);
    transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.newscatelist.visible{
    opacity: 1;
    transform: translateY(0);
}

.newscatecontent{
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.newscatelist.visible .newscatecontent:nth-child(1){
    opacity: 1;
    transform: translateY(0) scale(1);
    transition-delay: 0.3s;
}
.newscatelist.visible .newscatecontent:nth-child(2){
    opacity: 1;
    transform: translateY(0) scale(1);
    transition-delay: 0.6s;
}

.newscateitem{
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.newscatelist.visible .newscatecontent .newscateitem{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}
.newslistitem{
  width: 100%;
  padding: 1.14rem 0;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.newslistitemtime{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 2.57rem;
  color: #01acbe;
  width: 11.21rem;
}
.newslistitemtime span{
  font-weight: 400;
  font-size: 1rem;
  color: #01acbe;
}
.newslistitem img{
  width: 17.14rem;
  height: 10.71rem;
}
.newslistcontent{
  margin-left: 1.14rem;
  flex: 1;
}
.newslistitemtitle{
  font-weight: 400;
  font-size: 1.43rem;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2 ; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.newslistitemtext{
  font-weight: 400;
  font-size: 1rem;
  color: #999999;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2 ; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.newslistitem:hover{
  border: 1px solid #01acbe;
  background-color: #01acbe;
  color: #fff;
}
.newslistitem:hover .newslistitemtime{
  color: #fff;
}
.newslistitem:hover .newslistitemtime span{
  color: #fff;
}
.newslistitem:hover .newslistitemtitle{
  color: #fff;
}
.newslistitem:hover .newslistitemtext{
  color: #fff;
}
/* 箭头图标样式 */
.jiantou{
    width: 2.57rem;
    height: 0.71rem;
    padding: 0 1.14rem;
    background-image: url('../images/icon (8).png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
}
.newslistitem:hover .jiantou{
    background-image: url('../images/icon (9).png');
}

.newsdetail{
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
  flex: 1;
  /* opacity: 0;
  transform: translateY(60px);
  transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1); */
}
/* .newsdetail.visible{
    opacity: 1;
    transform: translateY(0);
} */

.newsdetailleft{
    flex: 1;
    /* opacity: 0;
    transform: translateX(-50px);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); */
}
/* .newsdetail.visible .newsdetailleft{
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.3s;
} */

.newsdetailright{
    /* opacity: 0; */
    width: 370px;
    /* transform: translateX(50px);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); */
}
/* .newsdetail.visible .newsdetailright{
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.5s;
} */

.newsdetaillefttitle{
  font-weight: bold;
  font-size: 2rem;
  color: #333333;
  text-align: center;
}
.newsdetaillefttime{
  font-weight: 400;
  font-size: 1rem;
  color: #333333;
}
.newsdetail .line{
  height: 0.07rem;
  width: 100%;
  background: #DDDDDD;
  margin: 1.14rem 0;
}
.newsdetaillast{
  font-weight: 400;
  font-size: 1.14rem;
  color: #333333;
  margin-bottom: 1.14rem;
}
.newsdetaillast a{
  color: #666;
}
.newsdetaillast a:hover{
  color: #01acbe;
}
.gobank{
  width: 11.43rem;
  height: 3.57rem;
  background: #01acbe;
  font-weight: 400;
  font-size: 1rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 3.57rem;
  margin-bottom: 3rem;
}
.newsdetailright{
  margin-left: 3rem;
}
.newsdetailrighttitle{
  font-weight: 400;
  font-size: 2rem;
  color: #333333;
  display: flex;
  align-items: center;
  
}
.newsdetailrighttitle span{
  width: 0.43rem;
  height: 2rem;
  background: #01acbe;
  margin-right: 1.14rem;
}
.newsdetailrightlist{
  width: 25.71rem;
  padding: 1.14rem;
  background: #FFFFFF;
  margin-bottom: 1.14rem;
  box-shadow: 0rem 0rem 1rem 0rem #fff;
}
.newsdetailrightlisttime{
  font-weight: 400;
  font-size: 1rem;
  color: #999999;
}
.newsdetailrightlisttitle{
  font-weight: 400;
  font-size: 1.14rem;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2 ; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.newsdetailrightlist:hover{
  /* border: 1px solid #01acbe; */
  background-color: #01acbe;
  color: #fff;
}
.newsdetailrightlist:hover .newsdetailrightlisttime{
  color: #fff;
}
.newsdetailrightlist:hover .newsdetailrightlisttitle{
  color: #fff;
}
.guidecontent{
    opacity: 0;
    transform: translateY(60px);
    transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.guidecontent.visible{
    opacity: 1;
    transform: translateY(0);
}

.guidecontenttitle{
  padding: 1.14rem 0;
  text-align: center;
  font-weight: bold;
  font-size: 2.29rem;
  color: #333333;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.guidecontent.visible .guidecontenttitle{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.guidecontenttext{
  padding: 1.14rem 0;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}
.guidecontent.visible .guidecontenttext{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.departmentcontent{
  padding-top: 3rem;
  opacity: 0;
  transform: translateY(60px) scale(0.95);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.departmentcontent.visible{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.departmenttitle{
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.departmentcontent.visible .departmenttitle{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

.departmentlistitem{
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.departmentcontent.visible .departmentlistitem{
    opacity: 1;
    transform: translateX(0);
}

.departmenttitle{
  font-weight: 400;
  font-size: 1.71rem;
  color: #333333;
  display: flex;
  align-items: center;
}
.departmentname{
  width: 7rem;
}
.departmenttitle img{
  flex: 1;
  height: 0.79rem;
  margin-left: 1.14rem;
}
.departmentlist{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1.14rem;
  margin: 1.14rem 0;
}
.departmentlistitem{
  padding: 1rem 1.36rem;
  font-weight: 400;
  font-size: 1.14rem;
  color: #444444;
  border-radius: 0.29rem;
  border: 1px solid #01acbe;
}
.departmentlistitem:hover{
  background-color: #01acbe;
  color: #fff;
}
.intro{
  background: #E6F2F2;
  height: 47.14rem;
}
.introbg{
  background-color: #01acbe;
  width: 60%;
  height: 32.86rem;
  position: absolute;
  bottom: 6.7rem;
  right: 0;
}
/* intro 动画 */
.introcover{
  width: 100%;
  max-height: 37.86rem;
  padding-top: 4.2rem;
  /* position: absolute;
  left: 0;
  top: 6.7rem; */
  opacity: 0;
  transform: translateY(60px) scale(0.95);
  transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}
.intro.visible .introcover{
    opacity: 1;
    transform: translateY(0) scale(1);
    transition-delay: 0.2s;
}

.introcontent{
  opacity: 0;
  transform: translateY(60px);
  transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}
.intro.visible .introcontent{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.introtitle{
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.intro.visible .introtitle{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.introtext{
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.intro.visible .introtext{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.7s;
}

.introcontent{
  /* width: 50%; */
  height: 37.86rem;
  /* background: #FFFFFF; */
  /* position: absolute;
  bottom: 9.2rem;
  right: 2.29rem; */
  padding: 4.2rem;
}
.introtitle{
  font-weight: 400;
  font-size: 2.14rem;
  color: #222222;
}
.introtext{
  margin:1.14rem 0;
  height: 90%;
  position: relative;
  overflow: hidden;
}
.intro a{
  font-weight: 400;
  font-size: 1.14rem;
  color: #222222;
  /* position: absolute;
  left: 0;
  bottom: 0.5rem; */
  width: 100%;
  /* border-top: 1px solid #E5E5E5; */
  /* background-color: #fff; */
}
.intro a:hover{
  color: #01acbe;
}
.introexpert{
  background-color: #fff;
  padding: 1.14rem 0;
}
.introexperttitle{
  font-weight: 400;
  font-size: 2.29rem;
  color: #333333;
  padding-bottom: 1.71rem;
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.introexpert.visible .introexperttitle{
    opacity: 1;
    transform: translateY(0);
}

.introexpertlist{
  opacity: 0;
  transform: translateY(60px);
  transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}
.introexpert.visible .introexpertlist{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.introexpertitem{
  opacity: 0;
  transform: translateY(30px) scale(0.95);
  transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.introexpert.visible .introexpertitem{
    opacity: 1;
    transform: translateY(0) scale(1);
}

.introexpertlist{
  display: grid;
  grid-template-columns: repeat(5, 236px);
  justify-content: space-between;
}
.introexpertitem{
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  padding: 1.07rem;
}
.introexpertitem img{
  height: 20.86rem;
      object-fit: cover;
}
.introexpertitemname{
  text-align: center;
  font-weight: bold;
  font-size: 1.43rem;
  color: #01acbe;
}
.introexpertitemziw{
  font-weight: 400;
  font-size: 1rem;
  color: #888888;
  text-align: center;
}
.introexpertitem:hover{
  border: 1px solid #01acbe;
  background-color: #01acbe;
  color: #fff;
}
.introexpertitem:hover .introexpertitemname{
  color: #fff;
}
.introexpertitem:hover .introexpertitemziw{
  color: #fff;
}

/* 弹窗遮罩 */
.intro-modal-overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}
.intro-modal-overlay.show{
    display: flex;
}

/* 弹窗内容 */
.intro-modal{
    width: calc(100% - 4rem);
    max-width: 1200px;
    margin-top: 10vh;
    height: 60vh;
    background: #FFFFFF;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn{
    from{
        opacity: 0;
        transform: scale(0.95) translateY(40px);
    }
    to{
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* 弹窗头部 */
.intro-modal-header{
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.intro-modal-title{
    font-weight: bold;
    font-size: 1.5rem;
    color: #333333;
    text-align: center;
    width: 100%;
}
.intro-modal-close{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 1.5rem;
    color: #999;
    transition: color 0.3s;
}
.intro-modal-close:hover{
    color: #333;
}

/* 弹窗内容区域 */
.intro-modal-body{
    flex: 1;
    padding: 2rem;
    overflow-y: auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #333333;
}

/* 科室专家弹窗遮罩 */
.dept-modal-overlay{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.dept-modal-overlay.show{
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.dept-modal-overlay:not(.show) {
    pointer-events: none;
}
.dept-modal {
    pointer-events: auto;
}

/* 科室专家弹窗内容 */
.dept-modal{
    width: calc(100% - 4rem);
    max-width: 1200px;
    height: 60vh;
    background: #FFFFFF;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform: scale(0.95) translateY(20px);
    transition: all 0.3s ease;
}
.dept-modal-overlay.show .dept-modal{
    transform: scale(1) translateY(0);
}

/* 科室弹窗头部 */
.dept-modal-header{
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #E5E5E5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dept-modal-title{
    font-weight: bold;
    font-size: 1.5rem;
    color: #333333;
}
.dept-modal-close{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 1.5rem;
    color: #999;
    transition: color 0.3s;
}
.dept-modal-close:hover{
    color: #333;
}

/* 科室弹窗内容区域 */
.dept-modal-body{
    flex: 1;
    padding: 2rem;
    overflow-y: auto;
}

/* 弹窗中的专家列表样式 */
.dept-modal-body .introexpertlist{
    opacity: 1;
    transform: translateY(0);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.14rem;
}

.dept-modal-body .introexpertitem{
    opacity: 1;
    transform: translateY(0) scale(1);
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    padding: 1.07rem;
    
}
.dept-modal-body .introexpertitem:hover{
  border: 1px solid #01acbe;
  background-color: #01acbe;
  color: #fff;
}
.dept-modal-body .introexpertitem:hover .deptline{
  background-color: #fff;
}
.dept-modal-body .introexpertitem .introexpertitemtop{
  display: flex;
}
.dept-modal-body .introexpertitem img{
  width: 7.14rem;
  height: 10rem;
}
.deptcontent{
  margin-left: 1.07rem;
}
.deptcontent .introexpertitemname{
  text-align: left;
}
.deptline{
  height: 0.07rem;
  background: #01acbe;
  margin: 1.6rem 0;
}

.expertdetail{
  background-color: #E6F6F6;
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin: 0 10.71rem;
}
.expertdetailleft{
  width: 37rem;
  height: 44.29rem;
  background-color: #01acbe;
  position: relative;
}
.expertdetailleft img{
  position: absolute;
  width: 22.86rem;
  height: 32rem;
  right: 7.71rem;
  top: 6.14rem;
}
.expertdetailright{
  flex: 1;
  height: 44.29rem;
  background-color: #fff;
  padding-left: 3.64rem;
}
.expertdetailrighttop{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.expertdetailrighttopname{
  font-weight: 400;
  font-size: 2.14rem;
  color: #01acbe;
}
.expertdetailrighttopziw{
  font-weight: 400;
  font-size: 1rem;
  color: #666666;
  margin-right: 10.71rem;
  display: flex;
  align-items: center;
}
.expertdetailrighttopziw:hover{
  color: #01acbe;
}
.expertdetailrighttopziw img{
  width: 1.7rem;
  height: 1.7rem;
}
.expertdetailrightzc{
  font-weight: 400;
  font-size: 1.14rem;
  color: #333;
}
.expertdetailrightimg{
  margin: 1.14rem 0;
}
.expertdetailrightjian{
  font-weight: 400;
  font-size: 1.71rem;
  color: #333333;
  margin-bottom: 1.14rem;
}
.expertdetailrightjie{
  margin-right: 10.71rem;
}
.expertdetailpaiban{
  background-color: #E6F6F6;
  padding:0 10.71rem;
}
.expertdetailpaibanhead{
  font-weight: 400;
  font-size: 2rem;
  color: #333333;
}
 .expertdetailpaibankes {
  font-weight: 400;
  font-size: 1.14rem;
  color: #333333;
  margin: 1.14rem 0;
}
.expertdetailpaibanbeizhu{
  font-weight: 400;
  font-size: 1.14rem;
  color: #333333;
  margin-top: 1.14rem;
}
table{
  width: 100%;
  background: #fff;
  border-collapse: collapse;
  border: 1px solid #D9D9D9;
}
thead{
  background-color: #01acbe;
  height: 4.29rem;
  text-align: center;
  color: #fff;
}
tr{
  height: 4.29rem;
  text-align: center;
}
th,td {
  border: 1px solid #D9D9D9;
}
table tbody tr:hover{
    background-color: #E5F5F4;
}

/* expertdetail 动画 */
.expertdetail{
    opacity: 0;
    transform: translateY(60px);
    transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetail.visible{
    opacity: 1;
    transform: translateY(0);
}

.expertdetailleft{
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetail.visible .expertdetailleft{
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.3s;
}

.expertdetailright{
    opacity: 0;
    transform: translateX(50px);
    transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetail.visible .expertdetailright{
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.5s;
}

.expertdetailrighttop{
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetail.visible .expertdetailrighttop{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.7s;
}

.expertdetailrightzc{
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetail.visible .expertdetailrightzc{
    opacity: 1;
    transform: translateY(0);
}

.expertdetailrightjian{
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetail.visible .expertdetailrightjian{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.2s;
}

.expertdetailrightjie{
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetail.visible .expertdetailrightjie{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.4s;
}

/* 出诊时间表格动画 */
.expertdetailpaiban{
    opacity: 0;
    transform: translateY(60px);
    transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetailpaiban.visible{
    opacity: 1;
    transform: translateY(0);
}

.expertdetailpaibanhead{
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetailpaiban.visible .expertdetailpaibanhead{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.expertdetailpaibankes{
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetailpaiban.visible .expertdetailpaibankes{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.expertdetailpaiban table{
    opacity: 0;
    transform: translateY(30px) scale(0.98);
    transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetailpaiban.visible table{
    opacity: 1;
    transform: translateY(0) scale(1);
    transition-delay: 0.7s;
}

.expertdetailpaibanbeizhu{
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.expertdetailpaiban.visible .expertdetailpaibanbeizhu{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.9s;
}

/* contact 动画 */
.contact{
    opacity: 0;
    transform: translateY(60px);
    transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.contact.visible{
    opacity: 1;
    transform: translateY(0);
}

.contactleft{
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}
.contact.visible .contactleft{
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.3s;
}

.contactlefttitle{
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.contact.visible .contactlefttitle{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.contactleftaddress{
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.contact.visible .contactleftaddress{
    opacity: 1;
    transform: translateY(0);
}

.contactleftqrcode{
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.contact.visible .contactleftqrcode{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.9s;
}

.contactleftitem{
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.contact.visible .contactleftitem{
    opacity: 1;
    transform: translateY(0);
}

.contactimg{
    opacity: 0;
    transform: translateX(50px) scale(0.95);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.contact.visible .contactimg{
    opacity: 1;
    transform: translateX(0) scale(1);
    transition-delay: 0.5s;
}
.science{
  background-color: #fff;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.science.visible{
  opacity: 1;
  transform: translateY(0);
}
.sciencetop{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 1.14rem 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.science.visible .sciencetop{
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.2s;
}
.sciencelist{
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.science.visible .sciencelist{
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.scienceitem{
  opacity: 0;
  transform: translateX(-20px);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.science.visible .scienceitem{
  opacity: 1;
  transform: translateX(0);
}
.sciencetoptitle{
  font-weight: 400;
  font-size: 2.29rem;
  color: #333333;
}
.sciencetoptitle a{
  font-weight: 400;
  font-size: 1.14rem;
  color: #666666;
}
.sciencetoptitle a:hover{
  color: #01acbe;
}
.scienceitem{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.14rem 0;
  margin-bottom: 1.14rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 1rem 0rem rgba(0,0,0,0.04);
}
.sciencetitle{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 400;
  font-size: 1.29rem;
  color: #333333;
  
}
.sciencetitle span{
  margin-right: 3.14rem;
  width: 0.29rem;
  height: 2.86rem;
  background: #01acbe;
}
.sciencename{
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1 ; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.sciencetime{
  font-weight: 400;
  font-size: 1rem;
  color: #999999;
  margin-right: 2.71rem;
}
.sciencebaogaolist{
  display: grid; 
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.4rem;
  padding: 5.7rem 0;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.sciencebaogaolist.visible{
  opacity: 1;
  transform: translateY(0);
}
.sciencebaogaoitem{
  display: flex;
  justify-content: space-between;
  background-color: #FFFFFF;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
.sciencebaogaolist.visible .sciencebaogaoitem{
  opacity: 1;
  transform: translateY(0);
}
.sciencebaogaoitem img{
  width: 19.71rem;
  height: 26.29rem;
}
.sciencebangaoitemleft{
  flex: 1;
  padding: 1.14rem;
  position: relative;
}
.sciencebaogaoitemtitle{
  font-weight: 400;
  font-size: 2.29rem;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2 ; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.sciencebaogaoitemsummary{
  font-weight: 400;
  font-size: 1rem;
  color: #333;
}
.sciencebangaoitemleft a{
  position: absolute;
  bottom: 1.14rem;
  left: 1.14rem;
  font-weight: 400;
  font-size: 1.14rem;
  color: #666666;
}
.culturelist{
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.culturelist.visible{
  opacity: 1;
  transform: translateY(0);
}
.culturelistitem{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.14rem 0;
  border-bottom: 1px solid #E5E5E5;
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.culturelist.visible .culturelistitem{
  opacity: 1;
  transform: translateX(0);
}
.culturelistitemleft{
  font-weight: 400;
  font-size: 1.14rem;
  color: #333333;
  display: flex;
  align-items: center;
  flex: 1;
}
.culturelistitemleft span{
  font-weight: 400;
  font-size: 3.14rem;
  color: #999;
  margin-right: 1.14rem;
}
.culturelistitemtitle{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1 ; /* 控制显示行数，修改数字即可改行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 可选：优化文字排版 */
  word-break: break-all;
}
.culturelistitemtime{
  font-weight: 400;
  font-size: 1.14rem;
  color: #999999;
  margin-right: 1.14rem;
}
.culturelistitem:hover{
  background-color: #01acbe;
  transition: none;
}
.culturelistitem:hover .culturelistitemleft{
  color: #fff;
}
.culturelistitem:hover .culturelistitemleft span{
  color: #fff;
}
.culturelistitem:hover .culturelistitemtime{
  color: #fff;
}

.contact{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.4rem;
  padding: 4rem;
}
.contactlefttitle{
  font-weight: bold;
  font-size: 2.14rem;
  color: #333333;
}
.contactleftaddress{
  font-weight: 400;
  font-size: 1.14rem;
  color: #333333; 
  line-height: 3.43rem;
}
.contactleftqrcode{
  display: flex;
  align-items: center;
  margin-top: 4rem;
}
.contactleftitem{
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-right: 1.14rem;
}
.contactleftitem img{
  width: 9.71rem;
  height: 9.71rem;
}
.contactleftitemtitle{
  font-weight: 400;
  font-size: 1.14rem;
  color: #333333;
  line-height: 3.43rem;
}
.contactimg{
  width: 46.43rem;
  height: 40.79rem;
}

.hamburger-menu {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    width: 2.5rem;
    height: 2rem;
    cursor: pointer;
    padding: 0.5rem;
}

.hamburger-menu span {
    width: 100%;
    height: 0.2rem;
    background-color: #01acbe;
    border-radius: 0.1rem;
    transition: all 0.3s ease;
}

.drawer-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100000;
}

.drawer-overlay.active {
    display: block;
}

.mobile-drawer {
    position: fixed;
    top: 0;
    right: -80%;
    width: 80%;
    max-width: 280px;
    height: 100%;
    background-color: #fff;
    z-index: 100001;
    transition: right 0.3s ease;
    overflow-y: auto;
}

.mobile-drawer.active {
    right: 0;
}

.drawer-header {
    display: flex;
    justify-content: flex-end;
    padding: 1.5rem;
    border-bottom: 1px solid #eee;
}

.drawer-close {
    font-size: 2.5rem;
    color: #999;
    cursor: pointer;
    line-height: 1;
}

.drawer-menu {
    padding: 1rem 0;
}

.drawer-menu-item {
    padding: 1.5rem 2rem;
    font-size: 1.3rem;
    color: #333;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.drawer-menu-item:hover {
    background-color: #f5f5f5;
    color: #01acbe;
}