@media only screen and (max-width: 960px) {
  .hamburger.is-closed .hamb-middle {
    top: 50%;
    transform: translateY(50%);
  }
  .hamburger.is-closed .hamb-top {
    top: 0px;
  }
  .hamburger.is-closed .hamb-bottom {
    bottom: 0px;
  }
  /* .sidebar-nav {
    z-index: 9;
    background-color: #fff;
    padding: 100px 30px 50px;
  } */
  .sidebar-nav {
    z-index: 9;
    background-color: #fff;
    padding: 88px 30px 50px;
    /*max-height: 100%;*/
    /*height: auto;*/
    /*box-shadow: 0px 3px 3px 0px rgba(22, 24, 24, 0.13);*/
    /*right: 0;*/
    /*top: 0;*/
    /*transform: scaleY(0);*/
    /*transform-origin: top;*/
  }
  /*.sidebar-nav-open {*/
  /*  transform: scaleY(1);*/
  /*}*/
  .sidebar-logo {
    position: absolute;
    top: 0;
    left: 50%;
    height: 50px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    width: calc(100% - 8%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .sidebar-logo img {
    height: 24px;
  }
  .sidebar-nav .sidebar-brand a {
    color: #222;
  }
  .sidebar-nav .sidebar-brand > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    /* padding-bottom: 20px; */
    margin-bottom: 0;
    padding: 18px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    font-family: var(--font-family);
  }
  .sidebar-nav .sidebar-brand > a.activ {
    background-color: #006522;
    color: #ffffff;
  }
  .sidebar-nav .sidebar-brand > a.activ .sj {
    border-color: #ffffff;
  }
  .sidebar-nav .sidebar-brand .xl {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .sidebar-nav {
    overflow-y: scroll;
  }
  .headerwrap_current .header {
    background-color: #1a1a1a;
  }
  .sidebar-nav .sidebar-brand .sidebar-brand-there a {
    font-size: 14px;
  }
  .sidebar-nav .sidebar-brand a .sj {
    border-color: #222;
  }
  .sidebar-nav-two .sidebar-brand-two a {
    box-sizing: border-box;
    padding: 0 20px;
  }
  .sidebar-nav-two .sidebar-brand-there a {
    padding: 0 40px;
  }
  .sidebar-nav-two .sidebar-brand-there .sidebar-brand-four a {
    padding: 0 60px;
  }
  .hamburger {
    height: 16px;
    right: 2.5%;
    width: 20px;
    top: 47px;
    z-index: 10;
    display: block;
  }
  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom,
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    height: 2px !important;
    background-color: #006522;
  }
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    background-color: #006522;
  }
  .sidebar-nav .sidebar-brand a .sj {
    border-color: #222222;
  }
  .sidebar-nav-two .sidebar-brand-two a {
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    font-family: var(--font-family);
  }
  .sidebar-nav-two .sidebar-brand-there a {
    padding: 0 40px;
  }
  /* .sidebar-nav{
    width: 65%;
  } */
  .message-alert {
    padding: 10px 20px;
    font-size: 14px;
    max-width: 90%;
  }
  .center-1200,
  .center-1400,
  .center-1600 {
    width: 92% !important;
  }
  .app {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .seader {
    width: 95%;
  }
  .seader .close {
    right: 0;
    top: -40px;
  }
  .seader .close img {
    height: 30px;
  }
  .seader form {
    width: calc(100% - 6px);
    height: 50px;
    border-width: 3px;
    border-radius: 4px;
  }
  .seader form input {
    width: calc(100% - 100px);
    font-size: 12px;
    padding: 0 10px;
  }
  .seader form button {
    font-size: 12px;
    width: 100px;
  }
  .seader form button img {
    margin-right: 10px;
    height: 16px;
  }
  .el-message {
    min-width: 320px;
  }
  .diaolog-pb video,
  .diaolog-pb img {
    max-width: 92vw;
  }
  .diaolog-pb i {
    font-size: 36px;
    left: unset;
    right: 0;
    bottom: calc(100% + 15px);
  }
  .custom-cursor {
    display: none !important;
  }
  .header-box {
    top: 0;
    left: 0;
    position: fixed;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .header-box .mide .ct .right {
    margin-right: 30px;
  }
  .header-box .mide .ct .nav {
    display: none;
  }
  .header-box .mide .ct {
    height: 50px;
  }
  .header-box .mide .ct .logo img {
    height: 30px;
  }
  .header-box .mide .ct .search > i {
    font-size: 16px;
  }
  .header-box .top .ct .lan {
    margin-left: 20px;
  }
  .header-box .top .ct .lan .wz p {
    font-size: 14px;
    margin-right: 6px;
  }
  .header-box .top .ct .cat {
    font-size: 14px;
  }
  .header-box .top .ct {
    height: 30px;
  }
  .mySwiper {
    margin-top: 80px;
  }
  .mySwiper .tpct .one h3 {
    font-size: 16px;
    line-height: 24px;
  }
  .mySwiper .tpct .one h6 {
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
  }
  .mySwiper .dbct h5 {
    font-size: 14px;
  }
  .mySwiper .dbct h6 {
    font-size: 13px;
    line-height: 19px;
    margin-top: 2px;
  }
  .mySwiper .dbct img {
    width: 150px;
    margin-top: 12px;
  }
  .mySwiper .dbct a {
    font-size: 13px;
    width: 100px;
    height: 32px;
    margin-top: 10px;
  }
  .mySwiper .bg {
    min-height: 300px;
  }
  .mySwiper .tpct {
    top: 15px;
  }
  .mySwiper .dbct {
    bottom: 15px;
  }
  .mySwiper .tpct .two h4 {
    font-size: 14px;
  }
  .mySwiper .tpct .two h6 {
    font-size: 12px;
  }
  .mySwiper .tpct .two h3 {
    font-size: 26px;
    margin: 6px 0 7px 0;
  }
  .mySwiper .tpct .three h3 {
    font-size: 14px;
    line-height: 22px;
  }
  .mySwiper .tpct .three h6 {
    width: 90%;
    font-size: 12px;
    line-height: 18px;
    margin-top: 3px;
  }
  .mySwiper .flow-dbl {
    bottom: 15px;
    font-size: 13px;
    left: 4%;
  }
  .mySwiper .flow-dbl i {
    font-size: 14px;
  }
  .mySwiper .tpct .four h4 {
    font-size: 14px;
  }
  .mySwiper .tpct .four h3 {
    font-size: 26px;
    margin: 6px 0 7px 0;
  }
  .mySwiper .tpct .four h6 {
    font-size: 12px;
    line-height: 18px;
    width: 48%;
  }
  .mySwiper .tpct .rq {
    opacity: 1;
    transform: translateY(0);
  }
  .i1ct {
    padding: 50px 0 60px 0;
    flex-direction: column;
  }
  .i1ct .left h3 {
    font-size: 20px;
    line-height: 28px;
  }
  .i1ct .left {
    width: 100%;
  }
  .i1ct .left .desc {
    font-size: 14px;
    line-height: 24px;
    margin: 15px 0 25px 0;
  }
  .i1ct .left .desc p:not(:first-of-type) {
    margin-top: 10px;
  }
  .pb-more-160-bg {
    width: 120px;
    height: 38px;
    font-size: 14px;
  }
  .i1ct .right {
    width: 100%;
    margin-top: 35px;
  }
  .i1ct .right img {
    border-radius: 6px;
  }
  .header-box .top .ct .lan .flow .rq a {
    font-size: 14px;
    padding: 6px 0;
  }
  .header-box .mide .ct .search form {
    width: 200px;
    height: 40px;
    padding: 6px;
  }
  .header-box .mide .ct .search form input {
    font-size: 14px;
    width: calc(100% - 21px);
  }
  .header-box .mide .ct .search form button {
    padding-right: 6px;
  }
  .header-box .mide .ct .search form i {
    font-size: 15px;
  }
  .rub3-box {
    margin-top: 50px;
  }
  .rub3ct {
    flex-direction: column;
  }
  .rub3ct .left {
    width: 100%;
  }
  .rub3ct .right {
    width: 100%;
    padding-top: 0;
    margin-top: 30px;
  }
  .rub3ct .right .rq {
    border-radius: 8px;
    box-shadow: 0px 0px 20px 0px rgba(0, 101, 34, 0.28);
    padding: 30px 18px 30px 18px;
    transition: 0.4s;
  }
  .rub3ct .right .rq i {
    top: 12px;
    right: 12px;
    font-size: 20px;
  }
  .rub3ct .right .rq h3 {
    font-size: 18px;
  }
  .rub3ct .right .rq .desc {
    font-size: 14px;
    line-height: 24px;
    margin: 8px 0 20px 0;
  }
  .rub3ct .right .rq .rb3-swiper img {
    border-radius: 8px;
  }
  .rub3ct .right .rqb .h,
  .rub3ct .right .rqb .s {
    display: none;
  }
  .rub3ct .left .dw img {
    width: 13px;
  }
  .rub3ct .left .dw p {
    font-size: 12px;
  }
  .i2ct {
    padding: 50px 0 50px 0;
    flex-wrap: wrap;
  }
  .i2ct .item {
    width: calc((100% - 10px) / 2);
    margin-top: 20px;
  }
  .i2ct .item:nth-of-type(1),
  .i2ct .item:nth-of-type(2) {
    margin-top: 0;
  }
  .i2ct .item .ib {
    height: 38px;
  }
  .i2ct .item h3 {
    font-size: 18px;
    margin: 16px 0 10px 0;
  }
  .i2ct .item p {
    font-size: 13px;
    line-height: 22px;
    text-align: left;
  }
  .i2ct .item p br {
    display: none;
  }
  .i3ct {
    padding: 55px 0 60px 0;
  }
  .pb-title-60 {
    font-size: 20px;
    line-height: 28px;
  }
  .pb-title-20 {
    font-size: 14px;
  }
  .pb-desc {
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    margin: 15px auto 0;
    text-align: left;
  }
  .i3ct .mide .pb-more-142 {
    bottom: 0;
  }
  .pb-more-142.w160 {
    width: 120px;
    height: 38px;
    font-size: 14px;
  }
  .i3ct .mide .location .wz,
  .i3ct .mide .circle .wz {
    display: none;
  }
  .i3ct .mide .location {
    transform: scale(0.6);
  }
  .i3ct .mide .circle .rund {
    width: 10px;
    height: 10px;
  }
  .i3ct .mide .circle .rund::before {
    width: 4px;
    height: 4px;
  }
  .i3ct .dw-box {
    margin-top: 20px;
  }
  .i3ct .dw-box .itm:not(:first-of-type) {
    margin-top: 10px;
  }
  .i3ct .dw-box h6 {
    font-family: var(--font-Ali-Regular);
    font-weight: 500;
    font-size: 16px;
    color: #006522;
  }
  .i3ct .dw-box .rq {
    display: flex;
    flex-wrap: wrap;
  }
  .i3ct .dw-box .rq p {
    font-family: var(--font-Ali-Regular);
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-right: 5px;
    margin-top: 6px;
  }
  .i4ct {
    padding: 55px 0 45px 0;
  }
  .i4ct .mide {
    width: 100%;
    margin: 35px auto 0;
  }
  .i4ct .mide .bg {
    width: 100%;
  }
  .i4ct .mide .txt {
    transform: unset;
    width: 100px;
    height: 36px;
    font-size: 12px;
  }
  .i4ct .mide .icon {
    width: 50px !important;
    height: 30px !important;
  }
  .i4ct .mide .icon img {
    max-height: 80%;
    max-width: 80%;
  }
  .i4ct .mide .circle {
    width: 40%;
    height: 40%;
    border-width: 2px;
  }
  .i4ct .mide .circle .rund {
    font-size: 16px;
    line-height: 24px;
  }
  .i4ct .mide .circle .rund span {
    font-size: 14px;
  }
  .i4ct .mide .t2 {
    right: 0;
  }
  .i4ct .mide .t5 {
    left: 0;
  }
  .i4ct .mide .t6 {
    left: 0;
  }
  .i4ct .mide .ic3 {
    top: 22%;
  }
  .i4ct .mide .orbit-wrap,
  .i4ct .mide .icon {
    animation: unset;
  }
  .i5ct {
    padding: 55px 0 60px 0;
  }
  .i5ct .pb-title-60 {
    text-align: center;
  }
  .i5ct .row {
    flex-wrap: wrap;
    flex-direction: row-reverse;
    margin: 30px 0 20px 0;
  }
  .i5ct .row .right a:not(:first-of-type) {
    margin-left: 20px;
  }
  .i5ct .row .right a {
    font-size: 14px;
  }
  .i5ct .mide {
    flex-direction: column;
  }
  .i5ct .mide .left {
    width: 100%;
    flex-wrap: wrap;
  }
  .i5ct .mide .right {
    width: 100%;
    margin-top: 20px;
  }
  .i5ct .mide .left .item {
    width: 100%;
    margin-right: 0;
    border-radius: 6px;
  }
  .i5ct .mide .left .item:not(:first-of-type) {
    margin-top: 20px;
  }
  .i5ct .mide .left .item .ib {
    height: 59vw;
  }
  .i5ct .mide .right a .tp .time {
    font-size: 14px;
  }
  .i5ct .mide .right a .tp h6 {
    font-size: 15px;
    line-height: 25px;
  }
  .i5ct .mide .right a .desc {
    line-height: 24px;
    height: 48px;
    margin-top: 6px;
  }
  .i5ct .mide .right a {
    padding: 19px 20px 23px 20px;
    border-radius: 6px;
  }
  .i5ct .mide .left .item .txt .db .time {
    font-size: 14px;
  }
  .i5ct .mide .left .item .txt .line {
    margin: 20px 0 14px 0;
  }
  .i5ct .mide .left .item .txt p {
    line-height: 24px;
    height: 48px;
    margin-top: 12px;
  }
  .i5ct .mide .left .item .txt h5 {
    font-size: 15px;
    line-height: 25px;
    height: 50px;
  }
  .i5ct .mide .left .item .txt {
    padding: 19px 20px 19px 20px;
  }
  .i5ct .big-box .rq {
    transform: translateY(0);
    opacity: 1;
  }
  .i6ct h3 {
    font-size: 20px;
  }
  .i6ct h6 {
    font-size: 14px;
    margin: 8px 0 20px 0;
  }
  .i6ct a {
    width: 120px;
    height: 38px;
    font-size: 14px;
  }
  .i6-1 .bg {
    min-height: 230px;
  }
  .pb-more-142 {
    width: 110px;
    height: 38px;
    font-size: 14px;
  }
  .banner {
    margin-top: 80px;
  }
  .banner-nav {
    bottom: unset;
    position: relative;
    margin-top: -12px;
  }
  .banner-nav.appbg::before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 12px);
    background-color: #f5fbf6;
    z-index: -1;
  }
  .banner-nav.appbg.ty::before {
    background-color: #f0f7f1;
  }
  .banner-nav .ct {
    padding: 0;
    border-radius: 5px;
  }
  .banner-nav .ct .left {
    /* overflow-x: auto; */
    flex-wrap: wrap;
    padding: 10px 15px 15px 15px;
  }
  .banner-nav .ct .left a:not(:last-of-type) {
    margin-right: 20px;
  }
  .banner-nav .ct .right {
    display: none;
  }
  .banner-nav .ct .left a {
    flex-shrink: 0;
    font-size: 14px;
    margin-top: 5px;
  }
  .banner .bg {
    min-height: 100px;
  }
  .rubct {
    padding: 55px 0 50px 0;
  }
  .rubct .mide {
    min-height: unset;
    flex-direction: column-reverse;
  }
  .rubct .mide .left {
    width: 100%;
    border-radius: 8px;
    padding: 23px 20px 73px 20px;
  }
  .rubct .mide .left .title h3 {
    font-size: 20px;
  }
  .rubct .mide .left h6 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .dict h4 {
    font-size: 20px;
    line-height: 28px;
  }
  .dict h4 br {
    display: none;
  }
  .rubct .mide .right {
    width: 100%;
  }
  .rubct .mide .right img {
    border-radius: 8px;
  }
  .rubct .mide .left .more {
    width: 304px;
    padding: 10px 10px 0 0;
    border-radius: 0 26px 0 0;
  }
  .rubct .mide .left .more .zw {
    width: calc(100% - 40px - 10px);
    height: 40px;
    padding-right: 22px;
    font-size: 14px;
    border-radius: 20px;
  }
  .rubct .mide .left .more .rund {
    width: 40px;
    height: 40px;
  }
  .rubct .mide .left .flow {
    width: 204px;
  }
  .dict .mide {
    margin-top: 40px;
  }
  .dict .mide .item {
    border-radius: 6px;
    margin-right: 10px;
    margin-top: 10px;
    width: calc((100% - 10px) / 2);
  }
  .dict .mide .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .dict .mide .item:nth-of-type(3n) {
    margin-right: 10px;
  }
  .dict .mide .item:nth-of-type(6n) {
    margin-right: 0;
  }
  .dict .mide .item:last-of-type {
    width: 100%;
  }
  .dict {
    padding: 0 0 60px 0;
  }
  .dict .mide .item .ib {
    height: 140px;
  }
  .dict .mide .item {
    height: auto;
    padding-bottom: 15px;
  }
  .dict .mide .item p {
    font-size: 14px;
    padding: 0 10px;
  }
  .dev1-box {
    padding-top: 0px;
  }
  .dev1-box .row {
    padding: 50px 0;
  }
  .dev1-box .ct {
    flex-direction: column-reverse !important;
  }
  .dev1-box .ct .right {
    width: 100%;
    height: auto;
    border-radius: 6px;
  }
  .dev1-box .ct .left {
    width: 100%;
    margin-top: 25px;
    position: relative;
  }
  .dev1-box .ct .left .sz {
    font-size: 26px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .dev1-box .ct .left h3 {
    font-size: 20px;
    /* margin: 20px 0 12px 0; */
    margin: 0 0 12px 0;
    padding-left: 40px;
  }
  .dev1-box .ct .left .desc {
    font-size: 14px;
    line-height: 24px;
  }
  .dev1-box .ct .left .desc p:not(:first-of-type) {
    margin-top: 12px;
  }
  .dev2-box {
    padding: 55px 0 60px 0;
  }
  .dev2-box .swiper-container img {
    height: 160px;
  }
  .dev2-box .mide .row .bg {
    height: 82px;
    bottom: -41px;
  }
  .dev2-box .mide .row:not(:first-of-type) {
    margin-top: 10px;
  }
  .dev2-box .mide {
    margin: 20px auto 20px;
  }
  .rubct .mide .left .title p {
    font-size: 14px;
    line-height: 24px;
  }
  .rub2-box .row {
    padding: 50px 0;
  }
  .rub2-box .row .ct {
    flex-direction: column !important;
  }
  .rub2-box .row .ct .left {
    width: 100%;
    height: auto;
  }
  .rub2-box .row .ct .left img {
    border-radius: 6px;
  }
  .rub2-box .row .ct .right {
    transform: unset;
    width: 100%;
    margin-top: 20px;
  }
  .rub2-box .row .ct .right h3 {
    font-size: 20px;
  }
  .rub2-box .row .ct .right .desc {
    font-size: 14px;
    line-height: 24px;
  }
  .rub2-box .row .ct .right .icon {
    margin-top: 6px !important;
  }
  .rub2-box .row .ct .right .icon .item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    padding: 14px 0;
  }
  .rub2-box .row .ct .right .icon .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .rub2-box .row .ct .right .icon .item .ib {
    width: 30px;
  }
  .rub2-box .row .ct .right .icon .item .txt {
    width: calc(100% - 30px - 10px);
  }
  .rub2-box .row .ct .right .icon .item .txt h4 {
    font-size: 18px;
  }
  .rub2-box .row .ct .right .icon .ih {
    padding: 0;
  }
  .rub2-box .row .ct .right .rund-b {
    margin-top: 28px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .rub2-box .row .ct .right .rund-b img {
    width: 130px;
  }
  .oil-box .bg {
    min-height: 230px;
  }
  .oil-box .wz {
    padding-left: 0;
    width: max-content !important;
    max-width: 92%;
  }
  .oil-box .wz h4 {
    font-size: 14px;
  }
  .oil-box .wz h4 span {
    font-size: 20px;
    margin: 0 6px;
  }
  .oil-box .wz h4:not(:first-of-type) {
    margin-top: 15px;
  }
  .oil-box .wz h4:nth-of-type(2) {
    padding-left: 62px;
  }
  .oil-box .wz h4:nth-of-type(3) {
    padding-left: 80px;
  }
  .oil-box .wz h4:nth-of-type(4) {
    padding-left: 35px;
  }
  .adminct {
    padding: 110px 0 60px 0;
    display: flex;
    flex-direction: column-reverse;
  }
  .adminct .left {
    width: 100%;
  }
  .adminct .row:not(:first-of-type) {
    margin-top: 25px;
  }
  .adminct .bg-box {
    position: relative;
    right: unset;
    top: unset;
    transform: unset;
    margin-top: 50px;
  }
  .adminct .bg-box img {
    width: 100%;
  }
  .adminct .row .title h3 {
    font-size: 20px;
  }
  .adminct .row .title p {
    font-size: 14px;
  }
  .adminct .row .mide {
    margin-top: 15px;
  }
  .adminct .row .mide .item {
    width: calc((100% - 10px) / 2);
    margin-top: 10px;
    margin-right: 10px;
    border-radius: 6px;
    padding: 8px 12px;
  }
  .adminct .row .mide .item .txt h5 {
    font-size: 14px;
  }
  .adminct .row .mide .item .rund {
    width: 34px;
    height: 34px;
  }
  .adminct .row .mide .item .txt {
    width: calc((100% - 34px - 12px));
  }
  .join1-box {
    padding: 55px 0 60px 0;
  }
  .join1-box .top .ib .bg {
    border-radius: 6px;
  }
  .join1-box .top .ib .flow .an .more span {
    font-size: 14px;
    margin-bottom: 3px;
  }
  .join1-box .top .ib .flow .an .more img {
    width: 25px;
    display: none;
  }
  .join1-box .top .ib .flow .an .nb {
    display: none;
  }
  .join1-box .top .ib .flow .an .more {
    height: 36px;
    width: 110px;
    border-radius: 6px;
    border-width: 1px;
  }
  .join1-box .top .ib .flow .an {
    margin-top: 0;
  }
  .join1-box .top .ib .flow {
    bottom: 9%;
    left: 9%;
  }
  .join1-box .top .wz {
    margin-top: 20px;
    align-items: flex-start;
  }
  .join1-box .top .wz .hr {
    flex-wrap: wrap;
  }
  .join1-box .top .wz .hr h6 {
    font-size: 14px;
    margin-left: 10px;
  }
  .join1-box .top .wz .hr .rund {
    width: 20px;
    height: 20px;
  }
  .join1-box .top .wz .hr .rund i {
    font-size: 14px;
  }
  .join1-box .top .wz .lx .r {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    word-break: break-all;
  }
  .join1-box .top .wz .lx {
    margin-top: 9px;
  }
  .join1-box .sw-box {
    margin-top: 50px;
  }
  .join1-box .sw-box .zs .desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
    text-align: left;
  }
  .join1-box .sw-box .zs .desc br {
    display: none;
  }
  .join1-box .sw-box .zs .mide p {
    font-size: 14px;
    border-radius: 4px;
    padding: 4px 12px;
    margin-right: 8px;
    margin-top: 8px;
    background-color: #06b340 !important;
  }
  .join1-box .sw-box .animate {
    bottom: 0;
    display: none;
  }
  .join1-box .sw-box .zs .mide {
    margin-top: 20px;
  }
  .join1-box .sw-box .flow-sc {
    bottom: unset;
    top: -10vw;
  }
  .join2-box .top {
    padding: 55px 0 35px 0;
  }
  .join2-box .top .flog {
    width: 100%;
  }
  .join2-box .top .flog img {
    width: 100%;
    max-width: 600px;
  }
  .join2-box .top .flog h4 {
    font-size: 18px;
  }
  .join2-box .top .flog h6 {
    font-size: 14px;
    line-height: 22px;
    margin-top: 5px;
  }
  .join2-box .top .flog .wz {
    padding: 0 20px 0 20px;
    width: 100%;
    max-width: 600px;
    left: 0;
    transform: translate(0, -50%);
    top: 50%;
  }
  .join2-box .top .flog h6 br {
    display: none;
  }
  .join2-box .top .desc {
    width: 100%;
    margin: 35px auto 0;
  }
  .join2-box .top .desc h6 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 7px;
  }
  .join3-box {
    padding: 55px 0 60px 0;
  }
  .join3-box .top .title h6 {
    font-size: 14px;
    margin-top: 5px;
  }
  .join3-box .top .bg {
    margin-top: 35px;
  }
  .join3-box .bottom {
    margin: 60px auto 0;
  }
  .join3-box .bottom .row {
    padding-left: 0;
    flex-direction: column-reverse !important;
  }
  .join3-box .bottom .row .left {
    width: 92%;
    margin: 25px auto 0;
  }
  .join3-box .bottom .row .right {
    width: 100%;
    max-width: 100%;
  }
  .join3-box .bottom .row .left .desc {
    margin-top: 15px;
    font-size: 14px;
    line-height: 24px;
  }
  .join3-box .bottom .row .left .desc p:not(:first-of-type) {
    margin-top: 10px;
  }
  .join3-box .bottom .row:not(:first-of-type) {
    margin-top: 35px;
  }
  .join3-box .bottom .flow-bg {
    display: none;
  }
  .join3-box .bottom .row .left .flow-t {
    width: 60px;
    top: -20px;
    right: 0;
  }
  .join3-box .bottom .row .left .desc p {
    padding-left: 20px;
  }
  .join3-box .bottom .row .left .desc p::before {
    width: 10px;
    height: 10px;
    top: 6px;
  }
  .nd1ct {
    padding: 55px 0 60px 0;
    width: 92%;
  }
  .nd1ct .top h3 {
    font-size: 20px;
  }
  .nd1ct .top .db p {
    font-size: 14px;
  }
  .nd1ct .top .db {
    margin-top: 13px;
    padding-bottom: 15px;
  }
  .nd1ct .mide {
    margin-top: 20px;
    font-size: 14px;
    line-height: 25px;
  }
  .nd1ct .mide p,
  .nd1ct .mide span {
    font-size: 14px !important;
    line-height: 25px !important;
  }
  .nd1ct .mide img,
  .nd1ct .mide video {
    margin: 15px 0;
  }
  .nd1ct .bottom {
    padding: 13px 0;
    margin-top: 25px;
  }
  .nd1ct .bottom .back {
    font-size: 14px;
  }
  .nd1ct .bottom .pb p {
    font-size: 14px;
  }
  .nd1ct .bottom .pb i {
    font-size: 20px;
  }
  .nd1ct .bottom .next p {
    margin-right: 10px;
  }
  .nd1ct .bottom .prev p {
    margin-left: 10px;
  }
  .news1ct {
    padding: 55px 0 60px 0;
  }
  .news-list li {
    flex-direction: column;
    padding: 28px 0;
  }
  .news-list li .left {
    width: 100%;
    height: 59vw;
    border-radius: 6px;
  }
  .news-list li .right {
    width: 100%;
    margin-top: 20px;
  }
  .news-list li .right h3 {
    font-size: 18px;
    line-height: 26px;
  }
  .news-list li .right h6 {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    margin-top: 5px;
  }
  .news-list li .right .dbl {
    position: relative;
    margin-top: 15px;
  }
  .news-list li .right .dbl .time {
    font-size: 14px;
  }
  .nd1ct .mide iframe {
    height: 200px;
  }
  .rubct .mide .right .num-box {
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
    box-shadow: 0px 0px 10px 0px rgba(0, 101, 34, 0.28);
    border-radius: 8px;
  }
  .rubct .mide .right .num-box .item {
    padding: 20px 15px 20px 20px;
  }
  .rubct .mide .right .num-box .item .db .num {
    font-size: 38px;
  }
  .rubct .mide .right .num-box .item .db .num span {
    font-size: 16px;
  }
  .rubct .mide .right .num-box .item.fd .db .wz {
    font-size: 14px;
    right: unset;
    top: 1px;
    left: 50px;
    transform: unset;
  }
  .rubct .mide .right .num-box .item p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 3px;
  }
  .rubct.sz {
    padding-bottom: 55px;
  }
  .rubct .mide .right .num-box .item .db .wz {
    font-size: 18px;
    transform: translateY(3px);
    margin-left: 5px;
  }
  .rubct .mide .left .more-j {
    width: 120px;
    height: 38px;
    font-size: 14px;
    margin-top: 16px;
  }
  .rub2-box .row .ct .left .swiper-container .on {
    font-size: 14px;
  }
  .rub2-box .row .ct .left .qhb {
    position: relative;
    margin-top: 10px;
  }
  .rub2-box .row .ct .left .qhb .qh i {
    font-size: 17px;
  }
  .rub2-box .row .ct .left .qhb .qh {
    width: auto;
    height: auto;
  }
  .rub2-box .row .ct .left .qhb .qh.swiper-button-disabled {
    opacity: 0.45;
  }
  .teamct {
    padding: 55px 0 60px 0;
  }
  .teamct .item .title h3 {
    font-size: 20px;
  }
  .teamct .item .title p {
    font-size: 14px;
    line-height: 24px;
  }
  .teamct .item .row {
    /* justify-content: center; */
    overflow-x: auto;
    flex-wrap: unset;
  }
  .teamct .item .row .rx {
    width: 150px;
    border-radius: 6px;
    margin-top: 20px;
    margin-right: 10px;
    flex-shrink: 0;
  }
  .teamct .item .row .rx .ib {
    height: 150px;
  }
  .teamct .item .row .rx .txt {
    padding: 10px 7px;
  }
  .teamct .item .row .rx .txt h4 {
    font-size: 14px;
  }
  .teamct .item .row .rx .txt p {
    font-size: 14px;
    margin-top: 2px;
  }
  .teamct .item:first-of-type .row-box .row:last-of-type .rx {
    margin-top: 20px;
  }
  .teamct .item:not(:first-of-type) {
    margin-top: 35px;
  }
  .teamct .item .title {
    margin-bottom: 5px;
  }
  .teamct .item h2 {
    font-size: 17px;
  }
  .teamct .item:last-of-type .title {
    margin-bottom: 20px;
  }
  .teamct .item:last-of-type .row-box:not(:nth-of-type(2)) {
    margin-top: 30px;
  }
  .vdct {
    padding: 55px 0 60px 0;
  }
  .video-list li {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-top: 20px;
  }
  .video-list li:nth-of-type(2n) {
    margin-right: 0;
  }
  .video-list li:nth-of-type(3n) {
    margin-right: 10px;
  }
  .video-list li:nth-of-type(6n) {
    margin-right: 0;
  }
  .video-list li:nth-of-type(3) {
    margin-top: 20px;
  }
  .video-list li .ib {
    border-radius: 6px;
  }
  .video-list li .ib .db {
    padding: 0 10px;
    bottom: 10px;
  }
  .video-list li .ib .db .time {
    font-size: 14px;
  }
  .video-list li .ib .flow .play {
    width: 40px;
    height: 40px;
    display: none;
  }
  .video-list li .txt {
    margin-top: 10px;
  }
  .video-list li .txt h6 {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
  }
  .video-list li .txt .date {
    font-size: 14px;
    margin-top: 11px;
  }
  .diaolog-pb .title {
    font-size: 14px;
    margin-top: 9px;
  }
  .ab1ct {
    padding: 55px 0 60px 0;
  }
  .ab1ct h4 {
    font-size: 20px;
  }
  .ab1ct .title h3 {
    font-size: 18px;
  }
  .ab1ct .title p {
    font-size: 14px;
  }
  .ab1ct .title {
    margin: 20px 0 12px 0;
  }
  .ab1ct .desc {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
  }
  .ab1ct .mide {
    height: auto;
    flex-direction: column;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    margin-top: 35px;
  }
  .ab1ct .mide .left {
    width: 100%;
  }
  .ab1ct .mide .right {
    width: 100%;
  }
  .ab1ct .mide .right .item {
    padding: 25px 15px;
  }
  .ab1ct .mide .right .item .db .num {
    font-size: 38px;
  }
  .ab1ct .mide .right .item .db span {
    font-size: 18px;
    transform: translateY(-4px);
  }
  .ab1ct .mide .right .item p {
    font-size: 14px;
    margin-top: 3px;
  }
  .ab1-box .bg {
    min-height: 120px;
  }
  .ab3ct {
    padding: 55px 0 35px 0;
    flex-direction: column;
  }
  .ab3ct .left {
    width: 100%;
  }
  .ab3ct .left .desc {
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0 24px 0;
  }
  .ab3ct .left a {
    width: 120px;
    height: 38px;
    font-size: 14px;
  }
  .ab3ct .left .dbl {
    margin-top: 35px;
    padding-top: 15px;
  }
  .ab3ct .left .dbl .sz {
    font-size: 36px;
  }
  .ab3ct .left .dbl p {
    font-size: 14px;
    line-height: 24px;
  }
  .ab3ct .right {
    width: 100%;
    margin-top: 35px;
  }
  .ab3ct .right .rsr {
    width: 200px;
  }
  .ab3ct .right .rsr .txt .name {
    font-size: 20px;
  }
  .ab3ct .right .rsr .txt p {
    font-size: 14px;
  }
  .ab3ct .right .rsr .txt {
    bottom: -5px;
  }
  .ab3ct .right .ib {
    margin-top: 25px;
    /* flex-wrap: wrap; */
    overflow-x: auto;
    padding-bottom: 25px;
  }
  .ab3ct .right .ib .item {
    /* width: calc((100% - 80px) / 5); */
    width: 150px;
    flex-shrink: 0;
    margin-right: 20px;
  }
  .ab3ct .right .ib .item:last-of-type {
    margin-right: 0;
  }
  .ab3ct .right .ib .item .txt .name {
    font-size: 16px;
  }
  .ab3ct .right .ib .item .txt p {
    font-size: 13px;
  }
  .ab3ct .right .ib .item .txt {
    bottom: -9px;
  }
  .ab4ct {
    padding: 55px 0 60px 0;
  }
  .ab4ct .top {
    flex-direction: column;
  }
  .ab4ct .top .pb-title-60 {
    text-align: center;
  }
  .ab4ct .top .pb-title-20 {
    text-align: center;
  }
  .ab4ct .top .right {
    margin-top: 15px;
  }
  .ab4ct .top .right h4 {
    font-size: 16px;
    text-align: center;
  }
  .ab4ct .top .right p {
    font-size: 13px;
    line-height: 22px;
    text-align: left;
    margin-top: 5px;
  }
  .ab4ct .mide {
    margin-top: 35px;
  }
  .ab4ct .mide .rund {
    width: 80px;
    height: 80px;
  }
  .ab4ct .mide .rund .flow {
    width: 22px;
  }
  .ab4ct .content {
    /* flex-direction: column; */
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
  }
  .ab4ct .mide .rund::after {
    width: 92vw;
    display: none;
  }
  .ab4ct .mide .row .one::before {
    display: none;
  }
  .ab4ct .mide .row:not(:first-of-type) {
    margin-top: 25px;
  }
  .ab4ct .content .row .one {
    font-size: 16px;
  }
  .ab4ct .content .row .two .zs {
    font-size: 14px;
  }
  .ab4ct .content .row .three-zs {
    font-size: 13px;
  }
  .ab4ct .content .row .four {
    font-size: 12px;
  }
  .ab4ct .content .r1 .one::before,
  .ab4ct .content .r2 .one::before {
    display: block;
    content: '';
    position: absolute;
    left: unset;
    bottom: unset;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 160px;
    height: 1px;
    background-color: #99c1a7;
  }
  .ab4ct .content .row .two-b {
    position: relative;
  }
  .ab4ct .content .r1 .two-b::before {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% + 30px + 50px + 25px);
    background-color: #99c1a7;
    right: calc(100% + 30px + 160px);
    bottom: -50px;
  }
  .ab4ct .content .r2 .two-b:first-of-type:before {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% + 30px + 25px + 12px);
    background-color: #99c1a7;
    right: calc(100% + 10px);
    bottom: -12px;
  }
  .ab4ct .content .r3 .one::before,
  .ab4ct .content .r4 .one::before {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    right: 100%;
    width: 1px;
    height: 12px;
    background-color: #99c1a7;
  }
  .ab4ct .content .r3::before {
    display: block;
    content: '';
    position: absolute;
    width: 353px;
    height: 1px;
    background-color: #99c1a7;
    left: -60px;
    bottom: calc(100% + 12px);
  }
  .ab4ct .content .r1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ab4ct .content .r1 .two-b {
    margin-left: 30px;
  }
  .ab4ct .content .r2 {
    width: 100%;
  }
  .ab4ct .content .row .two-big-b {
    justify-content: center;
  }
  .ab4ct .content .r4 {
    margin-left: 15px;
  }
  .ab6ct {
    padding: 55px 0 0 0;
    flex-direction: column;
  }
  .ab6ct .left {
    width: 100%;
    padding-bottom: 50px;
  }
  .ab6ct .right {
    width: 100%;
  }
  .ab6ct .left .zs .lt i {
    font-size: 18px;
  }
  .ab6ct .left .zs .lt p {
    font-size: 16px;
    width: calc(100% - 18px - 10px);
  }
  .ab6ct .left .zs > i {
    font-size: 18px;
  }
  .ab6ct .left .zs {
    padding: 16px 0;
  }
  .ab6ct .left .slg h6 {
    font-size: 15px;
    margin-bottom: 6px;
  }
  .ab6ct .left .slg .slg-item:not(:first-of-type) {
    margin-top: 20px;
  }
  .ab6ct .left .slg .row .dw {
    font-size: 14px;
    line-height: 25px;
    width: auto !important;
    margin-right: 15px;
    order: 2;
  }
  .ab6ct .left .slg .row .cpb {
    order: 1;
    width: 100%;
  }
  .ab6ct .left .slg .row .cp {
    font-size: 14px;
    line-height: 25px;
    width: auto;
  }
  .ab6ct .left .slg .row .cat {
    margin-left: 0;
    order: 3;
  }
  .ab6ct .left .slg .row .cat a {
    font-size: 14px;
    line-height: 25px;
    width: auto;
  }
  .ab6ct .left .slg .row {
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 101, 34, 0.3);
    padding-bottom: 4px;
  }
  .ab6ct .left .slg .rb:not(:first-of-type) {
    margin-top: 10px;
  }
  .ab6ct .left .item.active .slg {
    border-bottom: none;
  }
  .ab6ct .left .slg {
    padding-bottom: 14px;
  }
  .ab5ct .item .rq > .top {
    display: none;
  }
  .ab5ct .item .rq-wrap {
    transform: unset;
    opacity: 1;
    gap: 25px;
  }
  .ab5ct {
    flex-wrap: wrap;
  }
  .ab5ct .item {
    background-color: rgba(0, 64, 44, 0.7);
    height: auto;
    width: calc(100% / 2);
    justify-content: flex-start;
    padding: 50px 10px;
  }
  .ab5-box .item .ib {
    height: 37px;
  }
  .ab5-box .item .rq-wrap .bj {
    font-size: 15px;
    margin: 17px auto 0;
    border-radius: 6px;
  }
  .ab5-box .item .txt h3 {
    font-size: 15px;
    line-height: 25px;
  }
  .ab5-box .item .txt h3 br {
    display: none;
  }
  .ab5-box .item .txt p {
    font-size: 13px;
    line-height: 22px;
    text-align-last: left;
    padding: 0;
    margin-top: 10px;
  }
  .ab5-box .item .txt p br {
    display: none;
  }
  .ab5ct .item:nth-of-type(1),
  .ab5ct .item:nth-of-type(2) {
    padding-bottom: 25px;
  }
  .ab5ct .item:nth-of-type(3),
  .ab5ct .item:nth-of-type(4) {
    padding-top: 0px;
  }
  .ab2ct {
    padding: 55px 0 40px 0;
    width: 100% !important;
  }
  .ab2ct .title {
    position: relative;
    z-index: 1;
    width: 92%;
    margin: 0 auto;
  }
  .ab2-swiper {
    margin-top: 20px;
  }
  .ab2-swiper .swiper-slide {
    flex-wrap: wrap;
  }
  .ab2-swiper .item:nth-child(1) {
    order: 4;
  }
  .ab2-swiper .item:nth-child(2) {
    order: 3;
  }
  .ab2-swiper .item:nth-child(3) {
    order: 2;
  }
  .ab2-swiper .item:nth-child(4) {
    order: 1;
  }
  .ab2-swiper .item:nth-child(1),
  .ab2-swiper .item:nth-child(2),
  .ab2-swiper .item:nth-child(3) {
    flex-direction: row-reverse;
  }
  .ab2-swiper .item:nth-child(4) {
    /* flex-direction: row-reverse; */
  }
  .ab2-swiper .item {
    padding-top: 0 !important;
    width: 100%;
  }
  .ab2-swiper .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .ab2-swiper .item {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .ab2-swiper .item .rq {
    padding-left: 0 !important;
    transform: unset !important;
    margin-top: 0px !important;
    width: calc((100% - 10px) / 2);
    justify-content: space-between;
  }
  .ab2-swiper .item .rq .line-b {
    height: auto;
    padding-top: 11px;
    margin-right: 0;
  }
  .ab2-swiper .item .rq .line-b .rund {
    width: 6px;
    height: 6px;
  }
  .ab2-swiper .item .rq .line-b .line {
    display: none;
  }
  .ab2-swiper .item .rq .line-b .line::before {
    height: 100% !important;
  }
  .ab2-swiper .item .bt .txt {
    padding-top: 0;
  }
  .ab2-swiper .item .txt {
    width: calc(100% - 6px - 7px);
  }
  .ab2-swiper .item .txt .time {
    font-size: 20px;
    line-height: 26px;
  }
  .ab2-swiper .item .txt .desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 2px;
  }
  .ab2-swiper .item .bt {
    margin-top: 0;
  }
  .ab2-box .ib .line {
    clip-path: inset(0 0 0 0);
    display: none;
  }
  .ab2-app {
    position: relative;
    z-index: 3;
    margin-top: 30px;
    /* width: 96%; */
  }
  .ab2-app .rqa {
    display: flex;
    flex-direction: row-reverse;
    overflow-x: auto;
    padding-bottom: 15px;
    padding-top: 10px;
  }
  .ab2-app .rqa .item {
    flex-shrink: 0;
    padding-right: 25px;
    padding-top: 5px;
    padding-left: 15px;
    position: relative;
    border-top: 2px solid #006522;
  }
  .ab2-app .rqa .item::before {
    display: block;
    content: '';
    border-right: 9px solid #006522;
    border-left: 9px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: -6px;
    left: 0;
  }
  .ab2-app .rqa .item:first-of-type {
    margin-right: 0;
    padding-right: 0;
  }
  .ab2-app .rqa .item .time {
    font-family: var(--font-Ali-Medium);
    font-weight: 500;
    font-size: 20px;
    color: #333333;
  }
  .ab2-app .rqa .item .desc {
    font-family: var(--font-Ali-Regular);
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-top: 5px;
  }
  .ab2-app .rqa .item .desc p,
  .ab2-app .rqa .item .desc span{
    font-family: var(--font-Ali-Regular) !important;
  }
  .i3ct .mide .loc14 {
    bottom: 15.8%;
    left: 45%;
  }
  .i3ct .mide .loc15 {
    bottom: 29%;
    left: 31%;
  }
  .i3ct .mide .loc16 {
    bottom: 39%;
    left: 30%;
  }
  .i3ct .mide .loc18 {
    top: 23.5%;
    left: 6%;
  }
  .i3ct .mide .loc19 {
    top: 53%;
    left: 6.5%;
  }
  .i3ct .mide .loc20 {
    top: 52%;
    left: 3.5%;
  }
  .page {
    margin-top: 35px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .page .zs {
    font-size: 14px;
    margin-bottom: 2px;
  }
  .page .el-pager li {
    width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    min-width: 35px;
  }
  .page .el-pagination .btn-next,
  .page .el-pagination .btn-prev {
    width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    min-width: 35px;
  }
  .page .el-pagination__jump {
    font-size: 14px !important;
    line-height: 35px !important;
    margin: 0 5px 0 10px;
    display: none !important;
  }
  .page .el-pagination__editor.el-input {
    width: 35px !important;
    height: 35px !important;
  }
  .page .el-pagination__editor.el-input .el-input__inner {
    font-size: 14px;
  }
  .page .go {
    width: 35px;
    height: 35px;
    font-size: 14px;
    display: none;
  }
  .ftct {
    padding: 30px 0 15px;
  }
  .ftct .mide {
    flex-direction: column-reverse;
    margin-top: 5px;
  }
  .ftct .mide .item {
    margin-top: 20px;
  }
  .ftct .mide .item .link a p,
  .ftct .mide .item .er a {
    font-size: 14px;
  }
  .ftct .mide .item .tm {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .ftct .mide .item .link a p {
    margin-left: 9px;
  }
  .ftct .mide .item .er a:not(:first-of-type) {
    margin-top: 8px;
  }
  .ftct .mide .item .link {
    display: flex;
    flex-wrap: wrap;
  }
  .ftct .mide .item .link a:not(:first-of-type) {
    margin-top: 0;
  }
  .ftct .mide .item .link a:not(:last-of-type) {
    margin-right: 20px;
  }
  .ftct .mide .item .link a {
    margin-bottom: 10px;
  }
  .ftct .mide .item .link a .ib {
    width: 17px;
  }
  .ftct .backtop i {
    font-size: 18px;
  }
  .ftct .backtop p {
    font-size: 14px;
    margin-top: 4px;
  }
  .ftct .mide .item .link a .flow {
    top: unset;
    right: unset;
    bottom: calc(100%);
    left: 50%;
    transform: translateX(-50%) scaleY(0);
    padding-right: 0;
    padding-bottom: 12px;
    transform-origin: bottom;
  }
  .ftct .mide .item .link a:hover .flow {
    transform: translateX(-50%) scaleY(1);
  }
  .ftct .mide .item .link a .flow .rq {
    width: 80px;
  }
  .ftct .mide .item .link a .flow .rq::before {
    top: unset;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    border-top: 6px solid #ffffff;
    border-bottom: 6px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
  .ftct .btm {
    margin-top: 20px;
    padding-top: 15px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .ftct .btm .left a,
  .ftct .btm .right a,
  .ftct .btm .right span {
    font-size: 14px;
  }
  .ftct .mide .item:first-of-type {
    display: none;
  }
}
@media only screen and (max-width: 760px) {
  /* .ab3ct .right .ib {
    margin-top: 0;
    justify-content: flex-start;
  } */
  /* .ab3ct .right .ib .item {
    width: calc((100% - 75px) / 4);
    margin-top: 25px;
    margin-right: 25px;
  } */
  /* .ab3ct .right .ib .item:nth-of-type(4) {
    margin-right: 0;
  } */
  .i3ct .mide .loc14 {
    bottom: 15%;
  }
}
@media only screen and (max-width: 660px) {
  .video-list li .ib {
    height: 160px;
  }
  /* .ab3ct .right .ib .item .txt {
    bottom: -15px;
  } */
}
@media only screen and (max-width: 560px) {
  /* .ab3ct .right .ib .item {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
  } */
  /* .ab3ct .right .ib .item:nth-of-type(3) {
    margin-right: 0;
  }
  .ab3ct .right .ib .item:nth-of-type(4) {
    margin-right: 20px;
  } */
  /* .ab3ct .right .ib .item .txt {
    bottom: -10px;
  } */
  .ab4ct .content .r2 .two .zs {
    width: 110px;
  }
  .ab4ct .content .r2 .three-zs {
    width: 90px;
  }
  .ab4ct .content .r2 .three-zs::before {
    width: 12px;
  }
  .ab4ct .content .r2 .three::after {
    right: calc(100% + 12px);
  }
  .ab4ct .content .r2 .three-b::before {
    right: calc(100% + 12px);
  }
  .ab4ct .content .r2 .one::after {
    width: 241px;
  }
  .ab4ct .content .r2 .four-b {
    width: 90px !important;
    padding: 8px;
  }
  .ab4ct .content .r3 .one,
  .ab4ct .content .r4 .one {
    width: 165px;
  }
  .ab4ct .content .r3 .two .zs,
  .ab4ct .content .r4 .two .zs {
    width: 135px;
  }
  .ab4ct .content .r3 .three-zs,
  .ab4ct .content .r4 .three-zs {
    width: 105px;
  }
  .ab4ct .content .row .four-b {
    width: 135px;
    padding: 8px;
  }
  .ab4ct .content .r4 .two:last-of-type .four-b {
    width: 105px;
    padding: 8px;
  }
  .ab4ct .content .r1 .one::before,
  .ab4ct .content .r2 .one::before {
    width: 88px;
  }
  .ab4ct .content .r1 .two-b::before {
    right: calc(100% + 30px + 88px);
  }
  .ab4ct .content .r2 .two-b:first-of-type:before {
    right: calc(100% + 6px);
  }
  .ab4ct .content .r3::before {
    left: -8px;
    width: 272px;
  }
  .i3ct .mide .loc14 {
    left: 44.5%;
  }
  .i3ct .mide .loc16 {
    bottom: 38.5%;
    left: 29.5%;
  }
  .i3ct .mide .loc18 {
    top: 22.6%;
    left: 5.5%;
  }
  .i3ct .mide .loc20 {
    top: 50%;
    left: 3.3%;
  }
  .i3ct .mide .loc19 {
    top: 51%;
    left: 6%;
  }
  .i3ct .mide .loc15 {
    bottom: 27.5%;
    left: 30%;
  }
  .i3ct .mide .loc1 {
    right: 13.5%;
    top: 18.5%;
  }
  .i3ct .mide .loc2 {
    right: 13%;
    top: 25%;
  }
  .i3ct .mide .loc3 {
    right: 13.4%;
    top: 28.5%;
  }
  .i3ct .mide .circle {
    top: 31.5%;
  }
  .i3ct .mide .loc4 {
    right: 18.4%;
    top: 35%;
  }
  .i3ct .mide .loc5 {
    right: 20.2%;
    top: 38.9%;
  }
  .i3ct .mide .loc13 {
    right: 23.7%;
    top: 57.3%;
  }
  .i3ct .mide .loc12 {
    right: 24.8%;
    top: 54.2%;
  }
  .i3ct .mide .loc10 {
    right: 21%;
    top: 44.5%;
  }
  .i3ct .mide .loc11 {
    right: 23.2%;
    top: 46%;
  }
  .i3ct .mide .loc7 {
    right: 28.7%;
    top: 36.2%;
  }
  .i3ct .mide .loc8 {
    right: 24%;
    top: 39.2%;
  }
  .i3ct .mide .loc9 {
    right: 26.3%;
    top: 41.4%;
  }
  .i3ct .mide .loc6 {
    right: 25%;
    top: 31%;
  }
}
@media only screen and (max-width: 460px) {
  .video-list li .ib {
    height: 120px;
  }
  /* .ab3ct .right .ib .item {
    width: calc((100% - 30px) / 3);
    margin-right: 15px;
  } */
  /* .ab3ct .right .ib .item:nth-of-type(4) {
    margin-right: 15px;
  } */
  /* .ab3ct .right .ib .item .txt {
    bottom: -15px;
  } */
  .ab3ct .right .ib .item .txt .name {
    font-size: 14px;
  }
  .ab3ct .right .ib .item .txt p {
    font-size: 12px;
  }
  .join2-box .top .flog h4 {
    font-size: 16px;
  }
  .join2-box .top .flog h6 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 2px;
  }
  .join2-box .top .flog img {
    min-height: 120px;
  }
  .ab4ct .content .row .one {
    font-size: 15px;
    width: 145px;
  }
  .ab4ct .content .row .two .zs {
    width: 125px;
    font-size: 13px;
  }
  .ab4ct .content .r1 .two-b {
    margin-left: 20px;
  }
  .ab4ct .content .r2 .two .zs {
    width: 100px;
  }
  .ab4ct .content .r2 .three-zs {
    width: 85px;
  }
  .ab4ct .content .row .two-big-b .two-b:not(:last-of-type) {
    margin-right: 8px;
  }
  .ab4ct .content .r3 .three-zs,
  .ab4ct .content .r4 .three-zs {
    width: 100px;
  }
  .ab4ct .content .row .three-zs::before {
    width: 14px;
  }
  .ab4ct .content .row .three::after {
    right: calc(100% + 14px);
  }
  .ab4ct .content .row .three-b::before {
    right: calc(100% + 14px);
  }
  .ab4ct .content .row .two .zs::before {
    width: 12px;
  }
  .ab4ct .content .row .two .zs::after {
    right: calc(100% + 12px);
  }
  .ab4ct .content .row .one::after {
    left: 8px;
  }
  .ab4ct .content .row .two::before {
    left: 8px;
  }
  .ab4ct .content .r2 .two .zs::before {
    width: 1px;
  }
  .ab4ct .content .r2 .three-zs::before {
    width: 8px;
  }
  .ab4ct .content .r2 .three-b::before {
    right: calc(100% + 8px);
  }
  .ab4ct .content .r2 .three::after {
    right: calc(100% + 8px);
  }
  .ab4ct .content .r1 .one::before,
  .ab4ct .content .r2 .one::before {
    width: 90px;
  }
  .ab4ct .content .r1 .two-b::before {
    right: calc(100% + 20px + 90px);
  }
  .ab4ct .content .r2 .two-b:first-of-type:before {
    right: calc(100% + 4px);
  }
  .ab4ct .content .r2 .one::after {
    left: 50%;
  }
  .ab4ct .content .r2 .one::after {
    width: 217px;
  }
  .ab4ct .content .r3::before {
    left: -10px;
    width: 243px;
  }
  .ab4ct .content .r2 .four-b {
    width: 85px !important;
    padding: 6px;
  }
  .ab4ct .content .row .four-b {
    width: 125px;
    padding: 6px;
  }
  .ab4ct .content .r4 .two:last-of-type .four-b {
    width: 100px;
    padding: 6px;
  }
  .ab3ct .right .ib .item {
    margin-right: 15px;
    width: 140px;
  }
  .i3ct .mide .loc14 {
    left: 43.5%;
    bottom: 14.5%;
  }
  .i3ct .mide .loc18 {
    top: 19.2%;
    left: 5.3%;
  }
  .i3ct .mide .loc20 {
    top: 48.5%;
  }
  .i3ct .mide .loc19 {
    top: 49.5%;
  }
  .i3ct .mide .loc16 {
    bottom: 37.5%;
    left: 29%;
  }
  .i3ct .mide .loc15 {
    bottom: 27%;
  }
}