@charset "UTF-8";
@keyframes transLeft {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  30% {
    transform: translate(15px, 3px);
  }
  100% {
    transform: translate(20px, 6px);
    opacity: 0;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2022-7-13 2:32:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-up-hor-left
 * ----------------------------------------
 */
@keyframes scale-up-hor-left {
  0% {
    transform: scaleX(1) scaleY(1) translateY(0) translateX(0px);
    transform-origin: 60% 60%;
  }
  100% {
    transform: scaleX(5) scaleY(0.7) translateY(12px) translateX(14px);
    transform-origin: 60% 60%;
  }
}
/**
 * ----------------------------------------
 * animation scale-up-hor-right
 * ----------------------------------------
 */
@keyframes scale-up-hor-right {
  0% {
    transform: scaleX(5) scaleY(0.7) translateY(12px) translateX(14px);
    transform-origin: 50% 50%;
  }
  100% {
    transform: scaleX(1) scaleY(1) translateY(0) translateX(0px);
    transform-origin: 50% 50%;
  }
}
@media (min-width: 1200px) {
  .main .tab-list-content .content-ul li.item .item-left img {
    transition: all 0.6s;
  }
  .main .tab-list-content .content-ul li.item .item-right .squal {
    animation: scale-up-hor-right 0.2s cubic-bezier(0.26, -0.1, 1, 0.46) both;
  }
  .main .tab-list-content .content-ul li.item:hover .item-left img {
    transform: scale(1.2);
  }
  .main .tab-list-content .content-ul li.item:hover .item-right .squal {
    animation: scale-up-hor-left 0.05s cubic-bezier(0.26, -0.1, 1, 0.46) both;
  }
  .main .tab-list-content .content-ul li.item:hover .item-right .content .content-title {
    position: relative;
  }
  .main .tab-list-content .content-ul li.item:hover .item-right .content .content-title a {
    background-size: 100% 100%;
  }
}
@media (max-width: 1200px) {
  .banner_content .text {
    width: 100%;
    text-align: right;
    padding-right: 10%;
  }
  .lang-change {
    display: none;
  }
  .main .tab-list-content {
    padding: 0px 24px;
  }
  .main .tab-list-content .content-ul li.item .item-right .content .content-info {
    width: auto;
  }
  .main .tab-list-content .content-ul li.item .item-left {
    height: auto;
  }
  .main .tab-list-content .content-ul li.item .item-left img {
    width: 100%;
    max-height: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .main .tab-list-content .content-ul li.item {
    height: auto;
    flex-direction: column;
  }
  .main .tab-list-content .content-ul li.item .item-left {
    width: 100%;
  }
  .main .tab-list-content .content-ul li.item .item-right {
    width: 100%;
    margin-top: 24px;
  }
  .main .tab-list-content .content-ul li.item .item-right .squal {
    margin-left: 0;
  }
  .main .tab-list-content .content-ul li.item .item-right .content-info {
    display: none;
  }
  .main .tab-list-content .content-ul li.item .item-right .content-date {
    margin-top: 8px;
  }
  .el-page-small {
    display: block;
  }
  .el-page {
    display: none;
  }
}
@media (max-width: 376px) {
  .header {
    height: 450px;
  }
  .banner_content {
    height: 450px;
  }
  .banner_content .img {
    height: 450px;
  }
  .banner_content .img img {
    height: auto;
  }
  .banner_content .min_375 {
    display: none;
  }
  .banner_content .max_375 {
    display: block;
  }
  .banner_content .w1200 {
    height: 100%;
    display: flex;
    align-items: center;
  }
  .banner_content .text {
    font-size: 32px;
    height: 42px;
    line-height: 48px;
    padding-right: 23px;
    margin-right: 0px;
  }
  .tab-list {
    height: 50px;
  }
  .tab-list .scroll {
    height: 50px;
  }
  .tab-list .scroll .tab-ul li.item {
    height: 50px;
    line-height: 50px;
    font-family: Light;
    font-size: 16px;
    padding: 0px;
    margin-right: 24px;
  }
  .main .tab-list-content {
    margin-top: 40px;
    margin-bottom: -27px;
  }
  .main .tab-list-content .content-ul li.item {
    margin-bottom: 24px;
  }
  .main .tab-list-content .content-ul li.item .item-right .content .content-info {
    display: none;
  }
  .main .tab-list-content .content-ul li.item .item-right .content .content-date {
    margin-top: 8px;
  }
  .main .tab-list-content .content-ul li.item .item-left img {
    object-fit: cover;
    height: 182px;
  }
  .el-page-small .el-pager li {
    margin-right: 12px;
  }
  .el-page-small .el-pager li:last-child {
    margin-right: 0px;
  }
}