@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: #0060B1;
  }
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom{
    background-color: #0060B1;
  }
  .sidebar-nav .sidebar-brand a .sj{
    border-color: #0060B1;
  }
  .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;
  }
  .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;
  }
  .diaolog-pb video, .diaolog-pb img{
    width: 92% !important;
  }
  .diaolog-pb i{
    font-size: 36px;
  }
  .diaolog-pb>i{
      top: 25% !important;
      right: 3% !important;
  }
  .header-box{
    box-shadow: 0px 10px 26px 0px rgb(0 0 0 / 8%);
  }
  .headerct{
    height: 50px;
  }
  .header-box .logo img{
    height: 38px;
  }
  .headerct .right{
      margin-right: 30px;
  }
  .headerct .right .nav{
    display: none;
  }
  .headerct .right .search{
    margin-left: auto;
  }
  .headerct .right .language{
    margin-left: 20px;
  }
  .headerct .right .language .zs img{
    height: 17px;
  }
  .headerct .right .language .zs p{
    font-size: 15px;
  }
  .headerct .right .search i{
    font-size: 17px;
  }
  .headerct .right .language .flow{
    transform: translateX(0) scaleY(0);
    left: unset;
    right: 0;
  }
  .headerct .right .language:hover .flow{
    transform: translateX(0) scaleY(1);
  }
  .headerct .right .language .flow .hz{
    width: 80px;
    border-radius: 4px;
    padding: 4px 0;
  }
  .headerct .right .language .flow .hz a{
    padding: 4px 10px;
    font-size: 14px;
  }
  .mySwiper .ct h4{
    font-size: 16px;
    margin-bottom: 5px;
  }
  .mySwiper .ct h3{
    font-size: 18px;
    line-height: 26px;
    width: 70%;
  }
  .mySwiper .ct .rq{
    width: 100%;
  }
  .mySwiper .ct h6{
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0 17px 0;
    display: none;
  }
  .mySwiper .ct a{
    width: 150px;
    height: 40px;
    margin-top: 30px;
  }
  .mySwiper .ct a .rund{
    width: 30px;
    height: 30px;
  }
  .mySwiper .ct a .rund i{
    font-size: 14px;
  }
  .mySwiper .ct a span{
    font-size: 14px;
    right: 15px;
  }
  .mySwiper .ct a:hover{
    background: #ffffff;
  }
  .mySwiper .ct a:hover .rund{
    left: 6px;
    background: linear-gradient(45deg, #0060B1 0%, #06C6B3 100%);
  }
  .mySwiper .ct a:hover .rund i{
    color: #ffffff;
  }
  .mySwiper .ct a:hover span{
    right: 22px;
    color: #0060B1;
  }
  .mySwiper>.rund{
    display: none;
  }
  .mySwiper .swiper-pagination-bullet{
    width: 40px;
    margin: 0 6px !important;
  }
  .mySwiper .swiper-pagination{
    bottom: 14px;
  }
  .mySwiper{
    height: 280px;
    margin-top: 50px;
  }
  .mySwiper .ct{
    top: calc(50% - 5%);
  }
  .mySwiper .active2 .rq .left{
    transform: translateY(-40px);
    max-width: unset;
  }
  .mySwiper .active2 .rq .left .btitle{
    font-size: 18px;
    line-height: 26px;
    max-width: 40%;
  }
  .mySwiper .active2 .rq .left .line{
    width: 20px;
    margin: 15px 0 10px 0;
  }
  .mySwiper .active2 .rq .left .title{
    font-size: 16px;
  }
  .mySwiper .active2 .rq .right{
      display: none;
  }
  .mySwiper .active2 .rq .right .item:not(:first-of-type){
    margin-top: 10px;
  }
  .mySwiper .active2 .rq .right .item{
    padding: 7px 15px 7px 15px;
    width: 110px;
  }
  .mySwiper .active2 .rq .right .item h5{
    font-size: 14px;
  }
  .mySwiper .active2 .rq .right .item p{
    font-size: 14px;
    display: none;
  }
  .mySwiper .active3 .rq .zs .title{
    font-size: 16px;
    /* text-align: right; */
    width: 100%;
    margin-left: auto;
  }
  .mySwiper .active3 .rq .zs .line{
    width: 20px;
    margin: 15px 0 10px 0;
  }
  .mySwiper .active3 .rq .zs .btitle{
    font-size: 18px;
    line-height: 26px;
    /* text-align: right; */
    width: 100%;
    margin-left: auto;
  }
  .mySwiper .active3 .rq .zs{
    width: 50%;
    /* max-width: 100%; */
    margin: 0 0 0 auto;
    /* height: 100%;*/
  }
  .mySwiper .active3 .rq .ibb .it p{
    font-size: 14px;
  }
  .mySwiper .active3 .rq .ibb{
    margin-top: 0px;
    flex-direction: column;
    align-items: flex-start;
    /* transform: translateY(20px); */
    width: max-content;
    margin-left: auto;
    display: none;
  }
  .mySwiper .active3 .rq .ibb .sline{
    display: none;
  }
  /*.mySwiper .active3 .rq .zs{*/
  /*  width: max-content;*/
  /*  max-width: 100%;*/
  /*  margin: 0 0 0 auto;*/
  /*  height: 100%;*/
  /*}*/
  .mySwiper .active3 .rq .ibb .it{
    /*display: flex;*/
    width: 100%;
  }
  .mySwiper .active3 .rq .ibb .it p{
    /*width: 50%;*/
    /*text-align: right;*/
  }
  .mySwiper .active3 .rq .ibb .it:not(:first-of-type){
    margin-top: 7px;
  }
  .mySwiper .active3 .rq .ibb .it p:first-of-type{
    /*margin-right: 5px;*/
  }
  .mySwiper .active3 .rq .ibb .it p:not(:first-of-type){
    margin-top: 7px;
  }
  .mySwiper .ct.active h6{
    font-size: 14px;
    line-height: 24px;
  }
  .i1ct{
    padding: 40px 0 60px 0;
  }
  .i1ct .pb-top{
    flex-direction: column;
    align-items: flex-start;
  }
  .i-title .db span{
    font-size: 14px;
  }
  .i-title .db p{
    width: 30px;
  }
  .i-title h3{
    font-size: 22px;
    margin-top: 10px;
  }
  .pb-top .tag{
    margin-top: 40px;
    width: 100%;
    justify-content: space-between;
    overflow-x: auto;
    padding-bottom: 15px;
  }
  .pb-top .tag a{
      flex-shrink: 0;
  }
  .pb-top .tag a p{
    font-size: 16px;
  }
  .pb-top .tag a:not(:first-of-type){
    margin-left: 25px;
  }
  /*.pb-top .tag a:nth-of-type(1) img{*/
  /*  width: 29px;*/
  /*}*/
  /*.pb-top .tag a:nth-of-type(2) img{*/
  /*  width: 30px;*/
  /*}*/
  /*.pb-top .tag a:nth-of-type(3) img{*/
  /*  width: 21px;*/
  /*}*/
  .pb-top .tag a img{
      height: 20px;
  }
  .i1ct .mide{
    margin-top: 30px;
  }
  .i1ct .mide .item{
    flex-direction: column;
  }
  .i1ct .mide .item .left{
    width: 100%;
  }
  .i1ct .mide .item .left .it{
    height: auto;
  }
  .i1ct .mide .item .left .flow{
    left: 4%;
    max-width: 150px;
  }
  .i1ct .mide .item .left .flow h3{
    font-size: 18px;
  }
  .i1ct .mide .item .left .flow p{
    font-size: 14px;
    margin: 6px 0 13px 0;
  }
  .i1ct .mide .item .left .flow a,
  .i1ct .mide .item .right .flow a{
    width: 150px;
    height: 40px;
  }
  .i1ct .mide .item .left .flow a .rund,
  .i1ct .mide .item .right .flow a .rund{
    width: 30px;
    height: 30px;
  }
  .i1ct .mide .item .left .flow a .rund i,
  .i1ct .mide .item .right .flow a .rund i{
    font-size: 14px;
  }
  .i1ct .mide .item .left .flow a span,
  .i1ct .mide .item .right .flow a span{
    font-size: 14px;
    right: 15px;
  }
  .i1ct .mide .item .left .flow a:hover,
  .i1ct .mide .item .right .flow a:hover{
    background: #ffffff;
  }
  .i1ct .mide .item .left .flow a:hover .rund,
  .i1ct .mide .item .right .flow a:hover .rund{
    left: 6px;
    background: linear-gradient(45deg, #0060B1 0%, #06C6B3 100%);
  }
  .i1ct .mide .item .left .flow a:hover .rund i,
  .i1ct .mide .item .right .flow a:hover .rund i{
    color: #ffffff;
  }
  .i1ct .mide .item .left .flow a:hover span,
  .i1ct .mide .item .right .flow a:hover span{
    right: 22px;
    color: #0060B1;
  }
  .i1ct .mide .item .left .it:nth-of-type(2) .flow{
    right: 2%;
  }
  .i1ct .mide .item .left .it:nth-of-type(2) .flow h3,
  .i1ct .mide .item .left .it:nth-of-type(2) .flow h6{
      
  }
  .i1ct .mide .item .left .it img{
    border-radius: 4px;
    height: auto;
    min-height: 170px;
  }
  .i1ct .mide .item .right{
    width: 100%;
    margin-left: 0;
    height: auto;
    margin-top: 20px;
  }
  .i1ct .mide .item .right img{
    border-radius: 4px;
  }
  .i1ct .mide .item .right .flow h3{
    font-size: 18px;
  }
  .i1ct .mide .item .right .flow p{
    font-size: 14px;
    margin: 6px 0 18px 0;
  }
  .i1ct .mide .item .right .flow{
    top: 8%;
  }
  .i1ct .mide .item2{
    height: auto;
    flex-direction: column;
  }
  .i1ct .mide .item2 .left{
    width: 100%;
    border-radius: 4px;
  }
  .i1ct .mide .item2 .left .flow{
    left: 5%;
    top: 8%;
    width: calc(100% - 10%);
  }
  .i1ct .mide .item2 .left .flow h3{
    font-size: 18px;
  }
  .i1ct .mide .item2 .left .flow p{
    font-size: 14px;
    margin: 6px 0 18px 0;
  }
  .i1ct .mide .item2 .left .flow a,
  .i1ct .mide .item2 .right .flow a{
    width: 150px;
    height: 40px;
  }
  .i1ct .mide .item2 .left .flow a .rund,
  .i1ct .mide .item2 .right .flow a .rund{
    width: 30px;
    height: 30px;
  }
  .i1ct .mide .item2 .left .flow a .rund i,
  .i1ct .mide .item2 .right .flow a .rund i{
    font-size: 14px;
  }
  .i1ct .mide .item2 .left .flow a span,
  .i1ct .mide .item2 .right .flow a span{
    font-size: 14px;
    right: 15px;
  }
  .i1ct .mide .item2 .left .flow a:hover,
  .i1ct .mide .item2 .right .flow a:hover{
    background: #ffffff;
  }
  .i1ct .mide .item2 .left .flow a:hover .rund,
  .i1ct .mide .item2 .right .flow a:hover .rund{
    left: 6px;
    background: linear-gradient(45deg, #0060B1 0%, #06C6B3 100%);
  }
  .i1ct .mide .item2 .left .flow a:hover .rund i,
  .i1ct .mide .item2 .right .flow a:hover .rund i{
    color: #ffffff;
  }
  .i1ct .mide .item2 .left .flow a:hover span,
  .i1ct .mide .item2 .right .flow a:hover span{
    right: 22px;
    color: #0060B1;
  }
  .i1ct .mide .item2 .right{
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    border-radius: 4px;
  }
  .i1ct .mide .item2 .right .flow{
    top: 8%;
  }
  .i1ct .mide .item2 .right .flow h3{
    font-size: 18px;
  }
  .i1ct .mide .item2 .right .flow p{
    font-size: 14px;
    margin: 6px 0 18px 0;
  }
  .i1ct .mide .item3 .tt{
    flex-wrap: wrap;
  }
  .i1ct .mide .item3 .tt .it .bg{
    width: 100%;
    right: 0;
    position: unset;
  }
  .i1ct .mide .item3 .tt .it{
    width: 100%;
    height: auto;
    margin-right: 0;
    border-radius: 4px;
  }
  .i1ct .mide .item3 .tt .it:not(:first-of-type){
    margin-top: 20px;
  }
  .i1ct .mide .item3 .it .wz{
    left: 5%;
    top: 8%;
  }
  .i1ct .mide .item3 .it .wz p{
    font-size: 14px;
    margin-top: 8px;
  }
  .i1ct .mide .item3 .it a{
    left: 5%;
    bottom: 9%;
  }
  .i1ct .mide .item3 .it .wz{
    width: calc(100% - 10%);
  }
  .i2-swiper{
    margin: 30px auto 0;
    width: calc(100% - 80px);
    height: auto;
  }
  .i2-swiper a img{
    height: 390px;
  }
  .i2-swiper a .flow{
    top: 300px;
    padding: 0 10px 0 15px;
  }
  .i2-swiper a .flow h3{
    font-size: 18px;
  }
  .i2-swiper a .flow p{
    font-size: 14px;
    margin-top: 4px;
  }
  .i2-swiper a .flow h6{
    /* display: none; */
    font-size: 14px;
    line-height: 24px;
    height: 220px;
  }
  /*.i2-swiper .swiper-slide-active a .flow h6{*/
  /*  opacity: 0.5;*/
  /*}*/
  .i2ct .sb .prev{
    left: 0;    
  }
  .i2ct .sb .next{
    right: 0;    
  }
  .ab6ct .mide .rund::before, 
  .ab5ct .mide .mrund::before,
  .i2ct .sb .rund::before{
    width: calc(100% + 20px);
  }
  .i2-swiper a:hover .flow{
    top: 100px;
  }
  /*.i2-swiper .swiper-slide-active a::after{*/
  /*  bottom: 0;*/
  /*}*/
  .i2-swiper a::after{
    /* display: none; */
    height: 80%;
    bottom: -80%;
  }
  .i2ct .sb .rund img{
    width: 14px;
  }
  .i2-swiper a:hover img{
    transform: unset;
  }
  .i3ct{
    padding: 60px 0 60px 0;
  }
  .i3ct .left{
    width: 100%;
  }
  .i3ct .left h6{
    font-size: 18px;
    margin: 15px 0 20px 0;
  }
  .i3ct .left .desc{
    font-size: 14px;
    line-height: 24px;
  }
  .i3ct .left .numContent{
    margin: 30px 0 40px 0;
  }
  .i3ct .left .numContent .item{
      max-width: calc((100% - 20px) / 3);
  }
  .i3ct .left .numContent .item .tt{
    font-size: 14px;
  }
  .i3ct .left .numContent .item .db .num{
    font-size: 36px;
  }
  .i3ct .left .numContent .item .db span, .i3ct .left .numContent .item .db p{
    font-size: 16px;
    transform: translateY(-5px);
  }
  .i3ct .left .numContent .item:nth-of-type(3) .tt,
  .i3ct .left .numContent .item:nth-of-type(3) .db .num,
  .i3ct .left .numContent .item:nth-of-type(3) .db span,
  .i3ct .left .numContent .item:nth-of-type(3) .db p,
   .i3ct .left .numContent .item:nth-of-type(2) .tt,
  .i3ct .left .numContent .item:nth-of-type(2) .db .num,
  .i3ct .left .numContent .item:nth-of-type(2) .db span,
  .i3ct .left .numContent .item:nth-of-type(2) .db p{
    color: #ffffff;
  }
  .i3ct .left a{
    width: 150px;
    height: 40px;
  }
  .i3ct .left a .rund{
    width: 30px;
    height: 30px;
  }
  .i3ct .left a .rund i{
    font-size: 14px;
  }
  .i3ct .left a span{
    font-size: 14px;
    right: 15px;
  }
  .i3ct .left a:hover{
    background: #ffffff;
  }
  .i3ct .left a:hover .rund{
    left: 6px;
    background: linear-gradient(45deg, #0060B1 0%, #06C6B3 100%);
  }
  .i3ct .left a:hover .rund i{
    color: #ffffff;
  }
  .i3ct .left a:hover span{
    right: 22px;
    color: #0060B1;
  }
  .i4ct{
    padding: 60px 0;
  }
  .pb-top .more span{
    font-size: 14px;
  }
  .i4ct .mide{
    height: auto;
    flex-direction: column;
    margin-top: 30px;
  }
  .i4ct .mide .item{
    width: 100%;
  }
  .i4ct .mide .item:not(:first-of-type){
    margin-top: 20px;
  }
  .i4ct .mide .item .a3{
    padding: 20px 18px;
  }
  .i4ct .mide .item .a3::before{
    display: none;
  }
  .i4ct .mide .item .a3:hover .time{
    color: #999999;
  }
  .i4ct .mide .item .a3:hover p{
    color: #333333;
  }
  .i4ct .mide .item .a3:hover .more span,
  .i4ct .mide .item .a3:hover .more i{
    color: #06C6B3;
  }
  .i4ct .mide .item .a3 .time{
    font-size: 14px;
  }
  .i4ct .mide .item .a3 p{
    font-size: 15px;
    line-height: 22px;
    height: 44px;
    margin: 10px 0 20px 0;
  }
  .i4ct .mide .item .a3 .more span{
    font-size: 15px;
  }
  .i4ct .mide .item .a12 .flow{
    padding: 60px 18px 18px 18px;
  }
  .i4ct .mide .item .a12:hover .flow{
    padding-bottom: 18px;
  }
  .i4ct .mide .item .a12:hover .flow .more{
    opacity: 0; 
   }
  .i4ct .mide .item .a12:hover .flow{
    padding-bottom: 18px;
  }
  .i4ct .mide .item .a12:hover img{
    transform: unset;
  }
 .i4ct .mide .item .a12:hover img{
    transform: unset;
  }
  .i4ct .mide .item .a12 .flow p{
    font-size: 15px;
    line-height: 22px;
  }
  .i4ct .mide .item .a12 .flow .more{
    left: 18px;
  }
  /*.i4ct .mide .item .a12:hover .flow{*/
  /*  padding-bottom: 55px;*/
  /*}*/
  .i4ct .mide .item .a12 .flow .more span{
    font-size: 15px;
  }
  .i4ct .mide .item .a12{
    height: 235px !important;
  }
  .i4ct .mide .item{
    margin-right: 0;
  }
  .banner .ct h3{
    font-size: 18px;
  }
  .banner .ct p{
    font-size: 14px;
  }
  .banner{
    margin-top: 50px;
    height: 200px;
  }
  .banner .ct{
    top: 50%;
  }
  .min-nav .ct .left{
    display: none;
  }
  .min-nav .ct .right{
    overflow-x: auto;
    height: 100%;
    padding: 18px 0;
  }
  .min-nav .ct .right a{
    font-size: 14px;
    padding-right: 15px;
    flex-shrink: 0;
  }
  .min-nav .ct .right a:not(:first-of-type){
    margin-left: 15px;
  }
  .min-nav .ct{
    height: auto;
  }
  .downct{
    padding: 50px 0 60px 0;
  }
  .pro-title .db p{
    font-size: 14px;
  }
  .pro-title .db .line{
    width: 30px;
  }
  .pro-title h3{
    font-size: 22px;
  }
  .donw-list{
    margin-top: 30px;
  }
  .donw-list li{
    flex-direction: column;
    padding: 28px 18px 30px 18px;
    position: relative;
    margin-bottom: 20px;
  }
  .donw-list li .left{
    flex-direction: column;
    width: 100%;
  }
  .donw-list li .left .zs{
    width: 150px;
    height: 150px;
  }
  .donw-list li .left .wz{
    width: 100%;
    margin-top: 25px;
  }
  .donw-list li .left .wz h6{
    font-size: 14px;
    line-height: 24px;
    height: 48px;
  }
  .donw-list li .left .wz .db{
    margin-top: 18px;
  }
  .donw-list li .left .wz .db p{
    font-size: 14px;
  }
  .donw-list li .right{
    position: absolute;
    right: 15px;
    bottom: 25px;
    width: 38px;
    height: 38px;
  }
  .donw-list li .right img{
    height: 16px;
  }
  .a1ct{
    padding: 50px 0 60px 0;
  }
  .a1ct .mide{
    flex-direction: column-reverse;
  }
  .a1ct .mide .left{
    width: 100%;
    margin-top: 40px;
  }
  .a1ct .mide .right{
    width: 100%;
    height: auto;
    margin-top: 0px;
  }
  .a1ct .mide .left .desc{
    font-size: 14px;
    line-height: 24px;
    margin-top: 30px;
    height: auto;
    padding-right: 0;
  }
  .a1ct .mide .left .desc p:not(:first-of-type){
    margin-top: 15px;
  }
  /*.a1ct .numContent{*/
  /*  margin-top: 60px;*/
  /*  padding: 25px 25px;*/
  /*  flex-direction: column;*/
  /*}*/
  /*.a1ct .numContent .line{*/
  /*  display: none;*/
  /*}*/
  /*.a1ct .numContent .item{*/
  /*  width: 100%;*/
  /*  max-width: 100%;*/
  /*}*/
  /*.a1ct .numContent .item:not(:first-of-type){*/
  /*  margin-top: 25px;*/
  /*}*/
  /*.a1ct .numContent .item img{*/
  /*  width: 60px;*/
  /*  height: auto;*/
  /*  -webkit-height: auto;*/
  /*}*/
  /*.a1ct .numContent .item .wz .db .num{*/
  /*  font-size: 42px;*/
  /*}*/
  /*.a1ct .numContent .item .wz .db .ch,*/
  /*.a1ct .numContent .item .wz .db .j{*/
  /*  font-size: 18px;*/
  /*  transform: translateY(-5px);*/
  /*}*/
  /*.a1ct .numContent .item .wz .xm{*/
  /*  font-size: 16px;*/
  /*}*/
  /*.a1ct .numContent .item .wz{*/
  /*  width: calc(100% - 60px - 28px);*/
  /*}*/
  .a1ct .numContent{
    margin-top: 40px;
    padding: 25px 10px;
    align-items: flex-start;
    /* flex-direction: column; */
  }
  .a1ct .numContent .line{
    display: none;
  }
  .a1ct .numContent .item{
    width: calc((100% - 20px) / 3);
    flex-direction: column;
    align-items: center;
    max-width: unset;
  }
  /* .a1ct .numContent .item:not(:first-of-type){
    margin-top: 25px;
  } */
  .a1ct .numContent .item img{
    width: auto;
    height: 36px;
    -webkit-width: auto;
    margin-right: 0;
  }
  .a1ct .numContent .item .wz .db{
    justify-content: center;
  }
  .a1ct .numContent .item .wz .db .num{
    font-size: 28px;
  }
  .a1ct .numContent .item .wz .db .ch,
  .a1ct .numContent .item .wz .db .j{
    font-size: 14px;
    transform: translateY(-5px);
  }
  .a1ct .numContent .item .wz .xm{
    font-size: 14px;
    text-align: center;
  }
  .a1ct .numContent .item .wz{
    width: 100%;
    margin-top: 15px;
  }
  .ab2-box .mide{
    margin-top: 30px;
    flex-direction: column;
  }
  .ab2-box .mide .item{
    width: 100%;
    height: 230px;
  }
  .ab2-box .mide .item .flow, .ab2-box .mide .item .zw{
    padding: 0 15px 40px 15px;
  }
  .ab2-box .mide .item .zw p, .ab2-box .mide .item .flow h3{
    font-size: 18px;
    margin-top: 20px;
  }
  .ab2-box .mide .item .zw img, .ab2-box .mide .item .flow img{
    height: 37px;
  }
  .ab2-box .mide .item .flow .line{
    display: none;
  }
  .ab2-box .mide .item .flow p{
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
  .ab3ct{
    padding: 60px 0;
    flex-direction: column-reverse;
    position: relative;
  }
  .ab3ct .left{
    width: 100%;
  }
  .ab3ct .right{
    width: calc(66% - 10%);
    /* margin-top: 25px; */
    /* margin-left: auto; */
    height: 300px;
    margin: 0;
    position: absolute;
    /* left: 6%; */
    left: 50%;
    transform: translateX(-50%);
    top: 150px;
  }
  .ab3ct .right .rq{
    width: 100%;
    height: calc(100% - 10%);
    top: 5%;
    right: 10%;
  }
  .ab3ct .left .js{
    margin-top: 360px;
    flex-wrap: wrap;
  }
  .ab3ct .left .js h6{
    font-size: 18px;
    line-height: unset;
  }
  .ab3ct .left .js span{
    font-size: 14px;
  }
  .ab3ct .left .bline{
    margin: 18px 0 14px 0;
  }
  .ab3ct .left .desc{
    font-size: 14px;
    line-height: 24px;
    height: auto;
    padding-right: 0;
  }
  .ab3ct .left .desc p:not(:first-of-type){
    margin-top: 13px;
  }
  .ab4ct{
    padding: 60px 0;
  }
  .ab4ct .left{
    width: 100%;
  }
  .ab4ct .left .nb2{
    margin-top: 45px;
  }
  .ab4ct .left .nb2 .item .wz{
    font-size: 14px;
  }
  .ab4ct .left .nb2 .item.tl .db .num2{
    font-size: 40px;
  }
  .ab4ct .left .nb2 .item .db .ch,
  .ab4ct .left .nb2 .item .db .j{
    font-size: 18px;
    transform: translateY(-8px);
  }
  .ab4ct .left .nb2 .item .db .num2{
    font-size: 40px;
  }
  .ab4ct .left .nb2 .bline{
    margin: 15px 0 20px 0;
  }
  .ab4ct .right{
    width: 100px;
    transform: translateY(-70%) rotate(-35deg);
  }
  .ab4ct .right .my-kh1-swiper,
  .ab4ct .right .my-kh2-swiper,
  .ab4ct .right .my-kh3-swiper{
    display: none;
  }
  .ab4ct .right .mykhpb{
    width: 100%;
  }
  .ab5ct{
    padding: 60px 0 0 0;
  }
  .ab5ct .mide{
    margin-top: 30px;
  }
  .ab5-swiper{
    width: calc(100% - 60px);
  }
  .ab5ct .mide .prev{
    left: 0px;
  }
  .ab5ct .mide .next{
    right: 0px;
  }
  .ab5ct .mide .mrund::before{
    display: none;
  }
  .ab5-swiper .swiper-slide-active{
    width: 100% !important;
  }
  .ab5-swiper .swiper-slide{
    width: 100% !important;
  }
  .ab5-swiper .rq .link .rund{
    width: 10px;
    height: 10px;
  }
  .ab5-swiper .rq .link .rund::before{
    width: 20px;
    height: 20px;
  }
  .ab5-swiper .rq{
    padding-top: 6px;
    padding-left: 6px;
  }
  .ab5ct .mide .mrund img{
    width: 16px;
  }
  .ab5-swiper .swiper-slide-active .rq .bigtime,
  .ab5-swiper .rq .zs .bigtime{
    font-size: 38px;
  }
  .ab5-swiper .rq .zs{
    padding-bottom: 45px;
  }
  .ab5-swiper .rq .zs .time{
    font-size: 18px;
  }
  .ab5-swiper .rq .zs{
    width: calc(100% - 25px);
  }
  .ab5-swiper .rq .zs .desc .row{
    font-size: 14px;
    line-height: 24px;
  }
  .ab5-swiper .rq .zs .desc .row:not(:first-of-type){
    margin-top: 10px;
  }
  .ab5-swiper .rq .zs .desc .row p{
    width: 80px;
  }
  .ab5-swiper .rq .zs .desc{
    margin: 20px 0 0 0;
    max-height: 250px;
  }
  .ab5-swiper .rq .link .bline{
    height: 375px;
  }
  .ab6ct{
    padding: 60px 0;
  }
  .ab6ct .mide{
    margin-top: 35px;
  }
  .ab6-swiper .swiper-slide a{
    height: 68px;
  }
  .ab6-swiper{
    padding-bottom: 30px;
    width: calc(100% - 60px);
  }
  .ab6ct .mide .prev{
    left: 0px;
  }
  .ab6ct .mide .next{
    right: 0px;
  }
  .ab6ct .mide .rund::before,
  .ab5ct .mide .mrund::before, 
  .i2ct .sb .rund::before{
    display: none;
  }
  .ab6ct .mide .rund img{
    width: 16px;
  }
  .ab6-swiper::before{
    height: calc(100% - 30px);
  }
  .join1ct{
    padding: 50px 0 60px 0;
  }
  .pb-h6{
    font-size: 14px;
    margin-top: 15px;
    line-height: 24px;
  }
  .join1ct .mide{
    margin-top: 35px;
    /* flex-direction: column; */
    height: auto;
    overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #888 transparent; /* Firefox */
  }
  .join1ct .mide::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

  .join1ct .mide::-webkit-scrollbar-thumb {
  background: #888888;
}

  .join1ct .mide::-webkit-scrollbar-track {
  background: #F5F5F5;
}
  .join1ct .mide .item{
    width: 90%;
    height: 200px;
    flex-shrink: 0;
    transition: 0s;
    margin-right: 15px;
  }
  .join1ct .mide .item.active{
    width: 90%;
  }
  /* .join1ct .mide .item:not(:first-of-type){
    margin-top: 20px;
  } */
  .join1ct .mide .item.active .txt{
    padding: 25px 15px 15px 15px;
  }
  .join1ct .mide .item .txt{
    padding: 25px 15px 15px 15px;
    transform: translateY(0);
    opacity: 1;
  }
  .join1ct .mide .item .txt h3{
    font-size: 18px;
  }
  .join1ct .mide .item .txt p{
    font-size: 14px;
    line-height: 23px;
  }
  .join1ct .mide .item .flow{
    padding: 25px 15px 15px 15px;
    font-size: 18px;
    display: none;
  }
  .join2ct{
    padding: 60px 0;
  }
  .join2ct .mide{
    margin-top: 35px;
    /* flex-direction: column; */
  }
  .join2ct .mide .item{
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 18px 12px 20px 12px;
    border-radius: 6px;
  }
  .join2ct .mide .item .rund{
    width: 45px;
    height: 45px;
  }
  /*.join2ct .mide .item .rund img{*/
  /*  max-width: unset;*/
  /*  max-height: unset;*/
  /*}*/
  .join2ct .mide .item:nth-of-type(2n){
    margin-right: 0;
  }
  .join2ct .mide .item:nth-of-type(3n){
    margin-right: 10px;
  }
  .join2ct .mide .item:nth-of-type(6n){
    margin-right: 0px;
  }
  .join2ct .mide .item .txt{
    margin-top: 16px;
  }
  .join2ct .mide .item .txt h3{
    font-size: 16px;
  }
  .join2ct .mide .item .txt p{
    font-size: 14px;
    line-height: 24px;
    margin-top: 3px;
  }
  .join3-box{
    padding: 109px 4% 60px 4%;
    flex-direction: column-reverse;
    position: relative;
  }
  .join3-box .dsb{
    height: 220px;
    width: 100%;
    margin-top: 30px;
  }
  .join3-box .left{
    width: 100%;
    position: unset;
    margin-top: 20px;
  }
  .join3-box .pro-title{
    position: absolute;
    top: 60px;
    left: 4%;
  }
  .join3-box .left .sb{
    width: 100%;
    position: unset;
  }
  .join3-box .left .an{
    margin-top: 25px;
    justify-content: center;
  }
  .join3-box .left .an .rund{
    width: 38px;
    height: 38px;
  }
  .join3-box .left .time-swiper .it{
    min-height: unset;
    padding: 0 18px 20px 18px;
  }
  .join3-box .left .time-swiper .it .flowsz{
    font-size: 48px;
  }
  .join3-box .left .time-swiper .it h3{
    font-size: 18px;
  }
  .join3-box .left .time-swiper .it .txt{
    font-size: 14px;
    line-height: 24px;
  }
  .join4ct{
    padding: 60px 0;
  }
  .join4ct .top{
    flex-direction: column;
    align-items: flex-start;
  }
  .join4ct .top .right{
    justify-content: space-between;
    margin-top: 35px;
  }
  .join4ct .el-select{
    width: calc((100% - 15px) / 2);
    margin-right: 0;
  }
  .join4ct .top .right .ss{
    width: calc((100% - 15px) / 2);
  }
  .join4ct .el-input__inner{
    font-size: 14px;
  }
  .el-select-dropdown__item{
    font-size: 14px;
  }
  .gw-list{
    margin-top: 25px;
  }
  .gw-list li{
    padding: 12px 18px;
  }
  .gw-list li .gw{
    font-size: 14px;
  }
  .gw-list li .zs{
    font-size: 14px;
  }
  .gw-list li .rund{
    width: 38px;
    height: 38px;
  }
  .gw-d{
    width: 100%;
  }
  .gw-d .content{
    border-radius: 0;
    padding: 45px 18px 20px 18px;
  }
  .gw-d .content .close{
    font-size: 26px;
    right: 20px;
    top: 15px;
  }
  .gw-d .content .title h3{
    font-size: 18px;
  }
  .gw-d .content .title p{
    font-size: 14px;
  }
  .gw-d .content .nr h6{
    font-size: 14px;
  }
  .gw-d .content .nr .desc{
    font-size: 14px;
    line-height: 24px;
  }
  .gw-d .content .nr{
    margin: 25px 0;
  }
  .gw-d .content .nr .row:not(:first-of-type){
    margin-top: 20px;
  }
  .gw-d .content .more span{
    font-size: 14px;
  }
  .news-d-box{
    margin-top: 50px;
  }
  .tag-nav{
    padding: 17px 0;
    overflow-x: auto;
  }
  .tag-nav a, .tag-nav span{
    flex-shrink: 0;
    font-size: 14px;
  }
  .newsdct .top h3{
    font-size: 18px;
  }
  .newsdct .top .db{
    flex-direction: column;
    margin-top: 20px;
    align-items: flex-start;
  }
  .newsdct .top .db .time p{
    font-size: 14px;
  }
  .newsdct .top .db .right>p{
    font-size: 14px;
  }
  .newsdct .top{
    margin-top: 30px;
    padding-bottom: 20px;
  }
  .newsdct .top .db .time p:not(:first-of-type){
    margin-left: 20px;
  }
  .newsdct .content{
    margin-top: 20px;
    font-size: 14px;
    line-height: 25px;
  }
  .newsdct .content p, .newsdct .content span{
    font-size: 14px;
    line-height: 25px;
  }
  .newsdct .content p:not(:first-of-type){
    margin-top: 15px;
  }
  .newsdct .qh{
    margin-top: 45px;
  }
  .newsdct .qh a span{
    font-size: 14px;
  }
  .newsdct{
    padding-bottom: 60px;
  }
  .newsd2ct{
    padding: 60px 0 30px 0;
  }
  .newsd2ct>h3{
    font-size: 22px;
  }
  .newsd2ct .news2-list{
    margin-top: 25px;
  }
  .news2-list{
    margin-top: 35px;
  }
  .news2-list li{
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 25px;
  }
  .news2-list li:nth-of-type(2n){
    margin-right: 0;
  }
  .news2-list li:nth-of-type(3n){
    margin-right: 10px;
  }
  .news2-list li:nth-of-type(6n){
    margin-right: 0;
  }
  .news2-list li a .ib{
    height: 95px;
    border-radius: 4px;
  }
  .news2-list li a .txt{
    padding-top: 10px;
  }
  .news2-list li a .txt>p{
    font-size: 14px;
    line-height: 24px;
    height: 48px;
  }
  .news2-list li a .txt .time{
    margin-top: 15px;
  }
  .news2-list li a .txt .time p{
    font-size: 14px;
  }
  .news2ct{
    padding: 40px 0 60px 0;
  }
  .news2ct .dh a{
    font-size: 18px;
  }
  .news2ct .dh a:not(:first-of-type){
    margin-left: 35px;
  }
  .newsd2ct .news2-list li{
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 25px;
  }
  .newsd2ct .news2-list li:nth-of-type(2n){
    margin-right: 0;
  }
  .newsd2ct .news2-list li:last-of-type{
    display: none;
  }
  .newsd2ct .news2-list li .ib{
    height: 95px;
    border-radius: 4px;
  }
  .newsd2ct .news2-list li a .txt>p{
    font-size: 14px;
    line-height: 24px;
    height: 48px;
  }
  .news1ct{
    padding: 50px 0 60px 0;
    flex-direction: column;
    display: none;
  }
  .news1ct .left{
    width: 100%;
  }
  .news1ct .left a .time p{
    font-size: 14px;
  }
  .news1ct .left a .lwsg .cmp{
    font-size: 14px;
    padding: 6px 14px;
  }
  .news1ct .left a .wz h6{
    font-size: 14px;
  }
  .news1ct .left a .wz{
    width: calc(100% - 50px);
  }
  .news1ct .right .txt{
    padding: 0 18px 20px 18px;
  }
  .news1ct .right .txt .time p{
    font-size: 14px;
  }
  .news1ct .right .txt h6{
    font-size: 14px;
    margin-top: 7px;
  }
  .news1ct .right{
    width: 100%;
    height: auto;
    margin-top: 25px;
  }
  .proct{
    padding: 40px 0 30px 0;
  }
  .pro-list{
    margin-top: 30px;
  }
  .pro-list li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .pro-list li a .ib{
    height: 240px;
  }
  .pro-list li a .txt{
    padding: 20px 18px 25px 18px;
  }
  .pro-list li a .txt h3{
    font-size: 18px;
  }
  .pro-list li a .txt p{
    font-size: 16px;
    margin-top: 7px;
  }
  .pro-list li:hover a{
    box-shadow: unset;
  }
  .pro-list li:hover a .txt::after{
    display: none;
  }
  .proct .row:not(:first-of-type){
    margin-top: 20px;
  }
  .sup1ct{
    padding: 50px 0 60px 0;
  }
  .sup1ct .mide{
    margin-top: 35px;
  }
  .sup1ct .mide .item{
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .sup1ct .mide .item:nth-of-type(2n){
    margin-right: 0;
  }
  .sup1ct .mide .item:nth-of-type(3n){
    margin-right: 10px;
  }
  .sup1ct .mide .item:nth-of-type(6n){
    margin-right: 0;
  }
  .sup1ct .mide .item .tp h3{
    font-size: 18px;
  }
  .sup1ct .mide .item .tp img{
    width: 26px;
  }
  .sup1ct .mide .item .tp{
    padding: 0 10px;
    height: 70px;
  }
  .sup1ct .mide .item .tp h3{
    font-size: 14px;
    width: calc(100% - 26px - 10px);
  }
  .sup1ct .mide .item .txt{
    height: auto;
    padding: 13px 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .sup1ct .lxfs{
    margin-top: 30px;
    padding: 25px 0;
    flex-direction: column;
  }
  .sup1ct .lxfs .item{
    max-width: 100% !important;
    width: 100%;
  }
  .sup1ct .lxfs .item .rund{
    width: 40px;
    margin-right: 15px;
    height: 40px;
  }
  .sup1ct .lxfs .item .txt{
    width: calc(100% - 40px - 15px);
  }
  .sup1ct .lxfs .item .txt h3{
    font-size: 16px;
  }
  .sup1ct .lxfs .item .txt p{
    font-size: 14px;
    line-height: 22px;
    margin: 7px 0 10px 0;
  }
  .sup1ct .lxfs .item .txt a{
    font-size: 18px;
  }
  .sup1ct .lxfs .item:not(:first-of-type){
    margin-top: 25px;
  }
  .sup2ct{
    padding: 60px 0;
  }
  .sup2ct .mide{
    margin-top: 35px;
  }
  .sup2-swiper{
    width: calc(100% - 80px);
  }
  .sup2ct .mide .prev{
    left: 0;
  }
  .sup2ct .mide .next{
    right: 0;
  }
  .sup2ct .mide>.rund{
    width: 30px;
    height: 30px;
  }
  .sup2-swiper .item h6{
    font-size: 16px;
    margin-top: 15px;
  }
  .sup2-swiper .item .ib{
    height: 160px;
  }
  .sup2-swiper .item .db{
    padding: 0 18px 18px 18px;
  }
  .sup2-swiper .item .db p{
    font-size: 14px;
  }
  .sup2-swiper .item .rund{
    width: 48px;
    height: 48px;
  }
  .vdct{
    padding: 40px 0 60px 0;
    flex-direction: column;
  }
  .vdct .left{
    width: 100%;
    padding: 0;
    border-right: none;
  }
  .vdct .left a{
    padding: 15px 15px;
  }
  .vdct .left a p{
    font-size: 14px;
  }
  .vdct .right{
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
  .vd-list li{
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .vd-list li:nth-of-type(2n){
    margin-right: 0;
  }
  .vd-list li:nth-of-type(3n){
    margin-right: 10px;
  }
  .vd-list li:nth-of-type(6n){
    margin-right: 0;
  }
  .vd-list li .ib{
    height: 100px;
    border-radius: 4px;
  }
  .vd-list li .db{
    padding: 0 10px 10px 10px;
  }
  .vd-list li .db p{
    font-size: 14px;
  }
  .vd-list li .rund{
    width: 38px;
    height: 38px;
  }
  .vd-list li h6{
    font-size: 14px;
    margin-top: 11px;
  }
  .pd1-box{
    margin-top: 50px;
  }
  .pd1ct .mide{
    flex-direction: column;
    margin-top: 20px;
  }
  .pd1ct .mide .left{
    width: 100%;
    padding-top: 0;
  }
  .pd1ct .mide .left .sglw{
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 25px;
  }
  .pd1ct .mide .left .sglw .cslw{
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
    position: unset;
    transform: unset;
  }
  .pd1ct .mide .left .sglw .cslw .itt{
    margin-right: 0 !important;
  }
  .pd1ct .mide .left .sglw .cslw .itt .ttt{
    width: calc(100% - 40px - 15px) !important;
    margin-left: 15px;
  }
  .pd1ct .mide .left .sglw .cslw .itt .ttt h4{
    font-size: 14px;
  }
  .pd1ct .mide .left .sglw .cslw .itt .ttt p{
    font-size: 15px;
  }
  .pd1ct .mide .left .sglw .cslw .itt:not(:first-of-type){
    margin-top: 10px;
  }
  .pd1ct .mide .left .sglw .cslw .itt .rr img{
    width: 23px;
    max-width: unset;
    max-height: unset;
  }
  .pd1ct .mide .left h6{
    font-size: 22px;
  }
  .pd1ct .mide .left h3{
    font-size: 16px;
  }
  .pd1ct .mide .left .desc{
    font-size: 14px;
    line-height: 25px;
  }
  .pd1ct .mide .left .more p{
    font-size: 14px;
  }
  .pd1ct .mide .left .more img{
    width: 18px;
  }
  .pd1ct .mide .right{
    width: 100%;
    margin-top: 35px;
  }
  .pd1ct .mide .right img{
    height: auto;
    -webkit-height: auto;
  }
  .pd-nav .flow-bf .ct a:not(:first-of-type){
    margin-left: 20px;
  }
  .pd-nav{
    margin-top: 60px;
    height: 50px;
  }
  .pd-nav .flow-bf{
    height: 50px;
  }
  .pd-nav .flow-bf .ct{
      overflow-x: auto;
  }
  .pd-nav .flow-bf .ct a{
    font-size: 14px;
    flex-shrink: 0;
  }
  .pd-nav .flow-bf .ct a::after{
    bottom: 0px;
  }
  .pd-nav .flow-bf.active{
    top: 50px;
  }
  .pd2ct{
    padding: 60px 0 40px 0;
  }
  .p-title{
    font-size: 22px;
  }
  .pd2ct .mide{
    margin-top: 30px;
  }
  .pd2ct .mide .item{
    width: calc((100% - 10px) / 2) !important;
    margin-right: 10px !important;
    margin-bottom: 20px;
    padding: 23px 0 25px 0;
  }
  .pd2ct .mide .item:nth-of-type(2n){
    margin-right: 0px !important;
  }
  .pd2ct .mide .item:nth-of-type(3n){
    margin-right: 10px !important;
  }
  .pd2ct .mide .item:nth-of-type(6n){
    margin-right: 0px !important;
  }
  .pd2ct .mide .item img{
    height: 40px;
  }
  .pd2ct .mide .item .txt{
    margin-top: 18px;
    padding: 0 10px;
  }
  .pd2ct .mide .item .txt h3{
    font-size: 14px;
    line-height: 23px;
  }
  .pd2ct .mide .item .txt p{
    font-size: 14px;
    line-height: 23px;
    margin-top: 5px;
  }
  .pd3ct{
    padding: 60px 0;
  }
  .pd3ct .mide{
    margin-top: 30px;
    flex-direction: column;
  }
  .pd3ct .mide .zs{
    width: 100%;
  }
  .pd3ct .mide .ib{
    width: 50%;
    margin: 25px 0;
  }
  .pd3ct .mide .zs .it h6{
    font-size: 16px;
  }
  .pd3ct .mide .zs .it p{
    font-size: 14px;
    line-height: 20px;
    min-height: unset;
  }
  .pd3ct .mide .zs .it{
    height: auto;
    padding: 20px 10px;
  }
  .pd3ct .db{
    width: 100%;
    font-size: 14px;
    line-height: 25px;
  }
  .pd4ct{
    padding: 60px 0;
  }
  .pd4ct i{
    margin: 30px 0 0 auto;
    text-align: right;
    width: max-content;
    transform: translateX(-30px);
    animation: sgnmsl 2s ease-out infinite;
    font-size: 18px;
    color: #0061B2;
    display: none !important;
  }
  .pd4ct .mide{
    margin-top: 30px;
    overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #888 transparent; /* Firefox */
  }
  .pd4ct .mide::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

  .pd4ct .mide::-webkit-scrollbar-thumb {
  background: #CCCCCC;
}

  .pd4ct .mide::-webkit-scrollbar-track {
  background: #F5F5F5;
}
  @keyframes sgnmsl {
    0%{
      transform: translateX(-30px);
    }
    100% {
      transform: translateX(0);
    }
  }
  .pd4ct .mide img{
    width: 700px;
  }
  .pd5ct{
    padding: 60px 0;
  }
  .pd5ct .mide{
    margin-top: 30px;
  }
  .p5-swiper{
    width: calc(100% - 80px);
    padding: 0;
  }
  .pd5ct .mide .rund{
    width: 30px;
    height: 30px;
  }
  .p5-swiper a:hover{
    box-shadow: unset;
  }
  .p5-swiper a .ib{
    height: 210px;
  }
  .p5-swiper a .txt{
    margin-top: 15px;
    padding: 0 15px 20px 15px;
  }
  .p5-swiper a .txt h3{
    font-size: 16px;
  }
  .p5-swiper a .txt p{
    font-size: 14px;
    margin-top: 7px;
  }
  .pd1-2ct{
    padding: 50px 0 60px 0;
  }
  .pd1-2ct .mide{
    margin-top: 10px;
  }
  .pd1-2ct .mide .left{
    width: 100%;
  }
  .pd1-2ct .mide .left h3{
    font-size: 22px;
  }
  .pd1-2ct .mide .left h6{
    font-size: 16px;
  }
  .pd1-2ct .mide .left .desc{
    font-size: 14px;
    line-height: 25px;
    margin: 25px 0 30px 0;
  }
  .pd1-2ct .mide .left .more p{
    font-size: 14px;
  }
  .pd1-2ct .mide .left .more img{
    width: 18px;
  }
  .pd1-2ct .mide .left .more:hover,
  .pd1ct .mide .left .more:hover{
    border-color: #0061B2;
  }
  .pd1-2ct .mide .left .more:hover::before,
  .pd1ct .mide .left .more:hover::before{
    display: none;
  }
  .pd1-2ct .mide .left .more:hover p,
  .pd1ct .mide .left .more:hover p{
    color: #0061B2;
  }
  .pd1-2ct .mide .left .more:hover .ib img:last-of-type,
  .pd1ct .mide .left .more:hover .ib img:last-of-type{
    display: none;
  }
  .pd1-2ct .mide .left .more:hover .ib img:first-of-type,
  .pd1ct .mide .left .more:hover .ib img:first-of-type{
    display: block;
  }
  .diaolog-pro .content{
    padding: 25px 18px;
  }
  .diaolog-pro .content .title h3{
    font-size: 18px;
  }
  .diaolog-pro .content>i{
    font-size: 26px;
    top: 15px;
    right: 15px;
  }
  .diaolog-pro .content .title p{
    font-size: 14px;
  }
  .diaolog-pro .content form .row{
    flex-direction: column;
  }
  .diaolog-pro .content form .row .ip{
    width: 100%;
  }
  .diaolog-pro .content form .row .ip:not(:first-of-type){
    margin-top: 12px;
  }
  .diaolog-pro .content form .row:not(:first-of-type){
    margin-top: 10px;
  }
  .diaolog-pro .content form .row input, .diaolog-pro .content form .row select{
    font-size: 14px;
  }
  .diaolog-pro .content form .row .ip::before{
    left: 48px;
  }
  .diaolog-pro .content form .row .ip4::before{
    left: unset;
    right: 0;
  }
  .diaolog-pro .content form .row .ip5::before{
    left: 128px;
  }
  .diaolog-pro .content form button{
    width: 160px;
    height: 42px;
    margin: 30px auto 0;
    font-size: 14px;
  }
  .pd2-2ct{
    padding: 50px 0 60px 0;
  }
  .pd2top h3{
    font-size: 22px;
  }
  .pd2top p{
    font-size: 14px;
    line-height: 24px;
  }
  .pd2-2ct .mide{
    margin-top: 35px;
  }
  .pd2-2ct .mide .row{
    flex-direction: column;
    padding-top: 30px;
  }
  .pd2-2ct .mide .left{
    width: 100%;
  }
  .pd2-2ct .mide .right{
    width: 100%;
    margin-top: 20px;
  }
  .pd-2-title h3{
    font-size: 18px;
  }
  .pd-2-title .mline{
    width: 30px;
    margin: 10px 0;
  }
  .pd-2-title p{
    font-size: 14px;
    line-height: 25px;
  }
  .pd2-2ct .mide .right .numContent{
    margin-top: 30px;
  }
  .pd2-2ct .mide .right .numContent .item .tt .pbnum, .pd2-2ct .mide .right .numContent .item .tt span{
    font-size: 32px;
  }
  .pd2-2ct .mide .right .numContent .item .tt img{
    height: 18px;
  }
  .pd2-2ct .mide .right .numContent .item p{
    font-size: 14px;
    margin-top: 5px;
  }
  .pd2-2ct .mide .right .numContent .nline{
    height: 58px;
  }
  .pd2-2ct .mide .row:not(:first-of-type){
    margin-top: 35px;
  }
  .pd2-2ct .mide .row:nth-of-type(even){
    flex-direction: column;
  }
  .pd3-2ct{
    padding: 60px 0;
  }
  .pd3-2ct .mide{
    flex-direction: column;
    margin-top: 30px;
  }
  .pd3-2ct .mide .left{
    flex-direction: column;
  }
  .pd3-2ct .mide .left .item{
    width: 100%;
    margin-right: 0;
  }
  .pd3-2ct .mide .left .item:not(:first-of-type){
    margin-top: 20px;
  }
  .pd3-2ct .mide .left .item .txt{
    padding: 25px 20px 30px 20px;
  }
  .pd3-2ct .mide .left .item .txt h6{
    font-size: 18px;
  }
  .pd3-2ct .mide .left .item .txt p{
    font-size: 14px;
    line-height: 25px;
  }
  .pd3-2ct .mide .right{
    width: 100%;
    margin-top: 20px;
  }
  .pd3-2ct .mide .right .dd{
    line-height: 25px;
    padding: 25px 20px;
  }
  .pd3-2ct .mide .right .btm{
    margin-top: 20px;
  }
  .pd2-3ct{
    padding: 50px 0 60px 0;
  }
  .pd2-3ct .row .top{
    flex-direction: column;
    align-items: flex-start;
  }
  .pd2-3ct .row.r1 .top .left{
    width: 100%;
  }
  .pd2-3ct .row.r1 .top .right{
    margin-top: 20px;
  }
  .pd2-3ct .row .top .szss .tt .pbnum, .pd2-3ct .row .top .szss .tt span{
    font-size: 32px;
  }
  .pd2-3ct .row .top .szss .tt img{
    height: 18px;
  }
  .pd2-3ct .row .top .szss p{
    font-size: 14px;
    margin-top: 7px;
  }
  .pd2-3ct .row .mide{
    margin-top: 25px;
    padding: 25px 18px;
    flex-direction: column;
  }
  .pd2-3ct .row .mide .rr{
    width: 100%;
  }
  .pd2-3ct .row .mide .rr:not(:first-of-type){
    margin-top: 20px;
  }
  .pd2-3ct .row{
    padding: 30px 0;
  }
  .pd2-3ct .row .numContent .item .tt{
    font-size: 32px;
  }
  .pd2-3ct .row .numContent .item p{
    font-size: 14px;
    margin-top: 7px;
  }
  .pd2-3ct .row .top .left{
    width: 100%;
  }
  .pd2-3ct .row .top .right{
    width: 100%;
    margin-top: 20px;
  }
  .pd2-3ct .row .numContent{
    width: 100%;
  }
  .pd2-3ct .row .numContent .line{
    height: 55px;
  }
  .pd2-3ct .dbjs{
    font-size: 14px;
    line-height: 25px;
  }
  .pd1-2box.pd1-4 .mide{
    flex-direction: column;
  }
  .pd1-2box.pd1-4 .pd1-2ct .mide .left{
    width: 100%;
  }
  .pd1-2ct .right{
    margin-top: 35px;
    width: 100%;
    height: 250px;
  }
  .pd1-2ct .right .ll{
    width: 37%;
    height: 100%;
  }
  .pd1-2ct .right .rr{
    width: 59%;
    height: 100%;
    margin-left: auto;
  }
  .pd1-2ct .right .rr .tt{
    height: 48%;
  }
  .pd1-2ct .right .rr .dd{
    height: 48%;
    margin-top: 4%;
  }
  .pd1-2ct .right .rr .ddrr{
    height: 100%;
    width: calc((100% - 10px) /  2);
  }
  .pd1-2ct .right .rr .ddll{
    height: 100%;
    width: calc((100% - 10px) /  2);
  }
  .pd1-2ct .right .rr .ddll .ddlltt{
    height: calc((100% - 10px) / 2);
  }
  .pd1-2ct .right .rr .ddll .ddlltt:not(:first-of-type){
    margin-top: 10px;
  }
  .pd1-2ct .right .rr .ddll .dt2 .jt{
    height: 10px;
    top: -10px;
  }
  .pd1-2ct .right .rr .ddll .dt1 .jt{
    height: 10px;
    right: -8px;
  }
  .pd1-2ct .right .rr .ddrr .jt{
    height: 10px;
    top: -10px;
  }
  .pd1-2ct .right .rr .flow{
    padding: 0 10px;
  }
  .pd1-2ct .right .rr .flow h6{
    font-size: 14px;
  }
  .pd1-2ct .right .rr .flow p{
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .pd4-2ct{
    padding: 50px 0 60px 0;
  }
  .pd4-2ct h3{
    font-size: 22px;
  }
  .pd4-2ct h6{
    font-size: 14px;
    line-height: 25px;
  }
  .pd4-2ct .mide{
    margin-top: 35px;
    flex-direction: column;
  }
  .pd4-2ct .mide .title br{
    display: none;
  }
  .pd4-2ct .mide .title{
    font-size: 18px;
    line-height: 26px;
    width: 300px;
  }
  .pd4-2ct .mide .right{
    width: 300px;
    margin-top: 30px;
  }
  .pd4-2ct .mide .right .rund{
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
  }
  .pd4-2ct .mide .right .zs{
    width: 145px;
  }
  .pd4-2ct .mide .right .zs h4{
    font-size: 16px;
  }
  .pd4-2ct .mide .right .zs p{
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
  }
  .pd4-2ct .mide .right .z1{
    top: 12%;
    left: 0;
  }
  .pd4-2ct .mide .right .z2{
    top: 12%;
    left: unset;
    right: 0;
  }
  .pd4-2ct .mide .right .z3{
    top: 46%;
    left: 0;
  }
  .pd4-2ct .mide .right .z4{
    bottom: unset;
    left: unset;
    top: 46%;
    right: 0;
  }
  .pd4-2ct .mide .right .z5{
    top: 81%;
    left: 0;
  }
  .pd4-2ct .mide .right .z6{
    bottom: unset;
    top: 81%;
    right: 0;
  }
  .pd4-2ct .mide .right .z2 h4,
  .pd4-2ct .mide .right .z2 p,
  .pd4-2ct .mide .right .z4 h4,
  .pd4-2ct .mide .right .z4 p,
  .pd4-2ct .mide .right .z6 h4,
  .pd4-2ct .mide .right .z6 p{
    text-align: right;
  }
  .pd5-1ct{
    padding: 60px 0;
  }
  .pd5-1ct>h3{
    font-size: 22px;
  }
  .pd5-1ct .line{
    margin: 23px 0 25px 0;
  }
  .pd4-list li{
    flex-direction: column;
  }
  .pd4-list li .left{
    width: 100%;
    height: auto;
  }
  .pd4-list li .right{
    width: 100%;
    margin-top: 20px;
  }
  .pd4-list li .numContent{
    margin-top: 20px;
  }
  .pd4-list li .numContent .item .tt .pbnum, .pd4-list li .numContent .item .tt span{
    font-size: 32px;
  }
  .pd4-list li .numContent .item p{
    font-size: 14px;
    margin-top: 7px;
  }
  .pd4-list li .numContent .nline{
    height: 55px;
  }
  .pd4-list li:nth-of-type(even){
    flex-direction: column;
  }
  .pd4-list li:not(:first-of-type){
    margin-top: 40px;
  }
  .page{
    margin-top: 30px;
  }
  .page .el-pager li{
    width: 30px;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    min-width: 30px;
    font-size: 12px;
  }
  .page .el-pagination .btn-next,
  .page .el-pagination .btn-prev{
    width: 30px;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
  }
  .tips .top li .flow .wz{
    padding: 8px 12px;
    border-radius: 4px;
  }
  .tips .top li .flow .wz a{
    font-size: 14px;
    margin-top: 4px;
  }
  .tips .top li .flow .qr img{
    width: 80px;
  }
  .ftct{
    padding: 30px 0 0 0;
  }
  .ftct .ftlogo img{
    height: 38px;
  }
  .ftct .mide{
    padding: 20px 0 30px 0;
    margin-top: 30px;
  }
  .ftct .mide .right .qr{
    display: none;
  }
  .ftct .mide .right .desc{
    max-width: 100%;
    width: 100%;
  }
  .ftct .mide .right .desc h6{
    font-size: 14px;
  }
  .ftct .mide .right .desc .phone{
    margin: 15px 0 20px 0;
  }
  .ftct .mide .right .desc .dz a{
    font-size: 14px;
  }
  .ftct .mide .right .desc .phone p{
    font-size: 32px;
  }
  .ftct .mide .right .desc .phone i{
    font-size: 28px;
  }
  .ftct .db{
    padding: 12px 0;
    flex-wrap: wrap;
  }
  .ftct .db a{
    font-size: 14px;
    text-align: center;
    line-height: inherit;
  }
  .ftct .db .right, .ftct .db .left{
    flex-wrap: wrap;
    justify-content: center;
  }
  .ftct .db .left a:last-of-type{
    margin-left: 0;
  }
  .ftct .db .right{
    justify-content: center;
    width: 100%;
    margin-top: 7px;
  }
  .tips{
    right: 15px;
  }
  .tips .top li>a p{
    transform: scale(0.8);
  }
  .tips .top{
    width: 44px;
    height: 44px;
  }
  .tips .lwgnw{
    width: 44px;
    height: 44px;
  }
  .tips .backtop{
    width: 36px;
    height: 36px;
  }
  .tips .top li>a .rund{
    width: 32px;
    height: 32px;
  }
  .tips .top li>a .rund img{
    max-width: 55%;
  }
  .tips.active .top{
    height: 210px;
    padding: 17px 0 22px 0;
  }
  .ftct .mide .left{
    display: none;
  }
}