@media screen and (max-width: 576px) {
  * {
    margin: 0px;
    padding: 0px;
  }

  body {
    overflow-x: hidden;
    /* 隐藏水平滚动条 */
  }

  /* .desktop-content {
    display: block;
  }
  
  .mobile-content {
    display: none;
  } */

  .roll {
    width: 100%;
    position: relative;
    /* background-color: #000; */
  }


  .top {
    width: 95rem;
    height: 3rem;
    margin: 0px auto;
    background-color: #ffffff;
    /* 设置为 Flex 弹性布局 */
    display: flex;
    position: fixed;
    position: relative;
    color: #ffffff;
    position: -webkit-sticky;
    /* 针对Safari浏览器的兼容性 */
    position: sticky;
    top: 0;
    /* 导航栏距离视窗顶部的距离 */
    z-index: 1000;
    /* 确保导航栏在其他内容之上 */
    background-color: transparent;
    /* 背景透明 */
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
  }


  .daohang {
    width: 5rem;
    height: 1rem;
    /* position: fixed; */
    /* 横向导航栏的父容器布局 */

    /* 设置为 Flex 弹性布局 */
    display: flex;
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
    background-color: #000000;
    list-style: none;
    padding: 0;
    position: absolute;
    top: 0.3rem;
    right: 1rem;
    left: 30rem;
    background-color: transparent;
  }

  .daohang li {
    display: inline-block;
    margin: 0 10px;
    /* border-bottom: 1px solid #ffffff; */
    padding: 5px 0;
    background-color: transparent;
  }

  .daohang ul li {
    float: left;
    width: 150px;
    /* background-color: #ffffff; */
    text-align: center;
    justify-content: center;
    font-size: 19px;
    background-color: transparent;
  }

  .daohang li:last-child {
    margin-right: 0;
  }

  .daohang a {
    text-decoration: none;
    color: #000;
  }

  .daohang ul li a:hover {
    display: block;
    /* background-color: #ffffff; */
    color: rgb(211, 169, 14);
    background-color: transparent;
  }


  /* .center {
    width: 100%;
    height: 1000px;
    background-color: #ffffff;
    position: relative;
  } */
  .writer {
    height: 400px;
    width: 1380px;
    background-color: #f8f7f7;
    margin: 0px auto;
    /* margin-left: 105px; */
  }

  .icon {
    width: 50rem;
    height: 10rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }


  .map {
    width: 1177px;
    height: 464px;
    background-color: #ffffff;
    position: relative;
    margin: 0px auto;
    margin-top: 100px;
    position: absolute;
    left: 10px;
  }

  .Contact {
    width: 150px;
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 30px;
    margin-left: 710px;
    /* background-color: #000; */
    position: absolute;
    top: 20px;
    right: 550px;
  }

  .companys {
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 20px;
    margin-left: 630px;
  }

  .mama {
    margin: 0px auto;
    width: 150px;
    height: 150px;
    margin-top: 130px;
    margin-left: 70px;
    /* margin-right: 300px; */
  }

  .sha {
    width: 726px;
    height: 421px;
    margin-top: 20px;
    margin-left: 45px;
    position: absolute;
  }

  .code {
    float: right;
    width: 390px;
    height: 410px;
    margin-top: 30px;
    margin-right: 50px;
    background-color: #f8f8f8;
    position: absolute;
    left: 780px;
  }

  .start {
    margin-top: 10px;
    font-size: 15px;
    margin-left: 60px;
    color: #000000;
  }

  .Cooperation {
    font-size: 18px;
    margin-left: 65px;
    color: #000000;
    position: absolute;
    top: 120px;
  }

  .qiu {
    width: 70rem;
    height: 33rem;
    display: flex;
    margin: 0px auto;
    /* background-color: #000000; */
    padding-left: 60px;
    text-align: center;
    margin-top: 1px;
    position: relative;
  }

  .table {
    position: absolute;
    top: 80px;
    right: 67px;

  }

  .chanpin {
    width: 300px;
    height: 60px;
    text-align: center;
    font-size: 30px;
    position: absolute;
    font-weight: normal;
    /* 设置字体不加粗 */
    left: 420px;
    top: 20px;
    margin-top: 10px;
    /* bottom: 335px; */
    margin: 0px auto;
  }


  .hjk {
    width: 350px;
    height: 300px;
  }

  .vpn {
    font-weight: normal;
    font-size: 20px;
    position: absolute;
    top: 700px;
    left: 830px;
  }

  .eml {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    top: 650px;
    left: 830px;
  }

  .Company {
    width: 80rem;
    justify-content: center;
    /* 在主轴上居中 */
    align-items: center;
    /* 在侧轴上居中 */
    height: 30rem;
    /* 设置容器的高度为视口高度，使其占据整个视窗 */
    display: flex;
    /* background-color: #000000; */
    margin: 0px auto;
    margin-top: 50px;
    position: relative;
  }

  .Sight {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    /* margin-left: 170px; */
    position: absolute;
    left: 100px;
    float: left;
  }

  .Sight1 {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    margin-left: 170px;
    position: absolute;
    left: 500px;
    float: left;
  }

  .lo {
    font-size: 30px;
    text-align: center;
    margin-right: 17px;
    margin-top: 10px;
    position: absolute;
    top: 5px;
    right: 600px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .siyuan {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 40px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 3ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 2px;
    /* 文字间距 */
    line-height: 25px;
  }

  .mars {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 25px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 7px;
    /* 文字间距 */
    line-height: 23px;
  }

  .hr1 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    left: 535px;
    top: 55px;
  }

  .hr2 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    margin-left: 450px;
    margin-bottom: 5px;
    margin-top: 57px;
  }

  .hr3 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    margin-left: 530px;
  }


  .hr5 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    top: 50px;
    left: 25px;
  }



  .jian {
    font-size: 20px;
    margin-top: 20px;
    margin-left: 40px;
  }

  .yewu {
    font-size: 20px;
    margin-top: 25px;
    margin-left: 40px;
  }

  .rongyu {
    width: 75rem;
    height: 50rem;
    /* background-color: #000000; */
    margin: 0px auto;
    text-align: center;
    margin-top: 30px;
    /* margin-right: 20px; */
    margin-right: 30px;
    margin: 0px auto;
  }

  .ditu {
    margin: 0px auto;
    width: 80rem;
    height: 40rem;
    /* background-color: #000000; */
    /* margin-bottom: 70px; */
    position: relative;
  }

  .Web3D {
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 150ch;
    /* 最大宽度限制在30个字符宽度 */
    margin-top: 100px;
    margin-left: 40px;
    color: #a8a7a7;
  }

  .marker {
    width: 900px;
    height: 100px;
    margin: 0px auto;
    margin-top: 50px;
    position: absolute;
    right: 250px;
  }

  .qiang {
    font-size: 30px;
    margin-right: 28px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .fujian {
    width: 1000px;
    height: 566px;
    margin: 0px auto;
    margin-left: 90px;
    margin-top: 10px;
    padding-top: 20px;
    /* background-color: #000; */
  }

  .fujian2 {
    width: 160px;
    height: 230px;
    float: left;
    margin-left: 35px;
  }

  .ri {
    position: absolute;
    top: 300px;
    color: #000000;
    text-align: center;
    left: 110px;
    bottom: 20px;
  }

  .ri1 {
    position: absolute;
    top: 350px;
    color: #000000;
    text-align: center;
    left: 90px;
    bottom: 20px;
  }

  .bott {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    margin: 0px auto;
    position: absolute;
    top: 30px;
    right: 10px;
    font-weight: normal;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
    /* background-color: #000; */
  }

  .bott1 {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    position: absolute;
    top: 40px;
    bottom: 30px;
    right: 150px;
    font-weight: normal;
    margin-top: 10px;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
  }

  .topp {
    width: 95rem;
    height: 25rem;
    margin: 0px auto;
    background-color: #000;
  }

  .topp img {
    height: 400px;
    width: 1520px;
    object-fit: cover;
    /* 元素宽度等于视口宽度  */
    /* padding-left: 1px; */
  }

  .terc {
    text-align: center;
    color: #000000;
    font-size: 30px;
    padding-top: 40px;
  }

  .head {
    width: 100%;
    height: 660px;
    padding-top: 50px;
  }

  .zhan {
    text-align: center;
    color: #060606;
    font-size: 40px;
    padding-top: 50px;
    margin-top: 50px;
  }

  .tu {
    width: 100%;
    height: 900px;
    background-color: #ffffff;
    margin: 0px auto;
    overflow: hidden;
    padding-left: 50px;
  }

  .ite {
    float: left;
    margin-right: 5px;
    /* text-align: center; */
    position: relative;
    top: 20px;
    /* overflow: hidden; */
    margin-top: 150px;
    margin-left: 130px;
    margin-right: 10px;
    padding-left: 35px;
    padding-top: 50px;
    width: 350px;
    height: 350px;
    margin: 0px auto;
    background-color: #ffffff;
    left: 90px;
  }

  .ite img {
    width: 350px;
    height: 300px;
    border: 0px;
    margin: 0px auto;
  }


  .ert {
    /* width: 300px;
    height: 300px; */
    padding-bottom: 30px;
    transition: all 1s
  }

  .ert:hover {
    transform: scale(1.2);
  }

  .ourteam {
    width: 75rem;
    height: 23rem;
    /* background: #000000; */
    margin-bottom: 10px;
    margin: 0px auto;
  }

  .team {
    padding: 4em 2em;
  }

  .team1 {
    width: 488px;
  }

  .team1 img {
    width: 200px;
    height: 100px;
  }

  /*-- flexisel --*/
  #flexiselDemo1,
  #flexiselDemo2,
  #flexiselDemo3 {
    display: none;
  }

  .nbs-flexisel-container {
    position: relative;
    max-width: 100%;
  }

  .nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
  }

  .nbs-flexisel-inner {
    overflow: hidden;
    margin: 0 auto;
  }

  .nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
  }

  .nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 250px;
    max-height: 250px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
  }

  .khrg {
    width: 10rem;
    height: 4rem;
    /* background-color: #000; */
    position: relative;
    margin: 0px auto;
    margin-top: 50px;
  }

  .kehu {
    margin-top: 40px;
    margin-right: 15px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    background-color: #ffffff;
    position: absolute;
    bottom: 10px;
    left: 17px;
  }

  .hr4 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    /* margin-left: 690px; */
    margin-top: 82px;
    margin-left: 5px;
    position: absolute;
    bottom: 10px;
    left: 3px;
  }

  .kgv {
    width: 10rem;
    height: 3rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 1px;
    position: relative;
  }

  .hezuode {
    width: 120px;
    height: 43px;
    position: absolute;
    top: 3px;
    margin: 0px auto;
    left: 30px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    /* background-color: #000000; */
  }

  .foogh {
    width: 95rem;
    height: 10rem;
    margin: 0px auto;
    /* background-color: #000; */
    position: relative;
  }

  /* border-radius: 50%; */
  .footer {
    width: 1600px;
    height: 200px;
    background: #0e1e34;
    font-family: "黑体";
    position: relative;
    position: absolute;
    top: 3px;
    left: 1px;
    display: flex;
  }

  .fott {
    width: 35rem;
    height: 11rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }

  .foog {
    width: 94rem;
    height: 25rem;
    margin: 0px auto;
    /* background-color: #000; */
  }

  .foote1 {
    /* position: fixed; */
    width: 1500px;
    height: 200px;
    background: #0e1e34;
    position: relative;
    font-family: "黑体";
    /* margin: 0px auto; */
    margin-left: 1px;
    position: absolute;
    top: 2580px;
    /* padding: 1.5em 0em 0em; */
    /* position: absolute; */
    /* margin-top: 5px; */
    /* top: 2400px; */
    /* position: absolute;
    left: 1rem; */
  }

  .fgh {
    width: 48rem;
    height: 200PX;
    /* display: flex; */
    /* background-color: #000; */
    padding-bottom: 0px;
    margin: 0px auto;
    position: relative;

  }

  .ccc {
    width: 93rem;
    height: 12rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 10px;
  }

  .startplat {
    font-family: "黑体";
    font-size: 17px;
    font-weight: normal;
    /* 设置字体不加粗  */
    margin-left: 20px;
    color: #ffffff;
    position: absolute;
    top: 150px;
    left: 10px;
  }

  .startplat1 {
    font-family: "黑体";
    font-size: 17px;
    margin-left: 80px;
    margin-top: 170px;
    font-weight: normal;
    /* 设置字体不加粗  */
    color: #ffffff;
  }

  .logo4 {
    width: 120px;
    height: 98px;
    position: absolute;
    top: 20px;
    left: 30px;
  }

  .cen {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    margin: 0px auto;
    text-align: center;
    padding-right: 150px;
    /* position: absolute;
    right: 1px; */
  }
}

@media screen and (max-width: 768px) {
  * {
    margin: 0px;
    padding: 0px;
  }

  body {
    overflow-x: hidden;
    /* 隐藏水平滚动条 */
  }

  /* .desktop-content {
    display: block;
  }
  
  .mobile-content {
    display: none;
  } */

  .roll {
    width: 100%;
    position: relative;
    /* background-color: #000; */
  }


  .top {
    width: 95rem;
    height: 3rem;
    margin: 0px auto;
    background-color: #ffffff;
    /* 设置为 Flex 弹性布局 */
    display: flex;
    position: fixed;
    position: relative;
    color: #ffffff;
    position: -webkit-sticky;
    /* 针对Safari浏览器的兼容性 */
    position: sticky;
    top: 0;
    /* 导航栏距离视窗顶部的距离 */
    z-index: 1000;
    /* 确保导航栏在其他内容之上 */
    background-color: transparent;
    /* 背景透明 */
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
  }


  .daohang {
    width: 5rem;
    height: 1rem;
    /* position: fixed; */
    /* 横向导航栏的父容器布局 */

    /* 设置为 Flex 弹性布局 */
    display: flex;
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
    background-color: #000000;
    list-style: none;
    padding: 0;
    position: absolute;
    top: 0.3rem;
    right: 1rem;
    left: 30rem;
    background-color: transparent;
  }

  .daohang li {
    display: inline-block;
    margin: 0 10px;
    /* border-bottom: 1px solid #ffffff; */
    padding: 5px 0;
    background-color: transparent;
  }

  .daohang ul li {
    float: left;
    width: 150px;
    /* background-color: #ffffff; */
    text-align: center;
    justify-content: center;
    font-size: 19px;
    background-color: transparent;
  }

  .daohang li:last-child {
    margin-right: 0;
  }

  .daohang a {
    text-decoration: none;
    color: #000;
  }

  .daohang ul li a:hover {
    display: block;
    /* background-color: #ffffff; */
    color: rgb(211, 169, 14);
    background-color: transparent;
  }


  /* .center {
    width: 100%;
    height: 1000px;
    background-color: #ffffff;
    position: relative;
  } */
  .writer {
    height: 400px;
    width: 1380px;
    background-color: #f8f7f7;
    margin: 0px auto;
    /* margin-left: 105px; */
  }

  .icon {
    width: 50rem;
    height: 10rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }


  .map {
    width: 1177px;
    height: 464px;
    background-color: #ffffff;
    position: relative;
    margin: 0px auto;
    margin-top: 100px;
    position: absolute;
    left: 10px;
  }

  .Contact {
    width: 150px;
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 30px;
    margin-left: 710px;
    /* background-color: #000; */
    position: absolute;
    top: 20px;
    right: 550px;
  }

  .companys {
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 20px;
    margin-left: 630px;
  }

  .mama {
    margin: 0px auto;
    width: 150px;
    height: 150px;
    margin-top: 130px;
    margin-left: 70px;
    /* margin-right: 300px; */
  }

  .sha {
    width: 726px;
    height: 421px;
    margin-top: 20px;
    margin-left: 45px;
    position: absolute;
  }

  .code {
    float: right;
    width: 390px;
    height: 410px;
    margin-top: 30px;
    margin-right: 50px;
    background-color: #f8f8f8;
    position: absolute;
    left: 780px;
  }

  .start {
    margin-top: 10px;
    font-size: 15px;
    margin-left: 60px;
    color: #000000;
  }

  .Cooperation {
    font-size: 18px;
    margin-left: 65px;
    color: #000000;
    position: absolute;
    top: 120px;
  }

  .qiu {
    width: 70rem;
    height: 33rem;
    display: flex;
    margin: 0px auto;
    /* background-color: #000000; */
    padding-left: 60px;
    text-align: center;
    margin-top: 1px;
    position: relative;
  }

  .table {
    position: absolute;
    top: 80px;
    right: 67px;

  }

  .chanpin {
    width: 300px;
    height: 60px;
    text-align: center;
    font-size: 30px;
    position: absolute;
    font-weight: normal;
    /* 设置字体不加粗 */
    left: 420px;
    top: 20px;
    margin-top: 10px;
    /* bottom: 335px; */
    margin: 0px auto;
  }


  .hjk {
    width: 350px;
    height: 300px;
  }

  .vpn {
    font-weight: normal;
    font-size: 20px;
    position: absolute;
    top: 700px;
    left: 830px;
  }

  .eml {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    top: 650px;
    left: 830px;
  }

  .Company {
    width: 80rem;
    justify-content: center;
    /* 在主轴上居中 */
    align-items: center;
    /* 在侧轴上居中 */
    height: 30rem;
    /* 设置容器的高度为视口高度，使其占据整个视窗 */
    display: flex;
    /* background-color: #000000; */
    margin: 0px auto;
    margin-top: 50px;
    position: relative;
  }

  .Sight {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    /* margin-left: 170px; */
    position: absolute;
    left: 100px;
    float: left;
  }

  .Sight1 {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    margin-left: 170px;
    position: absolute;
    left: 500px;
    float: left;
  }

  .lo {
    font-size: 30px;
    text-align: center;
    margin-right: 17px;
    margin-top: 10px;
    position: absolute;
    top: 5px;
    right: 600px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .siyuan {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 40px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 3ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 2px;
    /* 文字间距 */
    line-height: 25px;
  }

  .mars {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 25px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 7px;
    /* 文字间距 */
    line-height: 23px;
  }

  .hr1 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    left: 535px;
    top: 55px;
  }

  .hr2 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    margin-left: 450px;
    margin-bottom: 5px;
    margin-top: 57px;
  }

  .hr3 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    margin-left: 530px;
  }


  .hr5 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    top: 50px;
    left: 25px;
  }



  .jian {
    font-size: 20px;
    margin-top: 20px;
    margin-left: 40px;
  }

  .yewu {
    font-size: 20px;
    margin-top: 25px;
    margin-left: 40px;
  }

  .rongyu {
    width: 75rem;
    height: 50rem;
    /* background-color: #000000; */
    margin: 0px auto;
    text-align: center;
    margin-top: 30px;
    /* margin-right: 20px; */
    margin-right: 30px;
    margin: 0px auto;
  }

  .ditu {
    margin: 0px auto;
    width: 80rem;
    height: 40rem;
    /* background-color: #000000; */
    /* margin-bottom: 70px; */
    position: relative;
  }

  .Web3D {
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 150ch;
    /* 最大宽度限制在30个字符宽度 */
    margin-top: 100px;
    margin-left: 40px;
    color: #a8a7a7;
  }

  .marker {
    width: 900px;
    height: 100px;
    margin: 0px auto;
    margin-top: 50px;
    position: absolute;
    right: 250px;
  }

  .qiang {
    font-size: 30px;
    margin-right: 28px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .fujian {
    width: 1000px;
    height: 566px;
    margin: 0px auto;
    margin-left: 90px;
    margin-top: 10px;
    padding-top: 20px;
    /* background-color: #000; */
  }

  .fujian2 {
    width: 160px;
    height: 230px;
    float: left;
    margin-left: 35px;
  }

  .ri {
    position: absolute;
    top: 300px;
    color: #000000;
    text-align: center;
    left: 110px;
    bottom: 20px;
  }

  .ri1 {
    position: absolute;
    top: 350px;
    color: #000000;
    text-align: center;
    left: 90px;
    bottom: 20px;
  }

  .bott {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    margin: 0px auto;
    position: absolute;
    top: 30px;
    right: 10px;
    font-weight: normal;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
    /* background-color: #000; */
  }

  .bott1 {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    position: absolute;
    top: 40px;
    bottom: 30px;
    right: 150px;
    font-weight: normal;
    margin-top: 10px;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
  }

  .topp {
    width: 95rem;
    height: 25rem;
    margin: 0px auto;
    background-color: #000;
  }

  .topp img {
    height: 400px;
    width: 1520px;
    object-fit: cover;
    /* 元素宽度等于视口宽度  */
    /* padding-left: 1px; */
  }

  .terc {
    text-align: center;
    color: #000000;
    font-size: 30px;
    padding-top: 40px;
  }

  .head {
    width: 100%;
    height: 660px;
    padding-top: 50px;
  }

  .zhan {
    text-align: center;
    color: #060606;
    font-size: 40px;
    padding-top: 50px;
    margin-top: 50px;
  }

  .tu {
    width: 100%;
    height: 900px;
    background-color: #ffffff;
    margin: 0px auto;
    overflow: hidden;
    padding-left: 50px;
  }

  .ite {
    float: left;
    margin-right: 5px;
    /* text-align: center; */
    position: relative;
    top: 20px;
    /* overflow: hidden; */
    margin-top: 150px;
    margin-left: 130px;
    margin-right: 10px;
    padding-left: 35px;
    padding-top: 50px;
    width: 350px;
    height: 350px;
    margin: 0px auto;
    background-color: #ffffff;
    left: 90px;
  }

  .ite img {
    width: 350px;
    height: 300px;
    border: 0px;
    margin: 0px auto;
  }


  .ert {
    /* width: 300px;
    height: 300px; */
    padding-bottom: 30px;
    transition: all 1s
  }

  .ert:hover {
    transform: scale(1.2);
  }

  .ourteam {
    width: 75rem;
    height: 23rem;
    /* background: #000000; */
    margin-bottom: 10px;
    margin: 0px auto;
  }

  .team {
    padding: 4em 2em;
  }

  .team1 {
    width: 488px;
  }

  .team1 img {
    width: 200px;
    height: 100px;
  }

  /*-- flexisel --*/
  #flexiselDemo1,
  #flexiselDemo2,
  #flexiselDemo3 {
    display: none;
  }

  .nbs-flexisel-container {
    position: relative;
    max-width: 100%;
  }

  .nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
  }

  .nbs-flexisel-inner {
    overflow: hidden;
    margin: 0 auto;
  }

  .nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
  }

  .nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 250px;
    max-height: 250px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
  }

  .khrg {
    width: 10rem;
    height: 4rem;
    /* background-color: #000; */
    position: relative;
    margin: 0px auto;
    margin-top: 50px;
  }

  .kehu {
    margin-top: 40px;
    margin-right: 15px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    background-color: #ffffff;
    position: absolute;
    bottom: 10px;
    left: 17px;
  }

  .hr4 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    /* margin-left: 690px; */
    margin-top: 82px;
    margin-left: 5px;
    position: absolute;
    bottom: 10px;
    left: 3px;
  }

  .kgv {
    width: 10rem;
    height: 3rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 1px;
    position: relative;
  }

  .hezuode {
    width: 120px;
    height: 43px;
    position: absolute;
    top: 3px;
    margin: 0px auto;
    left: 30px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    /* background-color: #000000; */
  }

  .foogh {
    width: 95rem;
    height: 10rem;
    margin: 0px auto;
    /* background-color: #000; */
    position: relative;
  }

  /* border-radius: 50%; */
  .footer {
    width: 1600px;
    height: 200px;
    background: #0e1e34;
    font-family: "黑体";
    position: relative;
    position: absolute;
    top: 3px;
    left: 1px;
    display: flex;
  }

  .fott {
    width: 35rem;
    height: 11rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }

  .foog {
    width: 94rem;
    height: 25rem;
    margin: 0px auto;
    /* background-color: #000; */
  }

  .foote1 {
    /* position: fixed; */
    width: 1500px;
    height: 200px;
    background: #0e1e34;
    position: relative;
    font-family: "黑体";
    /* margin: 0px auto; */
    margin-left: 1px;
    position: absolute;
    top: 2580px;
    /* padding: 1.5em 0em 0em; */
    /* position: absolute; */
    /* margin-top: 5px; */
    /* top: 2400px; */
    /* position: absolute;
    left: 1rem; */
  }

  .fgh {
    width: 48rem;
    height: 200PX;
    /* display: flex; */
    /* background-color: #000; */
    padding-bottom: 0px;
    margin: 0px auto;
    position: relative;

  }

  .ccc {
    width: 93rem;
    height: 12rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 10px;
  }

  .startplat {
    font-family: "黑体";
    font-size: 17px;
    font-weight: normal;
    /* 设置字体不加粗  */
    margin-left: 20px;
    color: #ffffff;
    position: absolute;
    top: 150px;
    left: 10px;
  }

  .startplat1 {
    font-family: "黑体";
    font-size: 17px;
    margin-left: 80px;
    margin-top: 170px;
    font-weight: normal;
    /* 设置字体不加粗  */
    color: #ffffff;
  }

  .logo4 {
    width: 120px;
    height: 98px;
    position: absolute;
    top: 20px;
    left: 30px;
  }

  .cen {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    margin: 0px auto;
    text-align: center;
    padding-right: 150px;
    /* position: absolute;
    right: 1px; */
  }
}

@media screen and (max-width: 992px) {
  * {
    margin: 0px;
    padding: 0px;
  }

  body {
    overflow-x: hidden;
    /* 隐藏水平滚动条 */
  }

  /* .desktop-content {
    display: block;
  }
  
  .mobile-content {
    display: none;
  } */

  .roll {
    width: 100%;
    position: relative;
    /* background-color: #000; */
  }


  .top {
    width: 95rem;
    height: 3rem;
    margin: 0px auto;
    background-color: #ffffff;
    /* 设置为 Flex 弹性布局 */
    display: flex;
    position: fixed;
    position: relative;
    color: #ffffff;
    position: -webkit-sticky;
    /* 针对Safari浏览器的兼容性 */
    position: sticky;
    top: 0;
    /* 导航栏距离视窗顶部的距离 */
    z-index: 1000;
    /* 确保导航栏在其他内容之上 */
    background-color: transparent;
    /* 背景透明 */
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
  }


  .daohang {
    width: 5rem;
    height: 1rem;
    /* position: fixed; */
    /* 横向导航栏的父容器布局 */

    /* 设置为 Flex 弹性布局 */
    display: flex;
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
    background-color: #000000;
    list-style: none;
    padding: 0;
    position: absolute;
    top: 0.3rem;
    right: 1rem;
    left: 30rem;
    background-color: transparent;
  }

  .daohang li {
    display: inline-block;
    margin: 0 10px;
    /* border-bottom: 1px solid #ffffff; */
    padding: 5px 0;
    background-color: transparent;
  }

  .daohang ul li {
    float: left;
    width: 150px;
    /* background-color: #ffffff; */
    text-align: center;
    justify-content: center;
    font-size: 19px;
    background-color: transparent;
  }

  .daohang li:last-child {
    margin-right: 0;
  }

  .daohang a {
    text-decoration: none;
    color: #000;
  }

  .daohang ul li a:hover {
    display: block;
    /* background-color: #ffffff; */
    color: rgb(211, 169, 14);
    background-color: transparent;
  }


  /* .center {
    width: 100%;
    height: 1000px;
    background-color: #ffffff;
    position: relative;
  } */
  .writer {
    height: 400px;
    width: 1380px;
    background-color: #f8f7f7;
    margin: 0px auto;
    /* margin-left: 105px; */
  }

  .icon {
    width: 50rem;
    height: 10rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }


  .map {
    width: 1177px;
    height: 464px;
    background-color: #ffffff;
    position: relative;
    margin: 0px auto;
    margin-top: 100px;
    position: absolute;
    left: 10px;
  }

  .Contact {
    width: 150px;
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 30px;
    margin-left: 710px;
    /* background-color: #000; */
    position: absolute;
    top: 20px;
    right: 550px;
  }

  .companys {
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 20px;
    margin-left: 630px;
  }

  .mama {
    margin: 0px auto;
    width: 150px;
    height: 150px;
    margin-top: 130px;
    margin-left: 70px;
    /* margin-right: 300px; */
  }

  .sha {
    width: 726px;
    height: 421px;
    margin-top: 20px;
    margin-left: 45px;
    position: absolute;
  }

  .code {
    float: right;
    width: 390px;
    height: 410px;
    margin-top: 30px;
    margin-right: 50px;
    background-color: #f8f8f8;
    position: absolute;
    left: 780px;
  }

  .start {
    margin-top: 10px;
    font-size: 15px;
    margin-left: 60px;
    color: #000000;
  }

  .Cooperation {
    font-size: 18px;
    margin-left: 65px;
    color: #000000;
    position: absolute;
    top: 120px;
  }

  .qiu {
    width: 70rem;
    height: 33rem;
    display: flex;
    margin: 0px auto;
    /* background-color: #000000; */
    padding-left: 60px;
    text-align: center;
    margin-top: 1px;
    position: relative;
  }

  .table {
    position: absolute;
    top: 80px;
    right: 67px;

  }

  .chanpin {
    width: 300px;
    height: 60px;
    text-align: center;
    font-size: 30px;
    position: absolute;
    font-weight: normal;
    /* 设置字体不加粗 */
    left: 420px;
    top: 20px;
    margin-top: 10px;
    /* bottom: 335px; */
    margin: 0px auto;
  }


  .hjk {
    width: 350px;
    height: 300px;
  }

  .vpn {
    font-weight: normal;
    font-size: 20px;
    position: absolute;
    top: 700px;
    left: 830px;
  }

  .eml {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    top: 650px;
    left: 830px;
  }

  .Company {
    width: 80rem;
    justify-content: center;
    /* 在主轴上居中 */
    align-items: center;
    /* 在侧轴上居中 */
    height: 30rem;
    /* 设置容器的高度为视口高度，使其占据整个视窗 */
    display: flex;
    /* background-color: #000000; */
    margin: 0px auto;
    margin-top: 50px;
    position: relative;
  }

  .Sight {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    /* margin-left: 170px; */
    position: absolute;
    left: 100px;
    float: left;
  }

  .Sight1 {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    margin-left: 170px;
    position: absolute;
    left: 500px;
    float: left;
  }

  .lo {
    font-size: 30px;
    text-align: center;
    margin-right: 17px;
    margin-top: 10px;
    position: absolute;
    top: 5px;
    right: 600px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .siyuan {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 40px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 3ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 2px;
    /* 文字间距 */
    line-height: 25px;
  }

  .mars {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 25px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 7px;
    /* 文字间距 */
    line-height: 23px;
  }

  .hr1 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    left: 535px;
    top: 55px;
  }

  .hr2 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    margin-left: 450px;
    margin-bottom: 5px;
    margin-top: 57px;
  }

  .hr3 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    margin-left: 530px;
  }


  .hr5 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    top: 50px;
    left: 25px;
  }



  .jian {
    font-size: 20px;
    margin-top: 20px;
    margin-left: 40px;
  }

  .yewu {
    font-size: 20px;
    margin-top: 25px;
    margin-left: 40px;
  }

  .rongyu {
    width: 75rem;
    height: 50rem;
    /* background-color: #000000; */
    margin: 0px auto;
    text-align: center;
    margin-top: 30px;
    /* margin-right: 20px; */
    margin-right: 30px;
    margin: 0px auto;
  }

  .ditu {
    margin: 0px auto;
    width: 80rem;
    height: 40rem;
    /* background-color: #000000; */
    /* margin-bottom: 70px; */
    position: relative;
  }

  .Web3D {
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 150ch;
    /* 最大宽度限制在30个字符宽度 */
    margin-top: 100px;
    margin-left: 40px;
    color: #a8a7a7;
  }

  .marker {
    width: 900px;
    height: 100px;
    margin: 0px auto;
    margin-top: 50px;
    position: absolute;
    right: 250px;
  }

  .qiang {
    font-size: 30px;
    margin-right: 28px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .fujian {
    width: 1000px;
    height: 566px;
    margin: 0px auto;
    margin-left: 90px;
    margin-top: 10px;
    padding-top: 20px;
    /* background-color: #000; */
  }

  .fujian2 {
    width: 160px;
    height: 230px;
    float: left;
    margin-left: 35px;
  }

  .ri {
    position: absolute;
    top: 300px;
    color: #000000;
    text-align: center;
    left: 110px;
    bottom: 20px;
  }

  .ri1 {
    position: absolute;
    top: 350px;
    color: #000000;
    text-align: center;
    left: 90px;
    bottom: 20px;
  }

  .bott {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    margin: 0px auto;
    position: absolute;
    top: 30px;
    right: 10px;
    font-weight: normal;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
    /* background-color: #000; */
  }

  .bott1 {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    position: absolute;
    top: 40px;
    bottom: 30px;
    right: 150px;
    font-weight: normal;
    margin-top: 10px;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
  }

  .topp {
    width: 95rem;
    height: 25rem;
    margin: 0px auto;
    background-color: #000;
  }

  .topp img {
    height: 400px;
    width: 1520px;
    object-fit: cover;
    /* 元素宽度等于视口宽度  */
    /* padding-left: 1px; */
  }

  .terc {
    text-align: center;
    color: #000000;
    font-size: 30px;
    padding-top: 40px;
  }

  .head {
    width: 100%;
    height: 660px;
    padding-top: 50px;
  }

  .zhan {
    text-align: center;
    color: #060606;
    font-size: 40px;
    padding-top: 50px;
    margin-top: 50px;
  }

  .tu {
    width: 100%;
    height: 900px;
    background-color: #ffffff;
    margin: 0px auto;
    overflow: hidden;
    padding-left: 50px;
  }

  .ite {
    float: left;
    margin-right: 5px;
    /* text-align: center; */
    position: relative;
    top: 20px;
    /* overflow: hidden; */
    margin-top: 150px;
    margin-left: 130px;
    margin-right: 10px;
    padding-left: 35px;
    padding-top: 50px;
    width: 350px;
    height: 350px;
    margin: 0px auto;
    background-color: #ffffff;
    left: 90px;
  }

  .ite img {
    width: 350px;
    height: 300px;
    border: 0px;
    margin: 0px auto;
  }


  .ert {
    /* width: 300px;
    height: 300px; */
    padding-bottom: 30px;
    transition: all 1s
  }

  .ert:hover {
    transform: scale(1.2);
  }

  .ourteam {
    width: 75rem;
    height: 23rem;
    /* background: #000000; */
    margin-bottom: 10px;
    margin: 0px auto;
  }

  .team {
    padding: 4em 2em;
  }

  .team1 {
    width: 488px;
  }

  .team1 img {
    width: 200px;
    height: 100px;
  }

  /*-- flexisel --*/
  #flexiselDemo1,
  #flexiselDemo2,
  #flexiselDemo3 {
    display: none;
  }

  .nbs-flexisel-container {
    position: relative;
    max-width: 100%;
  }

  .nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
  }

  .nbs-flexisel-inner {
    overflow: hidden;
    margin: 0 auto;
  }

  .nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
  }

  .nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 250px;
    max-height: 250px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
  }

  .khrg {
    width: 10rem;
    height: 4rem;
    /* background-color: #000; */
    position: relative;
    margin: 0px auto;
    margin-top: 50px;
  }

  .kehu {
    margin-top: 40px;
    margin-right: 15px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    background-color: #ffffff;
    position: absolute;
    bottom: 10px;
    left: 17px;
  }

  .hr4 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    /* margin-left: 690px; */
    margin-top: 82px;
    margin-left: 5px;
    position: absolute;
    bottom: 10px;
    left: 3px;
  }

  .kgv {
    width: 10rem;
    height: 3rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 1px;
    position: relative;
  }

  .hezuode {
    width: 120px;
    height: 43px;
    position: absolute;
    top: 3px;
    margin: 0px auto;
    left: 30px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    /* background-color: #000000; */
  }

  .foogh {
    width: 95rem;
    height: 10rem;
    margin: 0px auto;
    /* background-color: #000; */
    position: relative;
  }

  /* border-radius: 50%; */
  .footer {
    width: 1600px;
    height: 200px;
    background: #0e1e34;
    font-family: "黑体";
    position: relative;
    position: absolute;
    top: 3px;
    left: 1px;
    display: flex;
  }

  .fott {
    width: 35rem;
    height: 11rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }

  .foog {
    width: 94rem;
    height: 25rem;
    margin: 0px auto;
    /* background-color: #000; */
  }

  .foote1 {
    /* position: fixed; */
    width: 1500px;
    height: 200px;
    background: #0e1e34;
    position: relative;
    font-family: "黑体";
    /* margin: 0px auto; */
    margin-left: 1px;
    position: absolute;
    top: 2580px;
    /* padding: 1.5em 0em 0em; */
    /* position: absolute; */
    /* margin-top: 5px; */
    /* top: 2400px; */
    /* position: absolute;
    left: 1rem; */
  }

  .fgh {
    width: 48rem;
    height: 200PX;
    /* display: flex; */
    /* background-color: #000; */
    padding-bottom: 0px;
    margin: 0px auto;
    position: relative;

  }

  .ccc {
    width: 93rem;
    height: 12rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 10px;
  }

  .startplat {
    font-family: "黑体";
    font-size: 17px;
    font-weight: normal;
    /* 设置字体不加粗  */
    margin-left: 20px;
    color: #ffffff;
    position: absolute;
    top: 150px;
    left: 10px;
  }

  .startplat1 {
    font-family: "黑体";
    font-size: 17px;
    margin-left: 80px;
    margin-top: 170px;
    font-weight: normal;
    /* 设置字体不加粗  */
    color: #ffffff;
  }

  .logo4 {
    width: 120px;
    height: 98px;
    position: absolute;
    top: 20px;
    left: 30px;
  }

  .cen {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    margin: 0px auto;
    text-align: center;
    padding-right: 150px;
    /* position: absolute;
    right: 1px; */
  }
}

@media screen and (max-width:1200px) {
  * {
    margin: 0px;
    padding: 0px;
  }

  body {
    overflow-x: hidden;
    /* 隐藏水平滚动条 */
  }

  /* .desktop-content {
    display: block;
  }
  
  .mobile-content {
    display: none;
  } */

  .roll {
    width: 100%;
    position: relative;
    /* background-color: #000; */
  }


  .top {
    width: 95rem;
    height: 3rem;
    margin: 0px auto;
    background-color: #ffffff;
    /* 设置为 Flex 弹性布局 */
    display: flex;
    position: fixed;
    position: relative;
    color: #ffffff;
    position: -webkit-sticky;
    /* 针对Safari浏览器的兼容性 */
    position: sticky;
    top: 0;
    /* 导航栏距离视窗顶部的距离 */
    z-index: 1000;
    /* 确保导航栏在其他内容之上 */
    background-color: transparent;
    /* 背景透明 */
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
  }


  .daohang {
    width: 5rem;
    height: 1rem;
    /* position: fixed; */
    /* 横向导航栏的父容器布局 */

    /* 设置为 Flex 弹性布局 */
    display: flex;
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
    background-color: #000000;
    list-style: none;
    padding: 0;
    position: absolute;
    top: 0.3rem;
    right: 1rem;
    left: 30rem;
    background-color: transparent;
  }

  .daohang li {
    display: inline-block;
    margin: 0 10px;
    /* border-bottom: 1px solid #ffffff; */
    padding: 5px 0;
    background-color: transparent;
  }

  .daohang ul li {
    float: left;
    width: 150px;
    /* background-color: #ffffff; */
    text-align: center;
    justify-content: center;
    font-size: 19px;
    background-color: transparent;
  }

  .daohang li:last-child {
    margin-right: 0;
  }

  .daohang a {
    text-decoration: none;
    color: #000;
  }

  .daohang ul li a:hover {
    display: block;
    /* background-color: #ffffff; */
    color: rgb(211, 169, 14);
    background-color: transparent;
  }


  /* .center {
    width: 100%;
    height: 1000px;
    background-color: #ffffff;
    position: relative;
  } */
  .writer {
    height: 400px;
    width: 1380px;
    background-color: #f8f7f7;
    margin: 0px auto;
    /* margin-left: 105px; */
  }

  .icon {
    width: 50rem;
    height: 10rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }


  .map {
    width: 1177px;
    height: 464px;
    background-color: #ffffff;
    position: relative;
    margin: 0px auto;
    margin-top: 100px;
    position: absolute;
    left: 10px;
  }

  .Contact {
    width: 150px;
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 30px;
    margin-left: 710px;
    /* background-color: #000; */
    position: absolute;
    top: 20px;
    right: 550px;
  }

  .companys {
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 20px;
    margin-left: 630px;
  }

  .mama {
    margin: 0px auto;
    width: 150px;
    height: 150px;
    margin-top: 130px;
    margin-left: 70px;
    /* margin-right: 300px; */
  }

  .sha {
    width: 726px;
    height: 421px;
    margin-top: 20px;
    margin-left: 45px;
    position: absolute;
  }

  .code {
    float: right;
    width: 390px;
    height: 410px;
    margin-top: 30px;
    margin-right: 50px;
    background-color: #f8f8f8;
    position: absolute;
    left: 780px;
  }

  .start {
    margin-top: 10px;
    font-size: 15px;
    margin-left: 60px;
    color: #000000;
  }

  .Cooperation {
    font-size: 18px;
    margin-left: 65px;
    color: #000000;
    position: absolute;
    top: 120px;
  }

  .qiu {
    width: 70rem;
    height: 33rem;
    display: flex;
    margin: 0px auto;
    /* background-color: #000000; */
    padding-left: 60px;
    text-align: center;
    margin-top: 1px;
    position: relative;
  }

  .table {
    position: absolute;
    top: 80px;
    right: 67px;

  }

  .chanpin {
    width: 300px;
    height: 60px;
    text-align: center;
    font-size: 30px;
    position: absolute;
    font-weight: normal;
    /* 设置字体不加粗 */
    left: 420px;
    top: 20px;
    margin-top: 10px;
    /* bottom: 335px; */
    margin: 0px auto;
  }


  .hjk {
    width: 350px;
    height: 300px;
  }

  .vpn {
    font-weight: normal;
    font-size: 20px;
    position: absolute;
    top: 700px;
    left: 830px;
  }

  .eml {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    top: 650px;
    left: 830px;
  }

  .Company {
    width: 80rem;
    justify-content: center;
    /* 在主轴上居中 */
    align-items: center;
    /* 在侧轴上居中 */
    height: 30rem;
    /* 设置容器的高度为视口高度，使其占据整个视窗 */
    display: flex;
    /* background-color: #000000; */
    margin: 0px auto;
    margin-top: 50px;
    position: relative;
  }

  .Sight {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    /* margin-left: 170px; */
    position: absolute;
    left: 100px;
    float: left;
  }

  .Sight1 {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    margin-left: 170px;
    position: absolute;
    left: 500px;
    float: left;
  }

  .lo {
    font-size: 30px;
    text-align: center;
    margin-right: 17px;
    margin-top: 10px;
    position: absolute;
    top: 5px;
    right: 600px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .siyuan {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 40px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 3ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 2px;
    /* 文字间距 */
    line-height: 25px;
  }

  .mars {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 25px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 7px;
    /* 文字间距 */
    line-height: 23px;
  }

  .hr1 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    left: 535px;
    top: 55px;
  }

  .hr2 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    margin-left: 450px;
    margin-bottom: 5px;
    margin-top: 57px;
  }

  .hr3 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    margin-left: 530px;
  }


  .hr5 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    top: 50px;
    left: 25px;
  }



  .jian {
    font-size: 20px;
    margin-top: 20px;
    margin-left: 40px;
  }

  .yewu {
    font-size: 20px;
    margin-top: 25px;
    margin-left: 40px;
  }

  .rongyu {
    width: 75rem;
    height: 50rem;
    /* background-color: #000000; */
    margin: 0px auto;
    text-align: center;
    margin-top: 30px;
    /* margin-right: 20px; */
    margin-right: 30px;
    margin: 0px auto;
  }

  .ditu {
    margin: 0px auto;
    width: 80rem;
    height: 40rem;
    /* background-color: #000000; */
    /* margin-bottom: 70px; */
    position: relative;
  }

  .Web3D {
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 150ch;
    /* 最大宽度限制在30个字符宽度 */
    margin-top: 100px;
    margin-left: 40px;
    color: #a8a7a7;
  }

  .marker {
    width: 900px;
    height: 100px;
    margin: 0px auto;
    margin-top: 50px;
    position: absolute;
    right: 250px;
  }

  .qiang {
    font-size: 30px;
    margin-right: 28px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .fujian {
    width: 1000px;
    height: 566px;
    margin: 0px auto;
    margin-left: 90px;
    margin-top: 10px;
    padding-top: 20px;
    /* background-color: #000; */
  }

  .fujian2 {
    width: 160px;
    height: 230px;
    float: left;
    margin-left: 35px;
  }

  .ri {
    position: absolute;
    top: 300px;
    color: #000000;
    text-align: center;
    left: 110px;
    bottom: 20px;
  }

  .ri1 {
    position: absolute;
    top: 350px;
    color: #000000;
    text-align: center;
    left: 90px;
    bottom: 20px;
  }

  .bott {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    margin: 0px auto;
    position: absolute;
    top: 30px;
    right: 10px;
    font-weight: normal;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
    /* background-color: #000; */
  }

  .bott1 {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    position: absolute;
    top: 40px;
    bottom: 30px;
    right: 150px;
    font-weight: normal;
    margin-top: 10px;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
  }

  .topp {
    width: 95rem;
    height: 25rem;
    margin: 0px auto;
    background-color: #000;
  }

  .topp img {
    height: 400px;
    width: 1520px;
    object-fit: cover;
    /* 元素宽度等于视口宽度  */
    /* padding-left: 1px; */
  }

  .terc {
    text-align: center;
    color: #000000;
    font-size: 30px;
    padding-top: 40px;
  }

  .head {
    width: 100%;
    height: 660px;
    padding-top: 50px;
  }

  .zhan {
    text-align: center;
    color: #060606;
    font-size: 40px;
    padding-top: 50px;
    margin-top: 50px;
  }

  .tu {
    width: 100%;
    height: 900px;
    background-color: #ffffff;
    margin: 0px auto;
    overflow: hidden;
    padding-left: 50px;
  }

  .ite {
    float: left;
    margin-right: 5px;
    /* text-align: center; */
    position: relative;
    top: 20px;
    /* overflow: hidden; */
    margin-top: 150px;
    margin-left: 130px;
    margin-right: 10px;
    padding-left: 35px;
    padding-top: 50px;
    width: 350px;
    height: 350px;
    margin: 0px auto;
    background-color: #ffffff;
    left: 90px;
  }

  .ite img {
    width: 350px;
    height: 300px;
    border: 0px;
    margin: 0px auto;
  }


  .ert {
    /* width: 300px;
    height: 300px; */
    padding-bottom: 30px;
    transition: all 1s
  }

  .ert:hover {
    transform: scale(1.2);
  }

  .ourteam {
    width: 75rem;
    height: 23rem;
    /* background: #000000; */
    margin-bottom: 10px;
    margin: 0px auto;
  }

  .team {
    padding: 4em 2em;
  }

  .team1 {
    width: 488px;
  }

  .team1 img {
    width: 200px;
    height: 100px;
  }

  /*-- flexisel --*/
  #flexiselDemo1,
  #flexiselDemo2,
  #flexiselDemo3 {
    display: none;
  }

  .nbs-flexisel-container {
    position: relative;
    max-width: 100%;
  }

  .nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
  }

  .nbs-flexisel-inner {
    overflow: hidden;
    margin: 0 auto;
  }

  .nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
  }

  .nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 250px;
    max-height: 250px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
  }

  .khrg {
    width: 10rem;
    height: 4rem;
    /* background-color: #000; */
    position: relative;
    margin: 0px auto;
    margin-top: 50px;
  }

  .kehu {
    margin-top: 40px;
    margin-right: 15px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    background-color: #ffffff;
    position: absolute;
    bottom: 10px;
    left: 17px;
  }

  .hr4 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    /* margin-left: 690px; */
    margin-top: 82px;
    margin-left: 5px;
    position: absolute;
    bottom: 10px;
    left: 3px;
  }

  .kgv {
    width: 10rem;
    height: 3rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 1px;
    position: relative;
  }

  .hezuode {
    width: 120px;
    height: 43px;
    position: absolute;
    top: 3px;
    margin: 0px auto;
    left: 30px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    /* background-color: #000000; */
  }

  .foogh {
    width: 95rem;
    height: 10rem;
    margin: 0px auto;
    /* background-color: #000; */
    position: relative;
  }

  /* border-radius: 50%; */
  .footer {
    width: 1600px;
    height: 200px;
    background: #0e1e34;
    font-family: "黑体";
    position: relative;
    position: absolute;
    top: 3px;
    left: 1px;
    display: flex;
  }

  .fott {
    width: 35rem;
    height: 11rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }

  .foog {
    width: 94rem;
    height: 25rem;
    margin: 0px auto;
    /* background-color: #000; */
  }

  .foote1 {
    /* position: fixed; */
    width: 1500px;
    height: 200px;
    background: #0e1e34;
    position: relative;
    font-family: "黑体";
    /* margin: 0px auto; */
    margin-left: 1px;
    position: absolute;
    top: 2580px;
    /* padding: 1.5em 0em 0em; */
    /* position: absolute; */
    /* margin-top: 5px; */
    /* top: 2400px; */
    /* position: absolute;
    left: 1rem; */
  }

  .fgh {
    width: 48rem;
    height: 200PX;
    /* display: flex; */
    /* background-color: #000; */
    padding-bottom: 0px;
    margin: 0px auto;
    position: relative;

  }

  .ccc {
    width: 93rem;
    height: 12rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 10px;
  }

  .startplat {
    font-family: "黑体";
    font-size: 17px;
    font-weight: normal;
    /* 设置字体不加粗  */
    margin-left: 20px;
    color: #ffffff;
    position: absolute;
    top: 150px;
    left: 10px;
  }

  .startplat1 {
    font-family: "黑体";
    font-size: 17px;
    margin-left: 80px;
    margin-top: 170px;
    font-weight: normal;
    /* 设置字体不加粗  */
    color: #ffffff;
  }

  .logo4 {
    width: 120px;
    height: 98px;
    position: absolute;
    top: 20px;
    left: 30px;
  }

  .cen {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    margin: 0px auto;
    text-align: center;
    padding-right: 150px;
    /* position: absolute;
    right: 1px; */
  }
}

@media screen and (max-width:1400px) {
  * {
    margin: 0px;
    padding: 0px;
  }

  body {
    overflow-x: hidden;
    /* 隐藏水平滚动条 */
  }

  /* .desktop-content {
    display: block;
  }
  
  .mobile-content {
    display: none;
  } */

  .roll {
    width: 100%;
    position: relative;
    /* background-color: #000; */
  }


  .top {
    width: 95rem;
    height: 3rem;
    margin: 0px auto;
    background-color: #ffffff;
    /* 设置为 Flex 弹性布局 */
    display: flex;
    position: fixed;
    position: relative;
    color: #ffffff;
    position: -webkit-sticky;
    /* 针对Safari浏览器的兼容性 */
    position: sticky;
    top: 0;
    /* 导航栏距离视窗顶部的距离 */
    z-index: 1000;
    /* 确保导航栏在其他内容之上 */
    background-color: transparent;
    /* 背景透明 */
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
  }


  .daohang {
    width: 5rem;
    height: 1rem;
    /* position: fixed; */
    /* 横向导航栏的父容器布局 */

    /* 设置为 Flex 弹性布局 */
    display: flex;
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
    background-color: #000000;
    list-style: none;
    padding: 0;
    position: absolute;
    top: 0.3rem;
    right: 1rem;
    left: 30rem;
    background-color: transparent;
  }

  .daohang li {
    display: inline-block;
    margin: 0 10px;
    /* border-bottom: 1px solid #ffffff; */
    padding: 5px 0;
    background-color: transparent;
  }

  .daohang ul li {
    float: left;
    width: 150px;
    /* background-color: #ffffff; */
    text-align: center;
    justify-content: center;
    font-size: 19px;
    background-color: transparent;
  }

  .daohang li:last-child {
    margin-right: 0;
  }

  .daohang a {
    text-decoration: none;
    color: #000;
  }

  .daohang ul li a:hover {
    display: block;
    /* background-color: #ffffff; */
    color: rgb(211, 169, 14);
    background-color: transparent;
  }


  /* .center {
    width: 100%;
    height: 1000px;
    background-color: #ffffff;
    position: relative;
  } */
  .writer {
    height: 400px;
    width: 1380px;
    background-color: #f8f7f7;
    margin: 0px auto;
    /* margin-left: 105px; */
  }

  .icon {
    width: 50rem;
    height: 10rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }


  .map {
    width: 1177px;
    height: 464px;
    background-color: #ffffff;
    position: relative;
    margin: 0px auto;
    margin-top: 100px;
    position: absolute;
    left: 10px;
  }

  .Contact {
    width: 150px;
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 30px;
    margin-left: 710px;
    /* background-color: #000; */
    position: absolute;
    top: 20px;
    right: 550px;
  }

  .companys {
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 20px;
    margin-left: 630px;
  }

  .mama {
    margin: 0px auto;
    width: 150px;
    height: 150px;
    margin-top: 130px;
    margin-left: 70px;
    /* margin-right: 300px; */
  }

  .sha {
    width: 726px;
    height: 421px;
    margin-top: 20px;
    margin-left: 45px;
    position: absolute;
  }

  .code {
    float: right;
    width: 390px;
    height: 410px;
    margin-top: 30px;
    margin-right: 50px;
    background-color: #f8f8f8;
    position: absolute;
    left: 780px;
  }

  .start {
    margin-top: 10px;
    font-size: 15px;
    margin-left: 60px;
    color: #000000;
  }

  .Cooperation {
    font-size: 18px;
    margin-left: 65px;
    color: #000000;
    position: absolute;
    top: 120px;
  }

  .qiu {
    width: 70rem;
    height: 33rem;
    display: flex;
    margin: 0px auto;
    /* background-color: #000000; */
    padding-left: 60px;
    text-align: center;
    margin-top: 1px;
    position: relative;
  }

  .table {
    position: absolute;
    top: 80px;
    right: 67px;

  }

  .chanpin {
    width: 300px;
    height: 60px;
    text-align: center;
    font-size: 30px;
    position: absolute;
    font-weight: normal;
    /* 设置字体不加粗 */
    left: 420px;
    top: 20px;
    margin-top: 10px;
    /* bottom: 335px; */
    margin: 0px auto;
  }


  .hjk {
    width: 350px;
    height: 300px;
  }

  .vpn {
    font-weight: normal;
    font-size: 20px;
    position: absolute;
    top: 700px;
    left: 830px;
  }

  .eml {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    top: 650px;
    left: 830px;
  }

  .Company {
    width: 80rem;
    justify-content: center;
    /* 在主轴上居中 */
    align-items: center;
    /* 在侧轴上居中 */
    height: 30rem;
    /* 设置容器的高度为视口高度，使其占据整个视窗 */
    display: flex;
    /* background-color: #000000; */
    margin: 0px auto;
    margin-top: 50px;
    position: relative;
  }

  .Sight {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    /* margin-left: 170px; */
    position: absolute;
    left: 100px;
    float: left;
  }

  .Sight1 {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    margin-left: 170px;
    position: absolute;
    left: 500px;
    float: left;
  }

  .lo {
    font-size: 30px;
    text-align: center;
    margin-right: 17px;
    margin-top: 10px;
    position: absolute;
    top: 5px;
    right: 600px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .siyuan {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 40px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 3ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 2px;
    /* 文字间距 */
    line-height: 25px;
  }

  .mars {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 25px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 7px;
    /* 文字间距 */
    line-height: 23px;
  }

  .hr1 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    left: 535px;
    top: 55px;
  }

  .hr2 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    margin-left: 450px;
    margin-bottom: 5px;
    margin-top: 57px;
  }

  .hr3 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    margin-left: 530px;
  }


  .hr5 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    top: 50px;
    left: 25px;
  }



  .jian {
    font-size: 20px;
    margin-top: 20px;
    margin-left: 40px;
  }

  .yewu {
    font-size: 20px;
    margin-top: 25px;
    margin-left: 40px;
  }

  .rongyu {
    width: 75rem;
    height: 50rem;
    /* background-color: #000000; */
    margin: 0px auto;
    text-align: center;
    margin-top: 30px;
    /* margin-right: 20px; */
    margin-right: 30px;
    margin: 0px auto;
  }

  .ditu {
    margin: 0px auto;
    width: 80rem;
    height: 40rem;
    /* background-color: #000000; */
    /* margin-bottom: 70px; */
    position: relative;
  }

  .Web3D {
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 150ch;
    /* 最大宽度限制在30个字符宽度 */
    margin-top: 100px;
    margin-left: 40px;
    color: #a8a7a7;
  }

  .marker {
    width: 900px;
    height: 100px;
    margin: 0px auto;
    margin-top: 50px;
    position: absolute;
    right: 250px;
  }

  .qiang {
    font-size: 30px;
    margin-right: 28px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .fujian {
    width: 1000px;
    height: 566px;
    margin: 0px auto;
    margin-left: 90px;
    margin-top: 10px;
    padding-top: 20px;
    /* background-color: #000; */
  }

  .fujian2 {
    width: 160px;
    height: 230px;
    float: left;
    margin-left: 35px;
  }

  .ri {
    position: absolute;
    top: 300px;
    color: #000000;
    text-align: center;
    left: 110px;
    bottom: 20px;
  }

  .ri1 {
    position: absolute;
    top: 350px;
    color: #000000;
    text-align: center;
    left: 90px;
    bottom: 20px;
  }

  .bott {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    margin: 0px auto;
    position: absolute;
    top: 30px;
    right: 10px;
    font-weight: normal;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
    /* background-color: #000; */
  }

  .bott1 {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    position: absolute;
    top: 40px;
    bottom: 30px;
    right: 150px;
    font-weight: normal;
    margin-top: 10px;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
  }

  .topp {
    width: 95rem;
    height: 25rem;
    margin: 0px auto;
    background-color: #000;
  }

  .topp img {
    height: 400px;
    width: 1520px;
    object-fit: cover;
    /* 元素宽度等于视口宽度  */
    /* padding-left: 1px; */
  }

  .terc {
    text-align: center;
    color: #000000;
    font-size: 30px;
    padding-top: 40px;
  }

  .head {
    width: 100%;
    height: 660px;
    padding-top: 50px;
  }

  .zhan {
    text-align: center;
    color: #060606;
    font-size: 40px;
    padding-top: 50px;
    margin-top: 50px;
  }

  .tu {
    width: 100%;
    height: 900px;
    background-color: #ffffff;
    margin: 0px auto;
    overflow: hidden;
    padding-left: 50px;
  }

  .ite {
    float: left;
    margin-right: 5px;
    /* text-align: center; */
    position: relative;
    top: 20px;
    /* overflow: hidden; */
    margin-top: 150px;
    margin-left: 130px;
    margin-right: 10px;
    padding-left: 35px;
    padding-top: 50px;
    width: 350px;
    height: 350px;
    margin: 0px auto;
    background-color: #ffffff;
    left: 90px;
  }

  .ite img {
    width: 350px;
    height: 300px;
    border: 0px;
    margin: 0px auto;
  }


  .ert {
    /* width: 300px;
    height: 300px; */
    padding-bottom: 30px;
    transition: all 1s
  }

  .ert:hover {
    transform: scale(1.2);
  }

  .ourteam {
    width: 75rem;
    height: 23rem;
    /* background: #000000; */
    margin-bottom: 10px;
    margin: 0px auto;
  }

  .team {
    padding: 4em 2em;
  }

  .team1 {
    width: 488px;
  }

  .team1 img {
    width: 200px;
    height: 100px;
  }

  /*-- flexisel --*/
  #flexiselDemo1,
  #flexiselDemo2,
  #flexiselDemo3 {
    display: none;
  }

  .nbs-flexisel-container {
    position: relative;
    max-width: 100%;
  }

  .nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
  }

  .nbs-flexisel-inner {
    overflow: hidden;
    margin: 0 auto;
  }

  .nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
  }

  .nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 250px;
    max-height: 250px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
  }

  .khrg {
    width: 10rem;
    height: 4rem;
    /* background-color: #000; */
    position: relative;
    margin: 0px auto;
    margin-top: 50px;
  }

  .kehu {
    margin-top: 40px;
    margin-right: 15px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    background-color: #ffffff;
    position: absolute;
    bottom: 10px;
    left: 17px;
  }

  .hr4 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    /* margin-left: 690px; */
    margin-top: 82px;
    margin-left: 5px;
    position: absolute;
    bottom: 10px;
    left: 3px;
  }

  .kgv {
    width: 10rem;
    height: 3rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 1px;
    position: relative;
  }

  .hezuode {
    width: 120px;
    height: 43px;
    position: absolute;
    top: 3px;
    margin: 0px auto;
    left: 30px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    /* background-color: #000000; */
  }

  .foogh {
    width: 95rem;
    height: 10rem;
    margin: 0px auto;
    /* background-color: #000; */
    position: relative;
  }

  /* border-radius: 50%; */
  .footer {
    width: 1600px;
    height: 200px;
    background: #0e1e34;
    font-family: "黑体";
    position: relative;
    position: absolute;
    top: 3px;
    left: 1px;
    display: flex;
  }

  .fott {
    width: 35rem;
    height: 11rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }

  .foog {
    width: 94rem;
    height: 25rem;
    margin: 0px auto;
    /* background-color: #000; */
  }

  .foote1 {
    /* position: fixed; */
    width: 1500px;
    height: 200px;
    background: #0e1e34;
    position: relative;
    font-family: "黑体";
    /* margin: 0px auto; */
    margin-left: 1px;
    position: absolute;
    top: 2580px;
    /* padding: 1.5em 0em 0em; */
    /* position: absolute; */
    /* margin-top: 5px; */
    /* top: 2400px; */
    /* position: absolute;
    left: 1rem; */
  }

  .fgh {
    width: 48rem;
    height: 200PX;
    /* display: flex; */
    /* background-color: #000; */
    padding-bottom: 0px;
    margin: 0px auto;
    position: relative;

  }

  .ccc {
    width: 93rem;
    height: 12rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 10px;
  }

  .startplat {
    font-family: "黑体";
    font-size: 17px;
    font-weight: normal;
    /* 设置字体不加粗  */
    margin-left: 20px;
    color: #ffffff;
    position: absolute;
    top: 150px;
    left: 10px;
  }

  .startplat1 {
    font-family: "黑体";
    font-size: 17px;
    margin-left: 80px;
    margin-top: 170px;
    font-weight: normal;
    /* 设置字体不加粗  */
    color: #ffffff;
  }

  .logo4 {
    width: 120px;
    height: 98px;
    position: absolute;
    top: 20px;
    left: 30px;
  }

  .cen {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    margin: 0px auto;
    text-align: center;
    padding-right: 150px;
    /* position: absolute;
    right: 1px; */
  }
}


@media screen and (max-width: 2388px) {
  * {
    margin: 0px;
    padding: 0px;
  }

  body {
    overflow-x: hidden;
    /* 隐藏水平滚动条 */
  }

  /* .desktop-content {
    display: block;
  }
  
  .mobile-content {
    display: none;
  } */

  .roll {
    width: 100%;
    position: relative;
    /* background-color: #000; */
  }


  .top {
    width: 95rem;
    height: 3rem;
    margin: 0px auto;
    background-color: #ffffff;
    /* 设置为 Flex 弹性布局 */
    display: flex;
    position: fixed;
    position: relative;
    color: #ffffff;
    position: -webkit-sticky;
    /* 针对Safari浏览器的兼容性 */
    position: sticky;
    top: 0;
    /* 导航栏距离视窗顶部的距离 */
    z-index: 1000;
    /* 确保导航栏在其他内容之上 */
    background-color: transparent;
    /* 背景透明 */
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
  }


  .daohang {
    width: 5rem;
    height: 1rem;
    /* position: fixed; */
    /* 横向导航栏的父容器布局 */

    /* 设置为 Flex 弹性布局 */
    display: flex;
    transition: background-color 0.5s ease;
    /* 添加过渡效果 */
    background-color: #000000;
    list-style: none;
    padding: 0;
    position: absolute;
    top: 0.3rem;
    right: 1rem;
    left: 30rem;
    background-color: transparent;
  }

  .daohang li {
    display: inline-block;
    margin: 0 10px;
    /* border-bottom: 1px solid #ffffff; */
    padding: 5px 0;
    background-color: transparent;
  }

  .daohang ul li {
    float: left;
    width: 150px;
    /* background-color: #ffffff; */
    text-align: center;
    justify-content: center;
    font-size: 19px;
    background-color: transparent;
  }

  .daohang li:last-child {
    margin-right: 0;
  }

  .daohang a {
    text-decoration: none;
    color: #000;
  }

  .daohang ul li a:hover {
    display: block;
    /* background-color: #ffffff; */
    color: rgb(211, 169, 14);
    background-color: transparent;
  }


  /* .center {
    width: 100%;
    height: 1000px;
    background-color: #ffffff;
    position: relative;
  } */
  .writer {
    height: 400px;
    width: 1380px;
    background-color: #f8f7f7;
    margin: 0px auto;
    /* margin-left: 105px; */
  }

  .icon {
    width: 50rem;
    height: 10rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }


  .map {
    width: 1177px;
    height: 464px;
    background-color: #ffffff;
    position: relative;
    margin: 0px auto;
    margin-top: 100px;
    position: absolute;
    left: 10px;
  }

  .Contact {
    width: 150px;
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 30px;
    margin-left: 710px;
    /* background-color: #000; */
    position: absolute;
    top: 20px;
    right: 550px;
  }

  .companys {
    font-weight: normal;
    /* 设置字体不加粗  */
    font-size: 30px;
    padding-top: 20px;
    margin-left: 630px;
  }

  .mama {
    margin: 0px auto;
    width: 150px;
    height: 150px;
    margin-top: 130px;
    margin-left: 70px;
    /* margin-right: 300px; */
  }

  .sha {
    width: 726px;
    height: 421px;
    margin-top: 20px;
    margin-left: 45px;
    position: absolute;
  }

  .code {
    float: right;
    width: 390px;
    height: 410px;
    margin-top: 30px;
    margin-right: 50px;
    background-color: #f8f8f8;
    position: absolute;
    left: 780px;
  }

  .start {
    margin-top: 10px;
    font-size: 15px;
    margin-left: 60px;
    color: #000000;
  }

  .Cooperation {
    font-size: 18px;
    margin-left: 65px;
    color: #000000;
    position: absolute;
    top: 120px;
  }

  .qiu {
    width: 70rem;
    height: 33rem;
    display: flex;
    margin: 0px auto;
    /* background-color: #000000; */
    padding-left: 60px;
    text-align: center;
    margin-top: 1px;
    position: relative;
  }

  .table {
    position: absolute;
    top: 80px;
    right: 67px;

  }

  .chanpin {
    width: 300px;
    height: 60px;
    text-align: center;
    font-size: 30px;
    position: absolute;
    font-weight: normal;
    /* 设置字体不加粗 */
    left: 420px;
    top: 20px;
    margin-top: 10px;
    /* bottom: 335px; */
    margin: 0px auto;
  }


  .hjk {
    width: 350px;
    height: 300px;
  }

  .vpn {
    font-weight: normal;
    font-size: 20px;
    position: absolute;
    top: 700px;
    left: 830px;
  }

  .eml {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    top: 650px;
    left: 830px;
  }

  .Company {
    width: 80rem;
    justify-content: center;
    /* 在主轴上居中 */
    align-items: center;
    /* 在侧轴上居中 */
    height: 30rem;
    /* 设置容器的高度为视口高度，使其占据整个视窗 */
    display: flex;
    /* background-color: #000000; */
    margin: 0px auto;
    margin-top: 50px;
    position: relative;
  }

  .Sight {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    /* margin-left: 170px; */
    position: absolute;
    left: 100px;
    float: left;
  }

  .Sight1 {
    width: 450px;
    height: 300px;
    background-image: url(../img/137.jpg);
    margin-top: 30px;
    margin-left: 170px;
    position: absolute;
    left: 500px;
    float: left;
  }

  .lo {
    font-size: 30px;
    text-align: center;
    margin-right: 17px;
    margin-top: 10px;
    position: absolute;
    top: 5px;
    right: 600px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .siyuan {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 40px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 3ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 2px;
    /* 文字间距 */
    line-height: 25px;
  }

  .mars {
    font-size: 15px;
    font-weight: normal;
    /* 设置字体不加粗 */
    margin-top: 25px;
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 45ch;
    /* 最大宽度限制在30个字符宽度 */
    word-spacing: 7px;
    /* 文字间距 */
    line-height: 23px;
  }

  .hr1 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    left: 535px;
    top: 55px;
  }

  .hr2 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    margin-left: 450px;
    margin-bottom: 5px;
    margin-top: 57px;
  }

  .hr3 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    margin-left: 530px;
  }


  .hr5 {
    width: 130px;
    height: 1px;
    background-color: rgb(86, 86, 229);
    position: absolute;
    top: 50px;
    left: 25px;
  }



  .jian {
    font-size: 20px;
    margin-top: 20px;
    margin-left: 40px;
  }

  .yewu {
    font-size: 20px;
    margin-top: 25px;
    margin-left: 40px;
  }

  .rongyu {
    width: 75rem;
    height: 50rem;
    /* background-color: #000000; */
    margin: 0px auto;
    text-align: center;
    margin-top: 30px;
    /* margin-right: 20px; */
    margin-right: 30px;
    margin: 0px auto;
  }

  .ditu {
    margin: 0px auto;
    width: 80rem;
    height: 40rem;
    /* background-color: #000000; */
    /* margin-bottom: 70px; */
    position: relative;
  }

  .Web3D {
    word-wrap: break-word;
    /* 支持长单词或URL内部断行 */
    overflow-wrap: break-word;
    /* 确保兼容性 */
    color: #818181;
    text-indent: 2ch;
    /* 首行缩进2个字符宽度的单位 */
    margin-left: 4ch;
    /* 整个段落的左外边距，用于尾行缩进 */
    max-width: 150ch;
    /* 最大宽度限制在30个字符宽度 */
    margin-top: 100px;
    margin-left: 40px;
    color: #a8a7a7;
  }

  .marker {
    width: 900px;
    height: 100px;
    margin: 0px auto;
    margin-top: 50px;
    position: absolute;
    right: 250px;
  }

  .qiang {
    font-size: 30px;
    margin-right: 28px;
    font-weight: normal;
    /* 设置字体不加粗 */
  }

  .fujian {
    width: 1000px;
    height: 566px;
    margin: 0px auto;
    margin-left: 90px;
    margin-top: 10px;
    padding-top: 20px;
    /* background-color: #000; */
  }

  .fujian2 {
    width: 160px;
    height: 230px;
    float: left;
    margin-left: 35px;
  }

  .ri {
    position: absolute;
    top: 300px;
    color: #000000;
    text-align: center;
    left: 110px;
    bottom: 20px;
  }

  .ri1 {
    position: absolute;
    top: 350px;
    color: #000000;
    text-align: center;
    left: 90px;
    bottom: 20px;
  }

  .bott {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    margin: 0px auto;
    position: absolute;
    top: 30px;
    right: 10px;
    font-weight: normal;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
    /* background-color: #000; */
  }

  .bott1 {
    width: 500px;
    height: 97px;
    font-size: 23px;
    color: #ffffff;
    position: absolute;
    top: 40px;
    bottom: 30px;
    right: 150px;
    font-weight: normal;
    margin-top: 10px;
    /* 设置字体不加粗 */
    /* background-color: #c91515; */
  }

  .topp {
    width: 95rem;
    height: 25rem;
    margin: 0px auto;
    background-color: #000;
  }

  .topp img {
    height: 400px;
    width: 1520px;
    object-fit: cover;
    /* 元素宽度等于视口宽度  */
    /* padding-left: 1px; */
  }

  .terc {
    text-align: center;
    color: #000000;
    font-size: 30px;
    padding-top: 40px;
  }

  .head {
    width: 100%;
    height: 660px;
    padding-top: 50px;
  }

  .zhan {
    text-align: center;
    color: #060606;
    font-size: 40px;
    padding-top: 50px;
    margin-top: 50px;
  }

  .tu {
    width: 100%;
    height: 900px;
    background-color: #ffffff;
    margin: 0px auto;
    overflow: hidden;
    padding-left: 50px;
  }

  .ite {
    float: left;
    margin-right: 5px;
    /* text-align: center; */
    position: relative;
    top: 20px;
    /* overflow: hidden; */
    margin-top: 150px;
    margin-left: 130px;
    margin-right: 10px;
    padding-left: 35px;
    padding-top: 50px;
    width: 350px;
    height: 350px;
    margin: 0px auto;
    background-color: #ffffff;
    left: 90px;
  }

  .ite img {
    width: 350px;
    height: 300px;
    border: 0px;
    margin: 0px auto;
  }


  .ert {
    /* width: 300px;
    height: 300px; */
    padding-bottom: 30px;
    transition: all 1s
  }

  .ert:hover {
    transform: scale(1.2);
  }

  .ourteam {
    width: 75rem;
    height: 23rem;
    /* background: #000000; */
    margin-bottom: 10px;
    margin: 0px auto;
  }

  .team {
    padding: 4em 2em;
  }

  .team1 {
    width: 488px;
  }

  .team1 img {
    width: 200px;
    height: 100px;
  }

  /*-- flexisel --*/
  #flexiselDemo1,
  #flexiselDemo2,
  #flexiselDemo3 {
    display: none;
  }

  .nbs-flexisel-container {
    position: relative;
    max-width: 100%;
  }

  .nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
  }

  .nbs-flexisel-inner {
    overflow: hidden;
    margin: 0 auto;
  }

  .nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;
  }

  .nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 250px;
    max-height: 250px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
  }

  .khrg {
    width: 10rem;
    height: 4rem;
    /* background-color: #000; */
    position: relative;
    margin: 0px auto;
    margin-top: 50px;
  }

  .kehu {
    margin-top: 40px;
    margin-right: 15px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    background-color: #ffffff;
    position: absolute;
    bottom: 10px;
    left: 17px;
  }

  .hr4 {
    width: 130px;
    height: 0.8px;
    background-color: rgb(86, 86, 229);
    /* margin-left: 690px; */
    margin-top: 82px;
    margin-left: 5px;
    position: absolute;
    bottom: 10px;
    left: 3px;
  }

  .kgv {
    width: 10rem;
    height: 3rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 1px;
    position: relative;
  }

  .hezuode {
    width: 120px;
    height: 43px;
    position: absolute;
    top: 3px;
    margin: 0px auto;
    left: 30px;
    font-size: 30px;
    font-weight: normal;
    /* 设置字体不加粗  */
    /* background-color: #000000; */
  }

  .foogh {
    width: 95rem;
    height: 10rem;
    margin: 0px auto;
    /* background-color: #000; */
    position: relative;
  }

  /* border-radius: 50%; */
  .footer {
    width: 1600px;
    height: 200px;
    background: #0e1e34;
    font-family: "黑体";
    position: relative;
    position: absolute;
    top: 3px;
    left: 1px;
    display: flex;
  }

  .fott {
    width: 35rem;
    height: 11rem;
    /* background-color: #000; */
    margin: 0px auto;
    position: relative;
  }

  .foog {
    width: 94rem;
    height: 25rem;
    margin: 0px auto;
    /* background-color: #000; */
  }

  .foote1 {
    /* position: fixed; */
    width: 1500px;
    height: 200px;
    background: #0e1e34;
    position: relative;
    font-family: "黑体";
    /* margin: 0px auto; */
    margin-left: 1px;
    position: absolute;
    top: 2580px;
    /* padding: 1.5em 0em 0em; */
    /* position: absolute; */
    /* margin-top: 5px; */
    /* top: 2400px; */
    /* position: absolute;
    left: 1rem; */
  }

  .fgh {
    width: 48rem;
    height: 200PX;
    /* display: flex; */
    /* background-color: #000; */
    padding-bottom: 0px;
    margin: 0px auto;
    position: relative;

  }

  .ccc {
    width: 93rem;
    height: 12rem;
    /* background-color: #000; */
    margin: 0px auto;
    margin-top: 10px;
  }

  .startplat {
    font-family: "黑体";
    font-size: 17px;
    font-weight: normal;
    /* 设置字体不加粗  */
    margin-left: 20px;
    color: #ffffff;
    position: absolute;
    top: 150px;
    left: 10px;
  }

  .startplat1 {
    font-family: "黑体";
    font-size: 17px;
    margin-left: 80px;
    margin-top: 170px;
    font-weight: normal;
    /* 设置字体不加粗  */
    color: #ffffff;
  }

  .logo4 {
    width: 120px;
    height: 98px;
    position: absolute;
    top: 20px;
    left: 30px;
  }

  .cen {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    margin: 0px auto;
    text-align: center;
    padding-right: 150px;
    /* position: absolute;
    right: 1px; */
  }
}

* {
  margin: 0px;
  padding: 0px;
}

body {
  overflow-x: hidden;
  /* 隐藏水平滚动条 */
}

/* .desktop-content {
  display: block;
}

.mobile-content {
  display: none;
} */

.roll {
  width: 100%;
  position: relative;
  /* background-color: #000; */
}


.top {
  width: 95rem;
  height: 3rem;
  margin: 0px auto;
  background-color: #ffffff;
  /* 设置为 Flex 弹性布局 */
  display: flex;
  position: fixed;
  position: relative;
  color: #ffffff;
  position: -webkit-sticky;
  /* 针对Safari浏览器的兼容性 */
  position: sticky;
  top: 0;
  /* 导航栏距离视窗顶部的距离 */
  z-index: 1000;
  /* 确保导航栏在其他内容之上 */
  background-color: transparent;
  /* 背景透明 */
  transition: background-color 0.5s ease;
  /* 添加过渡效果 */
}


.daohang {
  width: 5rem;
  height: 1rem;
  /* position: fixed; */
  /* 横向导航栏的父容器布局 */

  /* 设置为 Flex 弹性布局 */
  display: flex;
  transition: background-color 0.5s ease;
  /* 添加过渡效果 */
  background-color: #000000;
  list-style: none;
  padding: 0;
  position: absolute;
  top: 0.3rem;
  right: 1rem;
  left: 30rem;
  background-color: transparent;
}

.daohang li {
  display: inline-block;
  margin: 0 10px;
  /* border-bottom: 1px solid #ffffff; */
  padding: 5px 0;
  background-color: transparent;
}

.daohang ul li {
  float: left;
  width: 150px;
  /* background-color: #ffffff; */
  text-align: center;
  justify-content: center;
  font-size: 19px;
  background-color: transparent;
}

.daohang li:last-child {
  margin-right: 0;
}

.daohang a {
  text-decoration: none;
  color: #000;
}

.daohang ul li a:hover {
  display: block;
  /* background-color: #ffffff; */
  color: rgb(211, 169, 14);
  background-color: transparent;
}


/* .center {
  width: 100%;
  height: 1000px;
  background-color: #ffffff;
  position: relative;
} */
.writer {
  height: 400px;
  width: 1380px;
  background-color: #f8f7f7;
  margin: 0px auto;
  /* margin-left: 105px; */
}

.icon {
  width: 50rem;
  height: 10rem;
  /* background-color: #000; */
  margin: 0px auto;
  position: relative;
}


.map {
  width: 1177px;
  height: 464px;
  background-color: #ffffff;
  position: relative;
  margin: 0px auto;
  margin-top: 100px;
  position: absolute;
  left: 10px;
}

.Contact {
  width: 150px;
  font-weight: normal;
  /* 设置字体不加粗  */
  font-size: 30px;
  padding-top: 30px;
  margin-left: 710px;
  /* background-color: #000; */
  position: absolute;
  top: 20px;
  right: 550px;
}

.companys {
  font-weight: normal;
  /* 设置字体不加粗  */
  font-size: 30px;
  padding-top: 20px;
  margin-left: 630px;
}

.mama {
  margin: 0px auto;
  width: 150px;
  height: 150px;
  margin-top: 130px;
  margin-left: 70px;
  /* margin-right: 300px; */
}

.sha {
  width: 726px;
  height: 421px;
  margin-top: 20px;
  margin-left: 45px;
  position: absolute;
}

.code {
  float: right;
  width: 390px;
  height: 410px;
  margin-top: 30px;
  margin-right: 50px;
  background-color: #f8f8f8;
  position: absolute;
  left: 780px;
}

.start {
  margin-top: 10px;
  font-size: 15px;
  margin-left: 60px;
  color: #000000;
}

.Cooperation {
  font-size: 18px;
  margin-left: 65px;
  color: #000000;
  position: absolute;
  top: 120px;
}

.qiu {
  width: 70rem;
  height: 33rem;
  display: flex;
  margin: 0px auto;
  /* background-color: #000000; */
  padding-left: 60px;
  text-align: center;
  margin-top: 1px;
  position: relative;
}

.table {
  position: absolute;
  top: 80px;
  right: 67px;

}

.chanpin {
  width: 300px;
  height: 60px;
  text-align: center;
  font-size: 30px;
  position: absolute;
  font-weight: normal;
  /* 设置字体不加粗 */
  left: 420px;
  top: 20px;
  margin-top: 10px;
  /* bottom: 335px; */
  margin: 0px auto;
}


.hjk {
  width: 350px;
  height: 300px;
}

.vpn {
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  top: 700px;
  left: 830px;
}

.eml {
  font-size: 20px;
  font-weight: normal;
  position: absolute;
  top: 650px;
  left: 830px;
}

.Company {
  width: 80rem;
  justify-content: center;
  /* 在主轴上居中 */
  align-items: center;
  /* 在侧轴上居中 */
  height: 30rem;
  /* 设置容器的高度为视口高度，使其占据整个视窗 */
  display: flex;
  /* background-color: #000000; */
  margin: 0px auto;
  margin-top: 50px;
  position: relative;
}

.Sight {
  width: 450px;
  height: 300px;
  background-image: url(../img/137.jpg);
  margin-top: 30px;
  /* margin-left: 170px; */
  position: absolute;
  left: 100px;
  float: left;
}

.Sight1 {
  width: 450px;
  height: 300px;
  background-image: url(../img/137.jpg);
  margin-top: 30px;
  margin-left: 170px;
  position: absolute;
  left: 500px;
  float: left;
}

.lo {
  font-size: 30px;
  text-align: center;
  margin-right: 17px;
  margin-top: 10px;
  position: absolute;
  top: 5px;
  right: 600px;
  font-weight: normal;
  /* 设置字体不加粗 */
}

.siyuan {
  font-size: 15px;
  font-weight: normal;
  /* 设置字体不加粗 */
  margin-top: 40px;
  word-wrap: break-word;
  /* 支持长单词或URL内部断行 */
  overflow-wrap: break-word;
  /* 确保兼容性 */
  color: #818181;
  text-indent: 2ch;
  /* 首行缩进2个字符宽度的单位 */
  margin-left: 3ch;
  /* 整个段落的左外边距，用于尾行缩进 */
  max-width: 45ch;
  /* 最大宽度限制在30个字符宽度 */
  word-spacing: 2px;
  /* 文字间距 */
  line-height: 25px;
}

.mars {
  font-size: 15px;
  font-weight: normal;
  /* 设置字体不加粗 */
  margin-top: 25px;
  word-wrap: break-word;
  /* 支持长单词或URL内部断行 */
  overflow-wrap: break-word;
  /* 确保兼容性 */
  color: #818181;
  text-indent: 2ch;
  /* 首行缩进2个字符宽度的单位 */
  margin-left: 4ch;
  /* 整个段落的左外边距，用于尾行缩进 */
  max-width: 45ch;
  /* 最大宽度限制在30个字符宽度 */
  word-spacing: 7px;
  /* 文字间距 */
  line-height: 23px;
}

.hr1 {
  width: 130px;
  height: 1px;
  background-color: rgb(86, 86, 229);
  position: absolute;
  left: 535px;
  top: 55px;
}

.hr2 {
  width: 130px;
  height: 1px;
  background-color: rgb(86, 86, 229);
  margin-left: 450px;
  margin-bottom: 5px;
  margin-top: 57px;
}

.hr3 {
  width: 130px;
  height: 0.8px;
  background-color: rgb(86, 86, 229);
  margin-left: 530px;
}


.hr5 {
  width: 130px;
  height: 1px;
  background-color: rgb(86, 86, 229);
  position: absolute;
  top: 50px;
  left: 25px;
}



.jian {
  font-size: 20px;
  margin-top: 20px;
  margin-left: 40px;
}

.yewu {
  font-size: 20px;
  margin-top: 25px;
  margin-left: 40px;
}

.rongyu {
  width: 75rem;
  height: 50rem;
  /* background-color: #000000; */
  margin: 0px auto;
  text-align: center;
  margin-top: 30px;
  /* margin-right: 20px; */
  margin-right: 30px;
  margin: 0px auto;
}

.ditu {
  margin: 0px auto;
  width: 80rem;
  height: 40rem;
  /* background-color: #000000; */
  /* margin-bottom: 70px; */
  position: relative;
}

.Web3D {
  word-wrap: break-word;
  /* 支持长单词或URL内部断行 */
  overflow-wrap: break-word;
  /* 确保兼容性 */
  color: #818181;
  text-indent: 2ch;
  /* 首行缩进2个字符宽度的单位 */
  margin-left: 4ch;
  /* 整个段落的左外边距，用于尾行缩进 */
  max-width: 150ch;
  /* 最大宽度限制在30个字符宽度 */
  margin-top: 100px;
  margin-left: 40px;
  color: #a8a7a7;
}

.marker {
  width: 900px;
  height: 100px;
  margin: 0px auto;
  margin-top: 50px;
  position: absolute;
  right: 250px;
}

.qiang {
  font-size: 30px;
  margin-right: 28px;
  font-weight: normal;
  /* 设置字体不加粗 */
}

.fujian {
  width: 1000px;
  height: 566px;
  margin: 0px auto;
  margin-left: 90px;
  margin-top: 10px;
  padding-top: 20px;
  /* background-color: #000; */
}

.fujian2 {
  width: 160px;
  height: 230px;
  float: left;
  margin-left: 35px;
}

.ri {
  position: absolute;
  top: 300px;
  color: #000000;
  text-align: center;
  left: 110px;
  bottom: 20px;
}

.ri1 {
  position: absolute;
  top: 350px;
  color: #000000;
  text-align: center;
  left: 90px;
  bottom: 20px;
}

.bott {
  width: 500px;
  height: 97px;
  font-size: 23px;
  color: #ffffff;
  margin: 0px auto;
  position: absolute;
  top: 30px;
  right: 10px;
  font-weight: normal;
  /* 设置字体不加粗 */
  /* background-color: #c91515; */
  /* background-color: #000; */
}

.bott1 {
  width: 500px;
  height: 97px;
  font-size: 23px;
  color: #ffffff;
  position: absolute;
  top: 40px;
  bottom: 30px;
  right: 150px;
  font-weight: normal;
  margin-top: 10px;
  /* 设置字体不加粗 */
  /* background-color: #c91515; */
}

.topp {
  width: 95rem;
  height: 25rem;
  margin: 0px auto;
  background-color: #000;
}

.topp img {
  height: 400px;
  width: 1520px;
  object-fit: cover;
  /* 元素宽度等于视口宽度  */
  /* padding-left: 1px; */
}

.terc {
  text-align: center;
  color: #000000;
  font-size: 30px;
  padding-top: 40px;
}

.head {
  width: 100%;
  height: 660px;
  padding-top: 50px;
}

.zhan {
  text-align: center;
  color: #060606;
  font-size: 40px;
  padding-top: 50px;
  margin-top: 50px;
}

.tu {
  width: 100%;
  height: 900px;
  background-color: #ffffff;
  margin: 0px auto;
  overflow: hidden;
  padding-left: 50px;
}

.ite {
  float: left;
  margin-right: 5px;
  /* text-align: center; */
  position: relative;
  top: 20px;
  /* overflow: hidden; */
  margin-top: 150px;
  margin-left: 130px;
  margin-right: 10px;
  padding-left: 35px;
  padding-top: 50px;
  width: 350px;
  height: 350px;
  margin: 0px auto;
  background-color: #ffffff;
  left: 90px;
}

.ite img {
  width: 350px;
  height: 300px;
  border: 0px;
  margin: 0px auto;
}


.ert {
  /* width: 300px;
  height: 300px; */
  padding-bottom: 30px;
  transition: all 1s
}

.ert:hover {
  transform: scale(1.2);
}

.ourteam {
  width: 75rem;
  height: 23rem;
  /* background: #000000; */
  margin-bottom: 10px;
  margin: 0px auto;
}

.team {
  padding: 4em 2em;
}

.team1 {
  width: 488px;
}

.team1 img {
  width: 200px;
  height: 100px;
}

/*-- flexisel --*/
#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
  display: none;
}

.nbs-flexisel-container {
  position: relative;
  max-width: 100%;
}

.nbs-flexisel-ul {
  position: relative;
  width: 9999px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}

.nbs-flexisel-inner {
  overflow: hidden;
  margin: 0 auto;
}

.nbs-flexisel-item {
  float: left;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  position: relative;
  line-height: 0px;
}

.nbs-flexisel-item>img {
  cursor: pointer;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 250px;
  max-height: 250px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
}

.khrg {
  width: 10rem;
  height: 4rem;
  /* background-color: #000; */
  position: relative;
  margin: 0px auto;
  margin-top: 50px;
}

.kehu {
  margin-top: 40px;
  margin-right: 15px;
  font-size: 30px;
  font-weight: normal;
  /* 设置字体不加粗  */
  background-color: #ffffff;
  position: absolute;
  bottom: 10px;
  left: 17px;
}

.hr4 {
  width: 130px;
  height: 0.8px;
  background-color: rgb(86, 86, 229);
  /* margin-left: 690px; */
  margin-top: 82px;
  margin-left: 5px;
  position: absolute;
  bottom: 10px;
  left: 3px;
}

.kgv {
  width: 10rem;
  height: 3rem;
  /* background-color: #000; */
  margin: 0px auto;
  margin-top: 1px;
  position: relative;
}

.hezuode {
  width: 120px;
  height: 43px;
  position: absolute;
  top: 3px;
  margin: 0px auto;
  left: 30px;
  font-size: 30px;
  font-weight: normal;
  /* 设置字体不加粗  */
  /* background-color: #000000; */
}

.foogh {
  width: 95rem;
  height: 10rem;
  margin: 0px auto;
  /* background-color: #000; */
  position: relative;
}

/* border-radius: 50%; */
.footer {
  width: 1600px;
  height: 200px;
  background: #0e1e34;
  font-family: "黑体";
  position: relative;
  position: absolute;
  top: 3px;
  left: 1px;
  display: flex;
}

.fott {
  width: 35rem;
  height: 11rem;
  /* background-color: #000; */
  margin: 0px auto;
  position: relative;
}

.foog {
  width: 94rem;
  height: 25rem;
  margin: 0px auto;
  /* background-color: #000; */
}

.foote1 {
  /* position: fixed; */
  width: 1500px;
  height: 200px;
  background: #0e1e34;
  position: relative;
  font-family: "黑体";
  /* margin: 0px auto; */
  margin-left: 1px;
  position: absolute;
  top: 2580px;
  /* padding: 1.5em 0em 0em; */
  /* position: absolute; */
  /* margin-top: 5px; */
  /* top: 2400px; */
  /* position: absolute;
  left: 1rem; */
}

.fgh {
  width: 48rem;
  height: 200PX;
  /* display: flex; */
  /* background-color: #000; */
  padding-bottom: 0px;
  margin: 0px auto;
  position: relative;

}

.ccc {
  width: 93rem;
  height: 12rem;
  /* background-color: #000; */
  margin: 0px auto;
  margin-top: 10px;
}

.startplat {
  font-family: "黑体";
  font-size: 17px;
  font-weight: normal;
  /* 设置字体不加粗  */
  margin-left: 20px;
  color: #ffffff;
  position: absolute;
  top: 150px;
  left: 10px;
}

.startplat1 {
  font-family: "黑体";
  font-size: 17px;
  margin-left: 80px;
  margin-top: 170px;
  font-weight: normal;
  /* 设置字体不加粗  */
  color: #ffffff;
}

.logo4 {
  width: 120px;
  height: 98px;
  position: absolute;
  top: 20px;
  left: 30px;
}

.cen {
  color: #000000;
  font-size: 20px;
  font-weight: 400;
  padding-top: 20px;
  margin: 0px auto;
  text-align: center;
  padding-right: 150px;
  /* position: absolute;
	right: 1px; */
}