.mySwiper {
  z-index: 100;
  width: 100vw;
  height: 100vh;
  animation: 0.6s linear forwards;
}
.mySwiper .swiper-banner-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 70px;
  max-width: 1280px;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  justify-content: space-between;
}
.mySwiper .swiper-banner-button > div {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
    transition: all .2s;
}
.mySwiper .swiper-banner-button > .swiper-button-banner-prev:hover{
transform: scale(1.2);
}
.mySwiper .swiper-banner-button > .swiper-button-banner-next:hover{
transform: scale(1.2) rotate(180deg);
}
.mySwiper .swiper-banner-button > div img {
  height: 16px;
  width: auto;
}
.mySwiper .swiper-banner-button > div:nth-of-type(2) {
  transform: rotate(180deg);
}
@keyframes up {
  0% {
    height: 100vh;
  }
  100% {
    height: 0vh;
  }
}
@keyframes down {
  0% {
    height: 0vh;
  }
  100% {
    height: 100vh;
  }
}
.mySwiper .swiper-button-prev2:after,
.mySwiper .swiper-button-next2:after {
  content: '' !important;
}
.donate-bg {
  position: absolute;
  width: 249px;
  height: auto;
  bottom: 94px;
  right: 0;
}
.mySwiper .swiper-slide {
  overflow: hidden;
}
.mySwiper .swiper-slide img {
  transform: scale(1, 1);
  transition: 1s linear 2s;
}
.mySwiper .swiper-slide-active img,
.mySwiper .swiper-slide-duplicate-active img {
  transition: 6s linear;
  transform: scale(1, 1);
}
.mySwiper .swiper-button-prev2 {
  background-image: url(../images/swiper-left.png);
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mySwiper .swiper-button-next2 {
  background-image: url(../images/swiper-right.png);
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mySwiper .swiper-button {
  position: absolute;
  max-width: 1300px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  z-index: 100;
  height: 60px;
  display: flex;
  justify-content: space-between;
}
.mySwiper .inner-banner {
  width: 100%;
  height: 60px;
  position: absolute;
  top: 50%;
}
.mySwiper .banner-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 50;
  font-size: 20px;
  color: #fff;
  text-align: left;
  height: 96px;
  line-height: 96px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #00000063 98.02%);
}
.mySwiper .banner-title .inner {
  padding-right: 20%;
}
.mySwiper .inner-banner .inner {
  height: 100%;
  position: relative;
}
.mySwiper .swiper-pagination {
  bottom: 30px !important;
  max-width: 1280px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.mySwiper .swiper-pagination-bullet {
  opacity: 1;
  width: 10px;
  height: 10px;
  background-color: #ffffffa0;
  margin: 0 10px !important;
  opacity: 0.5;
}
.mySwiper .swiper-pagination-bullet-active {
  opacity: 1;
  background-image: url(../images/home-banner-ac.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 32px;
  height: 27px;
  background-color: transparent;
  border-radius: 0;
}
.home-title-sb {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.home-title-sb .title {
  height: 64px;
  width: auto;
}
.home-title-sb .more {
  height: 20px;
  width: auto;
  cursor: pointer;
}
.home-title-sb .more:hover {
  animation: swing;
  animation-duration: 1s;
}
.home-title-middle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  position: relative;
}
.home-title-middle .title {
  height: 64px;
  width: auto;
}
.home-title-middle .more {
  height: 20px;
  width: auto;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
  cursor: pointer;
}
.home-title-middle .more:hover {
  animation: swing;
  animation-duration: 1s;
}
.home-title {
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home-title .title {
  height: auto;
  width: calc(100% - 43px);
}
.home-title .more {
  width: 43px;
  height: 20px;
  position: relative;
  top: 10px;
  transition: all 0.2s linear;
  cursor: pointer;
}
.home-title .more:hover {
  transform: scale(1.2);
}
.home-title a:hover {
  animation: jello 1s;
}
.plate {
  padding: 100px 0 120px;
}
.trans {
  transition: 0.2s linear;
}
.img {
  overflow: hidden;
}
.home-title-sb a:hover {
  animation: swing;
  animation-duration: 1s;
}
.swiper-button > div {
  transition: all 0.3s ease-in-out;
}
.home-plateOne {
  background-image: url(../images/plate-one-bg.png);
  background-size: 100% 100%;
}
.home-plateOne .inner .plateOne-main {
  display: flex;
  justify-content: space-between;
}
.home-plateOne .inner .plateOne-main .main-left {
  width: 665px;

margin:0;
}
.home-plateOne .inner .plateOne-main .main-left .swiper-slide .img {
  width: 100%;
  height: 380px;
}
.home-plateOne .inner .plateOne-main .main-left .swiper-slide .content {
  height: 120px;
  width: 100%;
  background: #006534;
  padding: 18px 70px 18px 26px;
  color: #FFFFFF;
}
.home-plateOne .inner .plateOne-main .main-left .swiper-slide .content .nowrap {
  font-size: 16px;
 
}
.home-plateOne .inner .plateOne-main .main-left .swiper-slide .content .nowrap-2 {
 line-height: 28px;
height:56px;
  font-size: 18px;
  margin-bottom: 10px;
}
.home-plateOne .inner .plateOne-main .main-left .main-left-btn {
  width: 56px;
  height: 120px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.home-plateOne .inner .plateOne-main .main-left .main-left-btn > div {
  width: 100%;
  height: 50%;
  background: #009545;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.home-plateOne .inner .plateOne-main .main-left .main-left-btn > div img {
  width: 12px;
  height: auto;
}
.home-plateOne .inner .plateOne-main .main-left .main-left-btn > div:nth-of-type(2) {
  background: #F0AE33;
}
.home-plateOne .inner .plateOne-main .main-right {
  width: 575px;
}
.home-plateOne .inner .plateOne-main .main-right .item {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  border-bottom: 1px dashed #006534;
}
.home-plateOne .inner .plateOne-main .main-right .item .title {
  display: flex;
  width: 80%;
  align-items: center;
}
.home-plateOne .inner .plateOne-main .main-right .item .title img {
  width: 20px;
  height: 17px;
margin-right: 5px;
}
.home-plateOne .inner .plateOne-main .main-right .item .title .nowrap {
  width: calc(100% - 20px);
  font-size: 18px;
}
.home-plateOne .inner .plateOne-main .main-right .item .data {
  color: #006534;
  font-size: 16px;
}
.home-plateTwo {
  background-image: url(../images/plate-two-bg.png);
  background-size: 100% 100%;
}
.home-plateTwo .inner .plateTwo-main {
  display: flex;
  justify-content: space-between;
}
.home-plateTwo .inner .plateTwo-main .main-list {
  width: 344px;
}
.home-plateTwo .inner .plateTwo-main .main-list .item {
  margin-bottom: 20px;
}
.home-plateTwo .inner .plateTwo-main .main-list .item .nowrap {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 10px;
}
.home-plateTwo .inner .plateTwo-main .main-list .item .data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home-plateTwo .inner .plateTwo-main .main-list .item .data .time {
  font-size: 16px;
  color: #006534;
}
.home-plateTwo .inner .plateTwo-main .main-list .item .data .line {
  width: 63%;
  border-bottom: 1px dashed #006534;
}
.home-plateTwo .inner .plateTwo-main .main-list .item .data img {
  width: 14px;
  height: auto;
}
.home-plateTwo .inner .plateTwo-main .main-list .item:last-child {
  margin-bottom: 0;
}
.home-plateTwo .inner .plateTwo-main .main-content {
  width: calc(100% - 360px);
  display: flex;
  justify-content: space-between;
    padding: 20px 0 0;
}
.home-plateTwo .inner .plateTwo-main .main-content .activity-item {
  width: 5.7%;
  display: flex;
  position: relative;
  transition: all 0.6s ease-in-out;
}
.home-plateTwo .inner .plateTwo-main .main-content .activity-item:nth-of-type(1){
    position: relative;
    top: -40px;

}
.home-plateTwo .inner .plateTwo-main .main-content .activity-item:nth-of-type(2){
    position: relative;
    top: -10px;

}
.home-plateTwo .inner .plateTwo-main .main-content .activity-item:nth-of-type(3){
    position: relative;
    top: -50px;

}
.home-plateTwo .inner .plateTwo-main .main-content .activity-item:nth-of-type(4){
    position: relative;
    top: -20px;

}
.home-plateTwo .inner .plateTwo-main .main-content .activity-item:nth-of-type(5){
    position: relative;
    top: -45px;

}
.home-plateTwo .inner .plateTwo-main .main-content .activity-item .bar-img {
  width: 58px;
  height: auto;
}
.home-plateTwo .inner .plateTwo-main .main-content .activity-item .img {
  transform: scale(0);
  transition: all 0.6s ease-in-out;
}
.home-plateTwo .inner .plateTwo-main .main-content .item-active {
  width: 71.5%;
}
.home-plateTwo .inner .plateTwo-main .main-content .item-active .img {
  display: block;
  transform: scale(1);
}
.home-plateThree {
  background-image: url(../images/plate-three-bg.png);
  background-size: 100% 100%;
}
.home-plateThree .inner {
  display: flex;
  justify-content: space-between;
}
.home-plateThree .inner .org-map {
  width: 560px;
}
.org-box img{
cursor: pointer;
margin-bottom:22px;
transition: all .2s;
}
.org-box img:hover{
    transform: scale(1.03);
}
.org-box img:last-child{
            margin-bottom: 0;
        }
.home-plateThree .inner .org-map .org-canvas {
  width: 100%;
  height: 394px;
}
.home-plateThree .inner .book-list {
  width: 660px;
}
.home-plateThree .inner .book-list .list-content {
  width: 100%;
  height: 268px;
  background-image: url(../images/book-content-bg.png);
  background-size: 100% 100%;
  padding: 29px 0 55px 32px;
}
.home-plateThree .inner .book-list .list-content .list {
  display: flex;
}
.home-plateThree .inner .book-list .list-content .list .book-img {
  width: 134px;
  height: 184px;
}
.home-plateThree .inner .book-list .list-content .list .book-content {
  width: calc(100% - 134px);
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item {
  display: flex;
  color: #fff;
  height: 42px;
  align-items: center;
  justify-content: space-between;
  padding-right: 24px;
  padding-left: 26px;
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item .icon {
  width: 6px;
  height: 9px;
  background-image: url(../images/book-item-icon.png);
  background-size: 100% 100%;
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item .nowrap {
  width: 70%;
  font-size: 18px;
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item .data {
  width: 20%;
  text-align: right;
  font-size: 14px;
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item-ac {
  background-image: url(../images/book-item-bg-ac.png);
  background-size: 100% 100%;
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item-ac .icon {
  width: 9px;
  height: 14px;
  background-image: url(../images/book-item-icon-ac.png);
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item-ac p {
  color: #006534;
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item:nth-of-type(2) {
  padding-left: 36px;
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item:nth-of-type(3) {
  padding-left: 28px;
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item:nth-of-type(4) {
  padding-left: 29px;
}
.home-plateThree .inner .book-list .list-content .list .book-content .book-item:nth-of-type(5) {
  padding-left: 33px;
}
.home-plateThree .inner .book-list  .book-bot-img {
  width: 100%;
  height: auto;
  margin-top: 25px;
    cursor: pointer;
transition: all .2s linear;
}
.home-plateThree .inner .book-list  .book-bot-img:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.home-plateFour {
  background-image: url(../images/plate-four-bg.png);
  background-size: 100% 100%;

}
.home-plateFour .inner .show-main {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-plateFour .inner .show-main .swiper {
  width: 100%;
}
.home-plateFour .inner .show-main .swiper .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item {
  width: 258px;
  height: 352px;
  display: flex;
  cursor: pointer;
  transition: all 0.2s;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .img {
  width: 258px;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .img .nowrap {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 43px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 99.84%);
  opacity: 0.79;
  font-size: 18px;
  color: #ffffff;
  width: 100%;
line-height: 43px;
    text-align: center;
    padding: 0 10px;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .show-item-title {
  display: none;
  width: 480px;
  transition: all 0.2s ease-in-out;
  padding: 0 25px;
  position: relative;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .show-item-title .show-btn {
  width: 42px;
  height: 42px;
  background: #F0AE33;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .show-item-title .show-btn img {
  width: 10px;
  height: 15px;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .show-item-title h2 {
  color: #fff;
  font-size: 18px;
  text-align: left;
  margin-bottom: 15px;
  line-height: 32px;
  font-weight: 400;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .show-item-title .line {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .show-item-title p {
  font-size: 14px;
  color: #fff;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .active {
  width: 686px;
  height: 352px;
  display: flex;
  background-color: #006534;
  background-image: url(../images/show-item-bg-ac.png);
  background-repeat: no-repeat;
  background-size: 511px 282px;
  background-position: left bottom;
  padding: 45px 30px;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .active .img {
  width: 192px;
  height: 100%;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .active .img .nowrap {
  display: none;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .active .show-item-title {
    display: inline-block;
    width: calc(100% - 192px);
    padding-right: 0;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .active .show-item-title p {
  font-size: 16px;
  color: #ffffff;
  line-height: 28px;
}
.home-plateFive {
  background-image: url(../images/plate-five-bg.png);
  background-size: 100% 100%;
    padding-bottom: 180px;

}
.home-plateFive .inner .plateFive-main {
  position: relative;
  transform-style: preserve-3d;
}
.home-plateFive .inner .plateFive-main .phoSwiper {
  height: 388px;
  padding: 20px 0;
  perspective: 1000px;
  touch-action: pan-y;
  transform-style: preserve-3d;
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-wrapper {
  transform-style: preserve-3d;
  /* 统一过渡，所有子元素共用，代码更简洁 */
  transition: all 0.5s ease;
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-wrapper .swiper-slide-active {
  transform: translate3d(0, 0, -280px) rotateY(0deg);
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-wrapper .swiper-slide-prev {
  transform: translate3d(-30px, 0, -250px) rotateY(20deg);
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-wrapper .swiper-slide-next {
  transform: translate3d(30px, 0, -250px) rotateY(-35deg);
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-wrapper .swiper-slide.pr2 {
  transform: translate3d(-72px, 0, -160px) rotateY(50deg);
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-wrapper .swiper-slide.ne2 {
  transform: translate3d(75px, 0, -160px) rotateY(-50deg);
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-wrapper .swiper-slide.pr3 {
  transform: translate3d(-29px, 0, -20px) rotateY(50deg);
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-wrapper .swiper-slide.ne3 {
  transform: translate3d(30px, 0, -20px) rotateY(-50deg);
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-wrapper .swiper-slide.pr4 {
  transform: translate3d(15px, 0, -20px) rotateY(50deg);
  opacity: 0;
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-wrapper .swiper-slide.ne4 {
  transform: translate3d(-15px, 0, -20px) rotateY(-50deg);
  opacity: 0;
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-slide {
  transform-style: preserve-3d;
}
.home-plateFive .inner .plateFive-main .phoSwiper .swiper-slide .img {
  padding-bottom: 240%;
}
.home-plateFive .inner .plateFive-main .phoSwiperMain-box {
  width: 624px;
  height: 348px;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 0 20px;
  z-index: 5;
  transform: translate(-50%, -50%);
}
.home-plateFive .inner .plateFive-main .phoSwiperMain-box .phoSwiperMain {
  width: 100%;
  height: 100%;
}
.home-plateFive .inner .plateFive-main .phoSwiperMain-box .phoSwiperMain video{
width:100%;
height:100%;
object-fit: cover;

}
.home-plateFive .inner .plateFive-main .phoSwiperMain-box .phoSwiperMain .video-play{
position: absolute;
    width: 70px;
    height: 71px;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
cursor: pointer;
    z-index: 100;
}
.home-plateFive .inner .plateFive-main .phoSwiperMain-box .phoSwiperMain .nowrap {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 18px;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  height: 50px;
  line-height: 50px;
  width: 100%;
padding:0 10px;
    text-align: center;
}

.home-plateFive .inner .plateFive-main .phoSwiperMain-box .switch-button-banner-prev {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #F0AE33;
  display: flex;
  align-items: center;
  justify-content: center;
position: absolute;
left:0;
top:50%;
transform: translateY(-50%);
    z-index: 10;
cursor: pointer;
}
.home-plateFive .inner .plateFive-main .phoSwiperMain-box .switch-button-banner-prev img {
  width: 12px;
  height: 18px;
}
.home-plateFive .inner .plateFive-main .phoSwiperMain-box .switch-button-banner-next {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #F0AE33;
  display: flex;
  align-items: center;
  justify-content: center;
position: absolute;
right:0;
top:50%;
transform: translateY(-50%);
    z-index: 10;
cursor: pointer;
}
.home-plateFive .inner .plateFive-main .phoSwiperMain-box .switch-button-banner-next img {
  width: 12px;
  height: 18px;
}
.side-bar {
  position: fixed;
  right: 0;
  width: 181px;
  height: 601px;
  top: calc(50% - 300.5px);
  background-image: url(../images/side-bar-bg.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 62px 42px;
  z-index: 10;
}
.side-bar .item {
  width: 96px;
  height: 96px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  cursor: pointer;
}
.side-bar .item img {
  height: 44px;
  width: auto;
}
.side-bar .item p {
  font-size: 16px;
  color: #006534;
  text-shadow: 0px 2px 15px rgba(0, 101, 52, 0.25);
  text-align: center;
}
.side-bar .item:hover {
  background: #E3F0EA;
  box-shadow: 0px 2px 15px 0px rgba(0, 101, 52, 0.25);
}
.login_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  z-index: 10000000000000;
}
.login .chengxu2 img {
  max-width: 220px;
  display: block;
  margin: 0 auto;
  float: none;
}
.login {
  border-radius: 4px;
  position: fixed;
  z-index: 9999;
  top: 50%;
  width: 540px;
  left: 50%;
  background: #fff;
  /* margin-left: -270px; */
  transform: translate(-50%, -50%);
}
.login .log-top {
  padding: 18px 30px;
  border-bottom: 1px solid #eff1f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login .chengxu2 {
  padding: 20px 0;
}
.login .close {
  padding: 15px 0;
  border: 1px solid #eaedf3;
  cursor: pointer;
}
.login .wz2 {
  width: 50%;
  float: left;
  height: 30px;
  font-size: 16px;
  font-family: 'MicrosoftYaHei';
  font-weight: bold;
  color: #2b2b2b;
  line-height: 30px;
}
.login .log-top img {
  vertical-align: middle;
  margin-top: 5px;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.login .chengxu2 p {
  margin-top: 10px;
  text-align: center;
  font-size: 15px;
}
.login .guanbi2 {
  width: 80px;
  line-height: 35px;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #d8dce6;
  box-shadow: 0px 1px 1px 0px rgba(22, 29, 37, 0.05), 0px 2px 0px 0px rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
.home-title .more {
  transition: transform 0.25s ease, filter 0.25s ease;
}
.home-title .more:hover {
  transform: translateY(-2px) scale(1.12);
  filter: brightness(1.1);
}
.home-plateFour .show-item {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.home-plateFour .show-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
}
.home-plateFour .show-item .img img {
  transition: transform 0.6s ease;
}
.home-plateFour .show-item:hover .img img {
  transform: scale(1.06);
}
.home-plateThree .book-item {
  cursor: pointer;
  transition: transform 0.25s ease, background 0.25s ease;
  border-radius: 8px;
}
.home-plateThree .book-item:hover {
  transform: translateX(6px);
  background: rgba(255, 255, 255, 0.12);
}
.home-plateTwo .main-list .item {
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  padding: 10px 12px;
  transition: background 0.25s ease, transform 0.25s ease;
}
.home-plateTwo .main-list .item:hover {
  transform: translateY(-4px);
  color: #006534;
}
.home-plateTwo .main-list .item:hover::before {
  opacity: 1;
}
.home-plateOne .main-right .item {
  cursor: pointer;
  transition: transform 0.25s ease, background 0.25s ease;
  padding-left: 10px;
  padding-right: 10px;
}
.home-plateOne .main-right .item:hover {
  background: rgba(255, 255, 255, 0.55);
  transform: translateX(6px);
}
.home-plateOne .main-right .item:hover .title img {
  filter: brightness(1.15);
}
.home-plateOne .inner .plateOne-main .main-left img {
  transition: transform 0.6s ease;
}
.home-plateOne .inner .plateOne-main .main-left:hover img {
  transform: scale(1.05);
}
@keyframes float {
  0% {
    transform: translateY(-50%) translateZ(0);
  }
  50% {
    transform: translateY(-50%) translateY(-10px) translateZ(0);
  }
  100% {
    transform: translateY(-50%) translateZ(0);
  }
}
.home-right-icon:hover {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  filter: brightness(1.2);
}
@media screen and (max-width: 1200px) {
  .flex-sb {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
  .flex-sb > div {
    width: 100% !important;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 800px) {
  .inner {
    padding: 0 20px;
  }
  .home-title-sb {
    padding-right: 20px;
  }
  .home-title-sb p {
    font-size: 16px;
    margin: 0 5px !important;
  }
}
/* =========================
   Mobile Responsive (append)
   ========================= */
/* 1) 通用：内边距/标题间距缩小，避免内容太挤 */
@media (max-width: 992px) {
  .plate {
    padding: 40px 0;
  }
  .home-title {
    margin-bottom: 30px;
  }
  .home-title .title {
    height: auto;
        width: 70%;
  }
  .home-title .more {
    top: 0;
  }
}
/* 2) <= 768px：整体改为单列布局 */
@media (max-width: 768px) {

.login{
width:90%;
}
.mySwiper{
    height: 40vh;
}
footer{
margin-top:0;
}
.home-plateFive .inner .plateFive-main .phoSwiperMain-box{
width: 100%;
    height: 248px;
padding:0;
    position: relative;
    left: 0%;
    top: 0%;
    transform: none;
}
.home-plateOne .inner .plateOne-main .main-left .swiper-slide .img{
height:230px;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .img .nowrap{
display:none;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .show-item-title h2{
color:#333333;
}
.home-plateFour .inner .show-main .swiper .swiper-slide .show-item .show-item-title p{
color:#333333;
}
.home-plateTwo .inner .plateTwo-main .main-content{
display:none;
}
.home-title .more{
width: auto;
        height: 20px !important;
}
  .home-plateFive .inner .plateFive-main .phoSwiper {
    display: none;
  }
  .inner {
    padding: 0 16px;
  }
  .plate {
    padding: 32px 0;
  }
  /* 顶部 Banner：按钮缩小，避免挡住画面 */
  .mySwiper .swiper-banner-button > div {
    width: 48px;
    height: 48px;
  }
  .mySwiper .banner-title {
    height: 72px;
    line-height: 72px;
    font-size: 16px;
  }
  .mySwiper .banner-title .inner {
    padding-right: 12%;
  }
  /* 侧边栏：移动端隐藏（避免遮挡） */
  .side-bar {
    display: none;
  }
  /* ---------- plateOne 最新动态 ---------- */
  .home-plateOne .plateOne-main {
    flex-direction: column;
    gap: 16px;
  }
  .home-plateOne .plateOne-main .main-left,
  .home-plateOne .plateOne-main .main-right {
    width: 100% !important;
  }
  .home-plateOne .plateOne-main .main-left {
    height: auto;
  }
  .home-plateOne .plateOne-main .main-left .swiper-slide .img {
    height: 220px;
  }
  .home-plateOne .plateOne-main .main-right .item {
    padding: 14px 0;
  }
  .home-plateOne .plateOne-main .main-right .item .title {
    width: 78%;
  }
  .home-plateOne .plateOne-main .main-right .item .title .nowrap {
    font-size: 16px;
  }
  .home-plateOne .plateOne-main .main-right .item .data {
    font-size: 14px;
  }
  /* ---------- plateTwo 活动速递 ---------- */
  .home-plateTwo .plateTwo-main {
    flex-direction: column;
    gap: 16px;
  }
  .home-plateTwo .plateTwo-main .main-list,
  .home-plateTwo .plateTwo-main .main-content {
    width: 100% !important;
  }
  /* 活动区：hover 在手机上不可用 -> 改为横向滑动卡片体验 */
  .home-plateTwo .plateTwo-main .main-content {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
    padding-bottom: 8px;
  }
  .home-plateTwo .plateTwo-main .main-content::-webkit-scrollbar {
    height: 6px;
  }
  .home-plateTwo .plateTwo-main .main-content .activity-item {
    flex: 0 0 72%;
    width: auto;
    min-width: 72%;
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.35);
  }
  /* 手机上不要“收缩为细条”的交互，统一展示图片 */
  .home-plateTwo .plateTwo-main .main-content .activity-item .bar-img {
    display: none;
  }
  .home-plateTwo .plateTwo-main .main-content .activity-item .img {
    transform: scale(1);
  }
  .home-plateTwo .plateTwo-main .main-content .item-active {
    width: auto;
  }
  /* ---------- plateThree 组织+期刊 ---------- */
  .home-plateThree .inner {
    flex-direction: column;
    gap: 18px;
  }
  .home-plateThree .org-map,
  .home-plateThree .book-list {
    width: 100% !important;
  }
  .home-plateThree .org-map .org-canvas {
    height: 320px;
  }
  .home-plateThree .book-list .list-content {
    height: auto !important;
  }
  .home-plateThree .book-list .list-content .list {
    flex-direction: column;
    gap: 12px;
  }
  .home-plateThree .book-list .list-content .book-img {
    width: 120px;
    height: auto;
    margin: 0 auto;
  }
  .home-plateThree .book-list .list-content .book-content {
    width: 100% !important;
  }
  .home-plateThree .book-list .list-content .book-content .book-item {
    padding-left: 14px;
    padding-right: 14px;
    height: 44px;
  }
  .home-plateThree .book-bot-img {
    margin-top: 14px;
  }
  /* ---------- plateFour 校友风采 ---------- */
  /* 手机上不要“卡片扩展到 686px”那种布局，改为单卡片纵向展示更稳 */
  .home-plateFour .swiper-slide {
    flex-direction: column;
    gap: 12px;
  }
  .home-plateFour .show-item,
  .home-plateFour .swiper-slide .active {
    width: 100% !important;
    height: auto !important;
    padding: 14px !important;
    background-size: 60% auto;
    border-radius: 14px;
  }
  .home-plateFour .show-item .img {
    width: 100% !important;
    height: 200px !important;
    border-radius: 12px;
  }
  .home-plateFour .show-item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /* 手机上直接显示标题/简介（避免 hover 才显示） */
  .home-plateFour .show-item .show-item-title {
    display: block !important;
    width: 100% !important;
    padding: 12px !important;
  }
  /* ---------- plateFive 精彩瞬间 ---------- */
  /* 3D 轮播在手机上性能压力大：降级为普通滑动（更稳） */
  .home-plateFive .plateFive-main {
    transform-style: flat;
  }
  .home-plateFive .phoSwiper {
    height: auto;
    perspective: none;
  }
  .home-plateFive .phoSwiper .swiper-wrapper {
    transform-style: flat;
  }
  .home-plateFive .phoSwiper .swiper-slide,
  .home-plateFive .phoSwiper .swiper-wrapper .swiper-slide-active,
  .home-plateFive .phoSwiper .swiper-wrapper .swiper-slide-prev,
  .home-plateFive .phoSwiper .swiper-wrapper .swiper-slide-next,
  .home-plateFive .phoSwiper .swiper-wrapper .swiper-slide.pr2,
  .home-plateFive .phoSwiper .swiper-wrapper .swiper-slide.ne2,
  .home-plateFive .phoSwiper .swiper-wrapper .swiper-slide.pr3,
  .home-plateFive .phoSwiper .swiper-wrapper .swiper-slide.ne3,
  .home-plateFive .phoSwiper .swiper-wrapper .swiper-slide.pr4,
  .home-plateFive .phoSwiper .swiper-wrapper .swiper-slide.ne4 {
    transform: none !important;
    opacity: 1 !important;
  }
  .home-plateFive .phoSwiperMain-box {
    position: static;
    transform: none;
    width: 100%;
    height: auto;
    margin-top: 12px;
    padding: 0;
  }
}
/* 3) <= 480px：更紧凑 */
@media (max-width: 480px) {
  .home-title {
    margin-bottom: 22px;
  }
  .home-title .more {
    transform: none;
  }
  .home-plateOne .plateOne-main .main-left .swiper-slide .img {
    height: 190px;
  }
  .home-plateFour .show-item .img {
    height: 170px !important;
  }
  .mySwiper .banner-title {
    height: 64px;
    line-height: 64px;
    font-size: 15px;
  }
}