.content {
  width: 100%; }
.zzz{
    display: none;
}
.fotLinks{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #F0F0F0;
    padding: .2rem 0;
}
.fotLinks img{
    width: .22rem;
    margin-right: .08rem;
}
.fotLinks p{
    font-size: .14rem;
    color: #666;
    margin-right: .1rem;
}
.fotLinks a{
    font-size: .14rem;
    color: #999;
    position: relative;
    padding: .1rem .06rem;
    /*margin-right: .1rem;*/
    transition: all .2s;
}
.fotLinks a::after{
    content: '';
    width: 0%;
    height: 1px;
    background: #002ea0;
    transition: all .2s;
    position: absolute;
    left: 5%;
    bottom: .04rem;
}
.fotLinks a:hover{
    color: #002ea0;
}
.fotLinks a:hover::after{
    width: 90%;
}
.main_casebox {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .main_casebox .swiper {
    width: 100%;
    transform: rotateZ(-20deg) translateX(1rem);
    /*opacity: 0;*/
    transition: transform 1.4s ease, opacity 1.4s ease;
    overflow: hidden;
    padding: .6rem 0;
    margin: 1.4rem 0; }
    /*.main_casebox .swiper:nth-child(odd) {*/
    /*  transform: rotateZ(-20deg) translate(-3.2rem, 2.6rem); }*/
    /*.main_casebox .swiper:nth-child(even) {*/
    /*  transform: rotateZ(-20deg) translate(-2.6rem, 3rem); }*/
    .main_casebox .swiper.case_swiper_show {
      opacity: 1;
      transform: rotateZ(-20deg) translateX(1rem); }
  .main_casebox .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 5rem;
    height: 3.6rem;
    padding: .6rem 0;
    position: relative; }
    .main_casebox .swiper-slide .b {
      width: 100%;
      height: 100%;
      transform: rotateZ(30deg) skewX(12deg);
      transition: all 0.6s ease;
      overflow: hidden;
      border-radius: .16rem; }
      .main_casebox .swiper-slide .b img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        transition: all 0.6s ease;
        border-radius: .16rem; }
      .main_casebox .swiper-slide .b p {
        width: 100%;
        text-align: right;
        font-size: .2rem;
        color: #fff;
        box-sizing: border-box;
        padding: .4rem .16rem .1rem .16rem;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
        position: absolute;
        left: 0;
        bottom: 0rem; }
  .main_casebox .swiper-slide img {
    display: block;
    width: 100%; }

.case_card_popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: none; }
  .case_card_popup .case_card_mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.55); }
  .case_card_popup .case_card_box {
    width: 6.4rem;
    max-width: 86%;
    height: 4.2rem;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotateZ(-18deg);
    opacity: 0;
    transition: all .45s ease;
    border-radius: .18rem;
    overflow: hidden;
    box-shadow: 0 0.18rem 0.6rem rgba(0, 0, 0, 0.32); }
    .case_card_popup .case_card_box .b {
      width: 100%;
      height: 100%;
      transform: none;
      border-radius: .18rem;
      overflow: hidden; }
      .case_card_popup .case_card_box .b img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
      .case_card_popup .case_card_box .b p {
        width: 100%;
        text-align: right;
        font-size: .22rem;
        color: #fff;
        box-sizing: border-box;
        padding: .6rem .24rem .18rem .24rem;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.42));
        position: absolute;
        left: 0;
        bottom: 0; }
  .case_card_popup.on .case_card_box {
    width: 8rem !important;
    max-width: 86%;
    height: 4.2rem !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) rotateZ(0) scale(1);
    opacity: 1; }
.main_product_box, .main_product_intr{
    overflow: hidden !important;
}
.main_home_stories .box .mySwiper1 .swiper-slide::after{
    content: '';
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,.2);*/
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.main_fadein {
  width: 100%;
  position: fixed;
  left: 0;
  top: -100%;
  z-index: 9998;
  border-radius: 0 0 .2rem .2rem;
  transition: all .6s;
  visibility: hidden;
  opacity: 0;
  overflow: hidden; }
  .main_fadein.on {
    top: 0;
    visibility: inherit;
    opacity: 1; }
    .main_fadein.on .fadein_slide {
      transform: translateY(0); }
  .main_fadein .fadein_slide {
    width: 100%;
    height: 3.8rem;
    position: relative;
    z-index: 8;
    transform: translateY(-1.6rem);
    transition: all 1.2s;
    margin-top: -.2rem; }
    .main_fadein .fadein_slide .mySwipers {
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .main_fadein .fadein_slide .mySwipers .swiper-pagination {
        display: flex;
        align-items: center;
        width: 100%;
        padding-left: 1.1rem;
        bottom: .8rem; }
      .main_fadein .fadein_slide .mySwipers .swiper-pagination-bullet {
        width: .24rem;
        height: .05rem;
        margin-right: .1rem;
        border-radius: .2rem;
        background: #fff; }
      .main_fadein .fadein_slide .mySwipers .swiper-pagination-bullet-active {
        background: #002ea0; }
      .main_fadein .fadein_slide .mySwipers .swiper-slide {
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 0 0 .2rem .2rem;
        position: relative; }
        .main_fadein .fadein_slide .mySwipers .swiper-slide img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block; }
        .main_fadein .fadein_slide .mySwipers .swiper-slide p {
          font-size: .44rem;
          color: #fff;
          line-height: 1.4;
          z-index: 99;
          padding: 0 1.1rem;
          width: 100%;
          left: 0;
          top: 1.24rem;
          position: absolute;
          font-weight: bold; }
  .main_fadein .fadein_nav {
    width: 100%;
    background: #F4F4F4;
    position: relative;
    z-index: 9;
    border-radius: 0 0 .2rem .2rem;
    padding: 1.3rem 1.3rem .4rem .6rem; }
    .main_fadein .fadein_nav .bottom {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .main_fadein .fadein_nav .bottom .fl p {
        font-size: .14rem;
        color: #333333;
        opacity: 0.6;
        line-height: 1.6; }
      .main_fadein .fadein_nav .bottom .share {
        display: flex;
        align-items: center; }
        .main_fadein .fadein_nav .bottom .share a {
          width: .46rem;
          height: .46rem;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: .12rem;
          border: 1px solid rgba(255, 255, 255, 0.2);
          background: rgba(255, 255, 255, 0.5);
          margin-left: .1rem;
          background-position: center center;
          background-repeat: no-repeat;
          position: relative;
          transition: all .26s;
          background-size: .24rem; }
          .main_fadein .fadein_nav .bottom .share a:hover span {
            bottom: 140%;
            opacity: 1;
            visibility: inherit; }
          .main_fadein .fadein_nav .bottom .share a span {
            display: inline-block;
            width: 2rem;
            box-sizing: border-box;
            background: #fff;
            padding: .12rem;
            border-radius: .06rem;
            position: absolute;
            left: 50%;
            transition: all .4s;
            transform: translateX(-50%);
            opacity: 0;
            visibility: hidden;
            bottom: 100%; }
            .main_fadein .fadein_nav .bottom .share a span img {
              width: 100%;
              display: block; }
          .main_fadein .fadein_nav .bottom .share a:hover {
            box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.1); }
          .main_fadein .fadein_nav .bottom .share a.wx {
            background-image: url(../images/wx1.png); }
          .main_fadein .fadein_nav .bottom .share a.email {
            background-image: url(../images/email1.png); }
          .main_fadein .fadein_nav .bottom .share a.service {
            background-image: url(../images/service1.png); }
    .main_fadein .fadein_nav .top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      min-height: calc(1.3rem + 2rem); }
      .main_fadein .fadein_nav .top .picture {
        overflow: hidden;
        width: 6.5rem;
        height: 2.28rem;
        border-radius: .2rem; }
        .main_fadein .fadein_nav .top .picture img,
        .main_fadein .fadein_nav .top .picture video {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover; }
      .main_fadein .fadein_nav .top .nav {
        display: flex;
        align-items: flex-start; }
        .main_fadein .fadein_nav .top .nav .item {
          margin-left: 3.5rem; }
          .main_fadein .fadein_nav .top .nav .item:first-child {
            margin-left: 0; }
          .main_fadein .fadein_nav .top .nav .item .label.on p i {
            background-image: url(../images/addx1.png); }
          .main_fadein .fadein_nav .top .nav .item .label p {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .1rem 0;
            cursor: pointer; }
            .main_fadein .fadein_nav .top .nav .item .label p:hover a {
              color: #002ea0; }
            .main_fadein .fadein_nav .top .nav .item .label p a {
              display: block;
              transition: all .4s;
              font-size: .24rem;
              color: #333333;
              width: 1.84rem; }
            .main_fadein .fadein_nav .top .nav .item .label p i {
              width: .2rem;
              height: .2rem;
              transition: all .4s;
              background-size: 100% 100%;
              background-image: url(../images/addx.png); }
          .main_fadein .fadein_nav .top .nav .item .label div {
            overflow: hidden;
            padding: .2rem 0;
            display: none; }
            .main_fadein .fadein_nav .top .nav .item .label div a {
              transition: all .2s;
              display: block;
              font-size: .16rem;
              opacity: 0.72;
              margin-top: .1rem;
              color: #333333; }
              .main_fadein .fadein_nav .top .nav .item .label div a:hover {
                color: #333333;
                opacity: 1;
                text-decoration: underline; }
              .main_fadein .fadein_nav .top .nav .item .label div a:first-child {
                margin-top: 0; }

.more_btn {
  width: 2rem;
  height: .66rem;
  border-radius: .4rem;
  border: 1px solid #E9E9E9;
  transition: all .4s; }
  .more_btn:hover {
    background: #002ea0 !important;
    border: 1px solid #002ea0;
    box-shadow: 0 0.06rem 0.04rem rgba(0, 0, 0, 0.1); }
    .more_btn:hover a i {
      color: #fff !important;
      transform: translateX(0.04rem); }
    .more_btn:hover a div {
      background: #fff !important;
      background-image: url(../images/right1.png) !important;
      background-repeat: no-repeat !important;
      background-position: center center !important;
      background-size: .3rem !important;
      transform: translateX(-0.04rem); }
  .more_btn a {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .06rem 0 .2rem; }
    .more_btn a i {
      font-weight: bold;
      font-size: .16rem;
      transition: all .4s;
      color: #333333; }
    .more_btn a div {
      width: .56rem;
      height: .56rem;
      border-radius: 50%;
      background-color: #333;
      background-position: center center;
      background-size: .28rem;
      background-image: url(../images/rightb.png);
      background-repeat: no-repeat;
      transition: all .4s; }

.public_head {
  width: 100%;
  display: flex;
  align-items: center; }
  .public_head .name {
    overflow: hidden;
    min-width: 8.8rem;
    padding-right: .8rem; }
    .public_head .name p {
      font-size: .5rem;
      color: #333333;
      line-height: 1.32;
      font-weight: bold;
      text-transform: uppercase; }
    .public_head .name span {
      font-size: .34rem;
      color: #333333;
      line-height: 1.32;
      font-weight: bold; }
  .public_head .desc {
    width: 5.42rem;
    overflow: hidden; }
    .public_head .desc p {
      font-size: .2rem;
      color: #999999;
      line-height: 1.8; }
      .public_head .desc p strong {
        color: #333;
        font-weight: bold; }

.footer {
  width: 100%;
  background: #fff;
  padding: 1rem 1.1rem 0 1.1rem; }
  .footer .footer_info {
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative; }
    .footer .footer_info span {
      font-size: .14rem;
      color: #999; }
    .footer .footer_info .clicktop {
      width: 1rem;
      height: .5rem;
      background-image: url(../images/topbg.png);
      background-size: 100% 100%;
      cursor: pointer;
      position: absolute;
      left: 50%;
      top: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transform: translate(-50%, -50%);
      padding-top: .2rem; }
      .footer .footer_info .clicktop img {
        width: .33rem; }
  .footer .footer_link {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 1rem; }
    .footer .footer_link .label {
      overflow: hidden; }
      .footer .footer_link .label p {
        font-size: .2rem;
        line-height: 1.4;
        padding-bottom: .33rem;
        color: #333333;
        position: relative;
        font-weight: bold; }
        .footer .footer_link .label p::after {
          content: '';
          width: .24rem;
          height: .03rem;
          border-radius: .1rem;
          background: #D6D6D6;
          position: absolute;
          left: 0;
          bottom: .1rem; }
      .footer .footer_link .label a {
        display: block;
        font-size: .16rem;
        position: relative;
        color: #999;
        transition: all .2s;
        margin-top: .15rem; }
        .footer .footer_link .label a:hover {
          color: #002ea0;
          text-decoration: underline; }

.main_join {
  width: 100%;
  height: 4rem;
  background-image: url(../images/footerbg.png);
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem; }
  .main_join .fl div {
    display: flex;
    align-items: center;
    font-size: .44rem;
    color: #333333;
    font-weight: bold; }
    .main_join .fl div img {
      width: .44rem;
      margin-left: .2rem; }
  .main_join .fl span {
    font-size: .16rem;
    color: #333333;
    margin-top: .1rem;
    display: block; }
  .main_join .fr {
    text-align: right; }
    .main_join .fr span {
      display: block;
      font-size: .16rem;
      font-weight: bold;
      line-height: .4rem;
      color: #333333; }
    .main_join .fr p {
      font-size: .44rem;
      color: #333333;
      line-height: 1.2;
      font-weight: bold; }
    .main_join .fr .share {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap; }
      .main_join .fr .share a {
        width: .46rem;
        height: .46rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .12rem;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.5);
        margin-left: .1rem;
        margin-top: .3rem;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        background-size: .24rem; }
        .main_join .fr .share a:hover span {
          bottom: 140%;
          opacity: 1;
          visibility: inherit; }
        .main_join .fr .share a span {
          display: inline-block;
          width: 2rem;
          box-sizing: border-box;
          background: #fff;
          padding: .12rem;
          border-radius: .06rem;
          position: absolute;
          left: 50%;
          transition: all .4s;
          transform: translateX(-50%);
          opacity: 0;
          visibility: hidden;
          bottom: 100%; }
          .main_join .fr .share a span img {
            width: 100%;
            display: block; }
        .main_join .fr .share a.wx {
          background-image: url(../images/wx.png); }
        .main_join .fr .share a.email {
          background-image: url(../images/email.png); }
        .main_join .fr .share a.service {
          background-image: url(../images/service.png); }

.main_news {
  padding: 1.7rem 1.1rem 1.2rem 1.1rem;
  overflow: hidden; }
  .main_news .more_btn {
    margin-top: .8rem;
    float: right; }
  .main_news .box {
    width: 100%;
    margin-top: .8rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .main_news .box .news_list {
      width: 8.3rem; }
      .main_news .box .news_list .label {
        overflow: hidden;
        height: 1.68rem;
        border-bottom: 1px solid #E9E9E9; }
        .main_news .box .news_list .label:first-child {
          height: 1.38rem; }
        .main_news .box .news_list .label:hover a p,
        .main_news .box .news_list .label:hover a span {
          color: #002ea0; }
        .main_news .box .news_list .label a {
          height: 100%;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 .3rem;
          box-sizing: border-box; }
          .main_news .box .news_list .label a p {
            font-size: .2rem;
            font-weight: bold;
            transition: all .4s;
            color: #333333;
            width: 80%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .main_news .box .news_list .label a span {
            font-size: .2rem;
            color: #999999;
            transition: all .4s; }
    .main_news .box .news_grow {
      width: 8.3rem; }
      .main_news .box .news_grow .mySwiper2 {
        width: 100%;
        overflow: hidden; }
        .main_news .box .news_grow .mySwiper2 .swiper-slide {
          width: 100%;
          overflow: hidden; }
          .main_news .box .news_grow .mySwiper2 .swiper-slide a {
            display: block;
            width: 100%;
            padding-right: .1rem;
            box-sizing: border-box; }
          .main_news .box .news_grow .mySwiper2 .swiper-slide:hover .picture img {
            transform: scale(1.06); }
          .main_news .box .news_grow .mySwiper2 .swiper-slide:hover .picture {
            box-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.36); }
          .main_news .box .news_grow .mySwiper2 .swiper-slide:hover .news_info p {
            color: #002ea0; }
          .main_news .box .news_grow .mySwiper2 .swiper-slide .picture {
            width: 100%;
            transition: all .4s;
            height: 3.8rem;
            overflow: hidden;
            border-radius: .2rem; }
            .main_news .box .news_grow .mySwiper2 .swiper-slide .picture img {
              width: 100%;
              transition: all .4s;
              height: 100%;
              object-fit: cover;
              border-radius: .2rem;
              display: block; }
          .main_news .box .news_grow .mySwiper2 .swiper-slide .news_info {
            padding: .3rem 0 0 0;
            overflow: hidden;
            width: 7rem;
            max-width: 100%; }
            .main_news .box .news_grow .mySwiper2 .swiper-slide .news_info p {
              transition: all .4s;
              font-size: .26rem;
              font-weight: bold;
              color: #333;
              margin-bottom: .2rem; }
            .main_news .box .news_grow .mySwiper2 .swiper-slide .news_info span {
              display: block;
              font-size: .16rem;
              line-height: 1.4;
              color: #999999; 
                text-align: justify;
            }

.main_home_stories {
  width: 17rem;
  height: 6.8rem;
  overflow: hidden;
  margin: 0 auto;
  position: relative; }
  .main_home_stories .public_head {
    position: absolute;
    left: .6rem;
    top: .6rem;
    z-index: 1000; }
    .main_home_stories .public_head .name p,
    .main_home_stories .public_head .name span {
      color: #fff; }
  .main_home_stories .box {
    width: 100%;
    height: 100%;
    border-radius: .2rem;
    overflow: hidden;
    position: relative; }
    .main_home_stories .box .mySwiper1 {
      width: 100%;
      height: 100%; }
      .main_home_stories .box .mySwiper1 .swiper-slide .more_btn{
          overflow: hidden;
      }
      .main_home_stories .box .mySwiper1 .swiper-slide {
        width: 100%;
        height: 100%;
        border-radius: .2rem;
        overflow: hidden;
        position: relative; }
        .main_home_stories .box .mySwiper1 .swiper-slide .info {
          width: 5.6rem;
          position: absolute;
          left: 0;
          bottom: 0;
          background: #fff;
          z-index: 9;
          padding: .4rem 0 0 .1rem;
          min-height: 3rem;
          border-radius: 0 .1rem 0 0; }
          .main_home_stories .box .mySwiper1 .swiper-slide .info p {
            font-size: .3rem;
            font-weight: bold;
            color: #333333;
            padding-bottom: .1rem; }
          .main_home_stories .box .mySwiper1 .swiper-slide .info .desc {
            display: flex;
            align-items: center;
            margin-top: .1rem; }
            .main_home_stories .box .mySwiper1 .swiper-slide .info .desc div {
              width: .1rem;
              height: .1rem;
              border-radius: 50%;
              background: #333333;
              margin-right: .1rem; }
            .main_home_stories .box .mySwiper1 .swiper-slide .info .desc span {
              font-size: .18rem;
              color: #333333; }
        .main_home_stories .box .mySwiper1 .swiper-slide .button {
          display: flex;
          align-items: center;
          width: 100%;
          position: absolute;
          left: .1rem;
          bottom: .2rem;
          z-index: 88; }
          .main_home_stories .box .mySwiper1 .swiper-slide .button div {
            width: .6rem;
            height: .6rem;
            border-radius: 50%;
            border: 1px solid #E9E9E9;
            background-position: center center;
            background-size: .2rem;
            background-repeat: no-repeat;
            margin-right: .2rem;
            background-color: #fff;
            cursor: pointer;
            transition: all .2s;
            background-image: url(../images/left.png); }
            .main_home_stories .box .mySwiper1 .swiper-slide .button div.next {
              background-image: url(../images/right.png);
              background-color: #002ea0;
              border: 1px solid #002ea0; }
        .main_home_stories .box .mySwiper1 .swiper-slide .more_btn {
          position: absolute;
          right: .6rem;
          bottom: .6rem;
          z-index: 1000;
          background: #fff; }
        .main_home_stories .box .mySwiper1 .swiper-slide .poster {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block; }

.main_home_product {
  padding: 3.5rem 1.1rem 1.6rem 1.1rem;
  overflow: hidden;
  position: relative; }
  .main_home_product .more_btn {
    position: absolute;
    left: 1.1rem;
    bottom: 1.9rem; }
  .main_home_product .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative; }
    .main_home_product .box .label {
      width: 8.3rem;
      margin-top: 1.02rem; }
      .main_home_product .box .label:nth-child(2) {
        margin-top: 3.42rem; }
      .main_home_product .box .label:hover .picture img {
        transform: scale(1.03); }
      .main_home_product .box .label:hover .picture {
        transform: translateY(-0.06rem);
        box-shadow: 0 0.04rem 0.06rem rgba(0, 0, 0, 0.2); }
      .main_home_product .box .label .picture {
        overflow: hidden;
        width: 100%;
        height: 6.18rem;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        transition: all .4s;
        justify-content: center;
        background: linear-gradient(#E2E7EA, #EEEFF1, #DBE0E3); }
        .main_home_product .box .label .picture img {
          display: block;
          max-width: 120%;
          max-height: 120%;
          transition: all .4s; }
      .main_home_product .box .label .info {
        overflow: hidden;
        padding: .3rem 0; }
        .main_home_product .box .label .info .name {
          display: flex;
          align-items: center;
          font-size: .24rem;
          color: #333333;
          font-weight: bold; }
          .main_home_product .box .label .info .name div {
            width: .18rem;
            height: .18rem;
            margin-right: .08rem;
            border-radius: 50%;
            background: #333333; }
        .main_home_product .box .label .info span {
          display: block;
          font-size: .16rem;
          width: 3.5rem;
          line-height: 1.4;
          margin-top: .2rem;
          color: #999999; 
            text-align: justify;
        }

.main_home_about {
  width: 100%;
  padding: 1.6rem 0 2.3rem 0;
  position: relative; }
  .main_home_about .picture {
    width: 100%;
    height: 9rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    .main_home_about .picture img {
      display: block;
      max-width: 66%;
      height: 80%; }
  .main_home_about .about_info {
    width: 8.2rem;
    border-radius: .2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
    position: absolute;
    right: 1.1rem;
    bottom: 0;
    padding: .8rem; }
    .main_home_about .about_info p {
      font-size: .5rem;
      color: #333333;
      font-weight: bold;
      line-height: 1.4; }
    .main_home_about .about_info span {
      font-size: .34rem;
      color: #333333;
      font-weight: bold;
      line-height: 1.4; }
    .main_home_about .about_info .desc {
      min-height: 1.5rem;
      padding-bottom: .2rem; }
      .main_home_about .about_info .desc em {
        display: block;
        font-size: .16rem;
        color: #999999;
        line-height: 1.8;
        margin-top: .3rem;
        text-align: justify;   /* 两端对齐 */
  text-indent: 2em;       /* 首行缩进2字符（em随字体大小自适应） */
        }
    .main_home_about .about_info .more_btn {
      margin-top: .3rem; }
  .main_home_about .video {
    width: 4rem;
    position: absolute;
    left: 1.1rem;
    top: 1.5rem; }
    .main_home_about .video .info {
      width: 100%;
      height: 2.3rem;
      border-radius: .1rem;
      overflow: hidden;
      position: relative; }
      .main_home_about .video .info .cover {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: all .4s; }
      .main_home_about .video .info div {
        width: .6rem;
        height: .6rem;
        background-position: center center;
        border-radius: 50%;
        background-color: #fff;
        background-image: url(../images/Frame.png);
        background-size: .2rem;
        background-repeat: no-repeat;
        position: absolute;
        left: 50%;
        transition: all .2s;
        top: 50%;
        margin-left: -.3rem;
        margin-top: -.3rem;
        z-index: 1000;
        cursor: pointer; }
        .main_home_about .video .info div:hover {
          transform: scale(0.9);
          transform-origin: center; }
    .main_home_about .video span {
      display: block;
      font-size: .2rem;
      color: #333333;
      font-weight: bold;
      margin-top: .2rem;
      line-height: 1.26; }

.main_about_culture {
  padding: 1.2rem 1.1rem; }
  .main_about_culture{
      padding-bottom: 0;
  }
  .main_about_culture .box {
    width: 100%;
    margin-top: .8rem; }
    .main_about_culture .box .swiper-container1 {
      width: 100%; }
    .main_about_culture .box .swiper-slide {
      transition: 300ms;
      width: auto;
      transform: scale(0.8); }
    .main_about_culture .box .swiper-slide-active,
    .main_about_culture .box .swiper-slide-duplicate-active {
      transform: scale(1); }
    .main_about_culture .box .label {
      width: 5.6rem;
      overflow: hidden; }
      .main_about_culture .box .label.on {
        width: 8.4rem; }
      .main_about_culture .box .label:hover .picture img {
        transform: scale(1.06); }
      .main_about_culture .box .label:hover .picture {
        box-shadow: 0 0.06rem 0.04rem rgba(0, 0, 0, 0.2); }
      .main_about_culture .box .label .picture {
        width: 100%;
        height: 4.4rem;
        overflow: hidden;
        border-radius: .2rem;
        transition: all .2s; }
        .main_about_culture .box .label .picture img {
          width: 100%;
          height: 100%;
          display: block;
          transition: all .6s;
          object-fit: cover; }
      .main_about_culture .box .label .info {
        padding: .2rem 0 0 0; }
        .main_about_culture .box .label .info p {
          font-size: .26rem;
          color: #333333;
          font-weight: bold; }
        .main_about_culture .box .label .info span {
          display: block;
          font-size: .16rem;
          color: #333333;
          margin-top: .1rem; }

.main_about_architecture {
  padding: 1.2rem 1.1rem 0 1.1rem;
  justify-content: space-between;
  align-items: flex-start; }
  .main_about_architecture .box {
    width: 100%;
    text-align: right; }
    .main_about_architecture .box img {
      width: 13.58rem;
      display: inline-block; }

.main_about_team {
  padding: 1.2rem 1.1rem 0 1.1rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .main_about_team .public_head {
    width: auto; }
    .main_about_team .public_head .name {
      min-width: auto; }
  .main_about_team .box {
    width: 13.5rem;
    height: 6rem; }
    .main_about_team .box .swiper-slide:first-child{
    }
    .main_about_team .box .swiper-container {
      width: 100%;
      padding-top: 0rem;
      height: 100%; }
    .main_about_team .box .swiper-slide {
      width: 100%;
      height: auto; }
    .main_about_team .box .label {
      width: 100%; }
      .main_about_team .box .label .font {
        height: 1.16rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 .2rem;
        cursor: pointer;
        border-top: 1px solid #E9E9E9; }
        .main_about_team .box .label .font p {
          font-size: .16rem;
          font-weight: bold;
          color: #333333; }
          .main_about_team .box .label .font p span {
            font-size: .26rem;
            margin-right: .12rem;
            color: #333333;
            font-weight: bold; }
        .main_about_team .box .label .font em {
          font-size: .16rem;
          color: #999999; }
      .main_about_team .box .label.on {
        }
        .main_about_team .box .label.on .info {
          display: flex;
          opacity: 1;
          height: auto;
          visibility: inherit;
          height: 2.63rem; }
        .main_about_team .box .label.on .font {
          display: none; }
      .main_about_team .box .label .info {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 0;
        opacity: 0;
        visibility: hidden;
        /*transition: all .2s;*/
        padding: 0 .2rem;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        position: relative; }
        .main_about_team .box .label .info .user {
          width: 1.72rem;
          height: 2.2rem;
          border-radius: .16rem;
          border: 2px solid #fff;
          position: absolute;
          right: 2.6rem;
          top: 50%;
          transform: translateY(-50%); }
          .main_about_team .box .label .info .user img,
          .main_about_team .box .label .info .user video {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover; }
        .main_about_team .box .label .info .type {
          padding-top: 1rem; }
          .main_about_team .box .label .info .type p {
            display: block;
            font-size: .16rem;
            color: #333333;
            max-width: 2rem;
            line-height: 1.4;
            font-weight: bold;
            text-align: right; }
        .main_about_team .box .label .info .fl {
          width: 6.7rem; }
          .main_about_team .box .label .info .fl .name {
            font-size: .16rem;
            font-weight: bold;
            color: #333333; }
            .main_about_team .box .label .info .fl .name span {
              font-size: .26rem;
              margin-right: .12rem;
              color: #002ea0;
              font-weight: bold; }
          .main_about_team .box .label .info .fl .desec {
            overflow: hidden;
             font-size: .16rem;
              color: #999999;
              line-height: 1.6;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 6;
              overflow: hidden;
            margin-top: .14rem;
            text-align: justify;
              
          }
            .main_about_team .box .label .info .fl .desec p {
              font-size: .14rem;
              color: #999999;
              line-height: 1.6;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 6;
              overflow: hidden; }

.main_about_introduction {
  width: 17rem;
  margin: 0 auto;
  height: 5.88rem;
  background: linear-gradient(#E2E7EA, #EEEFF1, #DBE0E3);
  position: relative;
  border-radius: .2rem;
  padding-top: .8rem;
  margin-top: 1rem; }
  .main_about_introduction::after {
    content: '';
    width: .36rem;
    height: .29rem;
    background-size: 100% 100%;
    background-image: url(../images/about.png);
    position: absolute;
    left: -.2rem;
    top: .3rem; }
  .main_about_introduction img {
    width: 7rem;
    position: absolute;
    bottom: -.2rem;
    border-radius: 0 0 .2rem 0;
    right: 0; }
  .main_about_introduction .fontGrow {
    width: 8.4rem;
    overflow: hidden;
    overflow-y: auto;
    padding-right: .4rem;
    height: 4rem;
    margin-left: .8rem; 
      text-align: justify;
  }
    .main_about_introduction .fontGrow::-webkit-scrollbar {
      width: 2px; }
    .main_about_introduction .fontGrow::-webkit-scrollbar-track {
      background: #DDDFE1;
      border-radius: 10px; }
    .main_about_introduction .fontGrow::-webkit-scrollbar-thumb {
      background: #333;
      border-radius: 10px;
      transition: background 0.2s; }
    .main_about_introduction .fontGrow p {
      font-size: .2rem;
      color: #333333;
      line-height: 1.8;
      margin-bottom: .3rem; }

.main_about_info {
  overflow: hidden;
  padding: 1.2rem 1.1rem 1.4rem 1.1rem; }
  .main_about_info ul {
    display: flex;
    justify-content: space-between;
    margin-top: .7rem; }
    .main_about_info ul li {
      width: 4.25rem;
      height: 4.25rem;
      border-radius: 50%;
      background: #F6F7F8;
      transition: all .4s;
      padding-top: 1rem; }
      .main_about_info ul li:hover {
        background: #fff;
        box-shadow: 0 0.02rem 0.14rem rgba(0, 0, 0, 0.1);
        transform: scale(0.94); }
        .main_about_info ul li:hover img {
          transform: translateY(0.08rem); }
      .main_about_info ul li img {
        display: block;
        width: .7rem;
        transition: all .4s;
        margin: 0 auto; }
      .main_about_info ul li p {
        text-align: center;
        font-size: .22rem;
        color: #333333;
        font-weight: bold;
        margin-top: .3rem; }
      .main_about_info ul li span {
        display: block;
        text-align: center;
        font-size: .16rem;
        color: #999999;
        line-height: 1.6;
        margin-top: .2rem;
        padding: 0 .6rem;
        box-sizing: border-box; }
  .main_about_info .info {
    width: 100%; }
    .main_about_info .info p {
      text-align: center;
      font-size: .42rem;
      color: #333333;
      font-weight: bold;
      line-height: 1.2; }
    .main_about_info .info span {
      display: block;
      width: 9.6rem;
      font-size: .2rem;
      color: #999999;
      line-height: 1.8;
      margin: 0 auto;
      max-width: 100%;
      margin-top: .3rem;
      text-align: center;
      text-align:justify;
        
    }
    .main_about_info .info .play {
      width: 2.2rem;
      height: .6rem;
      border-radius: .4rem;
      margin: 0 auto;
      margin-top: .7rem;
      padding: 0 .1rem 0 .32rem;
      box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.04);
      cursor: pointer;
      display: flex;
      align-items: center;
      transition: all .4s;
      justify-content: space-between; }
      .main_about_info .info .play:hover {
        background: #002ea0;
        box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.26); }
        .main_about_info .info .play:hover em {
          color: #fff; }
        .main_about_info .info .play:hover div {
          transform: translateX(0.06rem); }
      .main_about_info .info .play em {
        font-size: .18rem;
        font-weight: bold;
        color: #333333; }
      .main_about_info .info .play div {
        width: .4rem;
        height: .4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-image: url(../images/about1.png);
        transition: all .2s;
        background-size: 100% 100%; }
        .main_about_info .info .play div img {
          width: .16rem; }

.main_contact {
  padding: 1.2rem 1.1rem; }
  .main_contact #map {
    width: 100%; }
    .main_contact #map img {
      width: 100%;
      display: block; }
  .main_contact .message {
    margin-top: 1.2rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .main_contact .message .fl p {
      font-size: .44rem;
      color: #333333;
      font-weight: bold;
      margin-bottom: .3rem; }
    .main_contact .message .fl span {
      display: block;
      font-size: .2rem;
      color: #999999;
      line-height: 1.6; }
    .main_contact .message form {
      width: 9.6rem;
      font-size: 12px; }
      .main_contact .message form input {
        width: 100%;
        height: .88rem;
        border-radius: .2rem;
        font-size: .18rem;
        color: #333;
        background: #F5F5F5;
        margin-bottom: .2rem;
        padding-left: .4rem;
        transition: all .2s;
        border: none; }
        .main_contact .message form input:focus {
          border: 1px solid #002ea0; }
        .main_contact .message form input::placeholder {
          color: #999999; }
      .main_contact .message form textarea {
        resize: none;
        outline: none;
        width: 100%;
        height: 2rem;
        border-radius: .2rem;
        font-size: .18rem;
        color: #333;
        background: #F5F5F5;
        margin-bottom: .2rem;
        padding: .32rem .4rem;
        box-sizing: border-box;
        transition: all .2s;
        border: none; }
        .main_contact .message form textarea:focus {
          border: 1px solid #002ea0; }
        .main_contact .message form textarea::placeholder {
          color: #999999; }
      .main_contact .message form button {
        background: none;
        border: none;
        outline: none;
        padding: 0;
        cursor: pointer;
        margin: 0; }
  .main_contact .contact_info {
    display: flex;
    align-items: flex-start;
    padding-bottom: 1.2rem;
    justify-content: space-between; }
    .main_contact .contact_info .fr {
      width: 7.58rem; }
      .main_contact .contact_info .fr p {
        font-size: .16rem;
        color: #999999; }
      .main_contact .contact_info .fr .address {
        border-top: 1px solid #E9E9E9;
        margin-top: .5rem;
        padding-top: .2rem; }
        .main_contact .contact_info .fr .address div {
          padding: .3rem 0; }
          .main_contact .contact_info .fr .address div p {
            font-size: .24rem;
            font-weight: bold;
            color: #333333; }
          .main_contact .contact_info .fr .address div span {
            display: block;
            font-size: .2rem;
            color: #999999;
            margin-top: .1rem; }
      .main_contact .contact_info .fr .desc {
        display: flex;
        align-items: center;
        margin-top: .3rem;
        justify-content: space-between;
        padding-right: .4rem; }
        .main_contact .contact_info .fr .desc .label {
          display: flex;
          align-items: center;
          font-size: .26rem;
          font-weight: bold;
          color: #333333; }
          .main_contact .contact_info .fr .desc .label div {
            width: .36rem;
            height: .36rem;
            background-position: center center;
            background-size: .22rem;
            background-repeat: no-repeat;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: .16rem;
            background-color: #E9F1FE; }
    .main_contact .contact_info .fl {
      overflow: hidden;
      width: 5.5rem; }
      .main_contact .contact_info .fl p {
        font-size: .44rem;
        color: #333333;
        font-weight: bold;
        margin-bottom: .3rem; }
      .main_contact .contact_info .fl span {
        display: block;
        font-size: .18rem;
        color: #999999;
        line-height: 1.6; }
      .main_contact .contact_info .fl img {
        width: .4rem;
        display: block;
        margin-top: .3rem; }

.main_recrult {
  padding: 1.2rem 1.1rem; }
  .main_recrult .title {
    font-size: .44rem;
    color: #333333;
    font-weight: bold; }
  .main_recrult .recrult_list {
    width: 100%;
    margin-top: .6rem;
    padding-bottom: .2rem; }
    .main_recrult .recrult_list .recrult_item {
      margin-bottom: .3rem;
      border: 1px solid #E9E9E9;
      border-radius: .2rem;
      padding: 0 .4rem;
      transition: all .4s; }
      .main_recrult .recrult_list .recrult_item.on {
        box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1); }
        .main_recrult .recrult_list .recrult_item.on .item_line .btn {
          background-image: url(../images/rec1.png);
          background-color: #002ea0; }
      .main_recrult .recrult_list .recrult_item:hover {
        box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }
      .main_recrult .recrult_list .recrult_item .recrult_info {
        width: 100%;
        border-top: 1px solid #E9E9E9;
        padding: .3rem 0;
        position: relative;
        display: none; }
        .main_recrult .recrult_list .recrult_item .recrult_info .button {
          width: 2.7rem;
          height: .8rem;
          border-radius: .4rem;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          position: absolute;
          right: .4rem;
          z-index: 1000;
          background: #002ea0;
          transition: all .4s;
          bottom: .4rem;
          font-size: .18rem;
          color: #fff; }
          .main_recrult .recrult_list .recrult_item .recrult_info .button:hover {
            box-shadow: 0 0.04rem 0.06rem rgba(0, 0, 0, 0.36);
            transform: scale(0.96) translateY(-0.04rem); }
          .main_recrult .recrult_list .recrult_item .recrult_info .button img {
            width: .26rem;
            margin-right: .1rem; }
        .main_recrult .recrult_list .recrult_item .recrult_info .label {
          width: 10rem;
          max-width: 80%;
          margin-bottom: .3rem; }
          .main_recrult .recrult_list .recrult_item .recrult_info .label .t {
            display: block;
            font-size: .16rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .1rem; }
          .main_recrult .recrult_list .recrult_item .recrult_info .label .d {
            font-size: .16rem;
            color: #999999;
            line-height: 1.6;
            text-align: justify;}
      .main_recrult .recrult_list .recrult_item .item_line {
        width: 100%;
        padding: .4rem 0;
        position: relative;
        cursor: pointer; }
        .main_recrult .recrult_list .recrult_item .item_line .btn {
          width: .34rem;
          height: .34rem;
          cursor: pointer;
          background-size: 100% 100%;
          position: absolute;
          right: 0;
          top: .38rem;
          background-position: center center;
          background-repeat: no-repeat;
          border-radius: 50%;
          background-size: .2rem;
          background-color: #333333;
          background-image: url(../images/rec6.png); }
        .main_recrult .recrult_list .recrult_item .item_line .tit {
          font-size: .22rem;
          color: #333333;
          font-weight: bold; }
        .main_recrult .recrult_list .recrult_item .item_line .act {
          overflow: hidden;
          font-size: .16rem;
            color: #333333;
          margin-top: .3rem; }
          .main_recrult .recrult_list .recrult_item .item_line .act p {
            font-size: .16rem;
            color: #999999;
            line-height: 1.6; }
        .main_recrult .recrult_list .recrult_item .item_line .desc {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          .main_recrult .recrult_list .recrult_item .item_line .desc div {
            display: flex;
            align-items: center;
            font-size: .16rem;
            color: #333333;
            margin-top: .2rem;
            margin-right: .4rem; }
            .main_recrult .recrult_list .recrult_item .item_line .desc div img {
              width: .16rem;
              margin-right: .04rem; }

.main_product_infos {
  width: 100%;
  padding: 1.2rem 0; }
  .main_product_infos .m {
    width: 14rem;
    margin: 0 auto; }
    .main_product_infos .m .product_infos_box {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: .3rem 0; }
      .main_product_infos .m .product_infos_box .pagelist {
        overflow: hidden;
        padding: .4rem 0; }
        .main_product_infos .m .product_infos_box .pagelist p {
          font-size: .16rem;
          color: #999999;
          padding: .08rem 0; }
          .main_product_infos .m .product_infos_box .pagelist p a {
            color: #999999;
            transition: all .4s; }
          .main_product_infos .m .product_infos_box .pagelist p:hover a {
            color: #002ea0; }
      .main_product_infos .m .product_infos_box .share_icon {
        display: flex;
        align-items: center;
        padding: .3rem 0;
        border-bottom: 1px solid #E9E9E9; }
        .main_product_infos .m .product_infos_box .share_icon span {
          font-size: .16rem;
          color: #999999; }
        .main_product_infos .m .product_infos_box .share_icon a {
          display: block;
          width: .3rem;
          height: .3rem;
          background-size: 100%;
          background-position: center center;
          transition: all .4s;
          margin-left: .3rem; }
          .main_product_infos .m .product_infos_box .share_icon a:hover {
            transform: scale(0.9); }
          .main_product_infos .m .product_infos_box .share_icon a.wx {
            background-image: url(../images/wxwx.png); }
          .main_product_infos .m .product_infos_box .share_icon a.qq {
            background-image: url(../images/qq.png); }
          .main_product_infos .m .product_infos_box .share_icon a.wb {
            background-image: url(../images/wb.png); }
      .main_product_infos .m .product_infos_box .back_caselist {
        width: 2rem;
        height: .6rem;
        transition: all .4s;
        margin-top: .36rem;
        border: 1px solid #E9E9E9;
        border-radius: .4rem; }
        .main_product_infos .m .product_infos_box .back_caselist:hover {
          border: 1px solid #002ea0;
          box-shadow: 0 0.04rem 0.06rem rgba(0, 0, 0, 0.1);
          background: #002ea0; }
          .main_product_infos .m .product_infos_box .back_caselist:hover a {
            color: #fff; }
            .main_product_infos .m .product_infos_box .back_caselist:hover a i {
              background-image: url(../images/lefth1.png);
              transform: translateX(-0.1rem); }
        .main_product_infos .m .product_infos_box .back_caselist a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: .16rem;
          color: #333333; }
          .main_product_infos .m .product_infos_box .back_caselist a i {
            width: .16rem;
            height: .16rem;
            display: block;
            background-image: url(../images/lefth.png);
            background-size: 100% 100%;
            margin-right: .06rem;
            transition: all .4s; }
      .main_product_infos .m .product_infos_box .product_infos_right {
        width: 3.6rem;
        position: sticky;
        right: 0;
        top: 1.4rem; }
        .main_product_infos .m .product_infos_box .product_infos_right .recommendation .title {
          font-size: .16rem;
          color: #333333;
          font-weight: bold; }
        .main_product_infos .m .product_infos_box .product_infos_right .recommendation ul {
          width: 100%;
          margin-top: .08rem; }
          .main_product_infos .m .product_infos_box .product_infos_right .recommendation ul li a {
            padding: .12rem 0;
            display: block; }
            .main_product_infos .m .product_infos_box .product_infos_right .recommendation ul li a:hover p {
              color: #002ea0; }
            .main_product_infos .m .product_infos_box .product_infos_right .recommendation ul li a p {
              font-size: .14rem;
              color: #999999;
              transition: all .4s; 
                text-align: justify;
            }
            .main_product_infos .m .product_infos_box .product_infos_right .recommendation ul li a span {
              display: block;
              font-size: .14rem;
              color: #999999;
              margin-top: .06rem; }
      .main_product_infos .m .product_infos_box .product_infos_left {
        width: 9.2rem; }
        .main_product_infos .m .product_infos_box .product_infos_left .left_content {
          width: 100%; 
            text-align: justify;
        }
          .main_product_infos .m .product_infos_box .product_infos_left .left_content p {
            font-size: .16rem;
            padding: 0rem 0;
            color: #333333;
            line-height: 1.8; }
          .main_product_infos .m .product_infos_box .product_infos_left .left_content img {
            display: block;
            margin: .2rem auto;
            max-width: 100%; }
    .main_product_infos .m .product_title {
      padding: .5rem 0 .3rem 0;
      border-bottom: 1px solid #E9E9E9; }
      .main_product_infos .m .product_title p {
        font-size: .32rem;
        color: #333333;
        font-weight: bold; }
      .main_product_infos .m .product_title span {
        display: block;
        font-size: .16rem;
        color: #999999;
        margin-top: .1rem; }

.menu_list {
  display: flex;
  align-items: center; }
  .menu_list > img {
    display: block;
    width: .12rem;
    margin: 0 .15rem; }
  .menu_list a {
    font-size: .16rem;
    font-weight: bold;
    transition: all .4s;
    color: #999999; }
    .menu_list a:hover {
      color: #002ea0; }
    .menu_list a img {
      width: .18rem; }

.main_product_intr {
  width: 100%; }
  .main_product_intr .m {
    width: 14rem;
    margin: 0 auto;
    padding: 1.2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .main_product_intr .m .product_intr_right {
      width: 3rem;
      position: sticky;
      right: 0;
      top: 1.4rem;
      z-index: 1000; }
      .main_product_intr .m .product_intr_right .productlist {
        width: 100%;
        margin-top: .3rem; }
        .main_product_intr .m .product_intr_right .productlist p {
          font-size: .16rem;
          color: #333333;
          font-weight: bold; }
        .main_product_intr .m .product_intr_right .productlist ul {
          margin-top: .05rem; }
          .main_product_intr .m .product_intr_right .productlist ul li {
            width: 100%;
            height: 2.16rem;
            border-radius: .2rem;
            margin-top: .15rem;
            position: relative;
            background: #DBE0E3;
            transition: all .4s; }
            .main_product_intr .m .product_intr_right .productlist ul li:hover {
              background: #E2E7EA;
              transform: translateY(-0.04rem);
              box-shadow: 0 0.04rem 0.06rem rgba(0, 0, 0, 0.2); }
            .main_product_intr .m .product_intr_right .productlist ul li a {
              width: 100%;
              height: 100%;
              display: block;
              display: flex;
              align-items: center;
              justify-content: center; }
              .main_product_intr .m .product_intr_right .productlist ul li a img {
                display: block;
                max-height: 80%;
                max-width: 100%; }
              .main_product_intr .m .product_intr_right .productlist ul li a span {
                display: block;
                font-size: .14rem;
                color: #333333;
                position: absolute;
                left: .2rem;
                bottom: .1rem;
                font-weight: bold; }
      .main_product_intr .m .product_intr_right .catalogue {
        width: 100%; }
        .main_product_intr .m .product_intr_right .catalogue p {
          font-size: .16rem;
          color: #333333;
          font-weight: bold; }
        .main_product_intr .m .product_intr_right .catalogue ul {
          position: relative;
          border-left: 2px solid #EBEBEB;
          margin-top: .3rem; }
          .main_product_intr .m .product_intr_right .catalogue ul li {
            width: 100%;
            padding: .1rem 0;
            padding-left: .2rem;
            position: relative;
            cursor: pointer; }
            .main_product_intr .m .product_intr_right .catalogue ul li.on span {
              color: #333333;
              font-weight: bold; }
            .main_product_intr .m .product_intr_right .catalogue ul li.on::after {
              opacity: 1;
              height: .16rem; }
            .main_product_intr .m .product_intr_right .catalogue ul li.on::before {
              opacity: 1;
              left: 0; }
            .main_product_intr .m .product_intr_right .catalogue ul li:hover span {
              color: #333333;
              font-weight: bold; }
            .main_product_intr .m .product_intr_right .catalogue ul li:hover::after {
              opacity: 1;
              height: .16rem; }
            .main_product_intr .m .product_intr_right .catalogue ul li:hover::before {
              opacity: 1;
              left: 0; }
            .main_product_intr .m .product_intr_right .catalogue ul li::after {
              content: '';
              width: 2px;
              height: .16rem;
              background: #000;
              position: absolute;
              left: -2px;
              top: 50%;
              transition: all .2s;
              opacity: 0;
              height: 0;
              transform: translateY(-50%); }
            .main_product_intr .m .product_intr_right .catalogue ul li::before {
              content: '';
              width: .05rem;
              height: .07rem;
              background-image: url(../images/rr.png);
              background-size: 100% 100%;
              position: absolute;
              left: .1rem;
              opacity: 0;
              transition: all .2s;
              top: 50%;
              transform: translateY(-50%); }
            .main_product_intr .m .product_intr_right .catalogue ul li span {
              position: relative;
              font-size: .16rem;
              color: #999999; }
    .main_product_intr .m .product_intr_grow {
      width: 10rem; }
      .main_product_intr .m .product_intr_grow .title {
        font-size: .44rem;
        color: #333333;
        font-weight: bold;
        margin-bottom: .3rem; }
      .main_product_intr .m .product_intr_grow .intr_data {
        margin-top: .8rem; }
        .main_product_intr .m .product_intr_grow .intr_data .data {
          border-radius: .2rem;
          box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
          padding: 0 .3rem; }
          .main_product_intr .m .product_intr_grow .intr_data .data p {
            font-size: .22rem;
            color: #002ea0;
            padding: .24rem 0;
            font-weight: bold; }
          .main_product_intr .m .product_intr_grow .intr_data .data div {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .24rem 0;
            border-top: 1px solid #E9E9E9; }
            .main_product_intr .m .product_intr_grow .intr_data .data div span {
              display: block;
              font-size: .18rem;
              color: #333333; }
            .main_product_intr .m .product_intr_grow .intr_data .data div em {
              display: block;
              text-align: right;
              max-width: 60%;
              line-height: 1.6;
              font-size: .18rem;
              color: #666666; }
      .main_product_intr .m .product_intr_grow .intr_chara {
        margin-top: .8rem; }
        .main_product_intr .m .product_intr_grow .intr_chara .chara {
          width: 100%; }
          .main_product_intr .m .product_intr_grow .intr_chara .chara li {
            width: 100%;
            margin-bottom: .2rem;
            border: 1px solid #E9E9E9;
            border-radius: .2rem;
            height: 1.2rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 .3rem; }
            .main_product_intr .m .product_intr_grow .intr_chara .chara li:last-child {
              margin-bottom: 0; }
            .main_product_intr .m .product_intr_grow .intr_chara .chara li .no {
              font-size: .58rem;
              opacity: .1;
              color: #999999;
              font-weight: bold; }
            .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow {
              display: flex;
              align-items: center; }
              .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .icon {
                width: .6rem;
                height: .6rem;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #F3F3F3; }
                .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .icon img {
                  display: block;
                  width: .3rem; }
              .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .info {
                   display: block;
                  font-size: .16rem;
                  flex: 1;
                  color: #999999;
                padding-left: .2rem; }
                .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .info p {
                  font-size: .22rem;
                   margin-bottom: .1rem;
                  color: #333333;
                  font-weight: bold; }
                .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .info span {
                  display: block;
                  font-size: .16rem;
                  color: #999999;
                  }
      .main_product_intr .m .product_intr_grow .intr_info {
        border-bottom: 1px solid #E9E9E9;
        padding-bottom: .3rem; }
        .main_product_intr .m .product_intr_grow .intr_info span {
          font-size: .16rem;
          color: #333333;
          display: block;
          line-height: 1.8; 
            text-align: justify;
        }

.main_product_box {
  width: 100%;
  height: 7.32rem;
  background-color: #E8EAEC;
  background-image: url(../images/banner8.png);
  background-size: cover;
  background-position: center center;
  padding-top: 1.2rem; }
  .main_product_box .m {
    width: 14rem;
    margin: 0 auto; }
    .main_product_box .m .product_info {
      width: 100%;
      margin-top: .58rem;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .main_product_box .m .product_info .product_slide {
        display: flex;
        align-items: flex-start; }
        .main_product_box .m .product_info .product_slide .slide_left {
          width: 6rem;
          height: 4.31rem;
          background: #F1F2F4;
          border-radius: .2rem; }
          .main_product_box .m .product_info .product_slide .slide_left .mySwiper {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative; }
            .main_product_box .m .product_info .product_slide .slide_left .mySwiper .swiper-pagination-bullet-active {
              background: #002ea0; }
            .main_product_box .m .product_info .product_slide .slide_left .mySwiper .swiper-slide {
              width: 100%;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center; }
          .main_product_box .m .product_info .product_slide .slide_left img {
            display: block;
            width: 80%;
            max-width: 80%;
            max-height: 80%; }
        .main_product_box .m .product_info .product_slide .slide_right {
          width: 1.5rem;
          height: 4.31rem;
          margin-left: .2rem; }
          .main_product_box .m .product_info .product_slide .slide_right .mySwiper1 {
            width: 100%;
            height: 100%;
            overflow: hidden; }
            .main_product_box .m .product_info .product_slide .slide_right .mySwiper1 .swiper-slide {
              width: 100%;
              border-radius: .1rem;
              border: 1px solid #fff;
              background: #F0F2F3;
              display: flex;
              align-items: center;
              cursor: pointer;
              justify-content: center;
              transition: all .4s; }
              .main_product_box .m .product_info .product_slide .slide_right .mySwiper1 .swiper-slide.on {
                border: 1px solid #002ea0;
                background: #DBE0E3; }
              .main_product_box .m .product_info .product_slide .slide_right .mySwiper1 .swiper-slide img {
                display: block;
                max-width: 90%;
                max-height: 90%; }
      .main_product_box .m .product_info .product_grow {
        width: 5.8rem; }
        .main_product_box .m .product_info .product_grow p {
          font-size: .40rem;
          color: #333333;
          font-weight: bold; }
           .main_product_box .m .product_info .product_grow p.subtitle {
          font-size: .22rem;
          color: #666;
          margin-top: .16rem;
          font-weight: bold; }
        .main_product_box .m .product_info .product_grow span {
          display: block;
          font-size: .16rem;
          color: #999999;
          line-height: 1.8;
          margin-top: .2rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 10;
          overflow: hidden; 
            text-align: justify; 
        }
        .main_product_box .m .product_info .product_grow .more_btn {
          background: #fff;
          margin-top: .8rem; }

.main_series {
  width: 100%;
  padding: .3rem 1.1rem 1.2rem 1.1rem; }
  .main_series .public_head .name {
    min-width: 100%;
    padding: 0; }
    .main_series .public_head .name span {
      text-align: center;
      display: block; }
  .main_series .series_software {
    width: 100%;
    height: 5rem;
    border-radius: .2rem;
    background: #F6F7F8;
    margin-top: .3rem;
    transition: all .4s; }
    .main_series .series_software:hover {
      /*background: #E2E7EA;*/
      transform: translateY(-0.04rem);
      box-shadow: 0 0.04rem 0.06rem rgba(0, 0, 0, 0.2); }
    .main_series .series_software a {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      box-sizing: border-box;
      padding-left: 1rem; }
      .main_series .series_software a img {
        width: 100%;
        display: block;
        position: absolute;
        right: 0;
        top: 0%;
        /*transform: translateY(-50%); */
          
      }
      .main_series .series_software a .grow {
        width: 8.2rem;
        text-align:justify;
          
      }
        .main_series .series_software a .grow p {
          font-size: .34rem;
          color: #333333;
          font-weight: bold;
          margin-bottom: .1rem; }
        .main_series .series_software a .grow span {
          display: block;
          font-size: .16rem;
          color: #999999;
          line-height: 1.6;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 6;
          overflow: hidden; }
        .main_series .series_software a .grow .btn {
          width: 2rem;
          height: .6rem;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #002ea0;
          font-size: .16rem;
          color: #fff;
          border-radius: .4rem;
          margin-top: .6rem; }
  .main_series .series_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .2rem; }
    .main_series .series_box .label {
      width: 8.35rem;
      height: 6rem;
      border-radius: .2rem;
      margin-top: .3rem;
      background: #F6F7F8;
      transition: all .4s; }
      .main_series .series_box .label:hover {
        /*background: #E2E7EA;*/
        transform: translateY(-0.04rem);
        box-shadow: 0 0.04rem 0.06rem rgba(0, 0, 0, 0.2); }
      .main_series .series_box .label a {
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: .5rem; }
        .main_series .series_box .label a .font {
          transition: all .4s;
          text-align: center; }
          .main_series .series_box .label a .font p {
            font-size: .34rem;
            color: #333333;
            font-weight: bold;
            line-height: 1.6;
            transition: all .4s; }
          .main_series .series_box .label a .font span {
            display: block;
            font-size: .2rem;
            color: #999999;
            margin-top: .1rem;
            transition: all .5s; }
        .main_series .series_box .label a .picture {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .main_series .series_box .label a .picture img {
            display: block;
            max-width: 100%;
            max-width: 100%; }

.page_list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: .6rem; }
  .page_list a {
    width: .6rem;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #F5F5F5;
    font-size: .18rem;
    background: #F5F5F5;
    color: #333333;
    transition: all .4s;
    margin: 0 .05rem; }
    .page_list a:hover {
      background: #002ea0;
      color: #fff; }
    .page_list a.on {
      background: #002ea0;
      color: #fff; }
    .page_list a.prev {
      background: none;
      background-image: url(../images/newsleft.png);
      background-size: .3rem;
      background-repeat: no-repeat;
      background-position: center center; }
      .page_list a.prev:hover {
        background-color: #002ea0;
        background-image: url(../images/leftb.png); }
    .page_list a.next {
      background: none;
      background-image: url(../images/newsright.png);
      background-size: .3rem;
      background-repeat: no-repeat;
      background-position: center center; }
      .page_list a.next:hover {
        background-color: #002ea0;
        background-image: url(../images/rightb.png); }
    .page_list a img {
      width: .3rem; }

.main_news_box {
  width: 100%;
  padding: 1.2rem 0; }
  .main_news_box .m {
    width: 14rem;
    margin: 0 auto; }
    .main_news_box .m .news_search {
      width: 100%;
      margin-top: .8rem; }
      .main_news_box .m .news_search .search_list {
        display: flex;
        margin-top: .1rem;
        flex-wrap: wrap; }
        .main_news_box .m .news_search .search_list .label {
          width: 4rem;
          margin-right: 1rem;
          transition: all .6s;
          padding: .4rem 0; }
          .main_news_box .m .news_search .search_list .label:hover{
              transform: translateY(-.05rem);
          }
          .main_news_box .m .news_search .search_list .label:nth-child(3n) {
            margin-right: 0; }
          .main_news_box .m .news_search .search_list .label:hover .picture img {
            transform: scale(1.06); }
          .main_news_box .m .news_search .search_list .label:hover .info .name p {
            color: #002ea0; }
          .main_news_box .m .news_search .search_list .label:hover .info .more {
            color: #002ea0; }
            .main_news_box .m .news_search .search_list .label:hover .info .more i {
              background-image: url(../images/rb.png); }
          .main_news_box .m .news_search .search_list .label .picture {
            overflow: hidden;
            width: 100%;
            height: 2.3rem;
            border-radius: .2rem; }
            .main_news_box .m .news_search .search_list .label .picture img {
              width: 100%;
              height: 100%;
              display: block;
              object-fit: cover;
              transition: all .6s; }
          .main_news_box .m .news_search .search_list .label .info {
            overflow: hidden;
            padding: .2rem 0 0 0; }
            .main_news_box .m .news_search .search_list .label .info .more {
              display: flex;
              align-items: center;
              font-size: .16rem;
              color: #999999;
              margin-top: .4rem;
              transition: all .4s; }
              .main_news_box .m .news_search .search_list .label .info .more i {
                width: .16rem;
                height: .16rem;
                display: block;
                background-size: 100% 100%;
                background-image: url(../images/newsright.png);
                margin-left: .06rem; }
            .main_news_box .m .news_search .search_list .label .info span {
              display: block;
              font-size: .2rem;
              color: #999999; }
            .main_news_box .m .news_search .search_list .label .info .name {
              height: .88rem; }
              .main_news_box .m .news_search .search_list .label .info .name p {
                font-size: .24rem;
                color: #333333;
                line-height: 1.4;
                transition: all .4s;
                font-weight: bold;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden; }
      .main_news_box .m .news_search .search_head {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .main_news_box .m .news_search .search_head .title {
          font-size: .44rem;
          color: #333333;
          font-weight: bold; }
        .main_news_box .m .news_search .search_head .tools {
          display: flex;
          align-items: center; }
          .main_news_box .m .news_search .search_head .tools .search {
            width: 5.4rem;
            margin-left: .2rem;
            position: relative;
            height: .8rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: all .4s; }
            .main_news_box .m .news_search .search_head .tools .search form{
                width: 100%;
                height: 100%;
                display: flex;
            align-items: center;
            justify-content: space-between;
            }
            .main_news_box .m .news_search .search_head .tools .search input {
              width: 100%;
              height: 100%;
              border: 1px solid #E9E9E9;
              border-radius: .4rem;
              outline: none;
              background: none;
              transition: all .4s;
              font-size: .18rem;
              color: #333;
              padding-left: .32rem; }
              .main_news_box .m .news_search .search_head .tools .search input::placeholder {
                color: #999999; }
              .main_news_box .m .news_search .search_head .tools .search input:focus {
                border: 1px solid #002ea0; }
            .main_news_box .m .news_search .search_head .tools .search img {
              width: .3rem;
              cursor: pointer;
              position: absolute;
              right: .26rem;
              top: 50%;
              transform: translateY(-50%);
              z-index: 9; }
          .main_news_box .m .news_search .search_head .tools .type {
            width: 2.7rem;
            height: .8rem;
            border-radius: .4rem;
            border: 1px solid #E9E9E9;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 .25rem 0 .32rem;
            cursor: pointer;
            transition: all .4s; }
            .main_news_box .m .news_search .search_head .tools .type:hover {
              background: #002ea0;
              border: 1px solid #002ea0; }
              .main_news_box .m .news_search .search_head .tools .type:hover span {
                color: #fff;
                transform: translateX(0.04rem); }
              .main_news_box .m .news_search .search_head .tools .type:hover i {
                background-image: url(../images/newsadd1.png);
                transform: translateX(-0.04rem); }
            .main_news_box .m .news_search .search_head .tools .type span {
              font-size: .18rem;
              color: #333333;
              font-weight: bold;
              transition: all .4s; }
            .main_news_box .m .news_search .search_head .tools .type i {
              width: .3rem;
              height: .3rem;
              display: block;
              background-image: url(../images/newsadd.png);
              background-size: 100% 100%;
              transition: all .4s; }
    .main_news_box .m .news_box {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      .main_news_box .m .news_box .news_list {
        width: 6.3rem; }
        .main_news_box .m .news_box .news_list ul {
          width: 100%; }
          .main_news_box .m .news_box .news_list ul li {
            height: .94rem;
            border-bottom: 1px solid #E9E9E9; }
            .main_news_box .m .news_box .news_list ul li:hover a p,
            .main_news_box .m .news_box .news_list ul li:hover a span {
              color: #002ea0; }
            .main_news_box .m .news_box .news_list ul li:first-child {
              height: .72rem; }
            .main_news_box .m .news_box .news_list ul li a {
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .main_news_box .m .news_box .news_list ul li a p {
                font-size: .2rem;
                font-weight: bold;
                transition: all .4s;
                color: #333333;
                width: 80%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
              .main_news_box .m .news_box .news_list ul li a span {
                font-size: .2rem;
                color: #999999;
                transition: all .4s; }
      .main_news_box .m .news_box .news_slide {
        width: 7.3rem;
        height: 4.5rem;
        position: relative;
        overflow: hidden;
        border-radius: .2rem; }
        .main_news_box .m .news_box .news_slide .mySwiper {
          width: 100%;
          height: 100%; }
          .main_news_box .m .news_box .news_slide .mySwiper .swiper-slide {
            width: 100%;
            height: 100%;
            position: relative; }
            .main_news_box .m .news_box .news_slide .mySwiper .swiper-slide img,
            .main_news_box .m .news_box .news_slide .mySwiper .swiper-slide video {
              width: 100%;
              height: 100%;
              display: block;
              object-fit: cover; }
            .main_news_box .m .news_box .news_slide .mySwiper .swiper-slide div {
              width: 100%;
              position: absolute;
              left: 0;
              bottom: 0;
              display: flex;
              align-items: center;
              justify-content: space-between;
              background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
              z-index: 9;
              padding: .38rem .3rem .3rem; }
              .main_news_box .m .news_box .news_slide .mySwiper .swiper-slide div p {
                font-size: .26rem;
                color: #fff;
                font-weight: bold;
                width: 80%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
              .main_news_box .m .news_box .news_slide .mySwiper .swiper-slide div span {
                font-size: .2rem;
                color: #fff; }

.main_product {
  width: 100%;
  padding: 1.2rem 1.1rem .2rem 1.1rem; }
  .main_product .public_head .name {
    min-width: 100%;
    padding: 0; }
    .main_product .public_head .name span {
      text-align: center;
      display: block; }
  .main_product .box {
    width: 100%;
    margin-top: .5rem; }
    .main_product .box .label {
      width: 8.35rem;
      transition: all .4s;
      height: 6rem;
      background: #F6F7F8;
      border-radius: .2rem; }
      .main_product .box .label:hover {
        /*background: #E2E7EA;*/
        transform: translateY(-0.04rem);
        box-shadow: 0 0.04rem 0.06rem rgba(0, 0, 0, 0.2); }
      .main_product .box .label a {
        width: 100%;
        height: 100%;
        display: block;
        box-sizing: border-box;
        padding: .5rem; }
        .main_product .box .label a .name {
          overflow: hidden;
          transition: all .4s;
          text-align: center; }
          .main_product .box .label a .name p {
            font-size: .34rem;
            color: #333333;
            font-weight: bold;
            line-height: 1.6;
            transition: all .4s; }
          .main_product .box .label a .name span {
            display: block;
            font-size: .2rem;
            color: #999999;
            margin-top: .1rem;
            transition: all .5s; }
        .main_product .box .label a .picture {
          margin-top: .4rem;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all .6s; }
          .main_product .box .label a .picture img {
            display: block;
            width: 3.5rem; }
    .main_product .box .bottom {
      display: flex;
      justify-content: space-between; }
      .main_product .box .bottom .label {
        height: 2.85rem;
        margin-top: .3rem; }
        .main_product .box .bottom .label a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding-right: .8rem; }
          .main_product .box .bottom .label a .picture {
            margin: 0; }
            .main_product .box .bottom .label a .picture img {
              width: 2.3rem; }
          .main_product .box .bottom .label a .name {
            text-align: left; }
    .main_product .box .top {
      display: flex;
      justify-content: space-between; }
      .main_product .box .top .grow {
        width: 8.35rem;
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
        .main_product .box .top .grow .label {
          height: 2.85rem; }
          .main_product .box .top .grow .label a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-right: .8rem; }
            .main_product .box .top .grow .label a .picture {
              margin: 0; }
              .main_product .box .top .grow .label a .picture img {
                width: 2.3rem; }
            .main_product .box .top .grow .label a .name {
              text-align: left; }

.desc_banner {
  width: 100%;
  height: 6.7rem;
  overflow: hidden;
  position: relative;
  border-radius: 0 0 .2rem .2rem; }
  .desc_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }
  .desc_banner .font {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: .6rem;
    padding-top: 1.36rem;
    padding-left: 1.1rem;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); }
    .desc_banner .font.black p,
    .desc_banner .font.black span {
      color: #333; }
    .desc_banner .font p {
      font-size: .54rem;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      line-height: 1.2; }
    .desc_banner .font span {
      display: block;
      font-size: .4rem;
      color: #fff;
      font-weight: bold;
      line-height: 1.2; }

.banner {
  width: 100%;
  height: 9.6rem;
  overflow: hidden;
  position: relative; }
  .banner .mySwiper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .banner .mySwiper .swiper-pagination {
      width: 100%;
      display: flex;
      align-items: center;
      position: absolute;
      z-index: 1000;
      left: 1.1rem;
      bottom: .8rem; }
      .banner .mySwiper .swiper-pagination .swiper-pagination-bullet {
        width: .24rem;
        height: .05rem;
        border-radius: .1rem;
        background: #fff;
        opacity: 1;
        transition: all .2s;
        margin: 0;
        margin-right: .1rem; }
      .banner .mySwiper .swiper-pagination .swiper-pagination-bullet-active {
        background: #002ea0; }
    .banner .mySwiper .swiper-slide {
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: 0 0 .2rem .2rem; }
      .banner .mySwiper .swiper-slide a {
        width: 100%;
        height: 100%;
        display: block; }
        .banner .mySwiper .swiper-slide a img,
        .banner .mySwiper .swiper-slide a video {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover; }
      .banner .mySwiper .swiper-slide .font {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        padding-bottom: 1.36rem;
        padding-top: 1.36rem;
        padding-left: 1.1rem;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)); }
        .banner .mySwiper .swiper-slide .font p {
          font-size: .44rem;
          color: #fff;
          font-weight: bold;
          line-height: 1.2; }

.header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  height: 1rem;
  z-index: 9999;
  transition: all .4s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.1rem 0 .62rem; }
  .header.border {
    border-bottom: 1px solid #E9E9E9; }
  .header.mr {
    backdrop-filter: blur(10px);
    background: none !important;
    box-shadow: none !important; }
  .header.on {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.04); }
    .header.on .tool .icon {
      box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.1); }
  .header .logo {
    width: 2rem;
    height: .86rem;
    background-image: url(../images/logo.png);
    background-size: 100% 100%; }
    .header .logo a {
      display: block;
      width: 100%;
      height: 100%; }
  .header .tool {
    height: 100%;
    display: flex;
    align-items: center; }
    .header .tool .icon {
      width: .46rem;
      height: .46rem;
      border-radius: .1rem;
      background-size: .22rem;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: rgba(255, 255, 255, 0.5);
      border: 1px solid rgba(255, 255, 255, 0.2);
      margin-left: .15rem;
      transition: all .4s;
      cursor: pointer; }
      .header .tool .icon:hover {
        box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.1); }
      .header .tool .icon.lang {
        background-image: url(../images/lang.png); }
      .header .tool .icon.menu {
        background-image: url(../images/menu.png); }
        .header .tool .icon.menu.on {
          background-image: url(../images/close.png); }

.video_popup {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999; }
  .video_popup .video_popup_mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    left: 0;
    top: 0; }
  .video_popup .video_popup_box {
    width: 12rem;
    max-width: 86%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .video_popup .video_popup_box video {
      width: 100%;
      display: block;
      background: #000;
      border-radius: .1rem; }
  .video_popup .video_popup_close {
    width: .4rem;
    height: .4rem;
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    cursor: pointer; }
    .video_popup .video_popup_close::before, .video_popup .video_popup_close::after {
      content: '';
      width: .32rem;
      height: 2px;
      background: #fff;
      position: absolute;
      left: .04rem;
      top: .19rem; }
    .video_popup .video_popup_close::before {
      transform: rotate(45deg); }
    .video_popup .video_popup_close::after {
      transform: rotate(-45deg); }

@media (max-width: 1000px) {
  .m {
    width: 100% !important; }

  .header {
    padding: 0 .3rem;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.04); }

  .header .tool .icon {
    box-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.1); }

  .banner .mySwiper .swiper-slide .font {
    padding: 1rem .3rem; }

  .banner .mySwiper .swiper-slide .font p {
    font-size: .4rem;
    line-height: 1.6; }

  .banner .mySwiper .swiper-pagination {
    left: .3rem; }

  .banner {
    height: 100vh; }

  .main_home_about {
    padding: 1.6rem 0;
    padding-bottom: 1.6rem; }

  .main_home_product {
    padding: .8rem .3rem; }

  .public_head {
    display: block; }

  .public_head .name {
    margin: 0;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 0; }
    .public_head .name p {
      font-size: .48rem;
      text-align: center; }
    .public_head .name span {
      display: block;
      text-align: center;
      font-size: .36rem; }

  .public_head .desc {
    width: 100%;
    margin-top: .3rem; }
    .public_head .desc p {
      font-size: .24rem;
      text-align: center; }

  .main_home_product .box {
    width: 100%;
    display: block; }

  .main_home_product .box .label {
    width: 100%;
    margin-top: .3rem; }

  .main_home_product .box .label .picture {
    height: 4.6rem; }

  .main_home_product .box .label .info .name {
    font-size: .28rem; }

  .main_home_product .box .label .info span {
    font-size: .26rem;
    width: 100%; }

  .main_home_product .box .label:nth-child(2) {
    margin-top: .3rem; }

  .main_home_product .more_btn {
    position: static;
    margin: 0 auto;
    width: 3rem; }

  .more_btn a i {
    font-size: .24rem; }

  .main_home_stories {
    width: 100%; }

  .main_home_stories .public_head {
    left: 0;
    width: 100%; }

  .main_home_stories .box .mySwiper1 .swiper-slide .info {
    width: 6.9rem;
    left: 0%;
    padding: .3rem;
    padding-bottom: 1.6rem;
    border-radius: .2rem;
    margin-left: .3rem;
    min-width: 4rem;
    bottom: 1.6rem;
    background: #fff;
    top: auto;
    transform: translate(0); }

  .main_home_about .about_info .more_btn {
    margin: 0 auto;
    margin-top: .3rem; }

  .main_news {
    padding: .6rem .3rem; }

  .main_home_stories .box .mySwiper1 .swiper-slide .button {
    left: .3rem;
    bottom: .4rem; }

  .main_home_stories .box .mySwiper1 .swiper-slide .more_btn {
    right: .3rem;
    bottom: .4rem; }

  .main_home_stories .box .mySwiper1 .swiper-slide .info .desc {
    margin-top: .2rem; }
    .main_home_stories .box .mySwiper1 .swiper-slide .info .desc span {
      font-size: .24rem; }

  .main_home_about .picture img {
    height: auto;
    max-height: 90%;
    max-width: 90%; }

  .main_home_about .video {
    left: .3rem;
    top: 1.2rem; }

  .main_home_about .video span {
    font-size: .24rem;
    line-height: 1.6; }

  .main_home_about .about_info {
    width: 6.9rem;
    bottom: 0;
    padding: .3rem;
    left: .3rem; }

  .main_home_about .about_info .desc em {
    font-size: .2rem;
    margin-top: .2rem; }

  .main_home_about .about_info p {
    font-size: .38rem; }

  .main_home_about .about_info span {
    font-size: .38rem; }

  .main_news .box .news_grow {
    width: 100%; }

  .main_news .box {
    display: block;
    margin-top: .6rem; }

  .main_news .box .news_grow .mySwiper2 .swiper-slide .news_info p {
    font-size: .28rem; }

  .main_news .box .news_grow .mySwiper2 .swiper-slide .news_info span {
    font-size: .24rem; }

  .main_news .box .news_list {
    width: 100%;
    margin-top: .3rem; }

  .main_news .more_btn {
    float: none;
    margin: 0 auto;
    margin-top: .6rem; }

  .main_join {
    padding: 0 .3rem;
    display: block;
    padding: .6rem 0 0 0;
    position: relative; }

  .main_join .fl div {
    justify-content: center;
    font-size: .36rem; }

  .footer {
    padding: .6rem .3rem;
    padding-bottom: 0; }

  .footer .footer_info .clicktop {
    display: flex;
    position: static;
    margin: .2rem auto;
    transform: translate(0); }

  .banner .mySwiper .swiper-slide .font {
    padding-bottom: 1.6rem; }

  .header .tool .icon {
    width: .6rem;
    background-size: .32rem;
    height: .6rem; }

  .footer .footer_link .label p {
    font-size: .22rem; }

  .footer .footer_link .label a {
    font-size: .2rem; }

  .footer .footer_info {
    height: auto;
    padding: .3rem 0;
    display: block; }
    .footer .footer_info span {
      font-size: .2rem;
      display: block;
      text-align: center; }

  .main_join .fl span {
    text-align: center;
    font-size: .26rem; }

  .main_join .fr {
    text-align: center;
    position: relative;
    z-index: 9;
    width: 100%;
    margin-top: .3rem; }

  .main_join .fl {
    text-align: center;
    position: relative;
    z-index: 9; }

  .main_join .fr .share {
    justify-content: center; }

  .main_join .fr span {
    font-size: .26rem; }

  .main_join::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    left: 0;
    top: 0; }

  .main_join .fr .share a {
    height: .56rem;
    height: .56rem;
    background-size: 80%; }

  .main_news .box .news_list .label {
    height: 1rem; }

  .main_news .box .news_list .label a p {
    font-size: .26rem; }

  .main_news .box .news_list .label a span {
    font-size: .24rem; }

  .main_news .box .news_list .label a {
    padding: 0; }

  .main_news .box .news_list .label:first-child {
    height: 1rem; }

  .main_fadein .fadein_nav {
    padding: 1.6rem .3rem .3rem .3rem; }

  .main_fadein .fadein_nav .top {
    display: block;
    width: 100%; }

  .main_fadein .fadein_nav .top .picture {
    width: 100%;
    height: auto; }

  .main_fadein .fadein_nav .top .nav {
    justify-content: space-between;
    padding: .4rem 0; }

  .main_fadein .fadein_nav .bottom .fl p {
    font-size: .22rem; }

  .main_fadein .fadein_nav .bottom .share a {
    width: .6rem;
    height: .6rem;
    background-size: 60%; }

  .main_fadein .fadein_slide .mySwipers .swiper-slide p {
    font-size: .36rem;
    padding-left: .3rem; }

  .main_fadein .fadein_slide .mySwipers .swiper-pagination {
    padding-left: .3rem; }

  .main_fadein .fadein_nav .top .nav .item .label div a {
    font-size: .26rem;
    margin: 0;
    padding: .04rem 0; }

  .main_fadein .fadein_nav .bottom {
    display: block; }

  .main_fadein .fadein_nav .bottom .share {
    margin-top: .2rem; }

  .main_fadein .fadein_nav .top .nav .item .label p {
    padding: .2rem 0; }

  .main_fadein .fadein_nav .top .nav .item {
    margin: 0;
    width: 48%; }

  .desc_banner .font {
    padding: 1rem .3rem;
    padding-bottom: .3rem; }

  .desc_banner {
    height: 5.6rem; }

  .main_about_info {
    padding: .8rem .3rem; }

  .main_about_info .info p {
    font-size: .36rem;
    line-height: 1.6; }

  .main_about_introduction {
    width: 100%;
    margin-top: .4rem; }

  .main_about_introduction .fontGrow {
    width: 68%;
    margin-left: .3rem; }

  .main_about_introduction .fontGrow p {
    font-size: .24rem; }

  .main_about_info ul li {
    margin-top: .3rem; }

  .main_about_team {
    padding: .6rem .3rem;
    display: block; }

  .main_about_team .box {
    width: 100%;
    margin-top: .8rem; }

  .main_about_team .box .label .font p {
    font-size: .24rem; }
    .main_about_team .box .label .font p span {
      font-size: .3rem; }

  .main_about_team .box .label .font em {
    font-size: .26rem; }

  .main_about_team .box .label .info {
    padding: .2rem 0 0 0; }

  .main_about_team .box .label .info .fl .desec p {
    font-size: .24rem; }

  .main_about_team .box .label .info .user {
    display: none; }

  .main_about_team .box .label .info .fl {
    width: 100%; }

  .main_about_team .box .label .info .type {
    padding-top: .2rem;
    display: none; }

  .main_about_team .box .label .info {
    height: 3.2rem; }

  .main_about_team .box .label .info .fl .name {
    font-size: .24rem; }

  .main_about_team .box .label .info .fl .name span {
    font-size: .3rem; }

  .main_about_architecture {
    padding: .8rem .3rem;
    display: block; }

  .main_about_culture {
    padding: .8rem .3rem; }

  .main_about_culture .box .label .info span {
    font-size: .26rem; }

  .main_about_culture .box .label .info p {
    font-size: .28rem; }

  .main_about_team .box .label.on .info {
    display: block; }

  .main_about_introduction img {
    width: 3rem; }

  .main_about_info .info span {
    font-size: .24rem;
    line-height: 1.6;
    width: 100%; }

  .main_about_info .info .play {
    width: 3.6rem;
    height: .8rem; }

  .main_about_info .info .play em {
    font-size: .26rem; }

  .main_about_info .info .play div {
    width: .6rem;
    height: .6rem; }

  .main_about_info ul {
    flex-wrap: wrap; }

  .main_about_info ul li {
    width: 48%;
    height: 3.4rem;
    padding-top: .34rem; }

  .main_about_info ul li p {
    font-size: .24rem;
    margin-top: .1rem; }

  .main_about_info ul li span {
    font-size: .2rem;
    padding: 0 .4rem;
    margin-top: .1rem; }

  .desc_banner .font p {
    font-size: .46rem; }

  .desc_banner .font span {
    font-size: .32rem; }

  .main_product_infos {
    padding: 1.4rem .3rem; }

  .menu_list a {
    font-size: .24rem; }

  .menu_list a img {
    width: .26rem; }

  .menu_list > img {
    width: .2rem; }

  .main_product_infos .m .product_title span {
    font-size: .24rem; }

  .main_product_infos .m .product_infos_box {
    display: block; }

  .main_product_infos .m .product_infos_box .product_infos_left .left_content p {
    font-size: .26rem; }

  .main_product_infos .m .product_infos_box .share_icon span {
    font-size: .26rem; }

  .main_product_infos .m .product_infos_box .pagelist p {
    font-size: .26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

  .main_product_infos .m .product_infos_box .product_infos_right .recommendation .title {
    font-size: .3rem; }

  .main_product_infos .m .product_infos_box .product_infos_right {
    width: 100%;
    position: static; }

  .main_product_infos .m .product_infos_box .product_infos_right .recommendation ul li a p {
    font-size: .26rem; }

  .main_product_infos .m .product_infos_box .product_infos_right .recommendation ul li a span {
    font-size: .24rem; }

  .main_product_infos .m .product_infos_box .back_caselist {
    width: 2.6rem;
    height: .8rem;
    margin: 0 auto;
    margin-top: .6rem; }
    .main_product_infos .m .product_infos_box .back_caselist a {
      font-size: .28rem; }
      .main_product_infos .m .product_infos_box .back_caselist a i {
        width: .24rem;
        height: .24rem; }

  .main_product_infos .m .product_infos_box .product_infos_left {
    width: 100%; }

  .main_contact {
    padding: .8rem .3rem; }

  .main_contact .contact_info {
    display: block; }

  .main_contact .contact_info .fl {
    width: 100%; }

  .main_contact .contact_info .fl span {
    font-size: .26rem;
    line-height: 1.6; }

  .main_contact .contact_info .fr {
    width: 100%;
    padding: .3rem 0; }

  .main_contact .contact_info .fr p {
    font-size: .26rem; }

  .main_contact .contact_info .fr .desc .label {
    font-size: .28rem; }

  .main_contact .contact_info .fr .address div p {
    font-size: .28rem; }

  .main_contact .contact_info .fr .address div span {
    font-size: .24rem; }

  .main_contact .contact_info {
    padding-bottom: .2rem; }

  .main_contact .message {
    margin-top: .6rem;
    display: block; }

  .main_contact .message .fl span {
    font-size: .26rem; }

  .main_contact .message form {
    width: 100%;
    margin-top: .4rem; }

  .main_contact .message form input {
    font-size: .26rem;
    padding-left: .3rem; }

  .main_contact .message form textarea {
    font-size: .26rem;
    padding: .3rem; }

  .main_contact .message form button {
    margin: 0 auto;
    margin-top: .6rem;
    display: flex; }

  .main_news_box {
    padding: .8rem .3rem; }

  .main_news_box .m .news_box {
    display: block; }

  .main_news_box .m .news_box .news_slide {
    width: 100%; }

  .main_news_box .m .news_box .news_list {
    width: 100%; }

  .main_news_box .m .news_box .news_list ul li a p {
    font-size: .26rem; }

  .main_news_box .m .news_box .news_list ul li a span {
    font-size: .24rem; }

  .main_news_box .m .news_box .news_list ul li:first-child {
    height: .94rem; }

  .main_news_box .m .news_search .search_head {
    display: block; }

  .main_news_box .m .news_search .search_head .title {
    font-size: .36rem;
    margin-bottom: .3rem; }

  .main_news_box .m .news_search .search_head .tools .type span {
    font-size: .26rem; }

  .main_news_box .m .news_search .search_head .tools .search input {
    font-size: .26rem; }

  .main_news_box .m .news_search .search_head .tools .search img {
    width: .5rem; }

  .main_news_box .m .news_search .search_list {
    justify-content: space-between;
    flex-wrap: wrap; }
    .main_news_box .m .news_search .search_list .label {
      width: 48%;
      margin: 0; }

  .main_news_box .m .news_search .search_list .label .info span {
    font-size: .24rem; }

  .main_news_box .m .news_search .search_list .label .info .more {
    font-size: .24rem;
    margin-top: .2rem; }

  .page_list a {
    font-size: .26rem; }

  .main_product_box {
    height: auto;
    padding: 1.2rem .3rem; }

  .main_product_box .m .product_info {
    display: block; }

  .main_product_box .m .product_info .product_grow span {
    font-size: .24rem;
    width: 100%; }

  .main_product_box .m .product_info .product_grow {
    width: 100%; }

  .main_product_box .m .product_info .product_slide {
    margin-top: .4rem; }

  .main_product_box .m .product_info .product_slide .slide_left {
    width: 76%; }

  .main_product_box .m .product_info .product_slide .slide_right {
    width: 22%; }

  .main_product_intr .m {
    padding: .8rem .3rem;
    display: block; }

  .main_product_intr .m .product_intr_grow {
    width: 100%; }

  .main_product_intr .m .product_intr_grow .intr_info span {
    font-size: .24rem; }

  .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .icon {
    width: .8rem;
    height: .8rem; }
    .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .icon img {
      width: .46rem; }

  .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .info p {
    font-size: .26rem; }

  .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .info span {
    font-size: .24rem; }

  .main_product_intr .m .product_intr_grow .intr_chara .chara li {
    height: auto;
    padding: .3rem; }

  .main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .info {
    flex: 1; }

  .main_product_intr .m .product_intr_grow .intr_data .data p {
    font-size: .26rem; }

  .main_product_intr .m .product_intr_grow .intr_data .data div span {
    font-size: .26rem; }

  .main_product_intr .m .product_intr_grow .intr_data .data div em {
    font-size: .26rem; }

  .main_product_intr .m .product_intr_right {
    width: 100%;
    position: static;
    padding: .6rem 0; }

  .main_product_intr .m .product_intr_right .catalogue p {
    font-size: .36rem; }

  .main_product_intr .m .product_intr_right .catalogue {
    display: none; }

  .main_product_intr .m .product_intr_right .productlist p {
    font-size: .28rem; }

  .main_product_intr .m .product_intr_right .productlist ul li {
    margin-top: .3rem;
    height: 4rem; }

  .main_product_intr .m .product_intr_right .productlist ul li a span {
    font-size: .28rem; }

  .main_product {
    padding: .8rem .3rem; }

  .main_product .box .top {
    display: block; }

  .main_product .box .label {
    width: 100%;
    margin-bottom: .2rem; }

  .main_product .box .top .grow {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row; }
    .main_product .box .top .grow .label {
      width: 100%;
      margin: 0;
      margin-bottom: .2rem;
      height: 6rem; }

  .main_product .box .label a .name p {
    text-align: center; }

  .main_product .box .label a .name span {
    text-align: center; }

  .main_product .box .label a .picture {
    margin-top: .4rem; }

  .main_product .box .top .grow .label a .picture {
    margin-top: .4rem; }

  .main_product .box .top .grow .label a .picture img {
    width: 3.5rem; }

  .main_product .box .bottom {
    display: block; }

  .main_product .box .bottom .label {
    width: 100%;
    margin-top: 0;
    margin-bottom: .2rem; }

  .main_series {
    padding: .3rem; }

  .main_series .series_software a {
    display: block;
    padding: .3rem; }

  .main_series .series_software a .grow span {
    font-size: .26rem;
    line-height: 1.6;
    margin-top: .3rem; }

  .main_series .series_software a .grow .btn {
    width: 3rem;
    height: .8rem;
    margin: 0 auto;
    font-size: .28rem;
    margin-top: .3rem; }

  .main_series .series_software a img {
    display: none; }

  .main_series .series_software a .grow {
    width: 100%; }

  .main_product .box .label a .name span {
    font-size: .24rem; }

  .main_product .box .top .grow .label a {
    display: block; }

  .main_recrult {
    padding: .8rem .3rem; }

  .main_recrult .recrult_list {
    margin-top: .4rem; }

  .main_recrult .recrult_list .recrult_item {
    padding: 0 .3rem; }

  .main_recrult .recrult_list .recrult_item .item_line {
    padding: .2rem 0; }

  .main_recrult .recrult_list .recrult_item .item_line .tit {
    font-size: .26rem; }

  .main_recrult .recrult_list .recrult_item .item_line .desc div {
    font-size: .24rem; }

  .main_recrult .recrult_list .recrult_item .item_line .desc div img {
    width: .2rem; }

  .main_recrult .recrult_list .recrult_item .item_line .act p {
    font-size: .24rem; }

  .main_recrult .recrult_list .recrult_item .recrult_info .label {
    width: 100%;
    max-width: 100%; }

  .main_recrult .recrult_list .recrult_item .recrult_info .label .t {
    font-size: .26rem; }

  .main_recrult .recrult_list .recrult_item .recrult_info .label .d {
    font-size: .24rem; }

  .main_recrult .recrult_list .recrult_item .recrult_info .button {
    position: static;
    margin: 0 auto;
    margin-top: .4rem;
    font-size: .26rem; }
    .main_recrult .recrult_list .recrult_item .recrult_info .button img {
      width: .26rem; }

  .main_recrult .title {
    font-size: .36rem;
    text-align: center; } }
.content {
  position: relative; }

.banner,
.main_home_about,
.main_home_product,
.main_home_stories,
.main_news,
.main_join {
  position: relative;
  overflow: hidden; }

.banner::after,
.main_home_product::before,
.main_home_stories::before,
.main_news::before {
  content: '';
  width: 4rem;
  height: 4rem;
  position: absolute;
  right: -.9rem;
  top: .8rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(22, 77, 240, 0.16), rgba(22, 77, 240, 0) 68%);
  pointer-events: none;
  animation: homeFloat 6s ease-in-out infinite alternate; }

.banner .swiper-slide img,
.main_home_about .picture img,
.main_home_about .video,
.main_home_stories .poster,
.main_news .picture img {
  will-change: transform;
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }

.banner .swiper-slide-active img {
  animation: homeBannerZoom 7s ease both; }

.main_home_product .box .label,
.main_news .box .news_list .label,
.more_btn,
.main_home_about .video {
  transform-style: preserve-3d;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s, filter 0.45s; }

.main_home_product .box .label:hover,
.main_news .box .news_list .label:hover,
.main_home_about .video:hover {
  transform: translateY(-0.08rem) rotateX(3deg) rotateY(-3deg);
  filter: saturate(1.08); }

.main_home_product .box .label a,
.main_news .box .news_list .label a,
.more_btn a {
  position: relative;
  overflow: hidden; }

.main_home_product .box .label a::after,
.main_news .box .news_list .label a::after,
.more_btn a::after {
  content: '';
  width: 40%;
  height: 160%;
  position: absolute;
  left: -70%;
  top: -30%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0));
  transform: rotate(18deg);
  transition: left .7s;
  pointer-events: none; }

.main_home_product .box .label a:hover::after,
.main_news .box .news_list .label a:hover::after,
.more_btn a:hover::after {
  left: 130%; }

.home_reveal {
  opacity: 0;
  transform: translateY(0.52rem);
  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1); }

.home_reveal.home_show {
  opacity: 1;
  transform: translateY(0); }

@keyframes homeFloat {
  0% {
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    transform: translate3d(-0.3rem, 0.35rem, 0) scale(1.14); } }
@keyframes homeBannerZoom {
  0% {
    transform: scale(1.08); }
  100% {
    transform: scale(1); } }
@media (max-width: 1000px) {
  .main_home_product .box .label:hover,
  .main_news .box .news_list .label:hover,
  .main_home_about .video:hover {
    transform: translateY(-0.04rem); } }
.main_about_info,
.main_about_introduction,
.main_about_team,
.main_about_architecture,
.main_about_culture {
  position: relative;
  overflow: hidden; }

.main_about_info::before,
.main_about_team::before,
.main_about_culture::before {
  content: '';
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(22, 77, 240, 0.12), rgba(22, 77, 240, 0) 68%);
  pointer-events: none;
  animation: aboutAura 7s ease-in-out infinite alternate; }

.main_about_info::before {
  left: -.8rem;
  top: .4rem; }

.main_about_team::before,
.main_about_culture::before {
  right: -1.4rem;
  top: .2rem; }

.about_reveal {
  opacity: 0;
  transform: translateY(0.58rem);
  transition: opacity 0.8s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); }

.about_reveal.about_show {
  opacity: 1;
  transform: translateY(0); }

.main_about_info ul li,
.main_about_team .box .label,
.main_about_culture .box .label,
.main_about_architecture .box img,
.main_about_introduction {
  will-change: transform; }

.main_about_info ul li {
  position: relative;
  overflow: hidden;
  transition: transform 0.48s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.48s, background 0.48s; }

.main_about_info ul li:nth-child(even) {
  background: #fff;
  box-shadow: 0 0.1rem 0.2rem rgba(22, 77, 240, 0.12); }

.main_about_info ul li::after {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  right: -.35rem;
  top: -.35rem;
  border-radius: 50%;
  background: rgba(22, 77, 240, 0.08);
  transform: scale(0);
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); }

.main_about_introduction {
  overflow: initial; }

.main_about_info ul li:hover {
  transform: translateY(-0.1rem) scale(0.98);
  box-shadow: 0 0.1rem 0.2rem rgba(22, 77, 240, 0.12); }

.main_about_info ul li:hover::after {
  transform: scale(8.2); }

.main_about_introduction {
  box-shadow: 0 0.18rem 0.5rem rgba(0, 0, 0, 0.08);
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.7s; }

.main_about_introduction:hover {
  transform: translateY(-0.06rem);
  box-shadow: 0 0.22rem 0.62rem rgba(22, 77, 240, 0.13); }

.main_about_introduction img {
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); }

.main_about_introduction:hover img {
  transform: translateX(-0.08rem) scale(1.03); }

.main_about_team .box .label.on .info {
  animation: aboutTeamIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) both; }

.main_about_team .box .label .font {
  transition: background .35s, transform .35s, padding .35s; }

.main_about_team .box .label .user {
  overflow: hidden;
  box-shadow: 0 0.12rem 0.3rem rgba(0, 0, 0, 0.14); }

.main_about_team .box .label .user img {
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }

.main_about_team .box .label.on .user img {
  transform: scale(1.05); }

.main_about_architecture .box img {
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s;
  transform-origin: center; }

.main_about_culture .box .label a {
  display: block;
  position: relative;
  overflow: hidden; }

.main_about_culture .box .label a::after {
  content: '';
  width: 38%;
  height: 150%;
  position: absolute;
  left: -70%;
  top: -25%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0));
  transform: rotate(18deg);
  transition: left .75s;
  pointer-events: none; }

.main_about_culture .box .label a:hover::after {
  left: 130%; }

.main_about_culture .swiper-slide-active .label {
  transform: translateY(-0.06rem); }

@keyframes aboutAura {
  0% {
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    transform: translate3d(-0.35rem, 0.28rem, 0) scale(1.16); } }
@keyframes aboutTeamIn {
  0% {
    opacity: 0;
    transform: translateY(0.18rem); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@media (max-width: 1000px) {
  .main_about_info::before,
  .main_about_team::before,
  .main_about_culture::before {
    width: 3rem;
    height: 3rem; }

  .main_about_info ul li:hover,
  .main_about_introduction:hover,
  .main_about_architecture .box img:hover {
    transform: none; } }
.main_contact {
  position: relative;
  overflow: hidden; }

.main_contact::before,
.main_contact::after {
  content: '';
  width: 4.6rem;
  height: 4.6rem;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(22, 77, 240, 0.12), rgba(22, 77, 240, 0) 68%);
  animation: contactAura 7s ease-in-out infinite alternate; }

.main_contact::before {
  left: -1.2rem;
  top: .5rem; }

.main_contact::after {
  right: -1.4rem;
  bottom: 1.6rem;
  animation-delay: -2s; }

.contact_reveal {
  opacity: 0;
  transform: translateY(0.58rem);
  transition: opacity 0.8s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); }

.contact_reveal.contact_show {
  opacity: 1;
  transform: translateY(0); }

.main_contact .contact_info .fl,
.main_contact .contact_info .fr,
.main_contact #map,
.main_contact .message form {
  position: relative;
  z-index: 2; }

.main_contact .contact_info .fr .desc .label,
.main_contact .contact_info .fr .address div,
.main_contact .message form input,
.main_contact .message form textarea,
.main_contact #map {
  transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.42s, border-color 0.3s, background 0.3s; }

.main_contact .contact_info .fr .desc .label {
  position: relative;
  overflow: hidden;
  border-radius: .18rem;
  padding: .12rem .18rem; }

.main_contact .contact_info .fr .desc .label::after {
  content: '';
  width: 36%;
  height: 160%;
  position: absolute;
  left: -70%;
  top: -30%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0));
  transform: rotate(18deg);
  transition: left .68s;
  pointer-events: none; }

.main_contact .contact_info .fr .desc .label:hover::after {
  left: 130%; }

.main_contact .contact_info .fr .desc .label:hover div {
  transform: rotate(8deg) scale(1.08); }

.main_contact .contact_info .fr .desc .label div {
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1); }

.main_contact .contact_info .fr .address div {
  border-radius: .18rem; }

.main_contact #map {
  overflow: hidden;
  border-radius: .24rem;
  box-shadow: 0 0.16rem 0.48rem rgba(0, 0, 0, 0.08); }

.main_contact #map img {
  transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), filter 0.9s; }

.main_contact .contact_info .fl img {
  animation: contactArrow 1.6s ease-in-out infinite alternate; }

.main_contact .message form {
  border-radius: .24rem;
  padding: .3rem;
  background: rgba(255, 255, 255, 0.42);
  backdrop-filter: blur(10px);
  box-shadow: 0 0.16rem 0.48rem rgba(0, 0, 0, 0.06); }

.main_contact .message form input,
.main_contact .message form textarea {
  border: 1px solid transparent; }

.main_contact .message form input:focus,
.main_contact .message form textarea:focus {
  background: #fff;
  border-color: #002ea0;
  box-shadow: 0 0.08rem 0.2rem rgba(22, 77, 240, 0.12);
  transform: translateY(-0.03rem); }

.main_contact .message form .field_focus {
  transform: translateY(-0.03rem); }

.main_contact .message form button .more_btn a {
  overflow: hidden; }

.main_contact .message form button .more_btn a::after {
  content: '';
  width: 40%;
  height: 160%;
  position: absolute;
  left: -70%;
  top: -30%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  transform: rotate(18deg);
  transition: left .7s;
  pointer-events: none; }

.main_contact .message form button .more_btn a:hover::after {
  left: 130%; }

@keyframes contactAura {
  0% {
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    transform: translate3d(0.28rem, -0.24rem, 0) scale(1.14); } }
@keyframes contactArrow {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(0.08rem); } }
@media (max-width: 1000px) {
  .main_contact::before,
  .main_contact::after {
    width: 3rem;
    height: 3rem; }

  .main_contact .message form {
    padding: .2rem; }

  .main_contact #map:hover,
  .main_contact .contact_info .fr .desc .label:hover,
  .main_contact .contact_info .fr .address div:hover {
    transform: none; } }
.main_product_box,
.main_product_intr {
  position: relative;
  overflow: hidden; }

.main_product_box::before,
.main_product_intr::before {
  content: '';
  width: 5rem;
  height: 5rem;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(22, 77, 240, 0.14), rgba(22, 77, 240, 0) 68%);
  animation: productAura 7s ease-in-out infinite alternate; }

.main_product_box::before {
  right: -1.2rem;
  top: .4rem; }

.main_product_intr::before {
  left: -1.4rem;
  top: 2rem; }

.product_info_reveal {
  opacity: 0;
  transform: translateY(0.58rem);
  transition: opacity 0.8s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); }

.product_info_reveal.product_info_show {
  opacity: 1;
  transform: translateY(0); }

.main_product_box .product_info .product_slide .slide_left,
.main_product_box .product_info .product_slide .slide_right .swiper-slide,
.main_product_intr .m .product_intr_grow .intr_chara .chara li,
.main_product_intr .m .product_intr_grow .intr_data .data,
.main_product_intr .m .product_intr_right .productlist ul li {
  position: relative;
  overflow: hidden;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s, background 0.45s, border-color 0.45s; }

.main_product_box .product_info .product_slide .slide_left {
  box-shadow: 0 0.18rem 0.46rem rgba(0, 0, 0, 0.08); }

.main_product_box .product_info .product_slide .slide_left img {
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s; }

.main_product_box .product_info .product_grow .more_btn a,
.main_product_intr .m .product_intr_right .productlist ul li a,
.main_product_intr .m .product_intr_grow .intr_chara .chara li {
  position: relative;
  overflow: hidden; }

.main_product_box .product_info .product_grow .more_btn a::after,
.main_product_intr .m .product_intr_right .productlist ul li a::after,
.main_product_intr .m .product_intr_grow .intr_chara .chara li::after {
  content: '';
  width: 38%;
  height: 160%;
  position: absolute;
  left: -70%;
  top: -30%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0));
  transform: rotate(18deg);
  transition: left .75s;
  pointer-events: none; }

.main_product_box .product_info .product_grow .more_btn a:hover::after,
.main_product_intr .m .product_intr_right .productlist ul li a:hover::after {
  left: 130%; }

.main_product_intr .m .product_intr_grow .intr_chara .chara li .grow .icon {
  transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), background 0.42s; }

.main_product_intr .m .product_intr_grow .intr_chara .chara li:hover .grow .icon {
  transform: rotate(8deg) scale(1.08);
  background: rgba(22, 77, 240, 0.08); }

.main_product_intr .m .product_intr_grow .intr_chara .chara li .no {
  transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.42s; }

.main_product_intr .m .product_intr_grow .intr_chara .chara li:hover .no {
  transform: translateX(-0.08rem) scale(1.08);
  opacity: .16; }

.main_product_intr .m .product_intr_grow .intr_data .data {
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(10px); }

.main_product_intr .m .product_intr_grow .intr_data .data div {
  transition: background .3s, padding .3s; }

.main_product_intr .m .product_intr_right .catalogue ul li {
  transition: transform .3s, background .3s;
  border-radius: .08rem; }

.main_product_intr .m .product_intr_right .catalogue ul li:hover,
.main_product_intr .m .product_intr_right .catalogue ul li.on {
  background: rgba(22, 77, 240, 0.04);
  transform: translateX(0.05rem); }

.main_product_intr .m .product_intr_right .productlist ul li img {
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }

.main_product_intr .m .product_intr_right .productlist ul li:hover img {
  transform: scale(1.06); }

@keyframes productAura {
  0% {
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    transform: translate3d(-0.32rem, 0.28rem, 0) scale(1.16); } }
@media (max-width: 1000px) {
  .main_product_box::before,
  .main_product_intr::before {
    width: 3rem;
    height: 3rem; }

  .main_product_box .product_info .product_slide .slide_left:hover,
  .main_product_intr .m .product_intr_grow .intr_chara .chara li:hover,
  .main_product_intr .m .product_intr_right .productlist ul li:hover {
    transform: none; } }
.main_product_box .product_info .product_slide .slide_left.slide_pulse {
  animation: productSlidePulse 0.36s cubic-bezier(0.22, 1, 0.36, 1) both; }

@keyframes productSlidePulse {
  0% {
    transform: scale(1); }
  45% {
    transform: scale(0.985); }
  100% {
    transform: scale(1); } }
.main_product,
.main_series {
  position: relative;
  overflow: hidden; }

.main_product::before,
.main_series::before {
  content: '';
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(22, 77, 240, 0.13), rgba(22, 77, 240, 0) 68%);
  animation: productListAura 7s ease-in-out infinite alternate; }

.main_product::before {
  right: -1.3rem;
  top: .8rem; }

.main_series::before {
  left: -1.2rem;
  bottom: 1rem;
  animation-delay: -2s; }

.product_reveal {
  opacity: 0;
  transform: translateY(0.56rem);
  transition: opacity 0.8s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); }

.product_reveal.product_show {
  opacity: 1;
  transform: translateY(0); }

.main_product .box .label,
.main_series .series_box .label,
.main_series .series_software {
  position: relative;
  overflow: hidden;
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s, background 0.5s, filter 0.5s; }

.main_product .box .label a,
.main_series .series_box .label a,
.main_series .series_software a {
  position: relative;
  overflow: hidden; }

.main_product .box .label a::after,
.main_series .series_box .label a::after,
.main_series .series_software a::after {
  content: '';
  width: 38%;
  height: 160%;
  position: absolute;
  left: -70%;
  top: -30%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0));
  transform: rotate(18deg);
  transition: left .75s;
  pointer-events: none; }

.main_product .box .label a:hover::after,
.main_series .series_box .label a:hover::after,
.main_series .series_software a:hover::after {
  left: 130%; }

.main_product .box .label .picture img,
.main_series .series_box .label .picture img,
.main_series .series_software a > img {
  transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1), filter 0.75s;
  will-change: transform; }

.main_product .box .label:hover .picture img,
.main_series .series_box .label:hover .picture img {
  transform: translateY(-0.08rem) scale(1.02) rotate(-1deg);
  filter: drop-shadow(0 0.12rem 0.22rem rgba(22, 77, 240, 0.16)); }

.main_product .box .label .name p,
.main_series .series_box .label .font p,
.main_series .series_software .grow p {
  transition: color .35s, transform .35s; }

.main_product .box .label:hover .name p,
.main_series .series_box .label:hover .font p,
.main_series .series_software:hover .grow p {
  color: #002ea0;
  transform: translateY(-0.03rem); }

.main_series .series_software .btn {
  position: relative;
  overflow: hidden;
  transition: transform .35s, box-shadow .35s; }

.main_series .series_software .btn::after {
  content: '';
  width: 40%;
  height: 160%;
  position: absolute;
  left: -70%;
  top: -30%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0));
  transform: rotate(18deg);
  transition: left .7s;
  pointer-events: none; }

.main_series .series_software:hover .btn {
  transform: translateY(-0.04rem);
  box-shadow: 0 0.1rem 0.22rem rgba(22, 77, 240, 0.24); }

.main_series .series_software:hover .btn::after {
  left: 130%; }

.desc_banner .font.black {
  z-index: 2; }

.desc_banner > img {
  will-change: transform;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), filter 1s; }

@keyframes productListAura {
  0% {
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    transform: translate3d(-0.3rem, 0.34rem, 0) scale(1.15); } }
@media (max-width: 1000px) {
  .main_product::before,
  .main_series::before {
    width: 3rem;
    height: 3rem; }

  .main_product .box .label:hover,
  .main_series .series_box .label:hover,
  .main_series .series_software:hover {
    transform: none; } }
.main_news_box {
  position: relative;
  overflow: hidden; }

.main_news_box::before,
.main_news_box::after {
  content: '';
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(22, 77, 240, 0.13), rgba(22, 77, 240, 0) 68%);
  animation: newsAura 7s ease-in-out infinite alternate; }

.main_news_box::before {
  right: -1.3rem;
  top: 1rem; }

.main_news_box::after {
  left: -1.5rem;
  bottom: 1rem;
  animation-delay: -2s; }

.news_reveal {
  opacity: 0;
  transform: translateY(0.56rem);
  transition: opacity 0.8s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); }

.news_reveal.news_show {
  opacity: 1;
  transform: translateY(0); }

.main_news_box .news_box,
.main_news_box .news_search,
.main_news_box .page_list {
  position: relative;
  z-index: 2; }

.main_news_box .news_box .news_slide,
.main_news_box .news_search .search_list .label,
.main_news_box .news_search .search_head .tools .type,
.main_news_box .news_search .search_head .tools .search input,
.main_news_box .news_box .news_list ul li,
.main_news_box .page_list a {
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s, background 0.45s, border-color 0.45s, filter 0.45s; }

.main_news_box .news_box .news_slide {
  box-shadow: 0 0.06rem 0.1rem rgba(0, 0, 0, 0.2); }

.main_news_box .news_box .news_slide .swiper-slide img,
.main_news_box .news_search .search_list .label .picture img {
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s;
  will-change: transform; }

.main_news_box .news_box .news_slide:hover .swiper-slide-active img {
  transform: scale(1.06);
  filter: saturate(1.08); }

.main_news_box .news_box .news_slide .swiper-slide div {
  transition: padding .4s, background .4s; }

.main_news_box .news_box .news_slide:hover .swiper-slide div {
  padding-bottom: .38rem;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(22, 77, 240, 0.48)); }

.main_news_box .news_box .news_list ul li {
  position: relative;
  overflow: hidden; }

.main_news_box .news_box .news_list ul li::before {
  content: '';
  width: .06rem;
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: .08rem;
  background: #002ea0;
  transition: height .35s; }

.main_news_box .news_search .search_head .tools .search input:focus {
  background: #fff;
  box-shadow: 0 0.08rem 0.22rem rgba(22, 77, 240, 0.1);
  transform: translateY(-0.03rem); }

.main_news_box .news_search .search_head .tools .search img {
  transition: transform .35s; }

.main_news_box .news_search .search_head .tools .search.on img {
  transform: translateX(0.04rem) rotate(8deg); }

.main_join {
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.55s, filter 0.55s;
  isolation: isolate; }
  .main_join::before {
    content: '';
    width: 3.8rem;
    height: 3.8rem;
    position: absolute;
    left: 18%;
    top: 50%;
    z-index: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 46, 160, 0.28), rgba(0, 46, 160, 0) 68%);
    opacity: 0;
    filter: blur(0.12rem);
    transform: translate(-50%, -50%) scale(0.72);
    transition: opacity .55s, transform .55s;
    pointer-events: none; }
  .main_join::after {
    content: '';
    width: 36%;
    height: 160%;
    position: absolute;
    left: -45%;
    top: -30%;
    z-index: 2;
    background: linear-gradient(115deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0));
    transform: skewX(-18deg);
    transition: left 0.75s cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none; }
  .main_join .fl,
  .main_join .fr {
    position: relative;
    z-index: 3;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1); }
  .main_join .fr .share a {
    transition: transform .4s, box-shadow .4s, background-color .4s; }
  .main_join:hover::after {
    left: 115%; }
  .main_join:hover .fl {
    transform: translateX(0.08rem); }
  .main_join:hover .fr {
    transform: translateX(-0.08rem); }
  .main_join:hover .fr .share a {
    box-shadow: 0 0.08rem 0.2rem rgba(0, 46, 160, 0.18);
    background-color: rgba(255, 255, 255, 0.72); }
  .main_join:hover .fr .share a:hover {
    transform: translateY(-0.04rem); }

.main_news_box .news_search .search_list .label {
  border-radius: .2rem; }

.main_news_box .news_search .search_list .label a {
  display: block;
  position: relative;
  overflow: hidden; }

.main_news_box .news_search .search_list .label a::after {
  content: '';
  width: 38%;
  height: 160%;
  position: absolute;
  left: -70%;
  top: -30%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0));
  transform: rotate(18deg);
  transition: left .72s;
  pointer-events: none; }

.main_news_box .news_search .search_list .label:hover a::after {
  left: 130%; }

.main_news_box .news_search .search_list .label:hover .picture img {
  transform: scale(1.08) rotate(-1deg);
  filter: saturate(1.08); }

.main_news_box .news_search .search_list .label .more i {
  transition: transform .35s; }

.main_news_box .news_search .search_list .label:hover .more i {
  transform: translateX(0.05rem); }

.main_news_box .page_list a:hover,
.main_news_box .page_list a.on {
  transform: translateY(-0.04rem);
  box-shadow: 0 0.08rem 0.2rem rgba(22, 77, 240, 0.2); }

.desc_banner > img {
  will-change: transform;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), filter 1s; }

@keyframes newsAura {
  0% {
    transform: translate3d(0, 0, 0) scale(1); }
  100% {
    transform: translate3d(-0.32rem, 0.28rem, 0) scale(1.15); } }
@media (max-width: 1000px) {
  .main_news_box::before,
  .main_news_box::after {
    width: 3rem;
    height: 3rem; }
.main_about_team .box .label .info{
    display: none;
}
.main_about_team .box .label.on .info{
    height: auto;
    padding-bottom: .2rem;
}
.main_about_team .box .label .info .fl .desec{
    font-size: .2rem;
    line-height: 1.6;
}
  .main_news_box .news_box .news_slide:hover,
  .main_news_box .news_search .search_list .label:hover,
  .main_news_box .news_box .news_list ul li:hover {
    transform: none; } }
.main_news_box .news_search .search_head .tools .search.search_focus {
  transform: translateY(-0.03rem); }

.main_news_box .news_search .search_head .tools .search.search_focus img {
  transform: translateY(-50%) scale(1.08) rotate(8deg); }


.header .tool .icon.lang:hover{
    background-color: #002ea0;
    background-image: url(../images/langw.png);
}

.header .tool .icon.menu:hover{
    background-color: #002ea0;
    background-image: url(../images/menuw.png);
}
.main_fadein .fadein_nav .bottom .share a span{
    justify-content: center;
    text-align: center;
    color: #666;
    font-size: .16rem;
}
.main_join .fr .share a span{
    justify-content: center;
    text-align: center;
    color: #666;
    font-size: .16rem;
}
.header .tool .icon {
  position: relative; }

.header .tool .icon.lang:hover .langlist {
  opacity: 1;
  top: 100%;
  visibility: inherit; }

.langlist {
  width: 1.6rem;
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: .2rem;
  transition: all .4s;
  opacity: 0;
  top: 120%;
  visibility: hidden; }
  .langlist div {
    background: #fff;
    padding: .1rem;
    border-radius: .1rem; }
  .langlist a {
    display: block;
    font-size: .16rem;
    color: #333;
    padding: .1rem .16rem;
    box-sizing: border-box;
    border-radius: .06rem;
    transition: all .1s; }
    .langlist a:hover {
      background: #002ea0;
      color: #fff; }
.recrult_popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  display: none; }
  .recrult_popup .recrult_popup_mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.55); }
  .recrult_popup .recrult_popup_box {
    width: 5.6rem;
    max-width: 86%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: .18rem;
    padding: .42rem;
    box-sizing: border-box; }
  .recrult_popup .recrult_popup_close {
    position: absolute;
    right: .22rem;
    top: .16rem;
    font-size: .34rem;
    color: #999;
    cursor: pointer;
    line-height: 1; }
  .recrult_popup .recrult_popup_title {
    font-size: .26rem;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: .3rem; }
  .recrult_popup .form_item {
    margin-bottom: .2rem; }
    .recrult_popup .form_item span {
      display: block;
      font-size: .16rem;
      color: #333;
      margin-bottom: .08rem; }
    .recrult_popup .form_item input,
    .recrult_popup .form_item textarea {
      width: 100%;
      border: 1px solid #E9E9E9;
      border-radius: .08rem;
      padding: .12rem .14rem;
      box-sizing: border-box;
      font-size: .16rem;
      color: #333;
      outline: none; }
    .recrult_popup .form_item textarea {
      height: 1.2rem;
      resize: none; }
    .recrult_popup .form_item .resume_upload {
      width: 100%;
      min-height: .72rem;
      border: 1px dashed #b7c7ef;
      border-radius: .1rem;
      background: #f7faff;
      padding: .12rem .14rem;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      transition: all .3s; }
      .recrult_popup .form_item .resume_upload:hover {
        border-color: #002ea0;
        background: #f1f5ff; }
      .recrult_popup .form_item .resume_upload input {
        display: none; }
      .recrult_popup .form_item .resume_upload .resume_upload_text {
        max-width: 65%;
        overflow: hidden; }
        .recrult_popup .form_item .resume_upload .resume_upload_text p {
          font-size: .16rem;
          color: #333;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .recrult_popup .form_item .resume_upload .resume_upload_text em {
          display: block;
          font-style: normal;
          font-size: .13rem;
          color: #999;
          margin-top: .04rem; }
      .recrult_popup .form_item .resume_upload i {
        min-width: .96rem;
        height: .34rem;
        border-radius: .17rem;
        background: #002ea0;
        color: #fff;
        font-size: .14rem;
        font-style: normal;
        display: flex;
        align-items: center;
        justify-content: center; }
  .recrult_popup input[type="submit"] {
    width: 100%;
    height: .5rem;
    border: none;
    border-radius: .25rem;
    background: #002ea0;
    font-size: .18rem;
    color: #fff;
    cursor: pointer; }
    .main_fadein .fadein_nav .top .picture {
        overflow: hidden;
        width: 6.5rem;
        height: 2.28rem;
        border-radius: .2rem;
        position: relative; }
     .main_fadein .fadein_nav .top .picture::after {
          content: '';
          width: 45%;
          height: 150%;
          position: absolute;
          left: -70%;
          top: -25%;
          background: linear-gradient(120deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0));
          transform: skewX(-22deg);
          transition: all .8s;
          pointer-events: none; }
        .main_fadein .fadein_nav .top .picture:hover::after {
          left: 125%; }
        .main_fadein .fadein_nav .top .picture:hover img {
          transform: scale(1.04);
          filter: brightness(1.08); }
        .main_fadein .fadein_nav .top .picture img,
        .main_fadein .fadein_nav .top .picture video {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover;
          transition: all .8s; }
@media (max-width: 1000px) {
.footer .footer_info span{
    display: none;
}
.langlist a{
    font-size: .24rem;
}
.header .tool .icon.lang{
    background: none;
    width: 1.8rem;
    border: none !important;
    box-shadow: none !important;
    
}
.langlist div{
    background: none;
    display: flex;
}
.langlist div{
    justify-content: center;
}
.langlist{
    position: static;
    opacity: 1;
    border: none !important;
    box-shadow: none !important;
    padding: 0;
    visibility: inherit;
    justify-content: center;
    width: auto;
}
.main_about_architecture .box img{
    width: 100%;
    transform: translateY(0) !important;
    margin-top: .3rem;
}
.main_home_about .picture img{
    transform: translateY(0px) scale(0.88) !important;
}
.banner{
    height: 8.8rem;
}
.main_home_stories .box .mySwiper1 .swiper-slide .info{
    bottom: 1.2rem;
}
.main_contact .message form{
    box-sizing: border-box;
    padding-bottom: .3rem;
}
.main_join .fr .share a span, .main_fadein .fadein_nav .bottom .share a span{
    font-size: .22rem;
}
.main_contact .contact_info .fr .desc{
    display: block;
}
.more_btn{
    width: 2.4rem;
}
.main_home_stories .box .mySwiper1 .swiper-slide .info p{
    font-size: .32rem;
}
.main_contact .message form button{
    margin-top: .3rem;
}
.main_home_stories .box .mySwiper1 .swiper-slide .info .desc span{
    font-size: .28rem;
}
.main_home_stories .public_head{
    top: 1.26rem;
}
.main_home_stories .box .mySwiper1 .swiper-slide .button div{
    width: .8rem;
    height: .8rem;
}
.main_home_stories .box .mySwiper1 .swiper-slide .button{
    bottom: .68rem;
}
.main_home_stories .box .mySwiper1 .swiper-slide .more_btn{
    bottom: .68rem;
}
.main_home_stories{
    height: 12rem;
}
.main_home_stories .box .mySwiper1 .swiper-slide .info{
    background: rgba(255,255,255,0.4);
    bottom: 4.2rem;
}
.main_news .box .news_list{
    position: relative;
    z-index: 999;
}
.main_join::after{
    display: none;
}
.zzz{
   width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.66);
    position: absolute;
    left: 0;
    top: auto;
    display: block;
    bottom: 0;
    transition: none;
    transform: none;
}
.home_reveal.home_show::before{
    content: '';
    width: 100%;
    height: 4rem;
    background: rgba(255,255,255,0.4);
    position: absolute;
    left: 0;
    display: none;
    top: auto;
    bottom: 0;
    transition: none;
    transform: none;
}
.home_reveal.home_show{
    overflow: hidden;
}
.langlist a{
    white-space: nowrap;
}
.header .tool .icon{
    margin-left: .36rem;
}
}
.main_about_school {
	width: 100%;
	height: 9.6rem;
	background-image: url(../images/scholl.png);
	background-size: cover;
	background-position: center center;
	margin-top: 1.2rem;
	position: relative;
}

.main_about_school::after {
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(114, 131, 148, 0.7));
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.main_about_school .font {
	width: 8.54rem;
	position: absolute;
	left: 1.1rem;
	z-index: 2;
	bottom: .8rem;
}

.main_about_school .font p {
	font-size: .2rem;
	color: #fff;
	line-height: 1.46;
	text-align: justify;
}

.main_product_dot {
	width: 100%;
	height: 9.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.main_product_dot .product_picture {
	width: 12.5rem;
	position: relative;
}

.main_product_dot .product_picture .picture {
	width: 100%;
	display: block;
	transform: scale(1.3);
}

.main_product_dot .product_picture.p1 .dota.dot1 {
	left: 7.34rem;
    top: 3.1rem;
}

.main_product_dot .product_picture.p1 .dota.dot2 {
	    /*left: 4.9rem;*/
	     left: 3.9rem;
    top: 2.66rem;
}

.main_product_dot .product_picture.p1 .dota.dot3 {
	    left: 4.4rem;
    top: 4.41rem;
}

.main_product_dot .product_picture.p1 .dota.dot4 {
	    /*left: 3.84rem;*/
	    left: 2.84rem;
    top: 3rem;
}

.main_product_dot .product_picture.p1 .dota.dot5 {
	    left: 5rem;
    top: 3.3rem;
}

.main_product_dot .product_picture.p2 .dota.dot1 {
	left: 5rem;
	top: 2.67rem;
}

.main_product_dot .product_picture.p2 .dota.dot2 {
	left: 4.6rem;
    top: 4.2rem;
}

.main_product_dot .product_picture.p2 .dota.dot3 {
	left: 3.4rem;
    top: 3.2rem;
}

.main_product_dot .product_picture.p2 .dota.dot4 {
		left: 4.3rem;
    top: 3.2rem;
}

.main_product_dot .product_picture.p2 .dota.dot5 {
	left: 8.28rem;
	top: 4.96rem;
}

.main_product_dot .product_picture .dota {
	position: absolute;
}

.main_product_dot .product_picture .dota:hover .info {
	opacity: 1;
	visibility: inherit;
	right: 140%;
}

.main_product_dot .product_picture .dota .info {
	width: 3.9rem;
	background: rgba(255, 255, 255, 0.8);
	border-radius: .2rem;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	right: 160%;
	transition: all .4s;
	top: 50%;
	z-index: 91;
	box-shadow: 0 0.2rem 0.1rem rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(10px);
	transform: translateY(-50%);
	padding: .4rem;
}

.main_product_dot .product_picture .dota .info .n {
	font-size: .24rem;
	color: #000000;
	font-weight: bold;
}

.main_product_dot .product_picture .dota .info .d {
	font-size: .16rem;
	color: #333333;
	line-height: 1.6;
	margin-top: .2rem;
}

.main_product_dot .product_picture .dota .dots {
	width: .26rem;
	height: .26rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
}

.main_product_dot .product_picture .dota .dots:hover div {
	background: #164DF0;
}

.main_product_dot .product_picture .dota .dots:hover img {
	filter: brightness(0) invert(1);
}

.main_product_dot .product_picture .dota .dots img {
	width: .08rem;
	position: relative;
	z-index: 9;
}

.main_product_dot .product_picture .dota .dots div {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	transition: all .3s;
	top: 0%;
	z-index: 1;
	background-image: url(../images/dd_03.png);
	background-size: 100% 100%;
	border-radius: 50%;
}

/*.main_product_dot .product_picture .dota .dots::before {*/
/*	content: '';*/
/*	width: .2rem;*/
/*	height: .2rem;*/
/*	background: #fff;*/
/*	border-radius: 50%;*/
/*	position: absolute;*/
/*	left: 50%;*/
/*	top: 50%;*/
/*	z-index: 9;*/
/*	transform: translate(-50%, -50%);*/
/*}*/

.main_product_dot .product_picture .dota .dots::after {
	content: '';
	width: .4rem;
	height: .4rem;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
@media (max-width: 1000px) {
    .case_card_popup.on .case_card_box{
        max-width: 96%;
    }
	.main_product_dot .product_picture {
		width: 100%;
	}
	.main_product_dot .product_picture.p2 .dota.dot1 {
		left: 2.8rem;
    top: 1.42rem;
	}
	.main_product_dot .product_picture.p2 .dota.dot2 {
	left: 3rem;
    top: 2.4rem;
	}
	.main_product_dot .product_picture.p2 .dota.dot3 {
		left: 2rem;
    top: 1.92rem;
	}
	.main_product_dot .product_picture.p2 .dota.dot4 {
		left: 3.16rem;
    top: 1.8rem;
	}
	.main_product_dot .product_picture.p2 .dota.dot5 {
		left: 4.9rem;
		top: 2.96rem;
	}
	.main_product_dot .product_picture.p1 .dota.dot1 {
		left: 4.24rem;
    top: 1.8rem;
	}
	.main_product_dot .product_picture.p1 .dota.dot2 {
		left: 2.2rem;
    top: 1.26rem;
	}
	.main_product_dot .product_picture.p1 .dota.dot3 {
		left: 2.4rem;
    top: 2.41rem;
	}
	.main_product_dot .product_picture.p1 .dota.dot4 {
	left: 1.84rem;
    top: 2.1rem;
	}
	.main_product_dot .product_picture.p1 .dota.dot5 {
	left: 3.04rem;
    top: 2.1rem;
	}
	.main_about_school .font {
		width: 100%;
		left: 0;
		bottom: 0;
		padding: .3rem;
	}
	.main_about_school .font p {
		font-size: .26rem;
	}
	.main_product_dot .product_picture .dota .info {
		right: auto;
		left: 100%;
	}
	.main_about_culture .box .swiper-container1 .swiper-wrapper{
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
	.main_about_culture{
	    padding-bottom: 0;
	}
	.main_about_culture .box .swiper-slide{
	    width: 48%;
	    margin-bottom: .2rem;
	}
	.main_about_culture .box .label .picture{
	    height: 3.4rem;
	}
	.main_about_culture .box .label{
	    width: 100%;
	}
	.main_about_culture .box .swiper-slide{
	    transform: scale(1);
	}
	.header .tool .icon.lang:hover{
	    background: none !important;
	}
	.main_home_stories .box .mySwiper1 .swiper-slide .info .desc div{
	    background: #fff;
	}
	.header .tool .icon{
	    width: auto;
	    margin: 0 !important;
	}
	.public_head .desc{
	    width: 100% !important;
	}
	.main_home_stories .box .mySwiper1 .swiper-slide .info p{
	    color: #fff;
	}
	.main_home_stories .box .mySwiper1 .swiper-slide .info .desc, .main_home_stories .box .mySwiper1 .swiper-slide .info .desc span{
	    color: #fff;
	}
	.header .tool .icon.lang{
	    width: auto !important;
	}
	.header .tool .icon.menu{
	    width: .6rem !important;
	}
	.footer .footer_link{
	    flex-wrap: wrap;
	    gap: .3rem;
	}
	.langlist a{
	    padding: .06rem .16rem;
	}
}
.dota.on .info{
    opacity: 1 !important;
	visibility: inherit !important;
	right: 140% !important;
}
.main_product{
    padding-top: .6rem;
}
/*# sourceMappingURL=css.css.map */

/* .main_casebox {
  min-height: 8rem;
  padding: 1.2rem 0 1.6rem;
  perspective: 18rem; }
  .main_casebox .swiper {
    transform: none;
    overflow: visible;
    padding: .8rem 0;
    margin: 0; }
  .main_casebox .swiper + .swiper {
    margin-top: -1.1rem; }
  .main_casebox .swiper-wrapper {
    align-items: center; }
  .main_casebox .swiper-slide {
    width: 4.8rem;
    height: 3.4rem;
    padding: 0;
    opacity: 0;
    transform-origin: right top;
    transform: translate3d(6rem, -2.4rem, -1.2rem) rotateZ(28deg) rotateY(-58deg) scale(0.72);
    filter: blur(0.06rem) saturate(0.85);
    transition: transform 0.92s cubic-bezier(0.18, 0.9, 0.2, 1), opacity 0.72s, filter 0.72s;
    transition-delay: calc(var(--case-index, 0) * .11s); }
    .main_casebox .swiper-slide .b {
      transform: none;
      border-radius: .2rem;
      box-shadow: 0 0.12rem 0.34rem rgba(0, 0, 0, 0.18);
      transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.55s, filter 0.55s; }
      .main_casebox .swiper-slide .b img {
        transform: scale(1.08); }
  .main_casebox.case_deal_on .swiper-slide {
    opacity: 1;
    filter: blur(0) saturate(1);
    transform: translate3d(0, 0, 0) rotateZ(var(--case-rotate, 0deg)) rotateY(0) scale(var(--case-scale, 0.9)); }
    .main_casebox.case_deal_on .swiper-slide .b img {
      transform: scale(1); }
  .main_casebox.case_deal_on .swiper-slide-active,
  .main_casebox.case_deal_on .swiper-slide:hover {
    z-index: 20;
    transform: translate3d(0, -0.18rem, 0.6rem) rotateZ(0deg) rotateY(0) scale(1.12); }
    .main_casebox.case_deal_on .swiper-slide-active .b,
    .main_casebox.case_deal_on .swiper-slide:hover .b {
      box-shadow: 0 0.2rem 0.5rem rgba(0, 46, 160, 0.22);
      filter: saturate(1.08); } */