@charset "UTF-8";
.jy-box28 > .left {
  width: 40%;
  background-color: #fff; }

.jy-box28 > .right {
  width: 40%; }

.jy-box28 > .left > ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }

.jy-box28 > .left > ul > li {
  border-bottom: 1px solid #e8ebf1; }
.jy-box28 > .left > ul > li .text{display: flex; justify-content: space-between}
.jy-text64:hover {
  cursor: pointer; }

.jy-box27 {
  animation: star infinite 4s;
  /* transform-origin: center; */ }


@keyframes star {
  0% {
    opacity: 0.01; }
  50% {
    opacity: 0.5;
    width: 70px;
    height: 70px;
    left: -30px;
    top: -29px; }
  100% {
    opacity: 0.01; } }

.jy-text42 {
  animation: shake infinite 4s; }

@keyframes shake {
  0% {
    opacity: 0.3; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 0.3; } }

.jy-box31:hover {
  background-color: #0070ff; 
  animation: shake infinite 4s;
}

.jy-box36:hover img {
  transition: all 1s; }

.jy-box36:hover img {
  transform: scale(1.15, 1.15); }

.jy-box36 > span {
  transition: all 1s; }

.jy-box36:hover span {
  color: #0070ff; }

/* 数字滚动动画 */
.jy-text57 {
  animation: Rotate1 infinite 30s; }

.jy-text58 {
  animation: Rotate2 infinite 30s; }

.jy-text59 {
  animation: Rotate3 infinite 30s; }

.jy-text60 {
  animation: Rotate4 infinite 30s; }

.jy-text61 {
  animation: Rotate5 infinite 30s; }

.caret_top,
.caret_buttom:hover {
  cursor: pointer; }

.caret_top {
  position: absolute;
  top: 0;
  /* left: 50%;
  transform: translateX(-50%); */
  left: 70%;
  transform: translateX(-270%)
 }

.caret_buttom {
  position: absolute;
  bottom: 0;
  /* left: 50%;
  transform: translateX(-50%); */
  left: 70%;
  transform: translateX(-270%)
 }

.aboutus {
  width: 100%; }
.aboutus .jj{margin-top: 50px;}
.aboutus .wenhua{margin-top: 100px;}

.aboutus .wenhua .content{display: flex;height: 700px;}
#develop .content {
  display: flex;
  margin-bottom: 56px;
  justify-content: space-around; }
  #develop .content .center {
    width: 10%;
    text-align: center;
    margin-top: 50px;
    position: relative;
    height: 650px; }
    #develop .content .center img {
      height: 100%; }
  #develop .content .right {
    width: 40%;
    height: 740px;
    overflow: hidden; }
    #develop .content .right .time_box {
      flex: 1;
      height: 150px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 100px;
      font-family: Roboto-Black, Roboto;
      font-weight: 900;
      color: #000; 
      cursor: pointer;
    }

#about {
  display: flex;
  width: 100%; }

.jy-box149 .container {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around; }
  .jy-box149 .container .img-box {
    flex: 1;
    display: flex;
    align-items: center; }
    .jy-box149 .container .img-box img {
      display: block;
      margin: auto;
      object-fit: cover;
      max-width: 85%; }
      
  .pc{display: block;}
  .mobile{display: none;}


@media (min-width: 1201px) {
  .jy-box149 ::v-deep .el-carousel__container {
    height: 485px !important; } }

@media (min-width: 1025px) and (max-width: 1200px) {
  .jy-box149 ::v-deep .el-carousel__container {
    height: 400px !important; } }

@media (min-width: 769px) and (max-width: 1024px) {
  .jy-box149 ::v-deep .el-carousel__container {
    height: 32rem !important; }
    
  .pc{display: none;}
  .mobile{display: block;}
}

@media (min-width: 481px) and (max-width: 768px) {
  .jy-box149 ::v-deep .el-carousel__container {
    height: 400px !important; } 
    .pc{display: none;}
    .mobile{display: block;}

  }

@media (min-width: 320px) and (max-width: 480px) {
  .jy-box149 ::v-deep .el-carousel__container {
    height: 400px !important; } 
  
  .pc{display: none;}
  .mobile{display: block;}

  }

.jy-box149 .el-carousel__item:nth-child(2n) {
  margin-left: 250px;
  box-sizing: border-box;
  border: 1px solid #f5f6fa; }
  @media (min-width: 1201px) {
    .jy-box149 .el-carousel__item:nth-child(2n) {
      width: 467px;
      margin-left: 250px; } }
  @media (min-width: 1025px) and (max-width: 1200px) {
    .jy-box149 .el-carousel__item:nth-child(2n) {
      margin-left: 0px; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .jy-box149 .el-carousel__item:nth-child(2n) {
      margin-left: 0px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .jy-box149 .el-carousel__item:nth-child(2n) {
      margin-left: 0px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .jy-box149 .el-carousel__item:nth-child(2n) {
      margin-left: 0px; } }

.jy-box149 .el-carousel__item:nth-child(2n + 1) {
  box-sizing: border-box;
  border: 1px solid #f5f6fa; }
  @media (min-width: 1201px) {
    .jy-box149 .el-carousel__item:nth-child(2n + 1) {
      width: 466px;
      margin-left: 250px; } }
  @media (min-width: 1025px) and (max-width: 1200px) {
    .jy-box149 .el-carousel__item:nth-child(2n + 1) {
      margin-left: 0px; } }
  @media (min-width: 769px) and (max-width: 1024px) {
    .jy-box149 .el-carousel__item:nth-child(2n + 1) {
      margin-left: 0px; } }
  @media (min-width: 481px) and (max-width: 768px) {
    .jy-box149 .el-carousel__item:nth-child(2n + 1) {
      margin-left: 0px; } }
  @media (min-width: 320px) and (max-width: 480px) {
    .jy-box149 .el-carousel__item:nth-child(2n + 1) {
      margin-left: 0px; } }

.jy-box40:hover {
  cursor: pointer; }