@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 .sidebar-brand a {
    color: #222;
  }
  .sidebar-nav .sidebar-brand > a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    font-family: var(--font-family);
  }
  .sidebar-nav .sidebar-brand .xl {
    padding-bottom: 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: 17px;
    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: #0071BC;
  }
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    background-color: #0071BC;
  }
  .sidebar-nav .sidebar-brand a .sj {
    border-color: #0071BC;
  }
  .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: 92%;
  }
  .diaolog-pb i {
    font-size: 36px;
  }
  .header-box{
    /*height: 90px;*/
    height: auto;
    box-shadow: 0px 3px 20px 0px rgba(22,24,24,0.10) !important;
  }
  .headerct {
    height: 50px;
  }
  .headerct .nav {
    display: none;
  }
  .headerct .logo img {
    height: 24px;
  }
  .headerct .sybtn {
    margin-left: 0;
    min-width: 100px;
    height: 30px;
    font-size: 12px;
    /*display: none;*/
  }
  .headerct .sybtn:not(:first-of-type){
    margin-left: 15px;
  }
  .headerct .sybtnb{
    margin: 0;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .headerct .search {
    margin: 0 20px 0 0;
    font-size: 16px;
  }
  .headerct .user i {
    font-size: 18px;
  }
  .headerct .language .zs .txt p {
    font-size: 14px;
  }
  .headerct .language .zs .txt i {
    margin-left: 6px;
  }
  .headerct .language .zs .txt {
    margin-left: 6px;
  }
  .headerct .language .zs .ib img {
    transform: scale(0.8);
  }
  .headerct .language{
    margin-left: 0;
  }
  .headerct .right{
     margin-right: 40px;
  }
  .mySwiper .ct .left h3 {
    font-size: 22px;
    line-height: 32px;
    text-align: center;
  }
  .mySwiper .ct .left .line {
    width: 30px;
    height: 3px;
    margin: 22px auto 24px;
  }
  .mySwiper .ct .left h6 {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }
  .mySwiper .ct .more {
    margin: 50px auto 0;
  }
  .mySwiper .ct .more .ib img {
    width: 42px;
  }
  .mySwiper .ct .more p {
    font-size: 14px;
  }
  .mySwiper .ct .more .nr {
    margin-left: -25px;
  }
  .mySwiper .mouse {
    display: none;
  }
  .mySwiper .qh {
    right: 4%;
    z-index: 11;
  }
  .mySwiper .swiper-pagination {
    left: 4%;
    width: max-content !important;
  }
  .mySwiper .swiper-pagination-bullet {
    width: 50px;
    padding-bottom: 7px;
    font-size: 16px;
  }
  .mySwiper .qh i {
    font-size: 20px;
  }
  .mySwiper .qh p {
    height: 18px;
    margin: 0 12px;
  }
  .mySwiper .ct {
    transform: translate(-50%, 0);
    top: 0;
    height: 100%;
    padding-top: 15%;
    flex-direction: column;
  }
  .mySwiper .ct .rq {
    opacity: 1;
    transform: translateY(0);
  }
  .mySwiper .ct .left {
    width: 100%;
  }
  .mySwiper .ct .right {
    width: 100%;
    /*margin-top: 40px;*/
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15%;
  }
  .mySwiper .ct.appWidth .right img{
    max-width: 70%;
  }
  .mySwiper{
    height: calc(100vh - 50px);
    margin-top: 50px;
  }
  .i1-box {
    padding: 60px 0 60px 0;
  }
  .i1-box .sbm {
    top: 45px;
  }
  .i1-box .sbm .marquee {
    font-size: 88px;
  }
  .title-40 {
    font-size: 20px;
  }
  .i1-swiper .rq {
    flex-direction: column-reverse;
    padding-right: 0;
  }
  .i1-swiper .rq .right {
    width: 350px;
    height: 350px;
  }
  .i1-swiper .rq .right .rund {
    width: 280px;
    height: 280px;
  }
  .i1-swiper .rq .right .rund .min-rund {
    width: 230px;
    height: 230px;
  }
  .i1-swiper .rq .right img {
    max-height: 65%;
  }
  .i1ct {
    padding-top: 90px;
  }
  .i1-swiper .qh {
    top: calc(350px);
    bottom: unset;
  }
  .i1-swiper .swiper-pagination {
    font-size: 16px;
    top: calc(357px);
    right: unset;
    left: 0;
  }
  .i1-swiper .swiper-pagination .swiper-pagination-current {
    font-size: 22px;
    margin-right: 2px;
  }
  .i1-swiper .swiper-pagination .swiper-pagination-total {
    margin-left: 2px;
  }
  .i1-swiper .qh .pb {
    width: 34px;
    height: 34px;
  }
  .i1-swiper .qh .pb i {
    font-size: 16px;
  }
  .i1-swiper .qh .pb:not(:first-of-type) {
    margin-left: 12px;
  }
  .i1ct .title{
    left: 0;
  }
  .i1-swiper .rq .left {
    width: 100%;
    padding-bottom: 0;
    margin-top: 60px;
    padding-left: 0;
  }
  .i1-swiper .rq .left .desc h6 {
    font-size: 14px;
  }
  .i1-swiper .rq .left .desc h3 {
    font-size: 24px;
    margin: 5px 0 10px 0;
  }
  .i1-swiper .rq .left .desc p {
    font-size: 14px;
    line-height: 24px;
    height: 96px;
  }
  .i1-swiper .rq .left .ii-more {
    margin-top: 30px;
  }
  .ii-more {
    width: 140px;
    height: 42px;
    font-size: 14px;
  }
  .i2ct .mide .rq {
    flex-direction: column;
  }
  .i2ct .mide .left {
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 6px 15px 0px rgba(1, 19, 61, 0.4);
  }
  .i2ct .mide .right {
    width: 100%;
    margin-top: 25px;
  }
  .i2ct .mide .right h4 {
    font-size: 20px;
  }
  .i2ct .mide .right p {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 25px 0;
  }
  .i2ct {
    padding: 55px 0 50px 0;
  }
  .i2ct .mide {
    margin-top: 30px;
  }
  .i2ct .mide .right a {
    width: 140px;
    height: 42px;
    font-size: 14px;
  }
 .i2ct .tag {
    margin-top: 40px;
    flex-wrap: wrap;
    /* overflow-x: auto;
    border-bottom: none;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #cdcdcd transparent; */
  }
  /* .i2ct .tag::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  .i2ct .tag::-webkit-scrollbar-thumb {
    background: #cdcdcd;
  }
  .i2ct .tag::-webkit-scrollbar-track {
    background: #f5f5f5;
  } */
  .i2ct .tag .item {
    width: calc(100% / 2);
    /* padding-right: 25px; */
    padding-right: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #cdcdcd;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
  }
  .i2ct .tag .item:nth-of-type(2n) {
    padding-right: 0;
  }
  .i2ct .tag .item:nth-of-type(1),
  .i2ct .tag .item:nth-of-type(2){
    margin-top: 0;  
  }
  .i2ct .tag .item::after {
    bottom: 0;
  }
  .i2ct .tag .item .ib {
    height: 28px;
  }
  .i2ct .tag .item p {
    font-size: 16px;
    margin-top: 8px;
    text-align: center;
  }
  /*.i2ct .tag .item.active::after {*/
  /*  width: calc(100% - 25px);*/
  /*}*/
  .i2ct .tag .item.active:last-of-type:after {
    width: 100%;
  }
  .i3ct {
    padding: 55px 0 60px 0;
  }
  .i-more {
    padding-bottom: 7px;
  }
  .i-more p {
    font-size: 14px;
  }
  .i-more i {
    margin-left: 30px;
  }
  .i3ct .mide {
    margin-top: 40px;
  }
  .i3-swiper a {
    height: 240px;
    border-radius: 10px;
  }
  .i3-swiper a p {
    bottom: 15px;
    font-size: 18px;
    padding: 0 15px;
  }
  .i4ct {
    padding: 55px 0 60px 0;
    flex-direction: column;
  }
  .i4ct .left {
    padding-top: 0;
    width: 100%;
  }
  .i4ct .left p {
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0 30px 0;
  }
  .i4ct .right {
    width: 100%;
    margin-top: 40px;
    flex-wrap: wrap;
  }
  .i4ct .right .xx {
    width: 100%;
  }
  .i4ct .right .xx:not(:first-of-type) {
    margin-top: 10px;
  }
  .i4ct .right .xx:nth-of-type(2) .item:first-of-type {
    margin-top: 0;
  }
  .i4ct .right .item {
    width: 100%;
    height: auto;
    padding: 20px 17px 20px 16px;
    background-color: rgba(255, 255, 255, 0.85);
  }
  .i4ct .right .item:not(:last-of-type) {
    margin-bottom: 10px;
  }
  .i4ct .right .item .ib {
    height: 31px;
  }
  .i4ct .right .item h4 {
    font-size: 16px;
    margin: 10px 0 5px 0;
  }
  .i4ct .right .item p{
    font-size: 14px;
    /*line-height: 19px;*/
    color: #5f5d5d;
  }
  .i5-box {
    padding: 55px 0 60px 0;
  }
  .i5-box .top .left p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px;
  }
  .i5-box .top {
    flex-direction: column;
    align-items: flex-start;
  }
  .i5-box .top .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .i5ct {
    margin-top: 40px;
  }
  .i6ct {
    padding: 55px 0 60px 0;
    flex-direction: column;
  }
  .i6ct .left {
    width: 100%;
    position: relative;
  }
  .i6ct .left h6 {
    margin-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .i6ct .left .tg a p {
    font-size: 14px;
  }
  .i6ct .left .tg a:not(:first-of-type) {
    margin-top: 0px;
  }
  .i6ct .left .tg {
    margin: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: -70px;
    width: 100%;
  }
  .i6ct .left .tg a span {
    display: none;
  }
  .i6ct .left .ii-more {
    margin-top: 25px;
  }
  .i6ct .left .tg a:not(:last-of-type) {
    margin-right: 7px;
  }
  .i6ct .left .tg a {
    padding: 5px 11px;
    background-color: #ffffff;
    border-radius: 26px;
  }
  .i6ct .left .tg a.active {
    background-color: #0071bc;
  }
  .i6ct .left .tg a.active p {
    color: #ffffff;
    font-weight: 400;
  }
  .i6ct .right {
    width: 100%;
    margin-top: 55px;
  }
  .i6ct .right a {
    height: auto;
    flex-direction: column;
    padding: 20px 20px 25px 20px;
  }
  .i6ct .right a::before {
    width: 100%;
  }
  .i6ct .right a .ib {
    width: 100%;
    height: auto;
  }
  .i6ct .right a .txt {
    width: 100%;
    margin-top: 20px;
  }
  .i6ct .right a .txt h4 {
    font-size: 16px;
    line-height: 24px;
    height: auto;
    max-height: 52px;
  }
  .i6ct .right a .txt p {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 20px 0;
  }
  .i6ct .right a .txt .time span {
    font-size: 14px;
  }
  .i6ct .right a .txt .time p {
    font-size: 18px;
    margin: 0 3px;
  }
  .i6ct .right a .txt .time h6 {
    font-size: 28px;
  }
  .i6ct .right a:not(:first-of-type) {
    margin-top: 20px;
  }
  .banner .ct .rq {
    max-width: 58%;
  }
  .banner .ct h4 {
    font-size: 20px;
  }
  .banner .ct p {
    font-size: 14px;
    line-height: 24px;
  }
  .banner {
    height: 250px;
    margin-top: 50px;
  }
  .min-nav .ct {
    /* overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #cdcdcd transparent; */
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 0 5px 0;
  }
  /* .min-nav .ct::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  } */
  /* .min-nav .ct::-webkit-scrollbar-thumb {
    background: #cdcdcd;
  }
  .min-nav .ct::-webkit-scrollbar-track {
    background: #f5f5f5;
  } */
  .min-nav .ct a:not(:first-of-type) {
    margin-left: 0px;
  }
  .min-nav .ct a.active {
    background-color: #0071bc;
    color: #ffffff !important;
  }
  .min-nav .ct a:hover {
    color: #222222;
  }
  .min-nav .ct a {
    font-size: 14px;
    margin-right: 10px;
    border: none;
    padding: 5px 12px;
    border-radius: 16px;
    background-color: #d1d1d1;
    margin-bottom: 10px;
  }
  .min-nav .ct a:last-of-type {
    margin-right: 0;
  }
  .min-nav,
  .min-nav .flow-bf {
    height: auto;
  }
  .faqct {
    padding: 55px 0 60px 0;
  }
  .gy-top h6 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .faq-list {
    margin-top: 30px;
  }
  .faq-list li .zs p {
    max-width: calc(100% - 70px);
    font-size: 14px;
  }
  .faq-list li .zs .rund {
    width: 38px;
    height: 38px;
  }
  .faq-list li .zs .rund i {
    font-size: 16px;
  }
  .faq-list li {
    padding: 18px 0;
  }
  .faq-list li .db {
    font-size: 14px;
    line-height: 24px;
  }
  .faq-list li.active {
    padding-bottom: 25px;
  }
  .jd1-box {
    margin-top: 90px;
  }
  .jd1ct {
    padding: 30px 0 35px 0;
  }
  .jd1ct h3 {
    font-size: 20px;
  }
  .jd1ct .db {
    margin-top: 10px;
    flex-wrap: wrap;
    font-size: 14px;
  }
  .jd2ct {
    padding: 35px 0 60px 0;
  }
  .jd2ct .mide .row h4 {
    font-size: 16px;
  }
  .jd2ct .mide .row .desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 7px;
  }
  .jd2ct .mide .row:not(:first-of-type) {
    margin-top: 25px;
  }
  .jd2ct .db {
    margin-top: 40px;
  }
  .jd2ct .db .email {
    font-size: 18px;
  }
  .jd2ct .db .qh {
    padding-top: 20px;
    margin-top: 15px;
  }
  .jd2ct .db .qh a {
    width: 120px;
    height: 40px;
    font-size: 14px;
  }
  .join1ct {
    padding: 50px 0 50px 0;
  }
  .join-list {
    margin-top: 30px;
  }
  .join-db{
     flex-direction: column;
  }
  .join-db .gy-top{
     width: 100%;
     max-width: 100%;
  }
  .join-search{
     width: 100%;
     margin-top: 10px;
  }
  .join-search .el-input__inner{
     font-size: 14px;
     height: 38px;
     line-height: 38px;
  }
  .join-search .sss{
     width: 100%;
  }
  .join-search .el-select{
     width: calc((100% - 10px) / 2);
     margin-top: 10px;
  }
  .join-list li {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 20px 15px 25px 15px;
  }
  .join-list li:nth-of-type(3n) {
    margin-right: 10px;
  }
  .join-list li:nth-of-type(2n),
  .join-list li:nth-of-type(6n) {
    margin-right: 0;
  }
  .join-list li h4 {
    font-size: 16px;
  }
  .join-list li .desc {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 15px 0;
  }
  .join-list li a {
    font-size: 14px;
  }
  .join-fc {
    margin-top: 50px;
  }
  .join-fc .sw {
    margin-top: 20px;
  }
  .join-fc .sw .prev {
    left: 0;
  }
  .join-fc .sw .next {
    right: 0;
  }
  .join-fc .sw .pb {
    width: 32px;
    height: 32px;
  }
  .join-fc .sw .pb i {
    font-size: 16px;
  }
  .join-swiper {
    width: calc(100% - 90px);
  }
  .join-swiper .ib {
    height: 170px;
  }
  .loginct .left {
    left: unset;
    position: unset;
    height: auto;
    width: 100%;
  }
  .loginct .left .rund {
    width: 38px;
    height: 38px;
  }
  .loginct .left .rund .ic img {
    width: 16px;
  }
  @keyframes bigpulse {
    0% {
      width: 100%;
      height: 100%;
    }

    100% {
      width: calc(100% + 14px);
      height: calc(100% + 14px);
    }
  }
  .loginct .left h3 {
    font-size: 20px;
    margin: 19px 0 7px 0;
  }
  .loginct .left p {
    font-size: 14px;
  }
  .login .bg {
    width: 100%;
    object-fit: cover;
  }
  .login-nav {
    top: 18px;
  }
  .login-nav .ct img {
    width: auto;
    height: 24px;
  }
  .loginct .left .db {
    bottom: 20px;
    font-size: 14px;
  }
  .loginct {
    padding: 80px 0 90px 0;
    align-items: flex-start;
    flex-direction: column;
  }
  .loginct .right {
    width: 100%;
    margin-top: 40px;
  }
  .loginct .right .tm {
    font-size: 20px;
    color: #fff;
  }
  .loginct .right .mide {
    margin-top: 20px;
  }
  .loginct .right .el-input__inner {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-radius: 4px;
  }
  .loginct .right .mide .row .el-button {
    border-radius: 4px;
    font-size: 14px;
  }
  .loginct .right .el-form-item {
    margin-bottom: 20px;
  }
  .loginct .right .gybt {
    background-color: #ffffff;
    color: #0272bc;
    font-size: 14px;
  }
  .loginct .right .gybt.dl {
    width: 140px;
    height: 40px;
    margin: 5px 0 25px 0;
  }
  .loginct .right .mide .qdl {
    font-size: 14px;
    color: #ffffff;
  }
  .loginct .right .mide .qdl span {
    color: #ffffff;
    text-decoration: underline;
  }
  .loginct .right .mide .tp p:not(:first-of-type) {
    margin-top: 10px;
  }
  .loginct .right .mide .tp {
    margin-top: 30px;
  }
  .loginct .el-checkbox__label,
  .loginct .right .mide .yszc a,
  .loginct .right .mide .yszc span {
    color: #ffffff;
    font-size: 14px;
  }
  .serct {
    padding: 45px 0 60px 0;
  }
  .ser-list {
    margin-top: 35px;
  }
  .ser-list li:not(:first-of-type) {
    margin-top: 35px;
  }
  .ser-list li {
    flex-direction: column !important;
  }
  .ser-list li .left {
    width: 100%;
    height: auto;
  }
  .ser-list li .left img {
    border-radius: 12px;
    box-shadow: 0px 6px 15px 0px rgba(1, 19, 61, 0.4);
  }
  .ser-list li .right {
    width: 100%;
    margin-top: 20px;
  }
  .ser-list li .right h4 {
    font-size: 16px;
  }
  .ser-list li .right .desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .cont1ct {
    padding: 45px 0 60px 0;
  }
  .cont1ct .mide {
    margin-top: 30px;
    flex-direction: column;
  }
  .cont1ct .mide .line {
    display: none;
  }
  .cont1ct .mide .left {
    width: 100%;
  }
  .cont1ct .mide .left h4 {
    font-size: 16px;
  }
  .cont1ct .mide .left .desc {
    margin-top: 15px;
  }
  .cont1ct .mide .left .desc a p {
    font-size: 14px;
    width: calc(100% - 17px - 12px);
  }
  .cont1ct .mide .left .desc a:not(:first-of-type) {
    margin-top: 6px;
  }
  .cont1ct .mide .left .fxb {
    margin-top: 25px;
  }
  .cont1ct .mide .left .fxb .fx {
    font-size: 14px;
    margin-right: 15px;
  }
  .cont1ct .mide .right {
    width: 100%;
    justify-content: center;
    margin-top: 30px;
  }
  .cont1ct .mide .right .item:not(:last-of-type) {
    margin-right: 30px;
  }
  .cont1ct .mide .right .item {
    width: 110px;
  }
  .cont1ct .mide .right .item p {
    margin-top: 6px;
  }
  .cont2ct {
    padding: 180px 0 60px 0;
  }
  .cont2ct .map {
    width: 100%;
  }
  .cont2ct .gy-top {
    top: 45px;
    max-width: 100%;
  }
  .cont2ct .map .print .flow .rq::after,
  .cont2ct .map .print .flow .rq::before {
    display: none;
  }
  .cont2ct .map .print .flow {
    padding-right: 0;
    bottom: 15px;
  }
  .cont2ct .map .print .flow .rq {
    width: 230px;
    padding: 16px 14px;
    border-radius: 6px;
  }
  .cont2ct .map .print .flow .rq img {
    height: 25px;
  }
  .cont2ct .map .print .flow .rq p {
    font-size: 14px;
    margin-top: 10px;
  }
  .cont3ct {
    padding: 45px 0 60px 0;
  }
  .cont3ct form {
    margin-top: 30px;
  }
  .cont3ct form .row input {
    width: 100%;
    margin-right: 0;
    height: 40px;
    font-size: 14px;
  }
  .cont3ct form .row {
    flex-wrap: wrap;
  }
  .cont3ct form .row input:not(:first-of-type) {
    margin-top: 15px;
  }
  .cont3ct form textarea {
    font-size: 14px;
    margin-top: 25px;
    height: 110px;
  }
  .cont3ct form button {
    width: 200px;
    height: 40px;
    font-size: 14px;
    margin-top: 35px;
  }
  .case-box {
    height: auto;
    flex-direction: column;
  }
  .case-box .mouse {
    display: none;
  }
  .case-box .bg {
    height: auto;
    width: 92%;
    margin: 0 auto;
    border-radius: 10px;
  }
  .case-box .ct {
    position: unset;
    transform: unset;
    margin: 15px auto 0;
  }
  .case-box .ct p {
    font-size: 14px;
    line-height: 24px;
    margin: 7px 0 15px 0;
  }
  .case-box .ct a {
    width: 140px;
    height: 40px;
    font-size: 14px;
    border-color: #0071BC !important;
    background-color: #0071BC !important;
    color: #ffffff !important;
  }
  .case-box .ct .rq {
    width: 100%;
  }
  .case-box .ct .rq .title-40 {
    font-size: 16px;
  }
  /* .case-container .section:first-of-type .case-box .ct {
    transform: translate(-50%, 0);
    top: unset;
    bottom: 10%;
  } */
  .case-container .section {
    margin-bottom: 45px;
  }
  .case-container {
    padding: 90px 0 0 0;
  }
  .case-box.active .title-40,
  .case-box.active .ct p,
  .case-box .title-40,
  .case-box .ct p{
    color: #222222;
  }
  .case-box.active .ct a,
  .case-box .ct a{
    border-color: #222222;
    color: #222222;
  }
  .ab1-box {
    padding: 55px 0 60px 0;
    flex-direction: column;
    width: 92%;
    margin: 0 auto;
  }
  .ab1-box .left {
    width: 100%;
    padding-top: 0;
  }
  .ab1-box .left .yw {
    font-size: 88px;
    top: -20px;
  }
  .ab1-box .left .desc {
    font-size: 14px !important;
    line-height: 24px !important;
    margin: 15px 0 35px 0;
  }
  .ab1-box .left .desc p,
  .ab1-box .left .desc span{
    font-size: 14px !important;
    line-height: 24px !important;
  }
  .ab1-box .left .desc p:not(:first-of-type) {
    margin-top: 15px;
  }
  .ab1-box .left .numContent .item .db .num {
    font-size: 28px;
    margin-right: 5px;
  }
  .ab1-box .left .numContent .item .db span{
    font-size: 14px;
    transform: translateY(-3px);
  }
  .ab1-box .left .numContent .item .db p {
    font-size: 18px;
    /*margin-left: 5px;*/
    transform: translateY(-2px);
  }
  .ab1-box .left .numContent .item .wz {
    margin-top: 10px;
  }
  .ab1-box .left .numContent{
      flex-wrap: wrap;
  }
  .ab1-box .left .numContent .item{
      width: calc((100% - 10px) / 2);
  }
  .ab1-box .left .numContent .item:last-of-type{
      width: 100%;
      margin-top: 15px;
      max-width: 100%;
  }
  .ab1-box .right {
    width: 100%;
    margin-top: 40px;
  }
  .ab2ct {
    width: 92%;
  }
  .ab2ct .top a:not(:first-of-type) {
    margin-left: 15px;
  }
  .ab2ct .top {
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ab2ct .top a {
    font-size: 18px;
    margin-left: 0 !important;
    width: calc((100% - 10px) / 2);
    margin-top: 5px;
  }
  .ab2ct .top a:nth-of-type(1),
  .ab2ct .top a:nth-of-type(2){
    margin-top: 0;
  }
  .ab2ct .mide .rq {
    height: auto;
    padding: 20px 20px 30px 15px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .ab3ct {
    padding: 60px 0 60px 0;
  }
  .ab3ct .desc-swiper .rq {
    padding: 0;
    flex-direction: column;
  }
  .ab3ct .desc-swiper .rq .left {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .ab3ct .desc-swiper .rq .left .year {
    font-size: 48px;
    margin-bottom: 15px;
  }
  .ab3ct .desc-swiper {
    margin-top: 35px;
  }
  .ab3ct .desc-swiper .rq .right {
    width: 100%;
    margin-top: 15px;
  }
  .ab3ct .desc-swiper .rq .right img{
    width: 100%;
  }
  .ab3ct .desc-swiper .rq .left .desc {
    margin-top: 5px;
    font-size: 14px;
    line-height: 24px;
  }
  .ab3ct .desc-swiper .rq .left .desc p::before {
    top: 8px;
  }
  .ab3ct .desc-swiper .rq .left h4 {
    font-size: 16px;
  }
  .ab3ct .db-b {
    margin-top: 35px;
  }
  .ab3ct .db-b .qh {
    width: 36px;
    height: 36px;
    margin-top: 7px;
  }
  .ab3ct .db-b .qh i {
    font-size: 18px;
  }
  .ab3ct .time-swiper {
    width: calc(100% - 72px);
  }
  .ab3ct .time-swiper .swiper-slide-thumb-active a .rund .zw {
    width: 8px;
    height: 8px;
  }
  .ab3ct .time-swiper a .rund::before {
    width: 26px;
    height: 26px;
    border: 3px solid #147ecd;
  }
  .ab3ct .time-swiper a p {
    font-size: 16px;
    margin-top: 15px;
  }
  .min-nav .flow-bf.active {
    top: 50px;
  }
  .upContent {
    width: 92%;
    border-radius: 8px;
    padding: 15px 18px 25px 18px;
  }
  .upContent .top p {
    font-size: 14px;
  }
  .upContent .zw {
    margin-top: 30px;
  }
  .upContent .row .el-button {
    width: 130px;
  }
  .upContent .row .el-input {
    width: calc(100% - 130px - 10px);
  }
  .upContent .dbl .el-button {
    width: 140px;
  }
  .upContent .dbl .qx {
    width: 80px;
  }
  .upContent .dbl {
    margin-top: 30px;
  }
  .upContent .el-form-item {
    margin-bottom: 20px;
  }
  .nd1-box {
    margin-top: 50px;
  }
  .n-nav {
    padding: 15px 0;
  }
  .n-nav a,
  .n-nav span {
    font-size: 14px;
  }
  .nd1ct h3 {
    font-size: 20px;
  }
  .nd1ct {
    margin: 5px auto 0;
  }
  .nd1ct .db {
    margin-top: 25px;
    flex-wrap: wrap;
  }
  .nd1ct .db .left {
    flex-wrap: wrap;
  }
  .nd1ct .db .left p:not(:first-of-type) {
    margin-left: 0;
  }
  .nd1ct .db .left p {
    margin-right: 15px;
    font-size: 14px;
  }
  .nd1ct .db .left p:last-of-type {
    margin-right: 0;
  }
  .nd1ct .db .right {
    margin-top: 15px;
    width: 100%;
    justify-content: center;
  }
  .nd1ct .db .right .fx {
    font-size: 14px;
  }
  .nd2ct {
    padding: 40px 0 60px 0;
  }
  .i2-list {
    width: 100%;
  }
  .i2-list .item {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-top: 20px;
  }
  .i2-list .item .ib {
    height: 100px;
    border-radius: 6px;
  }
  .i2-list .item .txt {
    margin-top: 10px;
  }
  .i2-list .item .txt h4 {
    font-size: 16px;
  }
  .nd2ct .content,
  .nd2ct .content p,
  .nd2ct .content span {
    font-size: 14px;
    line-height: 24px;
  }
  .nd2ct .content p:not(:first-of-type) {
    margin-top: 15px;
  }
  .nd2ct .content img {
    margin: 15px 0;
  }
  .nd2ct .qh {
    padding-top: 10px;
    margin-top: 30px;
  }
  .nd2ct .qh a {
    font-size: 14px;
  }
  .rdct {
    padding: 45px 0 60px 0;
  }
  .rdct .gy-tag {
    margin-top: 25px;
    flex-wrap: wrap;
  }
  .gy-tag a {
    margin-top: 10px;
    font-size: 14px;
    padding: 6px 20px;
  }
  .redown-list .db {
    padding: 0 20px 0 15px;
  }
  .redown-list .db .pb {
    font-size: 14px;
  }
  .redown-list li {
    padding: 15px 20px 18px 15px;
  }
  .redown-list li .title span {
    margin-left: 12px;
    width: calc(100% - 18px - 12px);
  }
  .redown-list .pb1 {
    width: 30%;
  }
  .redown-list .pb2 {
    width: 30%;
  }
  .redown-list .pb3 {
    width: 25%;
  }
  .redown-list .pb4 {
    width: 10%;
  }
  .redown-list li .title span {
    font-size: 14px;
  }
  .redown-list li p {
    font-size: 14px;
  }
  .redown-list li .xz {
    font-size: 14px;
  }
  .redown-list {
    margin-top: 25px;
  }
  .news-list {
    margin-top: 35px;
  }
  .news-list li a {
    padding: 18px 18px 25px 18px;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
  }
  .news-list li a::before {
    width: 100%;
  }
  .news-list li a .left {
    width: 100%;
    flex-direction: column;
  }
  .news-list li a .left img {
    width: 100%;
    height: auto;
  }
  .news-list li a .left .txt {
    width: 100%;
    margin-left: 0;
    padding-top: 15px;
  }
  .news-list li a .left .txt h4 {
    font-size: 16px;
  }
  .news-list li a .left .txt p {
    font-size: 14px;
    margin-top: 5px;
  }
  .news-list li a .time h6 {
    font-size: 14px;
  }
  .news-list li a .time h5 {
    font-size: 18px;
  }
  .news-list li a .time {
    font-size: 30px;
    margin-top: 12px;
  }
  .news-list li:not(:first-of-type) {
    margin-top: 20px;
  }
  .pd1-box {
    margin-top: 50px;
  }
  .pd1ct {
    padding: 30px 0 60px 0;
    flex-direction: column;
  }
  .pd1ct .left {
    width: 100%;
  }
  .pd1ct .left .time-swiper {
    margin-top: 15px;
  }
  .pd1ct .left .desc-swiper .rq {
    height: 220px;
  }
  .pd1ct .left .desc-swiper .rq img {
    max-height: 90%;
    max-width: 85%;
  }
  .pd1ct .left .time-swiper a {
    height: 56px;
  }
  .pd1ct .right {
    width: 100%;
    margin-top: 25px;
  }
  .pd1ct .right h3 {
    font-size: 20px;
  }
  .pd1ct .right h6 {
    font-size: 16px;
    margin-top: 5px;
  }
  .pd1ct .right .desc {
    margin-top: 15px;
  }
  .pd1ct .right a {
    width: 160px;
    height: 40px;
    font-size: 14px;
    margin-top: 35px;
  }
  .pd2ct {
    padding: 45px 0;
  }
  .pd2ct .mide {
    flex-wrap: wrap;
  }
  .pd2ct .item {
    width: calc((100% - 15px) / 2);
    margin-right: 15px;
    margin-top: 15px;
  }
  .pd2ct .item:nth-of-type(2n) {
    margin-right: 0;
  }
  .pd2ct .item:nth-of-type(1),
  .pd2ct .item:nth-of-type(2) {
    margin-top: 0;
  }
  .pd2ct .item p {
    font-size: 14px;
  }
  .pd2ct .item h4 {
    font-size: 16px;
  }
  .pd3ct {
    padding: 55px 0 60px 0;
  }
  .pd3ct .top .desc {
    margin-top: 35px;
  }
  .pd3ct .top .desc .item {
    margin-right: 0;
    width: 100%;
    margin-top: 20px;
    padding: 25px 20px 25px 20px;
    border-radius: 8px;
  }
  .pd3ct .top .desc .item:nth-of-type(2) {
    margin-top: 20px;
  }
  .pd3ct .top .desc .item .ib {
    width: 40px;
  }
  .pd3ct .top .desc .item .txt {
    width: calc(100% - 40px - 25px);
  }
  .pd3ct .top .desc .item .txt h4 {
    font-size: 18px;
  }
  .pd3ct .top .desc .item .txt .line span {
    width: 40px;
  }
  .pd3ct .top .desc .item .txt .line {
    margin: 12px 0 18px 0;
  }
  .pd3ct .mide {
    margin: 50px auto 0;
    width: 100% !important;
    padding: 18px 18px 25px 18px;
    border-radius: 8px;
  }
  .pd3ct .mide table tr td:first-of-type {
    padding-left: 10px;
    font-size: 14px;
  }
  .pd3ct .mide table tr td {
    padding: 10px 0;
  }
  .proct {
    padding: 45px 0 60px 0;
  }
  .pro-list {
    margin-top: 30px;
  }
  .pro-list li {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 15px;
  }
  .pro-list li:nth-of-type(3n) {
    margin-right: 10px;
  }
  .pro-list li:nth-of-type(2n),
  .pro-list li:nth-of-type(6n) {
    margin-right: 0px;
  }
  .pro-list li a {
    border-radius: 8px;
    padding: 15px 15px 20px 18px;
  }
  .pro-list li a h6 {
    font-size: 14px;
  }
  .pro-list li a .ib {
    margin-top: 15px;
    height: 120px;
  }
  .pro-list li a:hover {
    transform: unset;
  }

  .p-header {
    padding: 0;
  }
  .p-header .ct {
    width: 92%;
    height: 105px;
    flex-direction: column;
    justify-content: center;
  }
  .p-header .ct .right .dbcd a:not(:last-of-type) {
    display: none;
  }
  .p-header .ct .left {
    width: 100%;
  }
  .p-header .ct .left .logo img {
    width: 128px;
  }
  .p-header .ct .left p {
    max-width: unset;
    width: calc(100% - 128px - 15px);
    margin-left: 15px;
  }
  .p-header .ct .right {
    margin-top: 15px;
    width: 100%;
  }
  .p-header .ct .right form {
    width: 200px;
  }
  .p-header .ct .right .dbcd {
    margin: 0 15px 0 auto;
  }
  .p-header .ct .right .dbcd a:not(:first-of-type) {
    margin-left: 0;
  }
  .p-header .ct .right .user .flow .tp .picture .rund {
    width: 50px;
    height: 50px;
  }
  .p-header .ct .right .user .flow .tp .picture .txt {
    width: calc(100% - 50px - 10px);
  }
  .p-header .ct .right .user .flow .tp .picture .txt .hb {
    margin-top: 2px;
  }
  .p-header .ct .right .user .flow .tp .picture {
    padding: 12px 15px 15px 15px;
  }
  .p-header .ct .right .user .flow .tp .qy {
    padding: 14px 15px 12px 15px;
  }
  .p-header .ct .right .user .flow .mide {
    padding: 17px 15px;
  }
  .p-header .ct .right .user .flow .mide a:not(:first-of-type) {
    margin-top: 14px;
  }
  .p-header .ct .right .user .flow .db {
    padding: 15px 15px;
  }
  .p-header .ct .right .user .flow .rq {
    width: 250px;
  }
  .link-nav {
    top: 105px;
    padding: 0;
  }
  .link-nav .ct {
    width: 92%;
    height: 46px;
  }
  .link-nav .ct .view {
    width: 120px;
  }
  .link-nav .ct .view p {
    margin-left: 7px;
  }
  .personal-box {
    padding: 180px 0 60px 0;
  }
  .pb-box {
    padding: 0 4%;
  }
  .topjj-ct h4 {
    font-size: 18px;
  }
  .topjj-ct p {
    margin-top: 5px;
  }
  .workct .top {
    padding: 18px 20px;
    min-height: unset;
    border-radius: 10px;
  }
  .workct .top .ct h4 {
    font-size: 18px;
  }
  .workct .top .ct .desc {
    margin-top: 5px;
  }
  .workct .mide {
    flex-direction: column;
  }
  .workct .mide .item {
    width: 100%;
    border-radius: 10px;
    padding: 20px 20px 30px 20px;
  }
  .top-jj {
    margin-bottom: 30px;
  }
  .workct .mide .item:not(:first-of-type) {
    margin-top: 20px;
  }
  .workct .mide .item .title h4 {
    font-size: 16px;
  }
  .workct .mide .gzt {
    margin-top: 20px;
  }
  .workct .mide .gzt a:nth-of-type(4) {
    margin-top: 20px;
  }
  .workct .mide .gzt a {
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
    margin-top: 20px;
  }
  .workct .mide .gzt a:nth-of-type(3n) {
    margin-right: 0;
  }
  .workct .mide .gzt a:nth-of-type(4n) {
    margin-right: 10px;
  }
  .workct .mide .gzt a .rund {
    width: 70px;
    height: 70px;
  }
  .workct .mide .gzt a .rund img {
    transform: scale(0.8);
  }
  .workct .mide .gzt a p {
    font-size: 14px;
    margin-top: 8px;
  }
  .workct .mide .newtz a {
    padding: 20px 0;
  }
  .workct .mide .newtz a .txt {
    width: calc(100% - 50px - 15px);
  }
  .newSdk {
    padding: 15px 18px 22px 18px;
    border-radius: 10px;
  }
  .newSdk .left i {
    font-size: 18px;
    margin-right: 15px;
  }
  .newSdk .left {
    width: calc(100% - 70px - 10px);
  }
  .newSdk .left .wz h4 {
    font-size: 18px;
  }
  .newSdk .left .wz p {
    margin-top: 5px;
  }
  .newSdk .right {
    width: 70px;
  }
  .sdk-b {
    padding: 18px 20px 20px 20px;
    border-radius: 10px;
  }
  .sdktm {
    font-size: 16px;
    margin-bottom: 7px;
  }
  .per-top {
    flex-wrap: wrap;
  }
  .per-top .el-select {
    margin-top: 10px;
    width: calc((100% - 10px) / 2) !important;
  }
  .per-top .el-select:nth-of-type(2n) {
    margin-right: 0;
  }
  .per-top .ss {
    margin-top: 10px;
    width: 100%;
  }
  .sdk-list {
    margin-top: 25px;
  }
  .sdk-list .db {
    flex-wrap: wrap;
  }
  .sdk-list .db .pb {
    margin-top: 5px !important;
  }
  .sdk-list li .zs {
    flex-wrap: wrap;
  }
  .sdk-list .pb1 {
    width: 43%;
  }
  .sdk-list .pb2 {
    width: 25%;
  }
  .sdk-list .pb3 {
    width: 25%;
  }
  .sdk-list li .zs .type .an {
    width: 65px;
  }
  .sdk-list .pb4 {
    width: 43%;
    margin-top: 8px;
  }
  .sdk-list .pb5 {
    width: 54%;
    margin-top: 8px;
  }
  .sdk-list .pb6 {
    width: 100%;
    margin-top: 10px;
  }
  .sdk-list li .zs .mk .al {
    margin-right: 7px !important;
  }
  .sdk-list .pb7 {
    width: 70%;
    margin-top: 12px;
  }
  .sdk-list .pb8 {
    width: 25%;
    margin-top: 12px;
  }
  .sdk-list li .zs .downb .too {
    margin-left: 18px;
  }
  .sdk-list li .dbzs {
    padding: 16px 18px 20px 18px;
    border-radius: 8px;
  }
  .perct .qxsq {
    border-radius: 10px;
    padding: 18px 20px;
  }
  .per-list .db {
    padding: 0 18px;
    margin-bottom: 15px;
  }
  .per-list li {
    border-radius: 10px;
    padding: 18px 18px;
  }
  .per-list .db {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .per-list {
    margin-top: 25px;
  }
  .per-list .db .pb {
    margin-top: 0 !important;
    width: max-content;
  }
  .per-list li {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .per-list .pb {
    margin-left: 0 !important;
  }
  .per-list .pb1 {
    width: 25%;
  }
  .per-list .pb2 {
    width: 72%;
  }
  .per-list li .pb1,
  .per-list li .pb2,
  .per-list li .pb3,
  .per-list li .pb4,
  .per-list li .pb5 {
    margin-left: 0;
  }
  .per-list .pb3 {
    width: auto;
    margin-top: 10px;
  }
  .per-list .pb4 {
    margin-top: 10px;
  }
  .per-list li .sd {
    display: flex;
  }
  .per-list li .cc i {
    margin-right: 5px;
  }
  .per-list li .cc {
    margin-right: 10px;
  }
  .per-list li .cc:last-of-type {
    margin-right: 0;
  }
  .per-list li .yy,
  .per-list li .sqz {
    font-size: 14px;
  }
  .perct .czrz {
    border-radius: 10px;
    padding: 18px 18px 20px 18px;
  }
  .cz-list {
    margin-top: 13px;
  }
  .cz-list .db .pb {
    margin-left: 0;
    width: max-content;
  }
  .cz-list .db {
    justify-content: space-between;
    padding: 10px 15px 10px 10px;
  }
  .cz-list li {
    padding: 15px 15px 15px 10px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cz-list li .pb {
    margin-left: 0;
  }
  .cz-list li .pb1 {
    width: 40%;
  }
  .cz-list li .pb2 {
    width: 55%;
  }
  .cz-list li .pb3,
  .cz-list li .pb4 {
    margin-top: 10px;
  }
  .message-b {
    border-radius: 10px;
    padding: 15px 15px 20px 15px;
  }
  .message-b .tag-b .tag:not(:first-of-type) {
    margin-left: 20px;
  }
  .message-b .tag-b .tag .flow {
    top: -8px;
    left: 90%;
  }
  .meessage-list li .zs {
    padding: 20px 15px 20px 15px;
    flex-direction: column;
  }
  .meessage-list li .zs .left {
    width: 100%;
    align-items: flex-start;
  }
  .meessage-list li .zs .right {
    width: 100%;
    margin-top: 15px;
  }
  .meessage-list li .zs .right .time {
    margin-right: 0;
  }
  .meessage-list li .zs .right .zsb {
    margin-left: auto;
  }
  .meessage-list li .zs .left .rund {
    width: 40px;
    height: 40px;
    margin-right: 15px;
  }
  .meessage-list li .zs .left .rund i {
    font-size: 18px;
  }
  .meessage-list li .zs .left .wz {
    width: calc(100% - 40px - 15px);
  }
  .meessage-list li .dbzs .nr {
    width: calc(100%);
    border-radius: 8px;
    padding: 11px 15px 22px 15px;
  }
  .meessage-list li .dbzs {
    padding: 0 0 0 15px;
  }
  .downct .down-b {
    padding: 15px 15px 25px 15px;
    border-radius: 10px;
  }
  .down-list .db {
    padding: 0 10px;
    margin-bottom: 10px;
  }
  .down-list .db .pb {
    width: auto;
  }
  .down-list li {
    padding: 15px 10px 20px 10px;
    border-radius: 8px;
  }
  .down-list li {
    flex-wrap: wrap;
  }
  .down-list li .pb1 {
    width: 100%;
    margin-bottom: 10px;
  }
  .down-list li .name {
    font-size: 15px;
  }
  .down-list li .pb2 {
    width: auto;
  }
  .down-list li .pb3 {
    width: auto;
  }
  .down-list li .pb4 {
    width: auto;
  }
  .down-list li .pb5 {
    width: auto;
  }
  .docl-b {
    border-radius: 10px;
    padding: 15px 15px 25px 15px;
  }
  .docl-list li {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-top: 15px;
  }
  .docl-list li:nth-of-type(2n) {
    margin-right: 0;
  }
  .docl-list li:nth-of-type(5n) {
    margin-right: 10px;
  }
  .docl-list li:nth-of-type(10n) {
    margin-right: 0;
  }
  .docl-list li:nth-of-type(3),
  .docl-list li:nth-of-type(4),
  .docl-list li:nth-of-type(5) {
    margin-top: 15px;
  }
  .docl-list li {
    border-radius: 6px;
    padding: 12px 10px 18px 10px;
  }
  .docl-list li .db a:not(:first-of-type) {
    margin-left: 5px;
  }
  .docl-list li .db a:last-of-type {
    width: 50px;
  }
  .docl-list li h4 {
    font-size: 16px;
  }
  .docl-list li h6 {
    margin: 5px 0 15px 0;
  }
  .diaolog-pdf .content {
    width: 92%;
    border-radius: 10px;
    height: auto;
    top: 7%;
  }
  .diaolog-pdf .content .top {
    padding: 0 15px 0 15px;
    height: 90px;
    flex-direction: column;
    justify-content: center;
  }
  .diaolog-pdf .content .top .title {
    width: 100%;
    font-size: 15px;
  }
  .diaolog-pdf .content .top .right .down {
    width: 120px;
    height: 36px;
    border-radius: 4px;
  }
  .diaolog-pdf .content .top .right .close {
    margin-left: auto;
  }
  .diaolog-pdf .content .top .right .close p {
    font-size: 14px;
  }
  .diaolog-pdf .content .top .right .close i {
    font-size: 18px;
  }
  .diaolog-pdf .content .top .right {
    width: 100%;
    margin-top: 7px;
  }
  .diaolog-pdf .content .view {
    margin-top: 20px;
    height: 600px;
    padding: 0 20px 25px 20px;
  }
  .docct .doc-b {
    padding: 18px 18px 22px 18px;
    border-radius: 10px;
  }
  .doc-list {
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
  .doc-list li {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-top: 15px;
  }
  .doc-list li:nth-of-type(1),
  .doc-list li:nth-of-type(2) {
    margin-top: 0;
  }
  .doc-list li:nth-of-type(2n) {
    margin-right: 0;
  }
  .doc-list li:nth-of-type(5n) {
    margin-right: 10px;
  }
  .doc-list li:nth-of-type(10n) {
    margin-right: 0;
  }
  .doc-list li a img {
    height: 100px;
  }
  .doc-list li a {
    border-radius: 8px;
  }
  .doc-list li a .txt {
    padding: 14px 10px 20px 10px;
  }
  .doc-list li a .txt h4 {
    font-size: 15px;
  }
  .doc-list li a .txt h6 {
    margin: 5px 0 15px 0;
  }
  .docd-box .container .mide .flow-right {
    display: none;
  }
  .docd-box {
    flex-direction: column;
    padding-top: calc(105px + 46px);
  }
  .docd-box .slide {
    width: 100%;
    position: unset;
    height: auto;
  }
  .docd-box .slide .top {
    padding: 14px 4% 14px 4%;
  }
  .docd-box .slide .top .title {
    max-width: unset;
    font-size: 14px;
  }
  .docd-box .slide .top .jt {
    display: none;
  }
  .docd-box .slide .content {
    padding: 9px 4% 0 4%;
  }
  .docd-box .slide .content a {
    padding: 8px 8px 8px 24px;
  }
  .docd-box .container {
    width: 100%;
    padding: 0 4% 0 4%;
    margin-top: 30px;
  }
  .docd-box .container .top {
    position: unset;
    padding: 0 0 20px 0;
    width: 100%;
    margin-bottom: 20px;
  }
  .docd-box .container .top form {
    width: 100%;
    margin-top: 15px;
  }
  .docd-box .container .mide .content-rq {
    width: 100%;
    padding-bottom: 60px;
  }
  .docd-box .container .mide .content-rq .rq {
    width: 100%;
  }
  .docd-box .container .mide .content-rq .title {
    font-size: 20px;
  }
  .docd-box .container .mide .content-rq .down {
    margin-top: 10px;
  }
  .docd-box .container .mide .content-rq .desc {
    margin-top: 15px;
    flex-wrap: wrap;
  }
  .docd-box .container .mide .content-rq .desc p:not(:first-of-type) {
    margin-left: 0;
  }
  .docd-box .container .mide .content-rq .desc p {
    margin-right: 15px;
  }
  .docd-box .container .mide .content-rq .desc p:last-of-type {
    margin-right: 0;
  }
  .docd-box .container .mide .content-rq .content {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
  }
  .docd-box .container .mide .content-rq .content p,
  .docd-box .container .mide .content-rq .content span {
    font-size: 14px;
    line-height: 24px;
  }
  .docd-box .container .mide .content-rq .content h1,
  .docd-box .container .mide .content-rq .content h2,
  .docd-box .container .mide .content-rq .content h3,
  .docd-box .container .mide .content-rq .content h4,
  .docd-box .container .mide .content-rq .content h5,
  .docd-box .container .mide .content-rq .content h6 {
    font-size: 16px;
  }
  .docd-box .container .mide .qhb {
    margin-top: 40px;
    padding-top: 15px;
  }
  .docd-box .container .mide .qhb .d {
    font-size: 14px;
  }
  .topjj-ct .bugrr .ll {
    width: calc(100% - 80px - 15px);
  }
  .topjj-ct .bugrr .rr-btn {
    width: 80px;
    padding: 6px 0;
    border-radius: 4px;
    text-align: center;
    margin-left: 15px;
  }
  .bug-one {
    padding: 20px 20px 25px 20px;
    border-radius: 10px;
    flex-direction: column;
  }
  .bug-one .left {
    width: 100%;
  }
  .bug-one .left p {
    font-size: 14px;
  }
  .bug-one .left h4 {
    font-size: 30px;
    margin-top: 4px;
  }
  .bug-one .right {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .bug-one .right .item {
    flex-direction: column;
  }
  .bug-one .right .item .wz {
    margin-left: 0;
  }
  .bug-one .right .item .wz p {
    font-size: 14px;
  }
  .bug-one .right .item .wz .sz {
    margin-top: 4px;
    font-size: 16px;
  }
  .circular-progress {
    width: 70px;
    height: 70px;
  }
  .circular-progress-percentage {
    font-size: 16px;
  }
  .bug-b {
    padding: 18px 15px 25px 15px;
    margin-top: 20px;
    border-radius: 10px;
  }
  .bug-list .db {
    padding: 0 7px 9px 7px;
    flex-wrap: wrap;
  }
  .bug-list .db .pb {
    width: auto;
  }
  .bug-list li {
    padding: 18px 7px 18px 7px;
    flex-wrap: wrap;
  }
  .bug-list li .pb1 {
    width: 100%;
  }
  .bug-list li .pb2 {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 8px;
  }
  .bug-list li .pb3 {
    width: auto;
  }
  .bug-list li .pb4 {
    width: auto;
  }
  .bug-list li .pb5 {
    width: 50px;
  }
  .bug-list li .priority img {
    margin-bottom: 0;
  }
  .bug-list li .pb6 {
    width: auto;
  }
  .bug-list li .pb7 {
    width: 75%;
    margin-top: 15px;
  }
  .bug-list li .pb8 {
    margin-top: 15px;
  }
  .accct .item {
    padding: 15px 15px 20px 15px;
    border-radius: 10px;
  }
  .accct .item .tm h4,
  .accct .item .tm p {
    font-size: 14px;
  }
  .accct .item:first-of-type .zs {
    padding: 15px 15px;
  }
  .accct .item .zs {
    border-radius: 10px;
    margin-top: 12px;
    padding: 15px 15px;
  }
  .accct .item .zs .jbxx .rund {
    width: 50px;
    height: 50px;
  }
  .accct .item .zs .jbxx .txt {
    width: calc(100% - 50px - 15px);
    flex-wrap: wrap;
  }
  .accct .item .zs .jbxx .txt p {
    margin-left: 0;
    font-size: 14px;
    margin-top: 5px;
  }
  .accct .item .zs .jbxx .txt .zh {
    font-size: 14px;
  }
  .accct .item .zs .gsxx p {
    margin-right: 0;
    width: 100%;
  }
  .accct .item .zs .gsxx p:not(:first-of-type) {
    margin-top: 3px !important;
  }
  .upContent .tx .rund {
    width: 50px;
    height: 50px;
    margin-right: 15px;
  }
  .upContent .txb .el-form-item__label {
    line-height: 50px;
  }
  .page-zs.gg {
    margin-top: 30px;
  }
  .page-zs .el-pager li {
    width: 30px;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    min-width: 30px;
    font-size: 12px;
  }
  .page-zs .el-pagination .btn-next,
  .page-zs .el-pagination .btn-prev {
    width: 30px;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
  }
  .ftct {
    padding: 35px 0 40px 0;
  }
  .ftct .mide .item:not(:last-of-type) {
    display: none;
  }
  .ftct .mide .item {
    width: 100% !important;
    max-width: 100% !important;
  }
  .ftct .link a,
  .ftct .link p,
  .ftct .link span {
    font-size: 14px;
  }
  .ftct .link span {
    margin: 0 7px;
  }
  .ftct .link {
    padding-bottom: 18px;
  }
  .ftct .mide {
    margin-top: 30px;
    padding: 0;
  }
  .ftct .mide .item h4 {
    font-size: 16px;
  }
  .ftct .mide .item .txt a {
    font-size: 14px;
  }
  .ftct .mide .item .txt a:not(:first-of-type) {
    margin-top: 7px;
  }
  .ftct .mide .item .txt {
    margin-top: 15px;
  }
  .ftct .mide .item .qr {
    width: 110px;
  }
  .ftdb .ct {
    flex-direction: column;
  }
  .ftdb .ct .left a {
    text-align: center;
    font-size: 14px;
    display: block;
  }
  .ftdb .ct .icon {
    margin-top: 11px;
  }
  .ftdb .ct .icon a {
    width: 36px;
    height: 36px;
  }
}