.bannerv {
  width: 100%;
  height: 100vh;
  position: relative;
  background: linear-gradient(10deg, #5eb2b2, #2762a4, #2762a4); }
  .bannerv #wave {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 99;
    bottom: 0; }
    .bannerv #wave canvas {
      display: block; }
  .bannerv video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; }
  .bannerv .bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }
  .bannerv .mids {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 9;
    top: 26%;
    padding: 0 3rem; }
    .bannerv .mids p {
      font-size: .48rem;
      color: #fff;
      font-weight: bold;
      margin-bottom: .3rem; }
    .bannerv .mids i {
      font-size: .23rem;
      color: #fff;
      line-height: 1.8; }

.tong_title {
  width: 5.96rem;
  height: .76rem;
  margin: 0 auto;
  border-bottom: 2px solid #c7c7c7;
  position: relative; }
  .tong_title p {
    font-weight: bold;
    text-align: center;
    line-height: .76rem;
    font-size: .38rem;
    position: relative;
    color: #000; }
    .tong_title p::after {
      content: '';
      width: .88rem;
      height: 2px;
      background: #005eab;
      position: absolute;
      right: 50%;
      bottom: 0; }
    .tong_title p::before {
      content: '';
      width: .88rem;
      height: 2px;
      background: #000;
      position: absolute;
      left: 50%;
      bottom: 0; }

.main_hdsm {
  width: 100%;
  padding: .55rem 0 1.38rem;
  background-image: url(../images/keti_pc_07.jpg);
  background-size: cover;
  background-position: center center; }
  .main_hdsm .m .box {
    width: 13.52rem;
    position: relative;
    margin: 0 auto;
    margin-top: .52rem;
    background: #fff; }
  .main_hdsm .m .font {
    overflow: hidden;
    padding: .76rem 1.6rem; }
    .main_hdsm .m .font span {
      display: block;
      font-size: .24rem;
      color: #000;
      text-indent: .5rem;
      margin-bottom: .2rem;
      line-height: .4rem; }
    .main_hdsm .m .font em {
      text-align: right;
      display: block;
      font-size: .24rem;
      color: #000;
      line-height: .4rem; }
  .main_hdsm .m .contact {
    width: 100%;
    overflow: hidden;
    background: #005492;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .18rem 0; }
    .main_hdsm .m .contact img {
      width: .42rem; }
    .main_hdsm .m .contact div {
      overflow: hidden;
      margin-left: .4rem; }
      .main_hdsm .m .contact div span {
        display: block;
        font-size: .24rem;
        color: #fff;
        line-height: .36rem; }

.main_yfs {
  width: 100%;
  overflow: hidden;
  padding: .46rem 0 .94rem 0;
  position: relative; }
  .main_yfs::after {
    content: '';
    height: 5px;
    background: #838383;
    transform: rotate(-45deg);
    width: 9.33rem;
    position: absolute;
    left: -1.44rem;
    top: 5.6rem; }
  .main_yfs::before {
    content: '';
    height: 5px;
    background: #838383;
    transform: rotate(-45deg);
    width: 9.33rem;
    position: absolute;
    right: -1.44rem;
    top: 4.84rem; }
  .main_yfs .m {
    width: 13.52rem;
    position: relative;
    margin: 0 auto; }
    .main_yfs .m .box {
      width: 100%;
      position: relative;
      height: 5.66rem;
      margin: 0 auto;
      margin-top: 1.18rem; }
      .main_yfs .m .box .label {
        width: 3.7rem;
        height: 3.7rem;
        position: absolute;
        padding-top: 1.1rem;
        background-size: 100% 100%; }
        .main_yfs .m .box .label::after {
          content: '';
          width: 70%;
          height: 70%;
          background: rgba(0, 0, 0, 0.5);
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%) rotate(45deg); }
        .main_yfs .m .box .label span {
          font-size: .23rem;
          color: #fff;
          text-align: center;
          line-height: .5rem;
          display: block;
          width: 100%;
          position: relative;
          z-index: 9; }
        .main_yfs .m .box .label.l1 {
          left: 0;
          bottom: 0;
          background-image: url(../images/keti_pc_01.png); }
        .main_yfs .m .box .label.l2 {
          left: 1.98rem;
          top: 0;
          background-image: url(../images/keti_pc_02.png); }
        .main_yfs .m .box .label.l3 {
          left: 3.95rem;
          bottom: 0;
          background-image: url(../images/keti_pc_03.png); }
        .main_yfs .m .box .label.l4 {
          left: 5.92rem;
          top: 0;
          background-image: url(../images/keti_pc_04.png); }
        .main_yfs .m .box .label.l5 {
          left: 7.85rem;
          bottom: 0;
          background-image: url(../images/keti_pc_05.png); }
        .main_yfs .m .box .label.l6 {
          right: 0;
          top: 0;
          background-image: url(../images/keti_pc_06.png); }

.fadein_video {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none; }
  .fadein_video .b {
    width: 7.8rem;
    position: relative; }
    .fadein_video .b video {
      width: 100%;
      display: block;
      height: auto;
      object-fit: cover; }
    .fadein_video .b .close {
      width: .36rem;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 99; }

.main_slide_pl {
  overflow: hidden;
  width: 100%;
  padding: 1rem 0 .96rem 0;
  background: #f5f5f5; }
  .main_slide_pl p {
    text-align: center;
    font-size: .33rem;
    color: #000;
    font-weight: bold; }
  .main_slide_pl .box {
    width: 100%;
    margin-top: 1rem;
    position: relative;
    overflow: hidden; }
    .main_slide_pl .box .mySwiper {
      width: 100%;
      padding-bottom: .33rem;
      position: relative; }
      .main_slide_pl .box .mySwiper .swiper-pagination {
        bottom: 0; }
      .main_slide_pl .box .mySwiper .swiper-pagination-bullet {
        width: .16rem;
        height: .06rem;
        border-radius: .2rem;
        background: #e7e7e7;
        margin: 0 .04rem; }
      .main_slide_pl .box .mySwiper .swiper-pagination-bullet-active {
        width: .22rem;
        background: #c41d2d; }
      .main_slide_pl .box .mySwiper .swiper-slide {
        width: 32%;
        margin-right: 2%;
        overflow: hidden;
        position: relative;
        opacity: 0.6;
        transition: all .2s;
        height: 3.48rem; }
        .main_slide_pl .box .mySwiper .swiper-slide:last-child {
          margin-right: 0; }
        .main_slide_pl .box .mySwiper .swiper-slide.swiper-slide-next {
          opacity: 1; }
          .main_slide_pl .box .mySwiper .swiper-slide.swiper-slide-next span {
            opacity: 1; }
          .main_slide_pl .box .mySwiper .swiper-slide.swiper-slide-next .play {
            opacity: 1; }
        .main_slide_pl .box .mySwiper .swiper-slide .pic {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all .6s; }
        .main_slide_pl .box .mySwiper .swiper-slide .play {
          width: .7rem;
          cursor: pointer;
          position: absolute;
          left: 50%;
          transform: translate(-50%, -50%);
          transition: all .2s;
          z-index: 9;
          opacity: 0;
          top: 50%; }
        .main_slide_pl .box .mySwiper .swiper-slide span {
          display: block;
          font-size: .14rem;
          color: #fff;
          line-height: 1.3;
          padding: .08rem .16rem;
          box-sizing: border-box;
          background: rgba(0, 0, 0, 0.88);
          position: absolute;
          width: 5.49rem;
          left: 50%;
          transition: all .2s;
          transform: translateX(-50%);
          opacity: 0;
          bottom: .22rem; }
        .main_slide_pl .box .mySwiper .swiper-slide video {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block; }

.footer .link ul {
  margin-right: .6rem !important; }

.main_desc_pl {
  width: 100%;
  overflow: hidden;
  background: #f5f5f5;
  padding: 1rem 0 1.2rem 0; }
  .main_desc_pl p {
    text-align: center;
    font-size: .33rem;
    color: #000;
    font-weight: bold; }
  .main_desc_pl .box {
    width: 9.03rem;
    margin: 0 auto;
    margin-top: .2rem; }
    .main_desc_pl .box .label {
      width: 100%;
      margin-top: .6rem;
      position: relative; }
      .main_desc_pl .box .label:nth-child(odd) span {
        right: auto;
        left: -.26rem; }
      .main_desc_pl .box .label img {
        display: block;
        width: 100%; }
      .main_desc_pl .box .label span {
        display: block;
        font-size: .16rem;
        color: #000;
        line-height: 1.3;
        padding: .12rem .36rem;
        box-sizing: border-box;
        background: #fff;
        position: absolute;
        right: -.26rem;
        top: .33rem;
        width: 5.1rem; }

.main_list_pl {
  width: 100%;
  overflow: hidden;
  background-image: url(../images/gongzuo_09.jpg);
  background-size: cover;
  background-position: center center;
  padding: 1rem 0 1.2rem 0; }
  .main_list_pl p {
    text-align: center;
    font-size: .33rem;
    color: #000;
    font-weight: bold; }
  .main_list_pl ul {
    display: flex;
    justify-content: center; }
    .main_list_pl ul li {
      overflow: hidden;
      width: 4rem;
      margin: 0 .16rem;
      margin-top: .66rem;
      background: #fff;
      box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);
      border-radius: .6rem .6rem 0 0; }
      .main_list_pl ul li .picture {
        overflow: hidden;
        width: 100%;
        height: 2.28rem; }
        .main_list_pl ul li .picture img {
          width: 100%;
          height: 100%;
          display: block;
          object-fit: cover; }
      .main_list_pl ul li .font {
        overflow: hidden;
        width: 100%;
        height: 1.1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 .4rem; }
        .main_list_pl ul li .font span {
          display: block;
          font-size: .15rem;
          color: #333;
          line-height: 1.8;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden; }

.des_banner {
  max-height: 100vh;
  overflow: hidden; }
  
  
  .g720 {
  max-height: 80vh ;

 }
 
   .g720 .bg{
  max-height: 80vh !important;
  background-size: cover;
 }

.des_banner img {
  object-fit: cover; }
body.on {
  overflow: hidden; }

.slideuo {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: .1rem 0;
  cursor: pointer;
  font-size: .16rem;
  margin-top: .2rem;
  border-top: 1px solid #c9c9c9; }

.fadein_about_ry {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  display: none; }
  .fadein_about_ry .box {
    width: 6rem;
    position: relative; }
    .fadein_about_ry .box .close {
      width: .4rem;
      cursor: pointer;
      position: absolute;
      right: 0;
      top: -.6rem;
      z-index: 9; }
    .fadein_about_ry .box .swiper {
      width: 100%;
      overflow: hidden; }
      .fadein_about_ry .box .swiper .swiper-slide {
        width: 100%;
        overflow: hidden; }
        .fadein_about_ry .box .swiper .swiper-slide img {
          display: block;
          width: 100%;
          object-fit: cover; }

.fontp {
  width: 8rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 3.11rem;
  z-index: 9; }

.fadein_lv {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center; }
  .fadein_lv .box {
    overflow: hidden;
    width: 15rem;
    position: relative;
    background: #fff;
    border-radius: .1rem;
    height: 8.28rem;
    padding: 0 .1rem; }
    .fadein_lv .box .head {
      width: 100%;
      height: 1.1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 .15rem 0 .3rem; }
      .fadein_lv .box .head p {
        font-size: .33rem;
        color: #000;
        font-weight: bold; }
      .fadein_lv .box .head img {
        width: .36rem;
        cursor: pointer;
        display: block; }
    .fadein_lv .box .info {
      padding: 0 .15rem 0 .3rem;
      overflow: auto;
      max-height: 7rem; }
      .fadein_lv .box .info::-webkit-scrollbar {
        width: 2px; }
      .fadein_lv .box .info::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 10px; }
      .fadein_lv .box .info::-webkit-scrollbar-thumb {
        background-color: #D8D8D8;
        border-radius: 10px; }
      .fadein_lv .box .info p {
        font-size: .28rem;
        font-weight: bold;
        margin-top: .16rem;
        color: #000; }
      .fadein_lv .box .info span {
        display: block;
        font-size: .2rem;
        margin-top: .16rem;
        color: #000;
        line-height: 1.6;
        text-indent: .5rem; }
        .fadein_lv .box .info span i {
          font-weight: bold; }

.fadein_public {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center; }
  .fadein_public .box {
    overflow: hidden;
    width: 9.05rem;
    position: relative;
    background: #fff;
    border-radius: .1rem;
    height: 8.28rem;
    padding: 0 .1rem; }
    .fadein_public .box.on {
      background-image: url(../images/weiren.png);
      background-size: 90%;
      background-repeat: no-repeat;
      background-position: bottom center; }
    .fadein_public .box .head {
      width: 100%;
      height: 1.1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 .15rem 0 .3rem; }
      .fadein_public .box .head p {
        font-size: .33rem;
        color: #000;
        font-weight: bold; }
      .fadein_public .box .head img {
        width: .36rem;
        cursor: pointer;
        display: block; }
    .fadein_public .box .list {
      overflow: hidden;
      max-height: 7rem;
      overflow: auto;
      padding: 0 .6rem; }
      .fadein_public .box .list::-webkit-scrollbar {
        width: 2px; }
      .fadein_public .box .list::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 10px; }
      .fadein_public .box .list::-webkit-scrollbar-thumb {
        background-color: #D8D8D8;
        border-radius: 10px; }
      .fadein_public .box .list ul {
        display: flex;
        flex-wrap: wrap; }
        .fadein_public .box .list ul li {
          overflow: hidden;
          width: 33.33%;
          margin-top: .45rem; }
          .fadein_public .box .list ul li img {
            display: block;
            width: 70%;
            margin: 0 auto; }
    .fadein_public .box .info3 {
      overflow: hidden;
      max-height: 6.5rem;
      padding: 0 .15rem 0 .3rem;
      overflow: auto; }
      .fadein_public .box .info3::-webkit-scrollbar {
        width: 2px; }
      .fadein_public .box .info3::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 10px; }
      .fadein_public .box .info3::-webkit-scrollbar-thumb {
        background-color: #D8D8D8;
        border-radius: 10px; }
      .fadein_public .box .info3 .desc {
        display: block;
        font-size: .16rem;
        color: #000;
        line-height: 1.6;
        margin-top: .1rem; }
      .fadein_public .box .info3 .slide {
        overflow: hidden;
        display: none; }
        .fadein_public .box .info3 .slide span {
          display: block;
          font-size: .16rem;
          color: #000;
          line-height: 1.6;
          text-indent: .3rem;
          margin-top: .1rem; }
        .fadein_public .box .info3 .slide p {
          font-size: .16rem;
          font-weight: bold;
          color: #000;
          line-height: 1.6;
          margin-top: .1rem; }
        .fadein_public .box .info3 .slide img {
          display: block;
          margin: .1rem auto;
          max-width: 100%; }
      .fadein_public .box .info3 .font {
        display: block;
        font-size: .16rem;
        color: #000;
        line-height: 1.6;
        font-weight: bold;
        margin-top: .2rem; }
      .fadein_public .box .info3 .desc_list {
        margin-top: .1rem; }
        .fadein_public .box .info3 .desc_list p {
          display: block;
          font-size: .16rem;
          line-height: 1.6;
          color: #000; }
          .fadein_public .box .info3 .desc_list p span {
            font-weight: bold; }
      .fadein_public .box .info3 .items {
        overflow: hidden;
        margin-top: .3rem; }
        .fadein_public .box .info3 .items p {
          font-size: .18rem;
          color: #000;
          font-weight: bold;
          margin-bottom: .1rem; }
        .fadein_public .box .info3 .items span {
          display: block;
          font-size: .16rem;
          line-height: 1.6;
          color: #000; }
          .fadein_public .box .info3 .items span em {
            font-weight: bold; }
      .fadein_public .box .info3 h3 {
        font-size: .3rem;
        color: #000;
        font-weight: bold;
        margin-top: .5rem; }
      .fadein_public .box .info3 ul {
        overflow: hidden;
        margin-top: .2rem; }
        .fadein_public .box .info3 ul li {
          margin-top: .1rem;
          cursor: pointer; }
          .fadein_public .box .info3 ul li a {
            display: block;
            font-weight: bold;
            font-size: .2rem;
            color: #000; }
    .fadein_public .box .info2 {
      overflow: hidden;
      max-height: 5rem;
      overflow: auto;
      margin-top: .2rem; }
      .fadein_public .box .info2::-webkit-scrollbar {
        width: 2px; }
      .fadein_public .box .info2::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 10px; }
      .fadein_public .box .info2::-webkit-scrollbar-thumb {
        background-color: #D8D8D8;
        border-radius: 10px; }
      .fadein_public .box .info2 p {
        text-align: center;
        font-size: .26rem;
        color: #000;
        font-weight: bold; }
      .fadein_public .box .info2 span {
        text-align: center;
        font-size: .2rem;
        color: #000;
        font-weight: bold;
        margin-top: .16rem;
        line-height: 1.6;
        display: block; }
      .fadein_public .box .info2 .item {
        overflow: hidden;
        margin-top: .6rem; }
        .fadein_public .box .info2 .item i {
          text-align: center;
          font-size: .2rem;
          color: #000;
          margin-top: .16rem;
          line-height: 1.6;
          display: block;
          margin-top: .3rem; }
      .fadein_public .box .info2 ul {
        overflow: hidden; }
        .fadein_public .box .info2 ul li {
          font-size: .24rem;
          color: #000;
          margin-top: .14rem;
          text-align: center; }
          .fadein_public .box .info2 ul li em {
            font-weight: bold; }
    .fadein_public .box .info1 {
      overflow: hidden;
      max-height: 5rem;
      overflow: auto; }
      .fadein_public .box .info1::-webkit-scrollbar {
        width: 2px; }
      .fadein_public .box .info1::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 10px; }
      .fadein_public .box .info1::-webkit-scrollbar-thumb {
        background-color: #D8D8D8;
        border-radius: 10px; }
      .fadein_public .box .info1 div {
        overflow: hidden;
        margin-top: .2rem; }
        .fadein_public .box .info1 div span {
          display: block;
          font-size: .24rem;
          color: #000;
          text-align: center;
          line-height: 1.4; }

.des_banner {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .des_banner .bg {
    width: 100%;
    height: 100vh;
    display: block; }
  .des_banner .mids {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 9;
    top: 26%;
    padding: 0 3rem; }
    .des_banner .mids p {
      font-size: .24rem;
      color: #000; }
    .des_banner .mids span {
      display: block;
      font-size: .56rem;
      font-weight: bold;
      color: #000;
      margin-top: .36rem; }
    .des_banner .mids em {
      display: block;
      font-size: .4rem;
      font-weight: bold;
      color: #000;
      margin-top: 1.6;
      margin-top: .24rem; }

.main_item_font {
  overflow: hidden;
  width: 100%;
  padding: 1.3rem 0 1.46rem 0; }
  .main_item_font .font {
    overflow: hidden;
    font-size: .26rem;
    color: #000;
    line-height: 1.6;
    text-align: center;
    margin-bottom: .2rem; }
  .main_item_font .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .8rem; }
    .main_item_font .btn a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.0rem;
      cursor: pointer;
      height: .54rem;
      background: #000;
      border-radius: .4rem;
      margin: 0 .9rem;
      font-size: .24rem;
      color: #fff; }

video {
  width: 100%;
  object-fit: cover;
  height: 100vh;
  display: block;
  border: none; }

.main_font_box {
  width: 100%;
  background-image: url(../images/shidaweiren_pic.jpg);
  background-size: 100% 100%;
  background-position: center center;
  height: 10.8rem;
  padding-top: 6.8rem; }
  .main_font_box > p {
    font-size: .36rem;
    color: #000;
    text-align: center;
    font-weight: bold; }
  .main_font_box .box {
    overflow: hidden;
    width: 11.2rem;
    margin: 0 auto;
    margin-top: .26rem;
    display: flex;
    justify-content: space-between; }
    .main_font_box .box div {
      overflow: hidden;
      width: 5.20rem; }
      .main_font_box .box div span {
        display: block;
        font-size: .15rem;
        color: #333;
        line-height: 1.6; }
      .main_font_box .box div p {
        display: block;
        font-size: .15rem;
        color: #333;
        line-height: 1.6;
        margin-top: .5rem;
        text-align: right; }

.main_item .mid .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.16rem;
  height: .3rem;
  background: #000;
  cursor: pointer;
  border-radius: .4rem;
  margin-top: .6rem; }
  .main_item .mid .btns a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: .18rem;
    color: #fff; }

.mobile_fade {
  display: none; }

.content {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden; }
  .content .mySwiper {
    width: 100%;
    height: 100vh; }
    .content .mySwiper > .swiper-wrapper > .swiper-slide {
      position: relative;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: bottom center; }
      .content .mySwiper > .swiper-wrapper > .swiper-slide.out {
        overflow: auto;
        height: auto; }
        .content .mySwiper > .swiper-wrapper > .swiper-slide.out::-webkit-scrollbar {
          width: 0;
          display: none; }
      .content .mySwiper > .swiper-wrapper > .swiper-slide .main_page {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        .content .mySwiper > .swiper-wrapper > .swiper-slide .main_page .mid {
          width: 100%; }
          .content .mySwiper > .swiper-wrapper > .swiper-slide .main_page .mid.black p {
            color: #000; }
          .content .mySwiper > .swiper-wrapper > .swiper-slide .main_page .mid.black a {
            color: #000;
            border: 1px solid #000; }
          .content .mySwiper > .swiper-wrapper > .swiper-slide .main_page .mid p {
            font-size: .56rem;
            color: #fff;
            text-align: center; }
          .content .mySwiper > .swiper-wrapper > .swiper-slide .main_page .mid a {
            width: 1.8rem;
            height: .48rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            margin-top: .56rem;
            border: 1px solid #fff;
            font-size: .24rem;
            transition: all .1s;
            color: #fff; }
            .content .mySwiper > .swiper-wrapper > .swiper-slide .main_page .mid a:hover {
              background: #b9000e;
              color: #fff;
              border: 1px solid #b9000e; }

.menu {
  display: none; }

.header {
  width: 100%;
  height: .8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  left: 0;
  transition: all .2s;
  top: 0;
  z-index: 999;
  padding: 0 1.18rem 0 .96rem; }
  .header.ons {
    background: #265195; }
  .header:hover {
    background: #265195; }
  .header.on .logo {
    background-image: url(../images/snto_red.png); }
  .header.on ul li a {
    color: #000; }
  .header.on .lang span {
    color: #000; }
  .header.on:hover {
    background: #fff; }
  .header .logo {
    width: 1.25rem;
    height: .32rem;
    background-size: 100% 100%;
    background-image: url(../images/snto_white.png); }
    .header .logo a {
      width: 100%;
      height: 100%;
      display: block; }
  .header > ul {
    height: 100%;
    display: flex; }
    .header > ul > li {
      height: 100%;
      margin: 0 .22rem;
      position: relative; }
      .header > ul > li:hover::after {
        top: 100%;
        opacity: 1;
        visibility: inherit; }
      .header > ul > li:hover div {
        top: 100%;
        opacity: 1;
        visibility: inherit; }
      .header > ul > li::after {
        content: '';
        width: 30rem;
        height: .6rem;
        background: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
        z-index: 9;
        top: 120%;
        visibility: hidden;
        opacity: 0;
        transition: all .2s; }
      .header > ul > li div {
        overflow: hidden;
        display: flex;
        align-items: center;
        height: .6rem;
        position: absolute;
        left: 0;
        z-index: 99;
        top: 120%;
        visibility: hidden;
        opacity: 0;
        transition: all .2s; }
        .header > ul > li div a {
          display: flex;
          align-items: center;
          height: 100%;
          font-size: .18rem;
          color: #000;
          white-space: nowrap;
          margin-right: .3rem;
          transition: all .1s; }
          .header > ul > li div a:hover {
            color: #bf3a42; }
      .header > ul > li > a {
        display: flex;
        align-items: center;
        height: 100%;
        font-size: .22rem;
        color: #fff; }
  .header .lang {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center; }
    .header .lang:hover ul {
      opacity: 1;
      top: 100%;
      visibility: inherit; }
    .header .lang ul {
      overflow: hidden;
      position: absolute;
      background: #fff;
      left: 50%;
      width: 1rem;
      transform: translateX(-50%);
      top: 120%;
      transition: all .3s;
      opacity: 0;
      visibility: hidden;
      padding: .15rem 0; }
      .header .lang ul li {
        text-align: center;
        font-size: .18rem;
        color: #333;
        line-height: 2.6;
        cursor: pointer; }
        .header .lang ul li:hover {
          color: #B8000E; }
    .header .lang span {
      display: block;
      font-size: .22rem;
      color: #fff;
      cursor: pointer; }

 .main_item {
  overflow: hidden;
  width: 100%;
  min-height: 7.24rem;
  background-size: cover;
  background-position: bottom center;
  display: flex;
  align-items: center;
  padding: 0 3rem;
  padding-bottom: 1.5rem; }
  .main_item:nth-child(even) {
    justify-content: flex-end; }
  .main_item .mid p {
    font-size: .56rem;
    color: #000;
    font-family: ab; }
  .main_item .mid span {
    display: block;
    font-size: .22rem;
    color: #000;
    line-height: 1.5; }
  .main_item .mid em {
    display: block;
    font-size: .36rem;
    color: #000;
    margin: .38rem 0;
    line-height: 1.5; }
  .main_item .mid .btn {
    display: flex;
    align-items: center;
    margin-top: .4rem; }
    .main_item .mid .btn a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 1.8rem;
      height: .54rem;
      background: #000;
      border-radius: .4rem;
      margin-right: 1.69rem;
      font-size: .20rem;
      color: #fff; }


.main_itemnew {
  overflow: hidden;
  width: 100%;
  min-height: 3.24rem;
  background-size: cover;
  background-position: bottom center;
  display: flex;
  align-items: center;
  padding: 0 10px; }
  .main_itemnew:nth-child(even) {
    justify-content: flex-end; }
  .main_itemnew .mid p {
    font-size: .56rem;
    color: #000;
    font-family: ab; }
  .main_itemnew .mid span {
    display: block;
    font-size: .22rem;
    color: #000;
    line-height: 1.5; }
  .main_itemnew .mid em {
    display: block;
    font-size: .36rem;
    color: #000;
    margin: .38rem 0;
    line-height: 1.5; }
  .main_itemnew .mid .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .4rem; }
    .main_itemnew .mid .btn a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.0rem;
      height: .54rem;
      background: #000;
      border-radius: .4rem;
	  margin: 0 0.8rem;      
      font-size: .20rem;
      color: #fff; }
    .hide-on-mobile {
    display: none !important;
  }
  
      .hide-on-pc {
    display: block !important;
  }

.banner {
  width: 100%;
  height: 100vh; }
  .banner .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    left: auto;
    bottom: .5rem;
    right: 1.98rem; }
  .banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #a0a7ab;
    border-radius: 0;
    margin: 0;
    margin-left: .18rem; }
  .banner .swiper-pagination-bullet-active {
    background: #fff; }
  .banner .mySwipers {
    width: 100%;
    height: 100vh;
    overflow: hidden; }
    .banner .mySwipers .swiper-slide {
      width: 100%;
      height: 100vh;
      overflow: hidden;
      background-size: cover;
      background-position: bottom center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .banner .mySwipers .swiper-slide .mid {
        width: 100%; }
        .banner .mySwipers .swiper-slide .mid p {
          text-align: center;
          font-size: .95rem;
          font-family: ab;
          color: #fff; }
        .banner .mySwipers .swiper-slide .mid span {
          display: block;
          text-align: center;
          font-size: .54rem;
          font-family: ab;
          color: #fff;
          margin-top: .3rem; }
        .banner .mySwipers .swiper-slide .mid em {
          display: block;
          text-align: center;
          font-size: .23rem;
          color: #fff;
          margin-top: 0.6rem;
          line-height: 2; }

footer {
  width: 100%;
  height: .48rem;
  background: #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .16rem;
  color: #333; }

.footer {
  overflow: hidden;
  padding-bottom: 1rem; }
  .footer .bot {
    overflow: hidden;
    padding: 0 .69rem 0 2.64rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .footer .bot div {
      overflow: hidden; }
      .footer .bot div span {
        display: block;
        font-size: .14rem;
        color: #333;
        line-height: 1.6; }
    .footer .bot img {
      display: block;
      cursor: pointer;
      width: .32rem; }
  .footer .link {
    overflow: hidden;
    padding: 1rem 1.7rem .6rem 2.64rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    justify-content: space-between; }
    .footer .link ul {
      overflow: hidden;
      margin-right: 1rem; }
      .footer .link ul li {
        font-size: .21rem;
        color: #000;
        margin-top: .18rem; }
        .footer .link ul li:first-child {
          margin-top: 0; }
        .footer .link ul li a {
          display: block;
          font-size: .16rem;
          transition: all .1s;
          color: #333; }
          .footer .link ul li a:hover {
            color: #b9000e; }
    .footer .link .info {
      overflow: hidden;
      padding: 0 .7rem;
      position: relative; }
      .footer .link .info::after {
        content: '';
        width: 1px;
        height: 100%;
        background: #cccccc;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      .footer .link .info div {
        overflow: hidden;
        padding: .08rem 0; }
        .footer .link .info div p {
          text-align: center;
          font-size: .22rem;
          color: #b9000e; }
        .footer .link .info div span {
          display: block;
          text-align: center;
          font-size: .2rem;
          color: #333;
          margin-top: .08rem; }

@media (max-width: 750px) {
  .header {
    height: 1rem;
    padding: 0 .3rem; }

  .header > ul {
    display: none; }

  .header .lang span {
    font-size: .26rem; }

  .banner .mySwipers .swiper-slide .mid p {
    font-size: .46rem; }

  .banner .mySwipers .swiper-slide .mid span {
    font-size: .3rem; }

  .banner .mySwipers .swiper-slide .mid em {
    font-size: .26rem;
    margin-top: .6rem; }

  .banner .swiper-pagination {
    justify-content: center;
    right: 0; }

  .content .mySwiper > .swiper-wrapper > .swiper-slide .main_page .mid p {
    font-size: .4rem;
    font-family: ab; }

  .footer .link {
    padding: .3rem;
    flex-wrap: wrap; }

  .footer .link ul {
    margin-right: .3rem;
    margin-bottom: .3rem; }

  .footer .link .info {
    width: 100%;
    padding: 0;
    margin-top: .3rem;
    display: flex;
    justify-content: space-between; }
    .footer .link .info div {
      width: 50%; }

  .footer .bot {
    padding: 0 .3rem; }

  .footer .link .info::after {
    display: none; }

  .main_item {
    padding: 0 .3rem;
    height: 6rem; }

  .header {
    padding-right: 1.2rem; }
    
    .main_item {
        height: 10rem;
    }

  .main_item .mid p {
    font-size: .4rem; }

  .main_item .mid em {
    font-size: .3rem; }

  .main_item .mid .btn {
    justify-content: center;
    margin-top: .8rem; }

  .main_item .mid span {
    font-size: .268rem; }

  .main_item .mid {
    width: 100%; }

  .main_item .mid .btn a {
    font-size: .3rem;
    margin: 0 .2rem; }
    
    .main_itemnew{
        padding: 0 0.5rem;
    }
    
    .hide-on-mobile {
    display: block;
  }
  
  .hide-on-pc {
      display: none;
   }

  .mobile_fade {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999999; }
    .mobile_fade .box {
      width: 100%;
      height: calc(100vh - 1rem);
      position: absolute;
      left: 0;
      top: -100vh;
      background: #fff; }
      .mobile_fade .box ul {
        overflow: auto;
        height: 100%;
        padding: 0 .3rem; }
        .mobile_fade .box ul li {
          overflow: hidden;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          width: 100%; }
          .mobile_fade .box ul li span {
            height: 1rem;
            display: flex;
            font-size: .28rem;
            color: #333;
            align-items: center;
            justify-content: space-between; }
            .mobile_fade .box ul li span.on img {
              transform: rotate(90deg); }
            .mobile_fade .box ul li span a {
              font-size: .28rem;
              color: #000;
              height: 100%;
              display: flex;
              align-items: center;
              width: 90%; }
            .mobile_fade .box ul li span img {
              width: .35rem;
              transition: all .2s; }
          .mobile_fade .box ul li div {
            overflow: hidden;
            width: 100%;
            display: none; }
            .mobile_fade .box ul li div a {
              display: flex;
              align-items: center;
              font-size: .26rem;
              color: #333;
              height: .8rem; }

  .header {
    z-index: 9999999; }

  .menu {
    width: .28rem;
    height: .28rem;
    background-image: url(../images/menu.png);
    position: absolute;
    right: .39rem;
    top: 50%;
    display: block;
    transform: translateY(-50%);
    cursor: pointer;
    background-size: 100% 100%; }
    .menu.on {
      background-image: url(../images/close_01.png) !important; }

  .des_banner .mids {
    padding: 0 .3rem;
    text-align: center;
    top: 30%; }

  .des_banner .mids span {
    font-size: .3rem;
    margin-top: .1rem;
    text-align: center; }

  .des_banner .mids em {
    font-size: .28rem;
    text-align: center; }

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

  .main_item_font .btn a {
    margin: 0 .1rem;
    font-size: .3rem; }

  .main_item .mid .btns {
    width: 1.6rem;
    height: .45rem; }
    .main_item .mid .btns a {
      font-size: .26rem; }

  .fadein_public {
    z-index: 999999999; }

  .fadein_public .box {
    width: 6.9rem;
    height: 11rem; }

  .fadein_public .box .info1 {
    max-height: 8rem; }

  .fadein_public .box .info1 div span {
    font-size: .26rem;
    line-height: 1.6; }

  .fadein_public .box .info2 {
    max-height: 9.6rem !important; }

  .fadein_public .box .list ul li img {
    width: 90%; }

  .fadein_public .box .list {
    padding: 0 .3rem; }

  .fadein_lv {
    z-index: 999999999; }

  .fadein_lv .box {
    width: 6.9rem; }

  .fadein_lv .box {
    height: 11rem; }

  .fadein_lv .box .info {
    max-height: 9.6rem; }

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

  .fadein_public .box .info3 .desc, .fadein_public .box .info3 .font {
    font-size: .26rem; }

  .fadein_public .box .info3 ul li a {
    font-size: .26rem; }

  .fadein_public .box .info3 .items p {
    font-size: .3rem; }

  .fadein_public .box .info3 .items span {
    font-size: .26rem; }

  .fadein_public .box .info3 {
    max-height: 9.6rem; }

  .fadein_public .box .info3 .desc_list p {
    font-size: .26rem; }

  .fadein_public .box .info3 .slide span {
    font-size: .26rem; }

  .main_font_box {
    height: auto;
    padding-top: 3rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    padding-bottom: .3rem;
    background-color: #C7C7C7; }
    .main_font_box > p {
      font-size: .3rem; }
    .main_font_box .box {
      display: block;
      width: 100%;
      margin-top: .3rem; }
      .main_font_box .box div {
        width: 100%;
        overflow: hidden;
        padding: 0 .3rem;
        margin-top: .3rem; }
        .main_font_box .box div span {
          font-size: .26rem; }
        .main_font_box .box div p {
          font-size: .26rem; }

  .fontp {
    width: 5rem;
    top: 2.6rem; }

  .fadein_about_ry {
    z-index: 9999999991; }

  video {
    height: 50vh; } 
    
    .bannerv {
    height: 5.83rem; }

  .bannerv .mids {
    width: 100%;
    padding: 0 .66rem;
    top: 1.6rem; }
    .bannerv .mids p {
      font-size: .28rem; }
    .bannerv .mids i {
      font-size: .24rem; }

  .main_yfs .m {
    width: 100%; }

  .main_yfs::after {
    display: none; }

  .main_yfs::before {
    display: none; }

  .main_yfs .m .box {
    display: flex;
    justify-content: space-between;
    height: auto;
    flex-wrap: wrap;
    padding: 0 1.1rem;
    margin-top: .32rem; }

  .tong_title {
    width: 4.2rem; }
    
    
 

  .main_yfs .m .box .label {
    position: static;
    padding-top: .5rem;
    height: 2.5rem;
    position: relative;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    width: 2.5rem;
    margin: 0;
    margin-top: .36rem; }
    
        .main_yfs .m .box .label::after {
          content: '';
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.5);
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%) rotate(0deg); }
          
    .main_yfs .m .box .label.l1 {
      background-image: url(../images/keti_mobile_01.jpg); }
    .main_yfs .m .box .label.l2 {
      background-image: url(../images/keti_mobile_02.jpg); }
    .main_yfs .m .box .label.l3 {
      background-image: url(../images/keti_mobile_03.jpg); }
    .main_yfs .m .box .label.l4 {
      background-image: url(../images/keti_mobile_04.jpg); }
    .main_yfs .m .box .label.l5 {
      background-image: url(../images/keti_mobile_05.jpg); }
    .main_yfs .m .box .label.l6 {
      background-image: url(../images/keti_mobile_06.jpg); }

  .main_hdsm {
    padding: 0 .3rem;
    padding-top: .1rem;
    padding-bottom: .38rem; }

  .main_hdsm .m {
    margin: 0;
    width: 100%; }

  .main_hdsm .m .box {
    width: 100%; }

  .main_hdsm .m .font {
    padding: .38rem .8rem; }
    .main_hdsm .m .font span {
      font-size: .26rem;
      text-indent: .3rem; }

  .footer {
    padding-bottom: .66rem;
    background: #e6e6e6; }

  footer {
    background: #cbccc8; }

  .footer .link .info {
    display: none; }

  .footer .link {
    display: block;
    padding: .3rem .58rem; }

  .footer .link ul li {
    display: none; }

  .footer .link ul {
    width: 100%;
    margin-top: .15rem;
    margin-bottom: 0; }

  .footer .bot {
    padding: 0 .58rem; }

  .footer .link ul li:first-child {
    display: flex;
    align-items: center;
    height: .5rem;
    position: relative;
    border-bottom: 1px solid #b7b7b7; }
    .footer .link ul li:first-child::after {
      content: '';
      width: .14rem;
      height: .1rem;
      background-size: 100% 100%;
      transition: all .1s;
      background-image: url(../images/tt_03.jpg);
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); }
    .footer .link ul li:first-child a {
      height: 100%;
      display: flex;
      align-items: center; }

  .des_banner .bg {
    height: 5.8rem; }

  .des_banner .mids {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 .6rem;
    text-align: center; }

  .des_banner .mids span {
    text-align: center;
    font-size: .34rem; }

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

  .main_slide_pl p {
    font-size: .28rem; }

  .main_slide_pl .box {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: .1rem; }
    .main_slide_pl .box .swiper-wrapper {
      display: block; }

  .main_slide_pl .box .mySwiper .swiper-slide {
    width: 100%;
    margin-top: 3.58rem;
    margin-top: .2rem;
    opacity: 1;}
    .main_slide_pl .box .mySwiper .swiper-slide span {
      opacity: 1; }

  .main_list_pl {
    padding: .38rem 0 .6rem 0; }

  .main_list_pl p {
    font-size: .28rem; }

  .main_list_pl ul li {
    width: 2rem;
    margin: 0 .08rem;
    margin-top: .5rem;
    border-radius: .2rem .2rem 0 0; }

  .main_list_pl ul li .picture {
    height: 1.12rem; }

  .main_list_pl ul li .font {
    padding: 0 .3rem; }
    .main_list_pl ul li .font span {
      font-size: .22rem;
      line-height: 1.4; }

  .main_desc_pl {
    padding: .7rem .6rem; }
    .main_desc_pl p {
      font-size: .28rem; }

  .main_desc_pl .box {
    width: 100%; }

  .main_desc_pl .box .label {
    margin-top: .3rem; }

  .play {
    opacity: 1 !important; }

  .fadein_video .b {
    width: 100%; }

  .footer .link ul li:first-child.on::after {
    transform: rotate(180deg); } }

    
 
/*自己添加*/
    .hide-on-mobile {
    display: none !important;
  }
  
  @media only screen and (min-width: 768px) {
    /* 在屏幕宽度大于或等于768px时显示该div */
    .hide-on-mobile {
      display: block !important;
    }
  }
  
    .hide-on-pc {
    display: block !important;
    margin-top: 10px !important;
  }
  
  @media only screen and (min-width: 768px) {
    /* 在屏幕宽度大于或等于768px时显示该div */
    .hide-on-pc {
      display: none !important;
    }
  }
  
  
/* 漂浮按钮样式 */
        .float-btn {
            position: fixed;
            width: 60px;
            height: 60px;
            background: #ffffff;
            border-radius: 50%;
            cursor: pointer;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            display: flex;
            justify-content: center;
            align-items: center;
			font-size:16px;
			color:#ff5722;

            font-weight: bold;
            transition: transform 0.3s;
            z-index: 1000;
        }

        /* 声明弹窗样式 */
        .declaration-modal {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80%;
            max-width: 500px;
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            z-index: 2000;
        }

        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 1999;
        }

        .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            font-size: 24px;
            color: #666;
        }

        .declaration-content {
            line-height: 1.6;
            color: #333;
        }
 
 #target_xuanyan{
    scroll-margin-top:80px;
}

 #target_gangyao{
    scroll-margin-top:80px;
}

 #target_biaozhunhua{
    scroll-margin-top:80px;
}

 #target_zhiliang{
    scroll-margin-top:80px;
}

 #target_shici{
    scroll-margin-top:80px;
}

 #target_rongyu{
    scroll-margin-top:80px;
}
  
/*# sourceMappingURL=css.css.map */