.content {
  width: 100%;
  min-height: 100vh;
  position: relative; }

.mobile_navbar,
.menus {
  display: none; }
.news-status{
    text-align: center;
    width: 100%;
    font-size: .16rem;
    color: #999;
    padding: .6rem 0;
}
.pageList input[type="number"]{
    width: .8rem;
    height: .6rem;
    border: 1px solid #f5f5f5;
    text-align: center;
    font-size: .16rem;
    color: #333;
    margin-right: .1rem;
    transition: all .2s;
    border-radius: .1rem;
}
.pageList input[type="number"]:focus{
    border: 1px solid #DD2221;
}
.pageList button[type="submit"]{
    width: 1rem;
    height: .6rem;
    border: none;
    background: #DD2221;
    text-align: center;
    font-size: .16rem;
    color: #fff;
    cursor: pointer;
    transition: all .2s;
    border-radius: .6rem;
}
#news-search-form{
    width: 100%;
    height: 100%;
}
.openscreen.is-hidden {
  pointer-events: none; }

.is-hidden {
  top: -1.4rem !important; }

header {
  height: 1rem;
  width: calc(100% - 1rem);
  position: fixed;
  left: .5rem;
  top: 0;
  transition: all .6s;
  z-index: 1000;
  border-bottom: 1px solid rgba(217, 217, 217, 0.4);
  display: flex;
  align-items: center;
  justify-content: space-between; }
  header.top {
    top: -1.4rem !important; }
  header:hover {
    width: 100%;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    padding: 0 .5rem;
    top: 0rem !important;
    height: .88rem;
    border-radius: 0rem !important;
    border: none;
    transform: translate(0);
    backdrop-filter: blur(10px);
    box-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.06); }
    header:hover .tools {
      background: rgba(255, 255, 255, 0.26); }
  header.on {
    background: rgba(0, 0, 0, 0.2);
    padding: 0 .5rem;
    top: .2rem;
    height: .88rem;
    border-radius: .2rem;
    border: none;
    transform: translate(0);
    backdrop-filter: blur(10px);
    box-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.06); }
    header.on .tools {
      background: rgba(255, 255, 255, 0.26); }
  header.active {
    background: #fff;
    width: 100%;
    padding: 0 .5rem;
    position: sticky;
    left: 0;
    top: 0;
    height: 1rem;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #F7F7F7;
    transform: translate(0); }
    header.active .logo a {
      background-image: url(../images/logob.png); }
    header.active > ul > li > a {
      color: #000; }
    header.active .tools {
      background: rgba(0, 0, 0, 0.1); }
      header.active .tools em {
        background: rgba(0, 0, 0, 0.3); }
      header.active .tools div i {
        filter: grayscale(100%) brightness(0); }
      header.active .tools:hover {
        background: rgba(0, 0, 0, 0.2);
        box-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.1); }
    header.active .tools {
      background: #EBEBEB; }
  header .logo {
    width: 1rem;
    height: .4rem; }
    header .logo a {
      display: block;
      width: 100%;
      height: 100%;
      background-image: url(../images/flogo.png);
      background-size: 100% 100%; }
  header > ul {
    height: 100%;
    display: flex;
    align-items: center; }
    header > ul > li {
      height: 100%;
      position: relative; }
      header > ul > li.on > a {
        font-weight: bold;
        color: #DD2221; }
        header > ul > li.on > a::after {
          left: .2rem;
          top: .38rem;
          opacity: 1; }
      header > ul > li:hover > a {
        font-weight: bold;
        color: #DD2221; }
        header > ul > li:hover > a::after {
          left: .2rem;
          top: .38rem;
          opacity: 1; }
      header > ul > li > a {
        height: 100%;
        position: relative;
        font-size: .16rem;
        padding: 0 .3rem;
        display: flex;
        transition: all .2s;
        align-items: center;
        color: #fff;
        transition: all .2s; }
        header > ul > li > a::after {
          content: '';
          width: .06rem;
          height: .08rem;
          background-image: url(../images/dot1.png);
          background-size: 100% 100%;
          position: absolute;
          left: .1rem;
          transition: all .2s;
          top: .28rem;
          opacity: 0; }
  header .tools {
    display: inline-flex;
    height: .5rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: .4rem;
    align-items: center;
    padding: 0 .04rem;
    transition: all .4s; }
    header .tools:hover {
      background: rgba(255, 255, 255, 0.3);
      box-shadow: 0.04rem 0.04rem 0.04rem rgba(0, 0, 0, 0.1); }
    header .tools em {
      width: 1px;
      height: .2rem;
      background: #fff;
      opacity: 0.4; }
    header .tools div {
      width: .32rem;
      height: .32rem;
      border-radius: 50%;
      transition: all .4s;
      margin: 0 .1rem;
      display: flex;
      align-items: center;
      cursor: pointer;
      justify-content: center; }
      header .tools div:hover {
        background: #DD2221; }
        header .tools div:hover i {
          filter: brightness(0) invert(1); }
      header .tools div i {
        width: .2rem;
        height: .2rem;
        background-size: 100%;
        background-position: center center;
        background-repeat: no-repeat; }
        header .tools div i.lang {
          background-image: url(../images/lang.png); }
        header .tools div i.search {
          background-image: url(../images/search.png); }

.button {
  width: 1.9rem;
  height: .54rem;
  border-radius: .6rem;
  background: #DD2221; }
  .button a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: .16rem;
    color: #fff;
    position: relative;
    padding-left: .4rem;
    box-sizing: border-box; }
    .button a i {
      width: .16rem;
      height: .16rem;
      background-image: url(../images/icon6.png);
      background-size: 100% 100%;
      position: absolute;
      right: .4rem;
      top: 50%;
      margin-top: -.08rem; }

.banner {
  width: 100%;
  height: 9.6rem;
  position: relative;
  overflow: hidden; }
  .banner::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .banner .button_grow div {
    width: .6rem;
    height: .6rem;
    background-color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    border-radius: 50%;
    background-position: center center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    transition: all .4s;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    justify-content: center;
    background-repeat: no-repeat; }
    .banner .button_grow div:hover {
      background: #DD2221;
      box-shadow: 0rem 0.04rem 0.02rem rgba(0, 0, 0, 0.3); }
      .banner .button_grow div:hover img {
        filter: brightness(0) invert(1); }
    .banner .button_grow div:active {
      transform: scale(0.6); }
    .banner .button_grow div img {
      width: .2rem;
      filter: brightness(0) invert(1); }
    .banner .button_grow div:last-child img {
      transform: rotate(180deg); }
    .banner .button_grow div.prev {
      left: .5rem; }
    .banner .button_grow div.next {
      right: .5rem; }
  .banner .mySwiperbanner {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2; }
    .banner .mySwiperbanner .swiper-slide {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative; }
      .banner .mySwiperbanner .swiper-slide::after {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1; }
  .banner .cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }
  .banner .fontGrowHome {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: .8rem;
    z-index: 2; }
    .banner .fontGrowHome p {
      text-align: center;
      font-size: .58rem;
      color: #fff;
      letter-spacing: .01rem;
      font-weight: bold;
      line-height: 1.3; }
    .banner .fontGrowHome span {
      display: block;
      font-size: .68rem;
      color: #DD2221;
      text-align: center;
      margin-top: .1rem;
      letter-spacing: .01rem;
      font-weight: bold;
      line-height: 1.3; }
    .banner .fontGrowHome .font {
      width: 10rem;
      display: block;
      margin: 0 auto;
      margin-top: .6rem; }
    .banner .fontGrowHome .button {
      margin: 0 auto;
      margin-top: 2.48rem; }
  .banner .fontGrow {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 1.6rem 1.5rem 1.6rem;
    z-index: 2; }
    .banner .fontGrow span {
      display: block;
      font-size: .16rem;
      opacity: 0.5;
      color: #fff; }
    .banner .fontGrow p {
      font-size: .48rem;
      line-height: 1.375;
      color: #fff;
      font-weight: bold;
      margin-top: .14rem; }
@keyframes float {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-14px); }
  100% {
    transform: translateY(0px); } }
    .banner .fontGrow .icon {
      width: .6rem;
      height: .6rem;
      background-image: url(../images/down.png);
      background-size: .2rem;
      background-repeat: no-repeat;
      background-position: center center;
      margin-top: 1rem;
      border-radius: 50%;
      border: 1px solid #fff;
      cursor: pointer;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      animation: float 1.5s ease-in-out infinite; }
      .banner .fontGrow .icon:hover {
        border: 1px solid #DD2221;
        background-color: #DD2221; }

.public_head {
  width: 100%; }
  .public_head .title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .1rem; }
    .public_head .title span {
      font-size: .18rem;
      font-weight: bold;
      color: #000;
      margin-left: .06rem; }
    .public_head .title img {
      width: .08rem; }
  .public_head p {
    font-size: .3rem;
    text-align: center;
    color: #333;
    font-weight: bold;
    line-height: 1.32; }

.main_about_info {
  background: #F5F5F5;
  padding: 1.5rem 1.6rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  .main_about_info .about_info_grow {
    width: 6.84rem;
    max-width: 100%; }
    .main_about_info .about_info_grow .public_head .title {
      justify-content: flex-start; }
    .main_about_info .about_info_grow .public_head p {
      text-align: left; }
    .main_about_info .about_info_grow .desc {
      overflow: hidden;
      max-width: 6rem; }
      .main_about_info .about_info_grow .desc p {
        font-size: .14rem;
        color: #333;
        line-height: 2;
        margin-top: .26rem;
		 text-align: justify;}
  .main_about_info .about_info_photo {
    width: 7.5rem;
    display: flex;
    justify-content: space-between; }
    .main_about_info .about_info_photo .item {
      width: 3.5rem;
      height: 4.8rem;
      border-radius: .2rem;
      position: relative;
      transition: all .4s;
      background: linear-gradient(to right, #DBE0E3, #EAECEF); }
      .main_about_info .about_info_photo .item:nth-child(even) {
        margin-top: 1.3rem; }
      .main_about_info .about_info_photo .item:hover img {
        box-shadow: 0 0.04rem 0.15rem 0 rgba(148, 148, 148, 0.15); }
      .main_about_info .about_info_photo .item img {
        width: 100%;
        height: 100%;
        border-radius: .2rem;
        object-fit: cover;
        transition: all .4s; }
      .main_about_info .about_info_photo .item div {
        width: 1.9rem;
        background: #fff;
        border-radius: .2rem;
        position: absolute;
        padding: .2rem 0;
        padding-left: .46rem;
        box-shadow: 0 0.04rem 0.15rem 0 rgba(148, 148, 148, 0.15); }
        .main_about_info .about_info_photo .item div.l1 {
          left: -.56rem;
          top: .4rem; }
        .main_about_info .about_info_photo .item div.l2 {
          left: 0rem;
          bottom: .2rem;
          background: none;
          box-shadow: none; }
          .main_about_info .about_info_photo .item div.l2 p {
            color: #fff; }
          .main_about_info .about_info_photo .item div.l2 em {
            color: #fff; }
        .main_about_info .about_info_photo .item div.l3 {
          left: 0rem;
          top: .2rem;
          background: none;
          box-shadow: none; }
          .main_about_info .about_info_photo .item div.l3 p {
            color: #333; }
          .main_about_info .about_info_photo .item div.l3 em {
            color: #999; }
        .main_about_info .about_info_photo .item div.l4 {
          right: -.56rem;
          bottom: .4rem; }
        .main_about_info .about_info_photo .item div p {
          display: flex;
          align-items: flex-start;
          font-size: .14rem;
          font-weight: bold;
          line-height: 1;
          color: #333; }
          .main_about_info .about_info_photo .item div p span {
            font-size: .44rem;
            font-weight: bold;
            margin-right: .06rem; }
        .main_about_info .about_info_photo .item div em {
          display: block;
          font-size: .16rem;
          color: #999999;
          margin-top: .08rem; }

.main_about_culture {
  width: 100%;
  height: 9.6rem;
  background-image: url(../images/about5.png);
  background-size: cover;
  background-position: center center;
  padding: 1.2rem 0 0 0; }
  .main_about_culture .public_head .title span {
    color: #fff; }
  .main_about_culture .public_head p {
    color: #fff; }
  .main_about_culture .culture_slide {
    width: 100%;
    margin-top: .82rem;
    position: relative;
    display: flex; }
    .main_about_culture .culture_slide .swiper {
      width: 100%;
      overflow: hidden; }
    .main_about_culture .culture_slide .swiper-slide {
      width: 5.2rem;
      height: 5.9rem;
      position: relative;
      margin-right: .3rem;
      padding-top: .2rem;
      overflow: hidden; }
      .main_about_culture .culture_slide .swiper-slide:first-child {
        margin-left: 1.6rem; }
    .main_about_culture .culture_slide .label {
      width: 100%;
      height: 100%;
      background: #fff;
      border-radius: .1rem;
      overflow: hidden;
      padding: 0 .4rem;
      position: relative;
      transition: all .6s; }
      .main_about_culture .culture_slide .label::after {
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        position: absolute;
        left: 0;
        transition: all .2s;
        top: 0;
        z-index: 1; }
      .main_about_culture .culture_slide .label img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        z-index: 1;
        top: 0;
        transform: scale(1);
        border-radius: .1rem;
        transition: all .6s; }
      .main_about_culture .culture_slide .label:hover {
        transform: translateY(-0.2rem); }
        .main_about_culture .culture_slide .label:hover::after {
          opacity: 0; }
        .main_about_culture .culture_slide .label:hover img {
          opacity: 1; }
        .main_about_culture .culture_slide .label:hover .head p {
          color: #DD2221; }
        .main_about_culture .culture_slide .label:hover .head span {
          color: #DD2221; }
        .main_about_culture .culture_slide .label:hover .desc p {
          color: #fff; }
      .main_about_culture .culture_slide .label .head {
        padding: .4rem 0;
        border-bottom: 1px solid #F1F1F1;
        position: relative;
        z-index: 2; }
        .main_about_culture .culture_slide .label .head p {
          font-size: .28rem;
          font-weight: bold;
          color: #fff;
          line-height: 1.4;
          transition: all .1s; }
        .main_about_culture .culture_slide .label .head span {
          display: block;
          font-size: .14rem;
          color: #fff;
          margin-top: .06rem;
          transition: all .1s; }
      .main_about_culture .culture_slide .label .desc {
        width: 100%;
        padding: 0 .4rem;
        position: absolute;
        left: 0;
        bottom: .6rem;
        z-index: 2; }
        .main_about_culture .culture_slide .label .desc p {
          font-size: .32rem;
          color: #fff;
          line-height: 1.4;
          font-weight: bold; }

.main_about_history {
  background: #F5F5F5;
  width: 100%;
  padding: 1rem 1.6rem 1.2rem 1.6rem; }
  .main_about_history .box {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-top: .5rem;
    justify-content: space-between; }
    .main_about_history .box .history_list {
      width: 12.5rem;
      height: 8.66rem; }
      .main_about_history .box .history_list .mySwiper1 {
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .main_about_history .box .history_list .mySwiper1 .swiper-slide {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          height: auto;
          transition: all .3s;
          transform-origin: top right;
          opacity: .6;
          transform: scale(0.8); }
          .main_about_history .box .history_list .mySwiper1 .swiper-slide.swiper-slide-active {
            transform: scale(1);
            opacity: 1;
            margin: 0; }
          .main_about_history .box .history_list .mySwiper1 .swiper-slide.swiper-slide-next {
            transform: scale(0.9);
            margin: 0;
            opacity: .8; }
      .main_about_history .box .history_list .label {
        width: 100%;
        background: #fff;
        transition: all .4s;
        border-radius: .2rem;
        margin-bottom: .2rem; }
        .main_about_history .box .history_list .label a {
          width: 100%;
          display: flex;
          align-items: center;
          cursor: default;
          padding: .3rem;
          box-sizing: border-box; }
          .main_about_history .box .history_list .label a .picture {
            width: 4.5rem;
            height: 2.7rem;
            border-radius: .2rem;
            overflow: hidden; }
            .main_about_history .box .history_list .label a .picture img {
              width: 100%;
              height: 100%;
              display: block;
              object-fit: cover; }
          .main_about_history .box .history_list .label a .grow {
            width: calc(100% - 4.5rem);
            padding: 0 1.2rem 0 .5rem; }
            .main_about_history .box .history_list .label a .grow .name {
              display: flex;
              align-items: center; }
              .main_about_history .box .history_list .label a .grow .name span {
                font-size: .4rem;
                font-weight: bold;
                margin-right: .3rem;
                color: #DD2221; }
              .main_about_history .box .history_list .label a .grow .name p {
                font-size: .32rem;
                color: #333;
                font-weight: bold; }
            .main_about_history .box .history_list .label a .grow .desc {
              font-size: .14rem;
              color: #333;
              line-height: 1.6;
              margin-top: .2rem;
			   text-align: justify;}
    .main_about_history .box .history_nav {
      width: 2rem;
      overflow: hidden;
      position: relative; }
      .main_about_history .box .history_nav .dot {
        position: relative;
        padding-left: .47rem;
        display: flex;
        padding-top: .46rem;
        cursor: pointer;
        align-items: center; }
        .main_about_history .box .history_nav .dot::after {
          content: '';
          width: .04rem;
          height: 100%;
          position: absolute;
          left: .091rem;
          top: 0;
          background: #E2E2E2; }
        .main_about_history .box .history_nav .dot.active span {
          color: #DD2221; }
        .main_about_history .box .history_nav .dot.active div {
          width: .22rem;
          height: .22rem;
          background: #DD2221;
          left: 0;
          bottom: .0rem; }
          .main_about_history .box .history_nav .dot.active div::after {
            content: '';
            width: .1rem;
            height: .1rem;
            position: relative;
            z-index: 2;
            border-radius: 50%;
            background: #fff; }
        .main_about_history .box .history_nav .dot div {
          width: .1rem;
          height: .1rem;
          border-radius: 50%;
          background: #E2E2E2;
          position: absolute;
          left: .06rem;
          bottom: .06rem;
          display: flex;
          z-index: 9;
          align-items: center;
          justify-content: center;
          transition: all .4s; }
        .main_about_history .box .history_nav .dot span {
          font-size: .2rem;
          color: #999999;
          transition: all .2s;
          line-height: 1;
          font-weight: bold; }

.main_about_architecture {
  width: 100%;
  padding: 1.2rem 1.6rem;
  background-image: url(../images/aboutbgs.png);
  background-size: cover;
  background-position: center center;
  background-color: #FDFDFD;
  min-height: 9.6rem; }
  .main_about_architecture .about_architecture_box {
    width: 100%;
    margin-top: .7rem; }
    .main_about_architecture .about_architecture_box img {
      width: 16rem;
      display: block;
      margin: 0 auto;
      max-width: 100%; }

.main_about_brand {
  width: 100%;
  padding: 1rem 1.3rem;
  min-height: 6.98rem;
  position: relative;
  overflow: hidden; }
  .main_about_brand .earth {
    position: absolute;
    left: 50%;
    transform: translateX(-5rem);
    bottom: -2.6rem;
    z-index: 1;
    width: 10rem;
    height: 10rem;
    overflow: hidden;
    pointer-events: none; }
    .main_about_brand .earth canvas {
      width: 100%;
      height: 100%;
      display: block; }
  .main_about_brand .about_brand_box {
    width: 100%;
    position: relative;
    z-index: 9;
    margin-top: 1rem; }
    .main_about_brand .about_brand_box .item {
      width: 100%;
      display: flex;
      align-items: center;
      margin-bottom: .3rem;
      justify-content: center; }
      .main_about_brand .about_brand_box .item .label {
        width: 1.9rem;
        height: 1rem;
        margin: 0 .1rem;
        border: 2px solid rgba(255, 255, 255, 0.2);
        background: #FFF;
        box-shadow: -.02rem .02rem .04rem 0 #DDD;
        transition: all .3s; }
        .main_about_brand .about_brand_box .item .label:hover {
          transform: translateY(-0.1rem);
          box-shadow: -.02rem .04rem .06rem 0 #DDD; }
        .main_about_brand .about_brand_box .item .label a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .main_about_brand .about_brand_box .item .label a img {
            display: block;
            max-width: 80%;
            max-height: 80%; }

footer {
  width: 100%;
  height: 8rem;
  background-size: cover;
  background-position: center center;
  background-image: url(../images/abou2.png);
  position: relative;
  padding: 0 1.6rem; }
  footer::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1; }
  footer .fot_logo {
    padding: 1.3rem 0 0.7rem 0;
    position: relative;
    z-index: 2; }
    footer .fot_logo .l {
      width: 2.5rem;
      display: block;
      margin: 0 auto; }
    footer .fot_logo .f {
      width: 5.14rem;
      display: block;
      margin: 0 auto;
      margin-top: .48rem; }
  footer ul {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2; }
    footer ul li {
      position: relative; }
      footer ul li.on a {
        color: #DD2221;
        font-weight: bold; }
      footer ul li:hover a {
        color: #DD2221;
        font-weight: bold; }
      footer ul li a {
        padding: .5rem 0;
        font-size: .2rem;
        display: block;
        color: #fff;
        transition: all .2s; }
  footer .code {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2; }
    footer .code div {
      width: 1rem;
      height: 1rem;
      background: #fff;
      border-radius: .1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 .1rem; }
      footer .code div img {
        display: block;
        max-width: 80%;
        max-height: 80%; }
  footer .contact {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .6rem;
    position: relative;
    z-index: 2; }
    footer .contact div {
      display: flex;
      align-items: center;
      padding: 0 .24rem;
      justify-content: center;
      font-size: .2rem;
      color: #fff; }
      footer .contact div img {
        margin-right: .1rem;
        width: .24rem; }
  footer .copyright {
    text-align: center;
    font-size: .14rem;
    opacity: 0.4;
    position: relative;
    z-index: 2;
    color: #fff;
    margin-top: .5rem; }

.main_home_business {
  width: 100%;
  background: #F5F5F5;
  height: 9.6rem;
  position: relative; }
  .main_home_business .fot {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 1.08rem;
    z-index: 2; }
    .main_home_business .fot p {
      text-align: center;
      font-size: .26rem;
      color: #000;
      font-weight: bold; }
    .main_home_business .fot span {
      display: block;
      text-align: center;
      font-size: .14rem;
      color: #999;
      margin-top: .1rem; }
    .main_home_business .fot .button {
      margin: 0 auto;
      margin-top: .5rem; }
  .main_home_business .midden {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .main_home_business .midden .public_head {
      width: 100%; }
      .main_home_business .midden .public_head .title img {
        width: .15rem;
        height: .2rem;
        transform: translateY(-0.16rem); }
      .main_home_business .midden .public_head .title span {
        font-size: .48rem;
        color: #333; }
      .main_home_business .midden .public_head p {
        font-size: .22rem;
        font-weight: normal;
        color: #999; }

.main_home_engineering {
  width: 100%;
  padding: 1rem 0; }
  .main_home_engineering .engineering_box {
    width: 100%;
    height: 5.5rem;
    margin-top: .3rem;
    position: relative;
    overflow: hidden; }
    .main_home_engineering .engineering_box .swiper {
      width: 100%;
      height: 100%;
      display: none; }
      .main_home_engineering .engineering_box .swiper.show {
        display: block; }
    .main_home_engineering .engineering_box .swiper-slide {
      width: 16rem;
      height: 100%;
      position: relative;
      margin: 0 .24rem;
      overflow: hidden; }
    .main_home_engineering .engineering_box .item {
      width: 100%;
      height: 100%;
      position: relative;
      border-radius: .1rem;
      overflow: hidden; }
      .main_home_engineering .engineering_box .item .cover {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .main_home_engineering .engineering_box .item .info {
        width: 5.98rem;
        min-height: 3rem;
        border-radius: .1rem;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(17.1000003815px);
        position: absolute;
        right: .5rem;
        top: 50%;
        margin-top: -1.5rem;
        padding: .4rem; }
        .main_home_engineering .engineering_box .item .info p {
          font-size: .34rem;
          color: #fff;
          font-weight: bold; }
        .main_home_engineering .engineering_box .item .info .desc {
          overflow: hidden;
          height: 1.14rem;
          padding-top: .2rem; }
          .main_home_engineering .engineering_box .item .info .desc span {
            display: block;
            font-size: .16rem;
            color: #fff;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden; }
  .main_home_engineering .engineering_tabbar {
    width: 12.1rem;
    height: .6rem;
    border-radius: .4rem;
    overflow: hidden;
    margin: 0 auto;
    margin-top: .4rem;
    background: #F5F5F5;
    display: flex;
    padding: 0 .05rem;
    gap: .1rem;
    align-items: center; }
    .main_home_engineering .engineering_tabbar .label {
      height: .5rem;
      width: 100%;
      display: flex;
      transition: all .2s;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: .4rem; }
      .main_home_engineering .engineering_tabbar .label img {
        width: .2rem;
        margin-right: .06rem; }
        .main_home_engineering .engineering_tabbar .label img.i1 {
          display: block; }
        .main_home_engineering .engineering_tabbar .label img.i2 {
          display: none; }
      .main_home_engineering .engineering_tabbar .label span {
        font-size: .18rem;
        transition: all .2s;
        color: #999; }
      .main_home_engineering .engineering_tabbar .label.active {
        background: #fff; }
        .main_home_engineering .engineering_tabbar .label.active span {
          color: #333;
          font-weight: bold; }
        .main_home_engineering .engineering_tabbar .label.active img.i2 {
          display: block; }
        .main_home_engineering .engineering_tabbar .label.active img.i1 {
          display: none; }
      .main_home_engineering .engineering_tabbar .label:hover {
        background: #fff; }
        .main_home_engineering .engineering_tabbar .label:hover span {
          color: #333;
          font-weight: bold; }
        .main_home_engineering .engineering_tabbar .label:hover img.i2 {
          display: block; }
        .main_home_engineering .engineering_tabbar .label:hover img.i1 {
          display: none; }

.main_home_enter {
  width: 100%;
  height: 9.6rem;
  position: relative;
  overflow: hidden; }
  .main_home_enter .box {
    width: 100%;
    height: 100%;
    background-image: url(../images/homebanner.png);
    background-size: cover;
    background-position: center center;
    position: relative;
    padding: 1rem 0 0 0; }
    .main_home_enter .box::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); }
    .main_home_enter .box ul {
      position: absolute;
      left: 0;
      bottom: .6rem;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
      gap: .5rem; }
      .main_home_enter .box ul li {
        width: 3.5rem;
        padding: .23rem 0 .32rem 0;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(17.1000003815px);
        transition: all .3s; }
        .main_home_enter .box ul li:hover {
          transform: translateY(-0.1rem); }
        .main_home_enter .box ul li p {
          display: flex;
          align-items: flex-start;
          text-align: center;
          font-size: .2rem;
          line-height: 1;
          justify-content: center;
          color: #fff;
          font-weight: bold; }
          .main_home_enter .box ul li p span {
            font-size: .88rem;
            font-weight: bold;
            margin-right: .1rem; }
        .main_home_enter .box ul li em {
          display: block;
          text-align: center;
          font-size: .26rem;
          color: #fff;
          opacity: 0.6;
          margin-top: .1rem; }
    .main_home_enter .box .public_head {
      position: relative;
      z-index: 2; }
      .main_home_enter .box .public_head .title span {
        color: #fff; }
      .main_home_enter .box .public_head p {
        color: #fff; }
      .main_home_enter .box .public_head em {
        text-align: center;
        display: block;
        font-size: .14rem;
        color: #fff;
        line-height: 2;
        opacity: 0.8;
        margin-top: .3rem; }
      .main_home_enter .box .public_head .more {
        width: 1.44rem;
        height: .5rem;
        background-image: url(../images/icon14.png);
        background-size: 100% 100%;
        margin: 0 auto;
        margin-top: .7rem; }
        .main_home_enter .box .public_head .more a {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: .16rem;
          color: #fff; }
          .main_home_enter .box .public_head .more a i {
            width: .16rem;
            height: .16rem;
            display: block;
            background-image: url(../images/icon6.png);
            background-size: 100% 100%;
            margin-left: .06rem; }

.main_home_news {
  width: 100%;
  padding: 1rem 0 1.5rem 1.6rem; }
  .main_home_news .news_head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-right: 1.6rem; }
    .main_home_news .news_head .fl p {
      font-size: .48rem;
      color: #333333;
      position: relative;
      line-height: 1;
      font-weight: bold; }
      .main_home_news .news_head .fl p::after {
        content: '';
        width: .08rem;
        height: .16rem;
        background-image: url(../images/dot.png);
        background-size: 100% 100%;
        position: absolute;
        left: -.26rem;
        top: 0; }
      .main_home_news .news_head .fl p::before {
        content: '';
        width: .08rem;
        height: .16rem;
        background-image: url(../images/dot3.png);
        background-size: 100% 100%;
        position: absolute;
        left: -.16rem;
        top: 0; }
    .main_home_news .news_head .fl .tab {
      display: flex;
      align-items: center;
      gap: .3rem;
      margin-top: .3rem; }
      .main_home_news .news_head .fl .tab a {
        color: #999999;
        line-height: 1.8;
        display: block;
        transition: all .2s;
        font-size: .16rem;
        position: relative; }
        .main_home_news .news_head .fl .tab a.on {
          color: #333;
          font-weight: bold; }
        .main_home_news .news_head .fl .tab a:hover {
          font-weight: bold;
          color: #333; }

.main_descbanner {
  width: 100%;
  height: 4rem;
  position: relative;
  background-color: #F1F1F1;
  padding: 0 1.6rem;
  padding-top: .9rem; }
  .main_descbanner p {
    font-size: .42rem;
    color: #333333;
    font-weight: bold; }
  .main_descbanner span {
    display: block;
    font-size: .18rem;
    color: #999999;
    margin-top: .14rem; }
  .main_descbanner .button {
    margin-top: .5rem; }
  .main_descbanner img {
    width: 5rem;
    position: absolute;
    right: 2.14rem;
    bottom: 0; }

.news_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: .5rem; }
  .news_list .news_item:nth-child(4n){
      margin-right: 0;
  }
  .news_list .news_item {
    width: 4.3rem;
    height: 5.35rem;
    margin-right: .4rem;
    border-radius: .1rem;
    border: 1px solid #EEE;
    transition: all .4s; }
    .news_list .news_item:hover {
      border: 1px solid #DD2221; }
      .news_list .news_item:hover a .picture img {
        transform: scale(1.06); }
      .news_list .news_item:hover a .desc span {
        color: #DD2221; }
      .news_list .news_item:hover a .bottom div {
        background-color: #DD2221;
        background-image: url(../images/icon6.png); }
    .news_list .news_item a {
      display: block;
      width: 100%;
      box-sizing: border-box;
      padding: 0 .3rem; }
      .news_list .news_item a p {
        font-size: .16rem;
        color: #333;
        padding: .25rem 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold; }
      .news_list .news_item a .picture {
        width: 100%;
        height: 2.2rem;
        overflow: hidden;
        border-radius: .1rem; }
        .news_list .news_item a .picture img {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover;
          object-position: center;
          transition: all .4s; }
      .news_list .news_item a .desc {
        height: 1.68rem;
        overflow: hidden;
        padding-top: .3rem; }
        .news_list .news_item a .desc span {
          display: block;
          font-size: .2rem;
          font-weight: bold;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          line-height: 1.6;
          color: #333;
          transition: all .4s; }
      .news_list .news_item a .bottom {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .news_list .news_item a .bottom span {
          font-size: .16rem;
          color: #999999; }
        .news_list .news_item a .bottom div {
          width: .44rem;
          height: .44rem;
          border-radius: 50%;
          background-color: #F5F5F5;
          background-position: center center;
          background-repeat: no-repeat;
          background-image: url(../images/rightb.png);
          background-size: .14rem;
          transition: all .4s; }

.pageList {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .1rem;
  margin-top: .4rem; }
  .pageList a {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .18rem;
    color: #333333;
    font-weight: bold;
    transition: all .3s; }
    .pageList a:hover img{
        filter: brightness(0) invert(1);
    }
    .pageList a:active {
      transform: scale(0.6); }
    .pageList a.active {
      background: #DD2221;
      color: #fff; }
    .pageList a:hover {
      background: #DD2221;
      color: #fff; }
    .pageList a.btn {
      background: #fff;
      border: 1px solid #f5f5f5; }
      .pageList a.btn.next img {
        transform: rotate(180deg); }
      .pageList a.btn:hover {
        background: #DD2221; }
        .pageList a.btn:hover img {
          filter: brightness(0) invert(1); }

.main_news_list {
  padding: 0 1.6rem;
  padding-bottom: 1rem; }
  .main_news_list .news_list {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem; }
    .main_news_list .news_list .news_item {
      margin: 0;
      height: 5.58rem;
      width: auto; }
      .main_news_list .news_list .news_item a .picture {
        height: 2.62rem; }
      .main_news_list .news_list .news_item a .desc {
        padding-top: .3rem;
        height: 1.4rem; }

.main_honor_picture {
  width: 100%;
  background: #F8F8F8;
  padding: 1rem 0; }
  .main_honor_picture .tabbar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .16rem; }
    .main_honor_picture .tabbar div {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: .46rem;
      border: 1px solid #CDCDCD;
      font-size: .16rem;
      color: #333333;
      padding: 0 .2rem;
      margin-top: .2rem;
      cursor: pointer;
      border-radius: .4rem;
      min-width: 1.12rem;
      transition: all .2s; }
      .main_honor_picture .tabbar div.active {
        background: #DD2221;
        border: 1px solid #DD2221;
        color: #fff; }
  .main_honor_picture ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem; }
    .main_honor_picture ul li {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      position: relative; }
      .main_honor_picture ul li::before {
        content: '';
        width: .4rem;
        height: .9rem;
        background-image: url(../images/honr3.png);
        background-size: 100% 100%; }
      .main_honor_picture ul li::after {
        content: '';
        width: .4rem;
        height: .9rem;
        background-image: url(../images/honr4.png);
        background-size: 100% 100%; }
      .main_honor_picture ul li p {
        text-align: center;
        font-size: .2rem;
        color: #DD2221;
        display: flex;
        align-items: baseline;
        font-weight: bold;
        justify-content: center; }
        .main_honor_picture ul li p span {
          color: #DD2221;
          font-size: .6rem;
          font-weight: bold;
          margin-right: .1rem; }
      .main_honor_picture ul li em {
        display: block;
        text-align: center;
        font-size: .2rem;
        color: #333333;
        min-width: 1rem;
        margin: 0 auto;
        white-space: nowrap;
        margin: 0 .2rem; }
  .main_honor_picture .box {
    width: 100%;
    position: relative;
    margin-top: 1rem; }
    .main_honor_picture .box:hover .button_grow{
        display: flex;
    }
    .main_honor_picture .box:hover .button_grow div {
        display: flex;
      opacity: 1; }
    .main_honor_picture .box .button_grow div {
      width: .6rem;
      height: .6rem;
      background-color: #DD2221;
      margin: 0 .1rem;
      cursor: pointer;
      border-radius: 50%;
      background-position: center center;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      display: flex;
      transition: all .4s;
      align-items: center;
      position: absolute;
      top: 26%;
      opacity: 0;
      z-index: 9;
      justify-content: center;
      background-repeat: no-repeat; }
      .main_honor_picture .box .button_grow div:hover {
        background: #DD2221;
        box-shadow: 0rem 0.04rem 0.02rem rgba(0, 0, 0, 0.3); }
        .main_honor_picture .box .button_grow div:hover img {
          filter: brightness(0) invert(1); }
      .main_honor_picture .box .button_grow div:active {
        transform: scale(0.6); }
      .main_honor_picture .box .button_grow div img {
        width: .2rem;
        filter: brightness(0) invert(1); }
      .main_honor_picture .box .button_grow div:last-child img {
        transform: rotate(180deg); }
      .main_honor_picture .box .button_grow div.prev {
        left: 2.6rem; }
      .main_honor_picture .box .button_grow div.next {
        right: 2.6rem; }
    .main_honor_picture .box .swiper  {
      width: 100%;
      overflow: hidden; }
      .main_honor_picture .box .swiper  .swiper-slide {
        width: 4.5rem;
        height: 4.5rem; }
        .main_honor_picture .box .swiper  .swiper-slide.swiper-slide-active .label {
          width: 4.5rem;
          height: 4.5rem;
          background-image: url(../images/honr5.png); }
          .main_honor_picture .box .swiper  .swiper-slide.swiper-slide-active .label p {
            opacity: 1; }
          .main_honor_picture .box .swiper  .swiper-slide.swiper-slide-active .label .picture {
            transform: scale(1); }
    .main_honor_picture .box .label {
      width: 100%;
      height: 100%;
      background-size: 100% 100%;
      position: relative;
      background-repeat: no-repeat; }
      .main_honor_picture .box .label p {
        font-size: .2rem;
        color: #333333;
        width: 100%;
        text-align: center;
        opacity: 0;
        transition: all .4s;
        font-weight: bold;
        position: absolute;
        left: 0;
        bottom: 1rem; }
      .main_honor_picture .box .label .picture {
        width: 100%;
        height: 2.55rem;
        display: flex;
        margin: 0 auto;
        align-items: center;
        transition: all .4s;
        transform-origin: bottom center;
        justify-content: center;
        transform: scale(0.8); }
        .main_honor_picture .box .label .picture img {
          width: 3.5rem;
          height: 2.55rem; }

.main_honor_list {
  width: 100%;
  padding: 1.3rem 1.6rem; }
  .main_honor_list .box {
    width: 100%;
    margin-top: .8rem;
    position: relative; }
    .main_honor_list .box::after {
      content: '';
      width: 3rem;
      height: 100%;
      background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
      position: absolute;
      left: 0;
      top: 0;
      z-index: 9; }
    .main_honor_list .box::before {
      content: '';
      width: 3rem;
      height: 100%;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
      position: absolute;
      right: 0;
      top: 0;
      z-index: 9; }
    .main_honor_list .box .mySwiper2 {
      overflow: hidden;
      width: 100%; }
    .main_honor_list .box .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 3.5rem; }
      .main_honor_list .box .swiper-slide img {
        width: 100%;
        display: block; }
    .main_honor_list .box .label {
      width: 100%; }
      .main_honor_list .box .label img {
        width: 100%;
        display: block; }
  .main_honor_list .button_grow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .7rem; }
    .main_honor_list .button_grow div {
      width: .6rem;
      height: .6rem;
      background-color: #F5F5F5;
      margin: 0 .1rem;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border-radius: 50%;
      background-position: center center;
      display: flex;
      transition: all .4s;
      align-items: center;
      justify-content: center;
      background-repeat: no-repeat; }
      .main_honor_list .button_grow div:hover {
        background: #DD2221;
        box-shadow: 0rem 0.04rem 0.02rem rgba(0, 0, 0, 0.3); }
        .main_honor_list .button_grow div:hover img {
          filter: brightness(0) invert(1); }
      .main_honor_list .button_grow div:active {
        transform: scale(0.6); }
      .main_honor_list .button_grow div img {
        width: .2rem; }
      .main_honor_list .button_grow div:last-child img {
        transform: rotate(180deg); }

.main_team_list {
  width: 100%;
  padding: 1rem 1.6rem; }
  .main_team_list .team_list {
    width: 100%;
    position: relative;
    margin-top: .54rem; }
    .main_team_list .team_list .mySwiper {
      width: 100%;
      overflow: hidden; }
      .main_team_list .team_list .mySwiper .swiper-slide {
        width: 1.7rem;
        border: 2px solid #fff;
        border-radius: .16rem;
        overflow: hidden;
        cursor: pointer;
        margin-left: .06rem;
        margin-right: .6rem; }
        .main_team_list .team_list .mySwiper .swiper-slide.active {
          border: 2px solid #DD2221; }
        .main_team_list .team_list .mySwiper .swiper-slide:last-child {
          margin-right: 0; }
        .main_team_list .team_list .mySwiper .swiper-slide .label {
          width: 100%;
          height: 1.98rem;
          overflow: hidden;
          transition: all .2s; }
          .main_team_list .team_list .mySwiper .swiper-slide .label img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block; }
    .main_team_list .team_list .btn {
      width: .6rem;
      height: .6rem;
      background-color: #F5F5F5;
      margin: 0 .1rem;
      cursor: pointer;
      border-radius: 50%;
      background-position: center center;
      display: flex;
      position: absolute;
      top: 50%;
      transition: all .4s;
      margin-top: -.3rem;
      align-items: center;
      justify-content: center;
      background-repeat: no-repeat; }
      .main_team_list .team_list .btn:hover {
        background: #DD2221;
        box-shadow: 0rem 0.04rem 0.02rem rgba(0, 0, 0, 0.3); }
        .main_team_list .team_list .btn:hover img {
          filter: brightness(0) invert(1); }
      .main_team_list .team_list .btn:active {
        transform: scale(0.6); }
      .main_team_list .team_list .btn img {
        width: .2rem; }
      .main_team_list .team_list .btn.prev {
        left: -.9rem; }
      .main_team_list .team_list .btn.next {
        right: -.9rem; }
        .main_team_list .team_list .btn.next img {
          transform: rotate(180deg); }
  .main_team_list .team_active {
    width: 100%; }
    .main_team_list .team_active .item {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      display: none; }
      .main_team_list .team_active .item.show {
        display: flex; }
      .main_team_list .team_active .item .picture {
        width: 4.06rem;
        height: 4.96rem;
        overflow: hidden;
        border-radius: .1rem; }
        .main_team_list .team_active .item .picture img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block; }
      .main_team_list .team_active .item .info {
        width: calc(100% - 4.06rem);
        padding: 0 1.18rem 0 .76rem; }
        .main_team_list .team_active .item .info .desc {
          width: 100%;
          position: relative; }
          .main_team_list .team_active .item .info .desc p {
            font-size: .2rem;
            line-height: 1.46;
            color: #333;
            padding: .16rem 0; }
        .main_team_list .team_active .item .info .name {
          width: 100%;
          margin-top: .88rem; }
          .main_team_list .team_active .item .info .name p {
            font-size: .24rem;
            color: #DD2221;
            font-weight: bold; }
          .main_team_list .team_active .item .info .name span {
            display: block;
            font-size: .16rem;
            color: #333;
            margin-top: .04rem; }

.main_team_backbone {
  padding: 0 1.6rem .6rem 1.6rem; }
  .main_team_backbone .public_head p {
    text-align: left; }
  .main_team_backbone .box {
    width: 100%;
    margin-top: .5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .28rem; }
    .main_team_backbone .box .label {
      height: 4.4rem;
      position: relative;
      border-radius: .16rem;
      overflow: hidden; }
      .main_team_backbone .box .label::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
        backdrop-filter: blur(0.17rem);
        transition: all .4s;
        opacity: 0; }
      .main_team_backbone .box .label:hover::after {
        opacity: 1; }
      .main_team_backbone .box .label:hover .mask {
        bottom: 0; }
        .main_team_backbone .box .label:hover .mask .name {
          color: #DD2221; }
      .main_team_backbone .box .label img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
      .main_team_backbone .box .label .mask {
        width: 100%;
        position: absolute;
        left: 0;
        transition: all .4s;
        z-index: 2;
        padding: 0 .3rem;
        bottom: -1.3rem; }
        .main_team_backbone .box .label .mask .name {
          font-size: .24rem;
          color: #fff;
          font-weight: bold;
          transition: all .4s; }
        .main_team_backbone .box .label .mask .type {
          font-size: .16rem;
          margin-top: .04rem;
          color: #fff; }
        .main_team_backbone .box .label .mask .desc {
          height: 1.3rem;
          overflow: hidden;
          margin-top: .2rem; }
          .main_team_backbone .box .label .mask .desc p {
            font-size: .14rem;
            color: #fff;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden; }

.main_team_map {
  width: 100%;
  padding: .6rem 0 .96rem 0; }
  .main_team_map .box {
    width: 10rem;
    margin: 0 auto;
    background-size: 100% 100%;
    position: relative;
    height: 9rem;
    background-image: url(../images/teammap.png); }
    .main_team_map .box .sl {
      width: 1.8rem;
      position: absolute;
      right: -.62rem;
      bottom: 1.56rem; }
    .main_team_map .box .dot {
      position: absolute; }
      .main_team_map .box .dot.dotln {
        right: 0.8rem;
        top: 1.58rem; }
      .main_team_map .box .dot.dotsd {
        right: 1.93rem;
        top: 3.45rem; }
      .main_team_map .box .dot.dotsc {
        right: 5rem;
        top: 4.69rem; }
      .main_team_map .box .dot.dotcq {
        right: 4rem;
        top: 4.96rem; }
      .main_team_map .box .dot.dothb {
        right: 3.08rem;
        top: 4.67rem; }
      .main_team_map .box .dot.dotgz {
        right: 4.2rem;
        top: 5.99rem; }
      .main_team_map .box .dot.dothn {
        right: 3.08rem;
        top: 5.67rem; }
      .main_team_map .box .dot.dotgx {
        right: 3.6rem;
        top: 6.65rem; }
      .main_team_map .box .dot.dotgd {
        right: 2.48rem;
        top: 6.66rem; }
      .main_team_map .box .dot.dothan {
        right: 3.49rem;
        top: 7.83rem; }
      .main_team_map .box .dot img {
        width: .6rem;
        display: block;
        margin: 0 auto;
        position: relative;
        cursor: pointer;
        z-index: 3; }
      .main_team_map .box .dot::after {
        content: '';
        width: .4rem;
        height: .4rem;
        border-radius: 50%;
        background: #DD2221;
        opacity: 0.6;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: .26rem;
        z-index: 2; }
      .main_team_map .box .dot::before {
        content: '';
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background: #DD2221;
        opacity: 0.1;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
        z-index: 1; }
      .main_team_map .box .dot p {
        text-align: center;
        font-size: .2rem;
        font-weight: bold;
        margin-top: .1rem;
        color: #000000; }

.enter-side strong {
  font-family: pf !important;
  color: #DD2221 !important;
  font-weight: bold !important; }

.main_news_box {
  width: 100%;
  padding: 1.2rem 1.6rem 0 1.6rem; }
  .main_news_box .item {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    border-radius: .1rem;
    height: 4rem;
    overflow: hidden; }
    .main_news_box .item .picture {
      width: 7rem;
      height: 100%;
      overflow: hidden; }
      .main_news_box .item .picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block; }
    .main_news_box .item .info {
      width: calc(100% - 7rem);
      height: 100%;
      padding: 0 .5rem;
      border: 1px solid #F5F5F5;
      padding-top: .46rem;
      box-shadow: 0 4px 15px 0 rgba(148, 148, 148, 0.15); }
      .main_news_box .item .info .date {
        font-size: .16rem;
        color: #999999; }
      .main_news_box .item .info .title {
        font-size: .24rem;
        color: #333333;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-weight: bold;
        margin-top: .24rem; }
      .main_news_box .item .info .desc {
        overflow: hidden;
        height: 1.6rem;
        padding-top: .42rem; }
        .main_news_box .item .info .desc p {
          font-size: .16rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
          overflow: hidden;
          color: #999999;
          line-height: 1.46; }

.main_news_tools {
  padding: .5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .main_news_tools .searchs {
    width: 4.7rem;
    height: .5rem;
    position: relative;
    display: flex;
    align-items: center; }
    .main_news_tools .searchs input {
      width: 100%;
      height: 100%;
      border: none;
      font-size: .16rem;
      border-radius: .4rem;
      color: #999;
      background: none;
      border: 1px solid #eee;
      transition: all .4s;
      padding-left: .2rem; }
      .main_news_tools .searchs input:focus {
        border: 1px solid #DD2221; }
    .main_news_tools .searchs button {
      width: .4rem;
      height: .4rem;
      background-size: 100% 100%;
      border: none;
      border: none;
      padding: 0;
      margin: 0;
      background: none;
      position: absolute;
      right: .1rem;
      transition: all .4s;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      cursor: pointer; }
      .main_news_tools .searchs button:hover {
        background: #DD2221; }
        .main_news_tools .searchs button:hover i {
          filter: brightness(0) saturate(100%) invert(1); }
      .main_news_tools .searchs button i {
        width: .2rem;
        background-image: url(../images/search.png);
        height: .2rem;
        filter: brightness(0) saturate(100%);
        background-size: .2rem;
        background-repeat: no-repeat;
        background-position: center center; }
  .main_news_tools .tabbar {
    display: flex;
    align-items: center;
    gap: .2rem; }
    .main_news_tools .tabbar div {
      border: 1px solid #EEE;
      border-radius: .4rem;
      transition: all .4s; }
      .main_news_tools .tabbar div a {
        display: inline-flex;
        height: .5rem;
        min-width: 1.6rem;
        padding: 0 .26rem;
        font-size: .16rem;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        transition: all .2s;
        color: #999999; }
      .main_news_tools .tabbar div.active {
        background: #DD2221;
        border: 1px solid #DD2221; }
        .main_news_tools .tabbar div.active a {
          color: #fff;
          font-weight: bold; }
      .main_news_tools .tabbar div:hover {
        background: #DD2221;
        border: 1px solid #DD2221; }
        .main_news_tools .tabbar div:hover a {
          color: #fff;
          font-weight: bold; }

.menu_box {
  display: flex;
  align-items: center; }
  .menu_box a {
    font-size: .16rem;
    color: #999999;
    transition: all .2s;
    padding: 0 .15rem; }
    .menu_box a:hover {
      color: #DD2221;
      font-weight: bold; }
    .menu_box a img {
      width: .18rem; }
  .menu_box .r {
    width: .12rem; }

.toolss {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .5rem 0;
  border-top: 1px solid #F1F1F1; }
  .toolss .back {
    width: 2rem;
    height: .6rem;
    border-radius: .6rem;
    border: 1px solid #DD2221;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    color: #DD2221;
    font-weight: bold;
    transition: all .2s; }
    .toolss .back img {
      width: .16rem;
      margin-right: .05rem; }
    .toolss .back:hover {
      color: #fff;
      background: #DD2221; }
      .toolss .back:hover img {
        filter: brightness(0) invert(1); }
  .toolss .page {
    width: 8rem;
    max-height: 100%; }
    .toolss .page a {
      display: block;
      font-size: .16rem;
      color: #999999;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: .08rem 0;
      transition: all .1s; }
      .toolss .page a:hover {
        color: #DD2221;
        font-weight: bold;
        text-decoration: underline; }

.main_news_info {
  width: 100%;
  padding: .3rem 1.6rem .7rem 1.6rem; }
  .main_news_info .news_info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: .7rem; }
    .main_news_info .news_info .right {
      width: 10.4rem; }
      .main_news_info .news_info .right .children {
        width: 100%; }
        /*.main_news_info .news_info .right .children img {*/
        /*  display: block;*/
        /*  margin: .16rem auto;*/
        /*  max-width: 100%; }*/
        /*.main_news_info .news_info .right .children p {*/
        /*  font-size: .16rem;*/
        /*  color: #333;*/
        /*  line-height: 1.8;*/
        /*  padding: .16rem 0; }*/
    .main_news_info .news_info .left {
      width: 4.6rem; }
      .main_news_info .news_info .left .date {
        font-size: .16rem;
        color: #999999; }
      .main_news_info .news_info .left .title {
        font-size: .32rem;
        font-weight: bold;
        line-height: 1.46;
        margin-top: .26rem;
        color: #333333; }
      .main_news_info .news_info .left .share {
        display: flex;
        gap: .1rem;
        padding-bottom: .5rem;
        border-bottom: 1px solid #E4E4E4;
        margin-top: .7rem; }
        .main_news_info .news_info .left .share .lab {
          width: .6rem;
          height: .6rem;
          cursor: pointer;
          position: relative; }
          .main_news_info .news_info .left .share .lab:hover .icon {
            background: #DD2221; }
            .main_news_info .news_info .left .share .lab:hover .icon img {
              filter: brightness(0) invert(1); }
          .main_news_info .news_info .left .share .lab:hover .code {
            opacity: 1;
            bottom: 130%;
            visibility: inherit; }
          .main_news_info .news_info .left .share .lab .code {
            width: 1.2rem;
            background: #DD2221;
            border-radius: .1rem;
            padding: .1rem;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 100%;
            opacity: 0;
            visibility: hidden;
            transition: all .5s; }
            .main_news_info .news_info .left .share .lab .code img {
              width: 100%; }
          .main_news_info .news_info .left .share .lab .icon {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #F5F5F5;
            transition: all .2s; }
            .main_news_info .news_info .left .share .lab .icon img {
              width: .3rem; }

.main_com_news {
  background: #F5F5F5;
  padding: 1rem 1.6rem; }
  .main_com_news .news_list {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
    margin-top: .5rem; }
    .main_com_news .news_list .news_item {
      margin: 0;
      background: #fff;
      height: 5.58rem;
      width: auto; }
      
      .main_com_news .news_list .news_item a .picture {
        height: 2.62rem; }
      .main_com_news .news_list .news_item a .desc {
        padding-top: .3rem;
        height: 1.4rem; }

.main_business_tip {
  overflow: hidden;
  background: #fff;
  padding: .3rem 1.6rem 1rem 1.6rem; }
  .main_business_tip .fontbox {
    width: 100%;
    margin-top: .9rem; }
    .main_business_tip .fontbox p {
      font-size: .6rem;
      color: #333333;
      font-weight: bold; }
    .main_business_tip .fontbox div {
      width: 6.6rem;
      float: right;
      margin-top: .8rem; }
      .main_business_tip .fontbox div span {
        display: block;
        font-size: .16rem;
        color: #333333;
        line-height: 1.6;
        margin-top: .3rem; }

.main_business_cover {
  width: 100%;
  overflow: hidden;
  background-image: url(../images/business5.png);
  height: 9.6rem;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed; }
  .main_business_cover img {
    width: 100%;
    display: block; }

.main_business_process {
  overflow: hidden;
  padding: 1.6rem;
  padding-bottom: 0; }
  .main_business_process .public_head p {
    text-align: left; }
  .main_business_process .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
    margin-top: .5rem; }
    .main_business_process .list .item {
      height: 3rem;
      border-radius: .1rem;
      border: 1px solid #E4E4E4;
      background: #F5F5F5;
      box-shadow: 0 0.04rem 0.15rem 0 rgba(148, 148, 148, 0.15);
      position: relative;
      padding: .5rem .4rem 0 .4rem;
      transition: all .4s; }
      .main_business_process .list .item:hover {
        border: 1px solid #DD2221; }
        .main_business_process .list .item:hover div {
          background: #DD2221;
          transform: translateY(0.2rem);
          border-radius: 50%; }
        .main_business_process .list .item:hover .title {
          transform: translateY(-0.2rem); }
      .main_business_process .list .item div {
        width: .6rem;
        height: .6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .26rem;
        color: #fff;
        font-weight: bold;
        background: #66798A;
        border-radius: .1rem;
        transition: all .4s; }
      .main_business_process .list .item .title {
        font-size: .26rem;
        color: #333333;
        font-weight: bold;
        margin-top: .6rem;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .4s;
        white-space: nowrap; }
      .main_business_process .list .item .desc {
        display: block;
        font-size: .146rem;
        line-height: 1.46;
        margin-top: .06rem;
        color: #999999;
        display: -webkit-box;
        transition: all .4s;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }

.main_business_advantage {
  overflow: hidden;
  padding: 1.2rem 0 0 0; }
  .main_business_advantage .public_head p {
    text-align: left;
    padding-left: 1.6rem; }
  .main_business_advantage .list {
    width: 100%;
    margin-top: .5rem; }
    .main_business_advantage .list .item {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .main_business_advantage .list .item:nth-child(even) {
        flex-direction: row-reverse; }
      .main_business_advantage .list .item .picture {
        overflow: hidden;
        width: 9.6rem;
        height: 7.2rem; }
        .main_business_advantage .list .item .picture img {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover; }
      .main_business_advantage .list .item .grow {
        width: calc(100% - 9.6rem);
        padding: 0 2.7rem 0 1.2rem;
        overflow: hidden; }
        .main_business_advantage .list .item .grow .no {
          font-size: .2rem;
          color: #333333;
          font-weight: bold; }
        .main_business_advantage .list .item .grow .title {
          font-size: .44rem;
          color: #333;
          font-weight: bold;
          margin-top: .6rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .main_business_advantage .list .item .grow .desc {
          font-size: .16rem;
          color: #333;
          line-height: 1.8;
          margin-top: .2rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 5;
          overflow: hidden; }

.main_business_advantage1 {
  padding: 1.2rem 1.6rem 1rem 1.6rem; }
  .main_business_advantage1 .public_head p {
    text-align: left; }
  .main_business_advantage1 .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .28rem;
    margin-top: .5rem; }
    .main_business_advantage1 .list .label {
      height: 4.4rem;
      background: #F5F5F5;
      border-radius: .2rem;
      position: relative;
      transition: all .4s;
      padding: .6rem .4rem; }
      .main_business_advantage1 .list .label:hover img {
        transform: translateY(0.4rem); }
      .main_business_advantage1 .list .label:hover p {
        color: #DD2221;
        transform: translateY(-0.4rem); }
      .main_business_advantage1 .list .label img {
        transition: all .4s;
        display: block;
        width: .6rem; }
      .main_business_advantage1 .list .label p {
        font-size: .26rem;
        color: #333;
        line-height: 1.6;
        font-weight: bold;
        transition: all .4s;
        position: absolute;
        left: .4rem;
        bottom: .6rem; }

.main_recommendation {
  background: #F5F5F5;
  padding: .8rem 2.6rem 1.2rem 2.6rem; }
  .main_recommendation .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .3rem;
    margin-top: .4rem; }
    .main_recommendation .list .item {
      background: #fff;
      border-radius: .2rem;
      overflow: hidden; }
      .main_recommendation .list .item:hover .picture img {
        transform: scale(1.06); }
      .main_recommendation .list .item:hover .info p {
        color: #DD2221; }
      .main_recommendation .list .item .picture {
        height: 3rem;
        overflow: hidden; }
        .main_recommendation .list .item .picture img {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover;
          transition: all .6s; }
      .main_recommendation .list .item .info {
        overflow: hidden;
        padding: .3rem; }
        .main_recommendation .list .item .info p {
          font-size: .28rem;
          color: #333333;
          font-weight: bold;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          transition: all .3s; }
        .main_recommendation .list .item .info span {
          display: block;
          font-size: .16rem;
          color: #999999;
          margin-top: .15rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }

.main_performance {
  width: 100%; }
  .main_performance .performance_fade {
    width: 100%; }
    .main_performance .performance_fade .performance_item {
      width: 100%; }
      .main_performance .performance_fade .performance_item .performance_head {
        width: 100%;
        padding: .7rem 1.6rem;
        padding-bottom: .2rem;
        display: flex;
        align-items: flex-start;
        justify-content: space-between; }
        .main_performance .performance_fade .performance_item .performance_head .fl {
          display: flex;
          align-items: flex-start; }
          .main_performance .performance_fade .performance_item .performance_head .fl .icon {
            width: .56rem;
            height: .56rem;
            border-radius: 50%;
            background: #DD2221;
            display: flex;
            align-items: center;
            justify-content: center; }
            .main_performance .performance_fade .performance_item .performance_head .fl .icon img {
              width: .26rem; }
          .main_performance .performance_fade .performance_item .performance_head .fl .font {
            padding-left: .2rem; }
            .main_performance .performance_fade .performance_item .performance_head .fl .font .title {
              font-size: .26rem;
              color: #333333;
              font-weight: bold; }
            .main_performance .performance_fade .performance_item .performance_head .fl .font .desc {
              display: block;
              font-size: .14rem;
              line-height: 1.46;
              color: #999999;
              margin-top: .06rem; }
        .main_performance .performance_fade .performance_item .performance_head ul {
          overflow: hidden; }
          .main_performance .performance_fade .performance_item .performance_head ul li {
            cursor: pointer;
            font-size: 12px;
            text-align: right;
            margin-bottom: .14rem; }
            .main_performance .performance_fade .performance_item .performance_head ul li span {
              display: inline-block;
              font-size: .16rem;
              color: #999999;
              position: relative; }
              .main_performance .performance_fade .performance_item .performance_head ul li span::after {
                content: '';
                width: 0%;
                height: 2px;
                background: #DD2221;
                position: absolute;
                right: 0;
                bottom: -.02rem;
                transition: all .4s; }
            .main_performance .performance_fade .performance_item .performance_head ul li:hover span {
              font-weight: bold;
              color: #DD2221; }
              .main_performance .performance_fade .performance_item .performance_head ul li:hover span::after {
                width: 100%; }
            .main_performance .performance_fade .performance_item .performance_head ul li.active span {
              font-weight: bold;
              color: #DD2221; }
              .main_performance .performance_fade .performance_item .performance_head ul li.active span::after {
                width: 100%; }
      .main_performance .performance_fade .performance_item .performance_box {
        width: 100%;
        height: 5.5rem;
        margin-top: .3rem;
        position: relative;
        overflow: hidden;
        padding-bottom: .6rem; }
        .main_performance .performance_fade .performance_item .performance_box .swiper {
          width: 100%;
          height: 100%; }
        .main_performance .performance_fade .performance_item .performance_box .swiper-slide {
          width: 16rem;
          height: 100%;
          position: relative;
          margin: 0 .24rem;
          overflow: hidden; }
        .main_performance .performance_fade .performance_item .performance_box .item {
          width: 100%;
          height: 100%;
          margin: 0 auto;
          position: relative;
          overflow: hidden;
          border-radius: .1rem; }
          .main_performance .performance_fade .performance_item .performance_box .item .cover {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          .main_performance .performance_fade .performance_item .performance_box .item .info {
            width: 5.98rem;
            min-height: 3rem;
            border-radius: .1rem;
            border: 1px solid rgba(255, 255, 255, 0.2);
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(17.1000003815px);
            position: absolute;
            right: .5rem;
            top: 50%;
            margin-top: -1.5rem;
            padding: .4rem; }
            .main_performance .performance_fade .performance_item .performance_box .item .info p {
              font-size: .34rem;
              color: #fff;
              font-weight: bold; }
            .main_performance .performance_fade .performance_item .performance_box .item .info .desc {
              overflow: hidden;
              height: 1.14rem;
              padding-top: .2rem; }
              .main_performance .performance_fade .performance_item .performance_box .item .info .desc span {
                display: block;
                font-size: .16rem;
                color: #fff;
                line-height: 1.4;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden; }
  .main_performance .tabbar {
    height: .8rem;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 1.6rem;
    gap: .86rem;
    box-shadow: 0 0.04rem 0.15rem 0 rgba(148, 148, 148, 0.15); }
    .main_performance .tabbar div {
      cursor: pointer;
      font-size: .18rem;
      color: #999999;
      height: 100%;
      display: flex;
      transition: all .2s;
      align-items: center;
      position: relative; }
      .main_performance .tabbar div::after {
        content: '';
        width: 0%;
        height: 2px;
        background: #DD2221;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        transition: all .3s; }
      .main_performance .tabbar div.active {
        color: #DD2221;
        font-weight: bold; }
        .main_performance .tabbar div.active::after {
          width: 100%; }
      .main_performance .tabbar div:hover {
        color: #DD2221;
        font-weight: bold; }
        .main_performance .tabbar div:hover::after {
          width: 100%; }

.main_performance_info {
  width: 14rem;
  margin: 0 auto;
  background: #fff;
  border-radius: .1rem;
  margin-top: -1.5rem;
  position: relative;
  z-index: 9;
  padding: .4rem .7rem 0 .7rem; }
  .main_performance_info .chilren {
    width: 100%;
    line-height: 1.6; }
  .main_performance_info .children1 {
    width: 100%;
    padding-bottom: .6rem;
    line-height: 1.6; }
    .main_performance_info .children1 > img {
      display: block;
      margin: .2rem auto;
      border-radius: .1rem;
      max-width: 100%; }
    .main_performance_info .children1 p {
      font-size: .16rem;
      line-height: 1.6;
      color: #333;
      margin: .2rem 0; }
    .main_performance_info .children1 .photo {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .main_performance_info .children1 .photo img {
        width: 6.16rem;
        margin-top: .2rem; }
  .main_performance_info .data {
    overflow: hidden; }
    .main_performance_info .data .title {
      font-size: .28rem;
      color: #333333;
      padding: .26rem 0;
      border-bottom: 1px solid #E4E4E4;
      font-weight: bold;
      position: relative; }
      .main_performance_info .data .title::after {
        content: '';
        width: 1.5rem;
        height: 3px;
        background: #DD2221;
        position: absolute;
        left: 0;
        bottom: -1px;
        z-index: 9; }
    .main_performance_info .data ul {
      display: flex; }
      .main_performance_info .data ul li {
        flex: 25%;
        margin-top: .6rem; }
        .main_performance_info .data ul li p {
          font-size: .2rem;
          opacity: 0.6;
          color: #333333; }
        .main_performance_info .data ul li span {
          display: flex;
          align-items: baseline;
          font-size: .2rem;
          color: #DD2221; }
          .main_performance_info .data ul li span em {
            font-size: .56rem;
            color: #DD2221;
            margin-right: .1rem;
            font-weight: bold; }

.main_recruit_info {
  width: 100%;
  padding: 0 1.6rem 1rem 1.6rem;
  overflow: hidden; }
  .main_recruit_info .item {
    width: 100%;
    margin-top: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .main_recruit_info .item:nth-child(even) {
      flex-direction: row-reverse; }
      .main_recruit_info .item:nth-child(even) .grow {
        padding: 0 0 0 1.7rem; }
    .main_recruit_info .item .picture {
      overflow: hidden;
      width: 7.5rem;
      height: 7.5rem;
      border-radius: .2rem; }
      .main_recruit_info .item .picture img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .main_recruit_info .item .grow {
      width: calc(100% - 7.5rem);
      padding: 0 3rem 0 0; }
      .main_recruit_info .item .grow .info {
        overflow: hidden; }
        .main_recruit_info .item .grow .info .title {
          font-size: .42rem;
          color: #333333;
          font-weight: bold; }
        .main_recruit_info .item .grow .info .desc {
          font-size: .16rem;
          color: #999999;
          line-height: 1.6;
          margin-top: .1rem; }
      .main_recruit_info .item .grow ul {
        margin-top: .6rem; }
        .main_recruit_info .item .grow ul li {
          display: flex;
          align-items: center;
          margin-bottom: .3rem; }
          .main_recruit_info .item .grow ul li .icon {
            width: .56rem;
            height: .56rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #FCE9E9; }
            .main_recruit_info .item .grow ul li .icon img {
              width: .3rem; }
          .main_recruit_info .item .grow ul li .font {
            padding-left: .2rem; }
            .main_recruit_info .item .grow ul li .font p {
              font-size: .26rem;
              color: #333333;
              font-weight: bold; }
            .main_recruit_info .item .grow ul li .font span {
              display: block;
              font-size: .14rem;
              color: #999999;
              margin-top: .06rem; }
      .main_recruit_info .item .grow .team {
        overflow: hidden;
        position: relative;
        padding-left: .2rem;
        margin-top: 1.2rem; }
        .main_recruit_info .item .grow .team::after {
          content: '';
          width: 4px;
          height: 80%;
          background: #DD2221;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%); }
        .main_recruit_info .item .grow .team p {
          font-size: .6rem;
          color: #333333;
          font-weight: bold; }
        .main_recruit_info .item .grow .team span {
          display: block;
          font-size: .26rem;
          color: #333333;
          opacity: 0.6;
          margin-top: .04rem; }

.main_recruit_tixi {
  width: 100%;
  height: 9.6rem;
  background-image: url(../images/zp9.png);
  background-size: cover;
  background-position: center center;
  padding: 2.4rem 0 0 0; }
  .main_recruit_tixi .title {
    width: 100%; }
    .main_recruit_tixi .title p {
      text-align: center;
      font-size: .42rem;
      color: #fff;
      font-weight: bold; }
    .main_recruit_tixi .title span {
      display: block;
      text-align: center;
      margin-top: .1rem;
      font-size: .16rem;
      color: #fff; }
  .main_recruit_tixi ul {
    display: flex;
    gap: .28rem;
    flex-wrap: wrap;
    margin-top: 1.2rem;
    justify-content: center; }
    .main_recruit_tixi ul li {
      width: 3.8rem;
      height: 2.8rem;
      border-radius: .1rem;
      background: #fff;
      padding: .4rem .3rem 0 .3rem;
      position: relative;
      transition: all .4s; }
      .main_recruit_tixi ul li:hover {
        background: #DD2221;
        transform: translateY(-0.1rem); }
        .main_recruit_tixi ul li:hover img {
          filter: brightness(0) invert(1);
          transform: translateY(0.1rem); }
        .main_recruit_tixi ul li:hover .tit {
          color: #fff; }
        .main_recruit_tixi ul li:hover .desc {
          color: #fff; }
      .main_recruit_tixi ul li img {
        width: .5rem;
        display: block;
        transition: all .4s; }
      .main_recruit_tixi ul li .tit {
        font-size: .26rem;
        color: #333;
        margin-top: .38rem;
        font-weight: bold;
        transition: all .4s; }
      .main_recruit_tixi ul li .desc {
        display: block;
        transition: all .4s;
        font-size: .14rem;
        color: #999999;
        margin-top: .06rem;
        line-height: 1.6; }

.main_recruit_photo {
  width: 100%;
  padding: 1rem 0 0 0; }
  .main_recruit_photo .box {
    width: 100%;
    margin-top: .3rem; }
    .main_recruit_photo .box .item {
      width: 100%;
      display: flex;
      margin-top: .2rem; }
      .main_recruit_photo .box .item div {
        width: 5.8rem;
        height: 3rem;
        overflow: hidden;
        border-radius: .1rem;
        margin: 0 .1rem; }
        .main_recruit_photo .box .item div img {
          width: 100%;
          height: 100%;
          transition: all .6s;
          object-fit: cover;
          display: block; }
          .main_recruit_photo .box .item div:hover img{
              transform: scale(1.06);
          }

.main_recruit_form {
  width: 100%;
  padding: 1.2rem 1.6rem; }
  .main_recruit_form .box {
    margin-top: .5rem;
    border: 1px solid #F5F5F5;
    border-bottom: none; }
    .main_recruit_form .box .fittle {
      width: 100%; }
      .main_recruit_form .box .fittle form {
        height: 1.2rem;
        width: 100%;
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
        padding: 0 .3rem; }
        .main_recruit_form .box .fittle form select {
          width: 4rem;
          height: .6rem;
          border: 1px solid #f5f5f5;
          font-size: .16rem;
          outline: none;
          color: #999999;
          padding-left: .2rem;
          appearance: none;
          background: none;
          background-image: url(../images/zp6.png);
          background-size: .12rem;
          background-repeat: no-repeat;
          background-position: right .2rem center; }
          .main_recruit_form .box .fittle form select:focus {
            border: 1px solid #DD2221; }
          .main_recruit_form .box .fittle form select.on {
            width: 4rem; }
        .main_recruit_form .box .fittle form .input {
          width: 5.3rem;
          height: .6rem;
          border: 1px solid #f5f5f5;
          display: flex;
          align-items: center;
          padding-left: .2rem; }
          .main_recruit_form .box .fittle form .input img {
            width: .2rem;
            filter: brightness(0) saturate(100%); }
          .main_recruit_form .box .fittle form .input input {
            flex: 1;
            height: 100%;
            font-size: .16rem;
            border: none;
            outline: none;
            color: #333;
            padding-left: .1rem; }
            .main_recruit_form .box .fittle form .input input::placeholder {
              color: #999999; }
        .main_recruit_form .box .fittle form button {
          width: 1.2rem;
          height: .6rem;
          background: #DD2221;
          border: none;
          font-size: .16rem;
          color: #fff;
          cursor: pointer;
          transition: all .2s; }
          .main_recruit_form .box .fittle form button:hover {
            opacity: 0.8; }
    .main_recruit_form .box .table_th {
      background: #F1F1F1;
      height: .8rem;
      display: flex;
      align-items: center; }
      .main_recruit_form .box .table_th div {
        flex: 1;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .16rem;
        font-weight: bold;
        color: #333333; }
        .main_recruit_form .box .table_th div:first-child {
          padding-left: .5rem;
          justify-content: flex-start; }
    .main_recruit_form .box .recruit_form_list {
      width: 100%;
      overflow: hidden;
      padding-bottom: .4rem; }
      .main_recruit_form .box .recruit_form_list .item {
        width: 100%; }
        .main_recruit_form .box .recruit_form_list .item .item_info {
          width: 100%;
          background: #F8F8F8;
          display: none;
          padding: .1rem .5rem .3rem .5rem; }
          .main_recruit_form .box .recruit_form_list .item .item_info .tit {
            font-size: .16rem;
            color: #333333;
            font-weight: bold; }
          .main_recruit_form .box .recruit_form_list .item .item_info .infolabel p {
            font-size: .14rem;
            color: #999999;
            line-height: 1.6; }
          .main_recruit_form .box .recruit_form_list .item .item_info .infolabel {
            overflow: hidden;
            margin-top: .3rem; }
          .main_recruit_form .box .recruit_form_list .item .item_info .btn {
            width: 1.5rem;
            height: .5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: .6rem;
            background: #DD2221;
            transition: all .3s;
            font-size: .16rem;
            cursor: pointer;
            color: #fff;
            margin-top: .3rem;
            font-weight: bold; }
        .main_recruit_form .box .recruit_form_list .item .item_th {
          width: 100%;
          height: .8rem;
          cursor: pointer;
          display: flex;
          border-bottom: 1px solid #F5F5F5;
          align-items: center;
          transition: all .2s;
          position: relative; }
          .main_recruit_form .box .recruit_form_list .item .item_th:hover {
            background: rgba(221, 34, 33, 0.1); }
          .main_recruit_form .box .recruit_form_list .item .item_th::before {
            content: '';
            width: .16rem;
            height: .16rem;
            background-image: url(../images/zp7.png);
            background-size: 100% 100%;
            z-index: 9;
            position: absolute;
            right: .5rem;
            top: 50%;
            transition: all .3s;
            filter: brightness(0) saturate(100%);
            transform: rotate(-90deg);
            margin-top: -.08rem; }
          .main_recruit_form .box .recruit_form_list .item .item_th.on {
            background: #F5F5F5; }
            .main_recruit_form .box .recruit_form_list .item .item_th.on::after {
              height: 100%; }
            .main_recruit_form .box .recruit_form_list .item .item_th.on::before {
              filter: none;
              transform: rotate(0deg); }
            .main_recruit_form .box .recruit_form_list .item .item_th.on div:first-child {
              font-size: .26rem;
              font-weight: bold;
              color: #333333; }
          .main_recruit_form .box .recruit_form_list .item .item_th::after {
            content: '';
            width: 4px;
            height: 0%;
            transform: translateY(-50%);
            transition: all .3s;
            background: #DD2221;
            position: absolute;
            left: 0;
            top: 50%; }
          .main_recruit_form .box .recruit_form_list .item .item_th div {
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
            position: relative;
            transition: all .2s;
            justify-content: center;
            font-size: .16rem;
            color: #666666; }
            .main_recruit_form .box .recruit_form_list .item .item_th div:nth-child(5) {
              color: #DD2221;
              font-weight: bold; }
            .main_recruit_form .box .recruit_form_list .item .item_th div:first-child {
              padding-left: .5rem;
              justify-content: flex-start;
              color: #333333; }

.main_contact_company {
  width: 100%;
  padding: 1.2rem 1.6rem; }
  .main_contact_company .box {
    width: 100%;
    margin-top: .5rem;
    position: relative;
    display: flex;
    justify-content: flex-end; }
   .main_contact_company .box .picture {
      width: 7.52rem;
      height: 5.78rem;
      position: relative;
      overflow: hidden; }
      .main_contact_company .box .picture::after {
        content: '';
        position: absolute;
        z-index: 2;
        top: -30%;
        left: -80%;
        width: 32%;
        height: 160%;
        pointer-events: none;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
        transform: skewX(-20deg); }
      .main_contact_company .box:hover .picture::after {
        left: 145%;
        transition: left 0.8s ease; }
      .main_contact_company .box .picture img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .main_contact_company .box .grow {
      width: calc(100% - 7.52rem);
      height: 5.78rem;
      border-radius: .2rem;
      border: 1px solid #F5F5F5;
      background: rgba(255, 255, 255, 0.4);
      box-shadow: 0 0.04rem 0.15rem 0 rgba(148, 148, 148, 0.15);
      backdrop-filter: blur(0.17rem);
      position: absolute;
      left: 0;
      top: 0;
      padding: 0 .6rem; }
      .main_contact_company .box .grow .title {
        font-size: .28rem;
        color: #333;
        padding: .2rem 0;
        font-weight: bold;
        border-bottom: 1px solid #F5F5F5; }
      .main_contact_company .box .grow .code {
        display: flex;
        margin-top: .46rem;
        gap: .12rem; }
        .main_contact_company .box .grow .code .label {
          overflow: hidden; }
          .main_contact_company .box .grow .code .label div {
            width: 1rem;
            height: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: .1rem;
            border: 1px solid #F5F5F5;
            margin: 0 auto; }
            .main_contact_company .box .grow .code .label div img {
              width: 90%;
              height: 90%;
              object-fit: cover;
              display: block; }
          .main_contact_company .box .grow .code .label span {
            display: block;
            text-align: center;
            font-size: .14rem;
            color: #333333;
            opacity: 0.6;
            margin-top: .06rem; }
      .main_contact_company .box .grow ul {
        overflow: hidden; }
        .main_contact_company .box .grow ul li {
          display: flex;
          align-items: flex-start;
          margin-top: .3rem; }
          .main_contact_company .box .grow ul li .icon {
            width: .48rem;
            height: .48rem;
            border-radius: 50%;
            border: 1px solid #F5F5F5;
            display: flex;
            align-items: center;
            justify-content: center; }
            .main_contact_company .box .grow ul li .icon img {
              width: .24rem; }
          .main_contact_company .box .grow ul li .info {
            width: 4.2rem;
            padding-left: .15rem; }
            .main_contact_company .box .grow ul li .info p {
              font-size: .14rem;
              color: #999999;
              margin-bottom: .06rem; }
            .main_contact_company .box .grow ul li .info span {
              display: block;
              font-size: .18rem;
              color: #333333;
              font-weight: bold; }

.main_contact_address {
  width: 100%;
  height: 9.6rem;
  background-image: url(../images/contactbg.png);
  background-size: cover;
  background-position: center center;
  padding: 2.1rem 0 0 0; }
  .main_contact_address .fillter {
    width: 100%;
    padding: 0 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .main_contact_address .fillter p {
      font-size: .42rem;
      color: #fff;
      font-weight: bold; }
    .main_contact_address .fillter form {
      display: flex;
      align-items: center; }
      .main_contact_address .fillter form select {
        width: 1.6rem;
        height: .5rem;
        border: 1px solid #fff;
        font-size: .16rem;
        outline: none;
        color: #333;
        border-radius: .6rem;
        margin-right: .1rem;
        padding-left: .2rem;
        appearance: none;
        background: #fff;
        background-image: url(../images/zp6.png);
        background-size: .12rem;
        font-weight: bold;
        transition: all .2s;
        background-repeat: no-repeat;
        background-position: right .2rem center; }
        .main_contact_address .fillter form select:focus {
          border: 1px solid #DD2221; }
      .main_contact_address .fillter form .search {
        width: 2.5rem;
        height: .5rem;
        border: 1px solid #fff;
        display: flex;
        align-items: center;
        border-radius: .6rem;
        overflow: hidden;
        padding-right: .2rem;
        justify-content: space-between; }
        .main_contact_address .fillter form .search img {
          width: .2rem;
          cursor: pointer; }
        .main_contact_address .fillter form .search button {
          background: none;
          border: none;
          margin: 0;
          padding: 0; }
        .main_contact_address .fillter form .search input {
          flex: 1;
          height: 100%;
          font-size: .16rem;
          border: none;
          outline: none;
          color: #fff;
          background: none;
          padding-left: .2rem; }
          .main_contact_address .fillter form .search input::placeholder {
            color: #fff; }
  .main_contact_address .box {
    width: 100%;
    margin-top: .72rem;
    display: flex; }
    .main_contact_address .box .mySwiper {
      width: 100%;
      overflow: hidden; }
      .main_contact_address .box .mySwiper .swiper-slide {
        width: 5.1rem;
        padding-top: .1rem;
        margin-right: .4rem; }
        .main_contact_address .box .mySwiper .swiper-slide:first-child {
          margin-left: 1.6rem; }
    .main_contact_address .box .item {
      width: 100%;
      height: 4rem;
      background: #fff;
      position: relative;
      border-radius: .2rem;
      border: 1px solid #E4E4E4;
      transition: all .3s;
      padding: 0 .4rem; }
      .main_contact_address .box .item:hover {
        transform: translateY(-0.1rem); }
      .main_contact_address .box .item::after {
        content: '';
        width: 1.33rem;
        height: 1.26rem;
        background-image: url(../images/contact5.png);
        background-size: 100% 100%;
        position: absolute;
        right: .4rem;
        top: 1.3rem; }
      .main_contact_address .box .item .name {
        padding: .4rem 0;
        border-bottom: 1px solid #E4E4E4; }
        .main_contact_address .box .item .name p {
          font-size: .22rem;
          color: #333;
          font-weight: bold;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
      .main_contact_address .box .item .info {
        overflow: hidden;
        position: relative;
        z-index: 9; }
        .main_contact_address .box .item .info div {
          margin-top: .3rem; }
          .main_contact_address .box .item .info div .tit {
            font-size: .14rem;
            color: #DD2221;
            font-weight: bold; }
          .main_contact_address .box .item .info div .desc {
            font-size: .18rem;
            font-weight: bold;
            color: #333;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            margin-top: .02rem; }

.main_contact_message {
  width: 100%;
  padding: .8rem 1.6rem 1rem 1.6rem;
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden; }
  .main_contact_message .earth {
    width: 6rem;
    height: 5.6rem;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(-30%, 40%);
    z-index: 1;
    width: 12rem;
    height: 11.2rem;
    overflow: hidden;
    pointer-events: none; }
    .main_contact_message .earth canvas {
      width: 100%;
      height: 100%;
      display: block; }
  .main_contact_message .font {
    overflow: hidden;
    position: relative;
    z-index: 2;
    width: 5.5rem;
    max-width: 100%; }
    .main_contact_message .font p {
      font-size: .44rem;
      color: #333;
      font-weight: bold; }
    .main_contact_message .font span {
      display: block;
      font-size: .2rem;
      color: #999999;
      margin-top: .3rem;
      line-height: 1.6; }
  .main_contact_message form {
    width: 9.7rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .3rem; }
    .main_contact_message form button {
      border: none;
      outline: none; }
    .main_contact_message form label {
      width: 4.6rem; }
      .main_contact_message form label p {
        font-size: .16rem;
        color: #333;
        font-weight: bold;
        margin-bottom: .1rem; }
        .main_contact_message form label p span {
          color: #DD2221;
          margin-left: .06rem; }
      .main_contact_message form label textarea {
        width: 100%;
        height: 1.4rem;
        border-radius: .1rem;
        border: 1px solid #E4E4E4;
        font-size: .16rem;
        transition: all .2s;
        color: #333;
        padding: .2rem;
        resize: none;
        outline: none; }
        .main_contact_message form label textarea::placeholder {
          color: #999999; }
        .main_contact_message form label textarea:focus {
          border: 1px solid #DD2221; }
          .main_contact_message form label label{
              height: .6rem;
              display: flex;
              align-items: center;
              font-size: .16rem;
              color: #666;
              cursor: pointer;
          }
          .main_contact_message form label label input::check{
              background: #333;
          }
          .main_contact_message form label label input{
              margin-right: .16rem;
              transform: scale(1.4);
          }
      .main_contact_message form label input[type="text"] {
        width: 100%;
        height: .6rem;
        border-radius: .1rem;
        border: 1px solid #E4E4E4;
        font-size: .16rem;
        color: #333;
        padding-left: .2rem;
        transition: all .2s; }
        .main_contact_message form label input:focus {
          border: 1px solid #DD2221; }

@media (max-width: 1000px) {
  header > ul {
    display: none; }

  header {
    width: 100%;
    left: 0;
    padding: 0 .3rem;
    padding-right: 1.2rem; }

  header .logo {
    width: 1.3rem;
    height: .5rem; }

  header.on {
    top: 0;
    border-radius: 0;
    height: 1rem;
    padding: 0 .3rem;
    padding-right: 1.2rem; }

  .banner {
    height: 6.8rem; }

  .banner .fontGrowHome p {
    font-size: .38rem; }

  .button a {
    font-size: .24rem; }
    .button a i {
      width: .2rem;
      height: .2rem;
      right: .26rem; }

  .main_home_business .midden .public_head .title span {
    font-size: .36rem; }

  .public_head p {
    font-size: .32rem; }

  .main_home_enter.enter-motion .box .public_head {
    padding: 0 .3rem;
    padding-top: 2rem; }

  .main_home_enter .box .public_head em {
    font-size: .2rem; }

  .main_home_enter .box ul {
    padding: 0 .3rem;
    gap: .1rem; }

  .main_home_enter .box ul li em {
    font-size: .22rem; }

  .main_home_news {
    padding: 1rem 0 1rem .3rem; }

  .main_home_news .news_head {
    padding-right: .3rem;
    padding-left: .3rem; }

  .main_home_news .news_head .fl p {
    font-size: .36rem; }

  .main_home_news .news_head .fl .tab {
    flex-wrap: wrap;
    gap: .1rem; }

  .main_descbanner img {
    width: 3rem;
    right: .2rem; }

  .main_descbanner {
    padding: 0 .3rem;
    padding-top: .8rem; }

  .main_descbanner p {
    font-size: .32rem; }

  .main_descbanner span {
    font-size: .22rem; }

  .main_home_news .news_head .fl .tab a {
    font-size: .22rem; }

  .main_home_enter .box ul li p span {
    font-size: .5rem; }

  .main_home_engineering .engineering_tabbar {
    width: 6.9rem;
    margin: 0 auto;
    height: auto;
    flex-wrap: wrap;
    margin-top: .4rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .1rem;
    padding: .1rem;
    border-radius: .16rem; }

  .main_home_engineering .engineering_tabbar .label {
    width: auto;
    height: .66rem; }
    .main_home_engineering .engineering_tabbar .label span {
      font-size: .22rem; }

  .main_home_engineering .engineering_tabbar .label img {
    width: .28rem; }

  .public_head .title span {
    font-size: .24rem; }

  .main_home_engineering .engineering_box .swiper-slide {
    width: 6.9rem;
    margin: 0 .1rem; }

  .main_home_engineering .engineering_box .item .info {
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0; }

  .main_home_engineering .engineering_box .item .info .desc span {
    font-size: .22rem; }

  .main_about_brand {
    padding: 1rem .3rem;
    min-height: auto; }

  .main_about_brand .about_brand_box {
    margin-top: .6rem; }

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

  footer .fot_logo {
    padding: .6rem 0; }

  footer .fot_logo .l {
    width: 2rem; }

  footer .code div {
    width: 1.4rem;
    height: 1.4rem; }

  footer .contact {
    flex-wrap: wrap; }
    footer .contact div {
      font-size: .2rem;
      padding: .1rem;
      text-align: center; }

  .mobile_navbar {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 1010;
    left: 0;
    top: 0;
    display: none;
    padding-top: 1rem; }

  header {
    z-index: 1011; }

  header .tools div i {
    width: .28rem;
    height: .28rem; }

  .mobile_navbar .box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    overflow: auto;
    height: 100%;
    background: #1A1A1A;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

  .mobile_navbar .box ul {
    overflow: hidden;
    padding: 0 .3rem; }

  .mobile_navbar .box ul li {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

  .mobile_navbar .box ul li > a {
    display: flex;
    align-items: center;
    height: 100%;
    height: .9rem;
    font-size: .28rem;
    color: #fff;
    opacity: 0.8;
    justify-content: space-between; }

  .mobile_navbar .box ul li > a.on img {
    transform: rotate(90deg); }

  .mobile_navbar .box ul li > a img {
    transition: all .2s; }

  .childer {
    overflow: hidden;
    padding-left: .3rem;
    display: none; }

  .childer a {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ECECEC;
    height: 100%;
    height: .9rem;
    padding-left: .5rem;
    font-size: .26rem;
    color: #333; }

  .childer a:last-child {
    border: none; }

  .mobile_navbar .box > img {
    width: .4rem;
    margin: .3rem;
    float: right; }

  .mobile_navbar .box ul li div {
    display: none; }

  .mobile_navbar .box ul li div a {
    display: flex;
    align-items: center;
    height: 1rem;
    padding-left: .6rem;
    color: #9D9EA5;
    font-size: .28rem; }

  .menus {
    width: .56rem;
    height: .56rem;
    background-image: url(../images/menu.png);
    transition: all .3s;
    position: absolute;
    right: .3rem;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100% 100%;
    display: block; }
    .menus.on {
      background-image: url(../images/closew.png); }

  .banner .fontGrow {
    padding: 0 .3rem;
    bottom: .6rem; }

  .banner .fontGrow span {
    font-size: .22rem; }

  .main_honor_picture .tabbar div {
    font-size: .22rem;
    height: .6rem; }

  .main_honor_picture .tabbar {
    margin-top: .3rem; }

  .main_honor_picture .box .label p {
    font-size: .24rem;
    white-space: nowrap; }

  .main_honor_list {
    padding: 1rem 0; }

  .main_honor_list .button_grow div {
    width: .8rem;
    height: .8rem; }
    .main_honor_list .button_grow div img {
      width: .3rem; }

  .main_about_info {
    padding: 1rem .3rem;
    display: block; }

  .main_about_info .about_info_grow {
    width: 100%; }

  .main_about_info .about_info_grow .desc {
    width: 100%;
    max-width: 100%; }

  .main_about_info .about_info_grow .desc p {
    font-size: .26rem; }

  .main_about_culture .culture_slide .label .head span {
    font-size: .32rem; }

  .main_about_history {
    padding: 1rem .3rem; }

  .main_about_history .box .history_nav {
    width: 1.4rem; }

  .main_about_history .box .history_list {
    width: 5.4rem; }

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

  .main_about_info .about_info_photo .item {
    width: 46%;
    height: 4rem; }

  .main_about_history .box .history_list .label a {
    display: block; }

  .main_about_history .box .history_list .label a .picture {
    width: 100%; }

  .main_about_history .box .history_list .label a .grow {
    width: 100%;
    padding: .2rem 0;
    padding-bottom: 0; }

  .main_about_history .box .history_list .label a .grow .name p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

  .main_about_history .box .history_list .label a .grow .desc {
    font-size: .2rem;
    margin-top: .08rem; }

  .main_about_architecture {
    padding: 1rem .3rem; }

  .main_about_culture .culture_slide .label .desc p {
    font-size: .28rem; }

  .public_head .title span {
    font-size: .26rem; }

  .main_team_list {
    padding: 1rem .3rem; }

  .main_team_list .team_active .item.show {
    display: block; }

  .main_team_list .team_active .item .picture {
    width: 3.8rem;
    height: 4.2rem;
    margin: 0 auto; }

  .main_team_list .team_active .item .info {
    width: 100%;
    padding: .3rem 0; }

  .main_team_list .team_active .item .info .desc p {
    font-size: .24rem; }

  .main_team_list .team_active .item .info .name p {
    font-size: .3rem; }

  .main_team_list .team_active .item .info .name span {
    font-size: .26rem; }

  .main_team_list .team_list .mySwiper .swiper-slide {
    width: 1.2rem;
    margin-right: .2rem; }

  .main_team_list .team_list .mySwiper .swiper-slide .label {
    height: 1.6rem; }

  .main_team_list .team_list {
    margin-top: .3rem; }

  .main_team_list .team_list .btngrow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .3rem;
    width: 100%; }

  .main_team_list .team_list .btn {
    position: static;
    margin: 0 .1rem;
    width: .68rem;
    height: .68rem; }

  .main_team_backbone {
    padding: 0 .3rem; }

  .main_team_backbone .box {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.28rem; }

  .main_team_backbone .box .label .mask .type {
    font-size: .22rem; }

  .main_team_backbone .box .label .mask .name {
    font-size: .26rem; }

  .main_team_map .box {
    width: 6.9rem;
    height: 6.22rem; }

  .main_team_map .box .sl {
    width: .8rem;
    bottom: 0rem;
    right: 0; }

  .main_team_map .box .dot.dotln {
    right: 1rem;
    top: 1.58rem; }

  .main_team_map .box .dot.dotsd {
    right: 1.5rem;
    top: 2.2rem; }

  .main_team_map .box .dot.dotsc {
    right: 3.46rem;
    top: 2.89rem; }

  .main_team_map .box .dot.dotcq {
    right: 2.431rem;
    top: 3.2rem; }

  .main_team_map .box .dot.dothb {
    right: 2.08rem;
    top: 2.77rem; }

  .main_team_map .box .dot.dotgz {
    right: 2.97rem;
    top: 3.99rem; }

  .main_team_map .box .dot.dothn {
    right: 2rem;
    top: 3.69rem; }

  .main_team_map .box .dot.dotgx {
    right: 2.39rem;
    top: 4.45rem; }

  .main_team_map .box .dot.dotgd {
    right: 1.6rem;
    top: 4.36rem; }

  .main_team_map .box .dot.dothan {
    right: 2.09rem;
    top: 5.1rem; }

  .main_team_map .box .dot p {
    font-size: .18rem; }

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

  .main_news_list {
    padding: 0 .3rem; }

  .main_news_tools .tabbar div a {
    font-size: .24rem; }

  .main_news_tools .tabbar {
    overflow-x: auto;
    white-space: nowrap; }

  .main_news_tools {
    display: block;
    padding: .3rem 0; }

  .main_news_tools .searchs {
    width: 100%;
    margin-top: .3rem;
    height: .68rem; }

  .main_news_tools .searchs input {
    font-size: .24rem; }

  .main_news_tools .searchs button i {
    width: .3rem;
    height: .3rem;
    background-size: .3rem; }

  .main_news_tools .searchs button {
    right: .3rem; }

  .main_news_box .item {
    display: block; }

  .button a i {
    margin-top: -.1rem; }

  .main_news_list .news_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem; }

  .news_list .news_item a p {
    font-size: .24rem; }

  .news_list .news_item a {
    padding: 0 .2rem; }

  .news_list .news_item a .desc span {
    font-size: .26rem; }

  .news_list .news_item a .bottom span {
    font-size: .22rem; }

  .main_news_list {
    padding-bottom: .6rem; }

  .pageList a.btn img {
    width: .26rem; }

  .main_news_box .item .picture {
    width: 100%; }

  .main_news_box .item {
    height: auto; }

  .main_news_box .item .info {
    width: 100%;
    padding: .3rem; }

  .main_news_box .item .info .date {
    font-size: .22rem; }

  .main_news_box .item .info .title {
    font-size: .26rem; }

  .main_news_box .item .info .desc {
    padding-top: .3rem; }
    .main_news_box .item .info .desc p {
      font-size: .24rem; }

  .main_news_list .news_list .news_item a .picture {
    height: 2.4rem; }

  .main_news_list .news_list .news_item {
    height: 5.32rem; }

  .main_performance .tabbar {
    padding: 0 .3rem;
    overflow-x: auto;
    white-space: nowrap; }

  .main_performance .tabbar div {
    white-space: nowrap;
    font-size: .24rem; }

  .main_performance .performance_fade .performance_item .performance_head {
    padding: .3rem;
    display: block; }

  .main_performance .performance_fade .performance_item .performance_head .fl .icon {
    width: .8rem;
    height: .8rem; }

  .main_performance .performance_fade .performance_item .performance_head .fl .icon img {
    width: .36rem; }

  .main_performance .performance_fade .performance_item .performance_head .fl .font .title {
    font-size: .28rem; }

  .main_performance .performance_fade .performance_item .performance_head .fl .font .desc {
    font-size: .22rem; }

  .main_performance .performance_fade .performance_item .performance_head ul {
    margin-top: .4rem; }

  .main_performance .performance_fade .performance_item .performance_head ul li {
    text-align: left;
    margin-bottom: .2rem; }
    .main_performance .performance_fade .performance_item .performance_head ul li span {
      font-size: .26rem; }

  .main_performance .performance_fade .performance_item .performance_box .swiper-slide {
    width: 6.9rem;
    margin: 0 .1rem; }

  .main_performance .performance_fade .performance_item .performance_box .item .info .desc span {
    font-size: .22rem; }

  .main_performance .performance_fade .performance_item .performance_box .item .info p {
    font-size: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

  .main_performance .performance_fade .performance_item .performance_head {
    padding-top: .6rem; }

  .main_performance .performance_fade .performance_item .performance_head ul {
    margin-top: .6rem; }

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

  .main_recruit_info .item {
    margin-top: .6rem;
    display: block; }

  .main_recruit_info .item .grow {
    width: 100%;
    padding: 0; }

  .main_recruit_info .item .grow .info .title {
    font-size: .32rem; }

  .main_recruit_info .item .grow .info .desc {
    font-size: .24rem; }

  .main_recruit_info .item .grow .team {
    margin-top: .6rem; }

  .main_recruit_info .item .grow .team p {
    font-size: .46rem; }

  .main_recruit_info .item .picture {
    width: 100%;
    height: 6.9rem;
    margin-top: .4rem; }

  .main_recruit_info .item:nth-child(even) .grow {
    padding-left: 0; }

  .main_recruit_info .item .grow ul li .font span {
    font-size: .2rem; }

  .main_recruit_info .item .grow ul li .icon {
    width: .68rem;
    height: .68rem; }

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

  .main_recruit_tixi .title span {
    font-size: .22rem; }

  .main_recruit_tixi ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .2rem;
    margin-top: .6rem; }

  .main_recruit_form {
    padding: 1rem .3rem; }

  .main_recruit_tixi ul li {
    width: auto;
    height: auto;
    padding-bottom: .2rem; }

  .main_recruit_tixi ul li .desc {
    font-size: .2rem; }

  .main_recruit_tixi ul li .tit {
    margin-bottom: .2rem; }

  .main_recruit_form .box .recruit_form_list .item .item_th.on div:first-child {
    font-size: .2rem; }

  .main_contact_company {
    padding: 1rem .3rem; }

  .main_contact_company .box {
    display: block; }

  .main_contact_company .box .grow {
    width: 100%;
    height: auto;
    position: relative;
    padding: .3rem; }

  .main_contact_company .box .grow ul li .icon {
    width: .68rem;
    height: .68rem; }
    .main_contact_company .box .grow ul li .icon img {
      width: .38rem; }

  .main_contact_company .box .grow ul li .info p {
    font-size: .24rem; }

  .main_contact_company .box .grow ul li .info span {
    font-size: .24rem; }

  .main_contact_company .box .grow .code {
    justify-content: center; }

  .main_contact_company .box .grow .code .label div {
    width: 1.4rem;
    height: 1.4rem; }

  .main_contact_company .box .grow .code .label span {
    font-size: .22rem; }

  .main_contact_company .box .picture {
    width: 100%;
    margin-top: .3rem; }

  .main_contact_address {
    height: auto;
    padding: 1rem 0 .6rem 0; }

  .main_contact_address .box .item {
    padding: 0 .2rem; }

  .main_contact_address .box .item .name {
    padding: .2rem 0; }
    .main_contact_address .box .item .name p {
      font-size: .24rem; }

  .main_contact_address .box .item .info div .tit {
    font-size: .22rem; }

  .main_contact_address .box .item .info div .desc {
    font-size: .22rem; }

  .main_contact_company .box .grow .title {
    font-size: .32rem; }

  .main_contact_message {
    padding: 1rem .3rem;
    display: block; }

  .main_contact_message .font span {
    font-size: .24rem; }

  .main_contact_message form {
    width: 100%;
    gap: .2rem;
    margin-top: .4rem; }

  .main_contact_message form label textarea {
    font-size: .24rem; }

  .main_contact_message form label {
    width: 46%; }

  .main_contact_message form label p {
    font-size: .24rem; }

  .main_contact_message form label input {
    height: .66rem;
    font-size: .22rem; }

  .main_contact_address .fillter {
    padding: 0 .3rem;
    display: block; }

  .main_contact_address .fillter p {
    font-size: .32rem;
    margin-bottom: .3rem; }

  .main_news_info {
    padding: .3rem; }

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

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

  .main_news_info .news_info {
    display: block; }

  .main_news_info .news_info .left {
    width: 100%; }

  .main_news_info .news_info .left .date {
    font-size: .24rem; }

  .main_news_info .news_info .right {
    width: 100%; }

  .main_news_info .news_info .right .children p {
    font-size: .26rem; }

  .toolss {
    display: block; }

  .toolss .page a {
    font-size: .24rem; }

  .toolss .page {
    width: 100%;
    margin-bottom: .3rem; }

  .main_com_news {
    padding: 1rem .3rem; }

  .main_com_news .news_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem; }

  .main_contact_address .fillter form select {
    height: .6rem;
    font-size: .22rem; }

  .main_contact_address .fillter form .search {
    flex: 1;
    height: .6rem;
    font-size: .22rem; }

  .main_contact_address .fillter form .search input {
    font-size: .22rem; }

  .main_contact_address .fillter form .search img {
    width: .28rem; }

  .main_contact_company .box .grow ul li .info {
    width: calc(100% - .68rem); }

  .main_performance_info {
    width: 6.9rem;
    padding: .2rem; }

  .main_performance_info .data ul li {
    width: 50%;
    flex: 50%; }

  .main_performance_info .data ul li p {
    font-size: .22rem; }

  .main_performance_info .data ul li span em {
    font-size: .46rem; }

  .main_performance_info .children1 p {
    font-size: .26rem; }

  .main_performance_info .data ul {
    flex-wrap: wrap; }

  .main_recommendation {
    padding: 1rem .3rem; }

  .main_recruit_photo .box .item div {
    width: 3rem;
    height: 1.8rem; }

  .main_about_brand .earth {
    width: 6rem;
    height: 6rem;
    bottom: -1rem;
    transform: translateX(-3rem); }

  .main_about_architecture {
    min-height: auto; }

  footer .contact div {
    align-items: flex-start; } }

/*# sourceMappingURL=css.css.map */