.home-title {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}

.home-title .title {
  max-width: 218px;
  max-height: 80px;
}

.home-title .more {
  max-width: 56px;
  max-height: 21px;
  cursor: pointer;
}

.home-middle-title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 40px;
}

.home-middle-title img:nth-of-type(1) {
  width: 224px;
  height: 80px;
}

.home-middle-title img:nth-of-type(2) {
  width: 56px;
  height: 21px;
  position: absolute;
  right: 0;
  top: calc(50% - 10.5px);
}

.home-plateFive {
  background-image: url(css/img/11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}

.home-plateTen {
  background-image: url(images/ten-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}

.home-plateTen .inner .swiper-content {
  width: 100%;
  margin-bottom: 46px;
  position: relative;
}

.home-plateTen .inner .swiper-content .swiper {
  width: 100%;
  height: 100%;
}

.home-plateTen .inner .swiper-content .swiper .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.home-plateFive .inner {
  display: flex;
  justify-content: space-between;
}

.home-plateFive .inner .left {
  width: 140px;
  height: 240px;
}

.home-plateFive .inner .right {
  width: calc(100% - 176px);
  display: flex;
  justify-content: space-between;
}



.home-plateFive .inner .right .right-item .main .top-banner .img {
  width: 100%;
  height: 179px;
  position: relative;
}

.home-plateFive .inner .right .right-item .main .top-banner .img .data {
  width: 70px;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #CC9D6D;
  position: absolute;
  bottom: 0;
  left: 0;
}

.home-plateFive .inner .right .right-item .main .top-banner .img .data span {
  color: #fff;
}

.home-plateFive .inner .right .right-item .main .top-banner .img .data span:nth-of-type(1) {
  font-size: 20px;
}

.home-plateFive .inner .right .right-item .main .top-banner .img .data span:nth-of-type(2) {
  font-size: 14px;
}

.home-plateFive .inner .right .right-item .main .top-banner .title {
  padding: 13px 0;
  border-bottom: 1px dashed #E6D0B6;
}

.home-plateFive .inner .right .right-item .main .top-banner .title p:nth-of-type(1) {
  font-size: 16px;
  color: #333333;
  margin-bottom: 8px;
}

.home-plateFive .inner .right .right-item .main .top-banner .title p:nth-of-type(2) {
  font-size: 14px;
  color: #999999;
}

.home-plateFive .inner .right .right-item .main .list-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed #E6D0B6;
  padding: 12px 0;
}

.home-plateFive .inner .right .right-item .main .list-item>.nowrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 50px);
}

.home-plateFive .inner .right .right-item .main .list-item>.nowrap span:nth-of-type(1) {
  width: 5px;
  height: 5px;
  background: #F25A47;
  border-radius: 50%;
}

.home-plateFive .inner .right .right-item .main .list-item>.nowrap span:nth-of-type(2) {
  width: calc(100% - 10px);
color:#333333;
font-size:14px;
}

.home-plateFive .inner .right .right-item .main .list-item .data {
  text-align: right;
  width: 40px;
  font-size: 14px;
  color: #999999;
}
/**
.home-plateFive .inner .right .more {
  margin-top: 20px;
  text-align: center;
    cursor: pointer;
    color: #CC3B29;
}

.home-plateFive .inner .right .more img {
    width: 55px;
    position: relative;
    margin-left: 5px;
    height: auto;
    top: -1px;
}
**/
.home-plateSix {
  background-image: url(css/img/33.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}

.home-plateSix .inner>.main {
  display: flex;
  justify-content: space-between;
}

.home-plateSix .inner>.main .six-left {
  width: 620px;
  height: 288px;
}

.home-plateSix .inner>.main .six-left .item {
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}

.home-plateSix .inner>.main .six-left .item .content {
  width: calc(100% - 70px);
}

.home-plateSix .inner>.main .six-left .item .content p:nth-of-type(1) {
  font-size: 16px;
  color: #333333;
  margin-bottom: 10px;
}

.home-plateSix .inner>.main .six-left .item .content p:nth-of-type(2) {
  font-size: 14px;
  color: #999999;
}

.home-plateSix .inner>.main .six-left .item .data {
  width: 58px;
}

.home-plateSix .inner>.main .six-left .item .data p {
  text-align: center;
}

.home-plateSix .inner>.main .six-left .item .data p:nth-of-type(1) {
  background-color: #CC3B29;
  color: #fff;
  font-size: 20px;
  height: 33px;
  line-height: 33px;
}

.home-plateSix .inner>.main .six-left .item .data p:nth-of-type(2) {
  background-color: #E1C19D;
  color: #fff;
  font-size: 14px;
  height: 23px;
  line-height: 23px;
}


.home-plateEight {
  background-image: url(images/eight-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}

.home-plateEight .inner .home-plateTwo-book {
  display: flex;
  justify-content: space-between;
}

.home-plateEight .inner .home-plateTwo-book .book-left {
  width: 120px;
}

.home-plateEight .inner .home-plateTwo-book .book-right {
  width: calc(100% - 144px);
}

.home-plateEight .inner .home-plateTwo-book .book-right .book-img {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: flex-end;
}

.home-plateEight .inner .home-plateTwo-book .book-right .book-img img {
  width: 56px;
  height: 21px;
}

.home-plateEight .inner .home-plateTwo-book .book-right .book-right-main {
  width: 100%;
  height: 202px;
  border: 1px solid #E1C19D;
  background: #ffffffc3;
  padding: 0px 28px;
}

.home-plateEight .inner .home-plateTwo-book .book-right .book-right-main .swiper-slide {
  display: flex;
  justify-content: space-between;
  height: 62px;
  margin: 24px 0;
  width:30%;
}

.home-plateEight .inner .home-plateTwo-book .book-right .book-right-main .swiper-slide .img img {
  width: 62px;
  height: 62px;
}

.home-plateEight .inner .home-plateTwo-book .book-right .book-right-main .swiper-slide>.title {
  width: calc(100% - 70px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home-plateEight .inner .home-plateTwo-book .book-right .book-right-main .swiper-slide>.title p:nth-of-type(1) {
  font-size: 16px;
  color: #333333;
  margin-bottom: 10px;
}

.home-plateEight .inner .home-plateTwo-book .book-right .book-right-main .swiper-slide>.title p:nth-of-type(2) {
  font-size: 14px;
  color: #999999;
}

.home-plateNine {
  background-image: url(images/nine-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}

.home-plateNine .inner {
  display: flex;
  justify-content: space-around;
  align-items: center;
padding:0 50px;
}

.home-plateNine .inner .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-plateNine .inner .item img {
  width: 112px;
  height: 112px;
  margin-bottom: 15px;
}

.home-plateNine .inner .item p {
  font-size: 16px;
  color: #333333;
  text-align: center;
}




.home-plateFour {
  padding: 30px 0;
  background-image: url(images/home-plateFour.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.home-plateFour .inner-bottom .home-middle-title {
  justify-content: space-between;
}

.home-plateFour .inner-top .top-main {
  display: flex;
  justify-content: space-between;
}

.home-plateFour .inner-top .top-main .top-left {
  width: 528px;
}

.home-plateFour .inner-top .top-main .top-left .img {
  height: 288px;
}

.home-plateFour .inner-top .top-main .top-left p:nth-of-type(1) {
  margin: 15px 0 12px;
  color: #333333;
  font-size: 16px;
}

.home-plateFour .inner-top .top-main .top-left p:nth-of-type(2) {
  font-size: 14px;
  color: #666666;
}

.home-plateFour .inner-top .top-main .top-right {
  width: 700px;
  height: 358px;
}

.home-plateFour .inner-top .top-main .top-right .swiper-slide {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.home-plateFour .inner-top .top-main .top-right .swiper-slide .data {
  width: 102px;
  height: 100%;
  background-image: url(images/home-plate-data.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.home-plateFour .inner-top .top-main .top-right .swiper-slide .data span:nth-of-type(1) {
  font-size: 26px;
}

.home-plateFour .inner-top .top-main .top-right .swiper-slide .data p {
  width: 51px;
  height: 1px;
  background: #FFFFFF;
  opacity: 0.6;
  margin: 10px 0;
}

.home-plateFour .inner-top .top-main .top-right .swiper-slide .data span:nth-of-type(2) {
  font-size: 14px;
}

.home-plateFour .inner-top .top-main .top-right .swiper-slide .content {
  width: calc(100% - 126px);
  height: 100%;
  padding: 24px 0 24px 24px;
}

.home-plateFour .inner-top .top-main .top-right .swiper-slide .content .nowrap {
  border-bottom: 1px solid #e1c19db5;
  font-size: 16px;
  color: #333333;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.home-plateFour .inner-top .top-main .top-right .swiper-slide .content .nowrap-2 {
  line-height: 26px;
  font-size: 14px;
  color: #666666;
}


.home-plateFour .inner-bottom {
  display: flex;
  justify-content: space-between;
}

.home-plateFour .inner-bottom .bottom-unit {
  width: 584px;
}

.home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide {
  position: relative;
}

.home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide .img {
  height: 230px;
}

.home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide>img {
  position: absolute;
  width: 192px;
  height: 132px;
  bottom: 0;
  left: 0;
  display: none;
}

.home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide p {
  padding: 0 16px;
}

.home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide p:nth-of-type(1) {
  margin: 12px 0 14px;
  color: #333333;
  font-size: 16px;
}

.home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide p:nth-of-type(2) {
  line-height: 24px;
  color: #999999;
  font-size: 14px;
}

.home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide p:nth-of-type(3) {
  line-height: 24px;
  color: #999999;
  font-size: 14px;
}

.home-plateFour .inner-bottom .bottom-book {
  width: 600px;
}

.home-plateFour .inner-bottom .bottom-book .book-item .img {
  height: 202px;
}

.home-plateFour .inner-bottom .bottom-book .book-item p {
  height: 48px;
  line-height: 22px;
  color: #333333;
  font-size: 14px;
  margin-top: 15px;
  text-indent: 5px;
}

.home-plateTwo .inner .home-plateTwo-show .show-main .show-main-bottom .show-banner-btn>div {
  transition: all 0.2s linear;
}

.swiper-backface-hidden .swiper-slide {
  cursor: pointer;
}

.home-plateTwo{width:100%;padding:30px 0px;}

.home-plateTwo .inner .home-plateTwo-book .book-right .book-right-main .swiper-slide {
  cursor: pointer;
  transition: all 0.2s linear;
  padding: 5px;
}

.home-plateFour .inner-top .top-main .top-left {
  transition: all 0.2s linear;
}

.home-plateFour .inner-top .top-main .top-left p {
  padding: 0 10px;
}

.home-plateFour .inner-top .top-main .top-left .swiper-slide .img {
  overflow: hidden;
  position: relative;
}

.home-plateFour .inner-top .top-main .top-left .swiper-slide .img .data {
  position: absolute;
  bottom: 12px;
  left: 14px;
  height: 55px;
  width: 58px;
  z-index: 100;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.home-plateFour .inner-top .top-main .top-left .swiper-slide .img .data span:nth-of-type(1) {
  width: 100%;
  height: 30px;
  background: #F25A47;
  text-align: center;
  line-height: 30px;
  font-size: 22px;
  display: block;
}

.home-plateFour .inner-top .top-main .top-left .swiper-slide .img .data span:nth-of-type(2) {
  width: 100%;
  height: 24px;
  background: #E1C19D;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
}

.home-plateFour .inner-top .top-main .top-right .swiper-slide {
  transition: all 0.2s linear;
}

.home-middle-title img:nth-of-type(2) {
  cursor: pointer;
}

.home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide {
  transition: all 0.2s linear;
}

.book-main .book-item {
  transition: all 0.2s linear;
  height: 58px;
  border-bottom: 1px dashed #9999998f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
}

.home-plateFour .inner-top .top-main .top-left .swiper-slide .img img {
  transition: all 0.2s linear;
}

.book-main .book-item .data {
  color: #CC3B29;
  width: 100px;
}

.book-main .book-item .nowrap-2 {
  width: calc(100% - 120px);
  color: #333333;
  -webkit-line-clamp: 1;
}

.home-plateFive .inner .right .right-item .main .top-banner {
  cursor: pointer;

  .img {
    overflow: hidden;

    img {
      transition: all 0.2s linear;
    }
  }

  p {
    transition: all 0.2s linear;
  }

}

.home-plateFive .inner .right .right-item .main .list-item:hover {
  .nowrap {
    cursor: pointer;
    transition: all 0.2s linear;
  }
}

.home-plateFive .inner .right .more img {
  cursor: pointer;
}

.home-plateSix .inner>.main .six-left .item:hover {

  cursor: pointer;
  transition: all .2s linear;

  p {
    transition: all .2s linear;
  }
}

.home-plateEight .inner .home-plateTwo-book .book-right .book-right-main .swiper-slide {
  transition: all .2s linear;
  padding-right: 20px;
}

.home-plateNine .inner .item {
  cursor: pointer;

  img {
    transition: all .3s linear;
  }
}

.home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide .img {
  position: relative;
}

.home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide .img .play {
  position: absolute;
  width: 45px;
  height: 45px;
  left: calc(50% - 22.5px);
  top: calc(50% - 22.5px);
  border-radius: 50%;
  display: none;
}

@media (any-hover: hover) {
  .home-plateNine .inner .item:hover {
    img {
      transform: scale(1.2) rotate(360deg);
    }

    p {
      color: #B23729;
    }
  }

  .home-plateEight .inner .home-plateTwo-book .book-right .book-right-main .swiper-slide:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);

    p {
      color: #A00A01;

    }
  }

  .home-plateSix .inner>.main .six-left .item:hover {

    background: #F25A47;

   
  }
  .home-plateSix .inner>.main .six-left .item:hover p{
      color: #fff !important;
}
  .home-plateFive .inner .right .more:hover {
    animation: jello;
    animation-duration: 1s;
  }

  .home-plateFive .inner .right .right-item .main .list-item:hover {
    .nowrap {
      transform: translateX(5px);
      color: #D15344;
    }
  }

  .home-plateFive .inner .right .right-item .main .top-banner:hover {
    .img {
      img {
        transform: scale(1.2);
      }
    }

    .title {
      p {
        color: #D15344 !important;
      }
    }
  }

  .book-main .book-item:hover {
    background: #CC3B29;
  }

  .book-main .book-item:hover div {
    color: #fff !important;
  }

  .home-plateFour .inner-bottom .bottom-unit .unit-main .swiper-slide:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -2px, 0);
  }

  .home-plateFour .inner-top .top-main .top-right .swiper-slide:hover {
    background-color: #A00A01;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
  }

  .home-plateFour .inner-top .top-main .top-right .swiper-slide:hover p {
    color: #fff !important;
  }

  .home-plateFour .inner-top .top-main .top-left:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }

  .home-plateFour .inner-top .top-main .top-left .swiper-slide:hover .img img {
    transform: scale(1.2);
  }

  .home-middle-title img:nth-of-type(2):hover {
    animation: jello;
    animation-duration: 1s;
  }

  .home-plateTwo .inner .home-plateTwo-book .book-right .book-right-main .swiper-slide:hover {
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
  }

  .home-middle-title img:nth-of-type(2):hover {
    animation: jello;
    animation-duration: 1s;
  }

  .home-plateTwo .inner .home-plateTwo-book .book-right .book-img img:hover {
    animation: jello;
    animation-duration: 1s;
  }

  .home-plateTwo .inner .home-plateTwo-book .book-right .book-img img {
    animation: jello;
    animation-duration: 1s;
  }

  .home-title .more:hover {
    animation: jello;
    animation-duration: 1s;
  }

  .home-plateTwo .inner .home-plateTwo-show .show-main .show-main-bottom .show-banner-btn>div:hover {
    transform: rotate(360deg);
  }

  .home-plateTwo .inner .home-plateTwo-show .show-main .show-main-top .content .more img:hover {
    animation: jello;
    animation-duration: 1s;
  }

@media screen and (max-width: 1200px) {
  .home-plateEight .inner .home-plateTwo-book {
    flex-direction: column;
    padding: 0 20px;
  }

  .home-plateFive .inner .right .right-item .main {
    width: 100%;

  }

  .home-plateFive .inner .left {
    margin-bottom: 20px;
  }

  .home-plateEight .inner .home-plateTwo-book .book-right {
    width: 100%;
  }

  .home-plateFive .inner .right {
    width: 100%;
    flex-direction: column;
  }

  .home-plateFive .inner {
    padding: 0 20px;
    flex-direction: column;
  }


  .home-plateTwo .inner .home-plateTwo-show .show-left {
    display: none;
  }

  .home-plateTwo .inner .home-plateTwo-book .book-left {
    display: none;
  }

  .home-plateTwo .inner .home-plateTwo-show .show-main {
    width: 100%;
    padding: 0 20px;
  }

  .home-plateTwo .inner .home-plateTwo-book .book-right {
    width: 100%;
    padding: 0 20px;
  }

  .home-middle-title img:nth-of-type(2) {
    right: 20px !important;
  }

  .home-plateFour .inner-top .top-main {
    flex-direction: column;
    padding: 0 20px !important;
  }

  .home-plateFour .inner-top .top-main>div {
    width: 100% !important;
  }

  .home-plateFour .inner-top .top-main>div:nth-of-type(1) {
    margin-bottom: 40px;
  }

  .home-plateFour .inner-bottom {
    flex-direction: column;
    padding: 0 20px !important;
  }

  .home-plateFour .inner-bottom>div {
    width: 100% !important;
  }

  .home-plateFour .inner-bottom>div:nth-of-type(1) {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 800px) {
  .home-plateTwo .inner .home-plateTwo-show .show-main .show-main-bottom {
    width: 100%;
  }

  .home-plateTwo .inner .home-plateTwo-show .show-main .show-main-top .content {
    width: 100% !important;
  }

  .home-plateTwo .inner .home-plateTwo-show .show-main .show-main-top .img {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .home-plateNine .inner {
    flex-direction: column;
  }

  .home-plateNine .inner .item {
    margin-bottom: 20px;
  }

.home-plateFive .inner .right .right-item .main {
  width:520px;
  padding: 16px;
  background-color: hsl(0deg 6.38% 43.07% / 8%);
}






.home-plateFive .inner .right .main6 .more_btn {
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
    color: #CC3B29;
}
.more a.more-link {
    color: #525252;
}
}
.home-plateFive .inner .right .main6 .more_btn .more_text img {
    width: 65px;
    position: relative;
    margin-left: 5px;
    height: auto;
    top: -1px;
}
.home-plateFive .inner .right{width:100%;}
.home-plateFive .inner .right .right-item{width:100%;padding-left:10px;}
.home-plateFive .inner .right .right-item .main6 {
    width:100%;
    background-color: rgb(225 207 207 / 18%);
    padding: 16px;
}
.home-plateFive .inner .right .main6 .more_btn {
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
    color: #CC3B29;
}
@media (any-hover: hover) {
    .home-plateFive .inner .right .right-item .main6 {
        width: 100%;
        background-color: rgba(225, 207, 207, 0.18);
        padding: 16px 25px 16px 16px;
    }
}

@media (any-hover: hover) {
    .home-plateFive .inner .right {
        width: 110%;
        padding-left: 10px;
    }
}