/* 
    Editor: fan
    Time: 2020.4.8

    Less compilation
    > npm install -g less
    > lessc style.less style.css
*/
/* 字体 */
@font-face {
    font-family: 'pingfnag';
    font-display: swap;
    src: url('../fonts/PingFang.eot');
    /* IE9 */
    src: url('../fonts/PingFang.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/PingFang.woff2') format('woff2'), url('../fonts/PingFang.woff') format('woff'), /* chrome、firefox */ url('../fonts/PingFang.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/PingFang.svg#PingFang') format('svg');
    /* iOS 4.1- */
  }
  @font-face {
    font-family: "MontserratAlternates-Medium";
    src: url("../fonts/MontserratAlternates-Medium.ttf") format("truetype");
  }
  /* End */
  /* 公用 */
  /* base公共样式 */
  select::-ms-expand {
    display: none;
  }
  * {
    padding: 0;
    margin: 0;
    -webkiit-box-sizing: border-box;
    box-sizing: border-box;
  }
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  code,
  form,
  fieldset,
  legend,
  input,
  button,
  textarea,
  p,
  blockquote,
  th,
  td {
    margin: 0;
    padding: 0;
  }
  body {
    color: #333;
    font-size: 16px;
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif', \5b8b\4f53;
  }
  @media (max-width: 1440px) {
    body {
      font-size: 14px;
    }
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: normal;
  }
  address,
  caption,
  cite,
  code,
  dfn,
  em,
  strong,
  th,
  var {
    font-style: normal;
    font-weight: normal;
  }
  a {
    color: #333;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
    text-decoration: none;
  }
  i {
    font-style: normal;
  }
  pre {
    text-align: left;
    padding: 0;
    margin: 0;
    font-style: normal;
  }
  img {
    border-color: #fff;
  }
  ol,
  ul,
  li {
    /* list-style: none; */
  }
  table {
    border-collapse: collapse;
  }
  input[type=text]:focus,
  input[type=text]:active {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
  }
  a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
  }
  a:hover {
    -webkit-tap-highlight-color: transparent;
  }
  img {
    vertical-align: middle;
  }
  input,
  input:focus,
  input:active,
  button,
  button[type=button],
  textarea:focus {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
  }
  /* 投递简历弹窗 */
  #hi-resume-pop {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #hi-resume-pop * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #hi-resume-pop form {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 400px;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #hi-resume-pop .hi-title-box {
    position: relative;
    padding: 0 30px;
    background: #f40000;
  }
  #hi-resume-pop .hi-title-box .hi-title {
    line-height: 60px;
    font-size: 20px;
    color: #fff;
  }
  #hi-resume-pop .hi-title-box .hi-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 80px;
    height: 60px;
    cursor: pointer;
  }
  #hi-resume-pop .hi-title-box .hi-close::before,
  #hi-resume-pop .hi-title-box .hi-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -10px;
    width: 20px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #hi-resume-pop .hi-title-box .hi-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #hi-resume-pop .hi-box {
    padding: 30px;
    font-size: 14px;
  }
  #hi-resume-pop input {
    margin-bottom: 20px;
    padding: 0 15px;
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
  }
  #hi-resume-pop button {
    width: 100%;
    height: 50px;
    background: #f40000;
    color: #fff;
    cursor: pointer;
    border: 0;
  }
  #hi-resume-pop .hi-file-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  #hi-resume-pop .hi-file-box .hi-input-box {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    padding: 0 15px;
    line-height: 30px;
    background: #098585;
  }
  #hi-resume-pop .hi-file-box input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    cursor: pointer;
  }
  #hi-resume-pop .hi-file-box .hi-text {
    color: #fff;
    text-align: center;
  }
  #hi-resume-pop .hi-file-box .hi-text2 {
    line-height: 30px;
  }
  #hi-resume-pop .hi-code-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #hi-resume-pop .hi-code-box input {
    margin-bottom: 0;
    width: calc(100% - 256px) !important;
  }
  #hi-resume-pop .hi-code-box {
    margin-bottom: 20px;
  }
  #hi-resume-pop .hi-code-box input {
    margin-bottom: 0;
    width: calc(100% - 146px) !important;
  }
  #hi-resume-pop .hi-code-box img {
    width: 130px;
    cursor: pointer;
  }
  @media screen and (max-width: 767px) {
    #hi-resume-pop .hi-title-box {
      padding: 0 20px;
    }
    #hi-resume-pop .hi-title-box .hi-title {
      line-height: 50px;
      font-size: 18px;
    }
    #hi-resume-pop .hi-box {
      padding: 20px;
    }
    #hi-resume-pop input {
      margin-bottom: 10px;
      height: 40px;
    }
    #hi-resume-pop .hi-file-box,
    #hi-resume-pop .hi-code-box {
      margin-bottom: 10px;
    }
    #hi-resume-pop .hi-file-box .hi-text2 {
      font-size: 12px;
    }
    #hi-resume-pop button {
      height: 40px;
    }
    #hi-resume-pop .hi-title-box .hi-close {
      width: 60px;
      height: 50px;
    }
  }
  /* End*/
  /* 下载弹窗 */
  .downalt {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 889;
    overflow: hidden;
  }
  .downalt .bag {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
  }
  .downalt .cont {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: #fff;
    padding: 40px 30px;
    width: 96%;
    width: calc(100% - 30px);
    max-width: 756px;
  }
  .downalt .cont .colse {
    position: absolute;
    top: 30px;
    right: 28px;
    width: 16px;
  }
  .downalt .cont .colse img {
    width: 100%;
  }
  .downalt .cont .tit {
    font-size: 30px;
    font-weight: bold;
  }
  @media (max-width: 1440px) {
    .downalt .cont .tit {
      font-size: 26px;
    }
  }
  @media (max-width: 991px) {
    .downalt .cont .tit {
      font-weight: 24px;
    }
  }
  .downalt .cont .ed {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 30px;
  }
  @media (max-width: 1440px) {
    .downalt .cont .ed {
      margin-bottom: 24px;
    }
  }
  .downalt .cont .f_tit {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
  }
  .downalt .cont .text {
    font-size: 14px;
    line-height: 24px;
    color: #888888;
    margin-bottom: 30px;
  }
  @media (max-width: 1440px) {
    .downalt .cont .text {
      margin-bottom: 20px;
    }
  }
  .downalt .cont .form {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
  }
  @media (max-width: 991px) {
    .downalt .cont .form {
      margin: 0 -5px;
    }
  }
  @media (max-width: 565px) {
    .downalt .cont .form {
      margin: 0;
    }
  }
  .downalt .cont .form .item {
    padding: 0 10px;
    width: 50%;
    margin-bottom: 20px;
  }
  @media (max-width: 991px) {
    .downalt .cont .form .item {
      padding: 0 5px;
    }
  }
  @media (max-width: 565px) {
    .downalt .cont .form .item {
      padding: 0;
      width: 100%;
      margin-bottom: 10px;
    }
  }
  .downalt .cont .form .item select,
  .downalt .cont .form .item input {
    width: 100%;
    border: none;
    background-color: #f4f4f4;
    font-size: 14px;
    color: #666666;
    padding: 14px 14px;
  }
  .downalt .cont .home-but {
    margin-top: 10px;
    color: #fff;
    border-color: #098585;
  }
  .downalt .cont .home-but:after {
    width: 100%;
  }
  /* End*/
  /* 右下角咨询 */
  .right_zi {
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 36px;
  }
  .right_zi .f_tit {
    display: block;
    width: 30px;
  }
  @media (max-width: 991px) {
    .right_zi .f_tit {
      width: 20px;
    }
  }
  .right_zi .f_tit img {
    width: 100%;
  }
  .right_zi .altform {
    bottom: 100%;
    right: 0;
    position: absolute;
    padding-bottom: 30px;
    display: none;
  }
  @media (max-width: 767px) {
    .right_zi .altform {
      width: 100vw;
      height: 100vh;
      bottom: -36px;
      right: -20px;
      padding: 0;
      overflow: hidden;
    }
  }
  .right_zi .altform .jut {
    background-color: #fff;
    width: 100%;
    width: 372px;
    padding: 22px 26px 36px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  }
  @media (max-width: 767px) {
    .right_zi .altform .jut {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
  @media (max-width: 565px) {
    .right_zi .altform .jut {
      padding: 22px 20px 30px;
      width: calc(100% - 30px);
    }
  }
  .right_zi .altform .jut .colse {
    position: absolute;
    right: 16px;
    top: 20px;
    width: 16px;
    overflow: hidden;
  }
  .right_zi .altform .jut .colse img {
    width: 100%;
    float: left;
  }
  .right_zi .altform .jut .tit {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
  }
  @media (max-width: 767px) {
    .right_zi .altform .jut .tit {
      font-size: 24px;
    }
  }
  .right_zi .altform .jut .text {
    font-size: 16px;
    color: #666666;
    text-align: center;
    margin-bottom: 15px;
  }
  @media (max-width: 767px) {
    .right_zi .altform .jut .text {
      margin-bottom: 10px;
      font-size: 14px;
    }
  }
  .right_zi .altform .jut .form {
    width: 100%;
  }
  .right_zi .altform .jut .form input,
  .right_zi .altform .jut .form select,
  .right_zi .altform .jut .form textarea {
    outline: none;
    border: none;
    width: 100%;
    background-color: #f4f4f4;
    padding: 13px;
    height: 45px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #666666;
    -webkit-appearance: none;
    appearance: none;
    resize: none;
  }
  @media (max-width: 565px) {
    .right_zi .altform .jut .form input,
    .right_zi .altform .jut .form select,
    .right_zi .altform .jut .form textarea {
      margin-bottom: 10px;
      height: 40px;
      font-size: 12px;
    }
  }
  .right_zi .altform .jut .form select {
    background: #f4f4f4;
    background-size: 13px 7px;
  }
  .right_zi .altform .jut .form textarea {
    height: 80px;
  }
  .right_zi .altform .jut .form .f_sub1 {
    width: 100%;
    height: 50px;
    background-color: #098585;
    outline: none;
    border: none;
    color: #fff;
    font-size: 16px;
  }
  @media (max-width: 565px) {
    .right_zi .altform .jut .form .f_sub1 {
      font-size: 14px;
      height: 45px;
    }
  }
  /* 加入我们 */
  /* 右侧置顶*/
  .rigalt .gotop {
    border: 1px solid #eeeeee;
    border-radius: 2px;
    background: #ffffff;
    position: fixed;
    bottom: 190px;
    right: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 7px;
    font-size: 24px;
    color: #666666;
    display: none;
    z-index: 1001;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    line-height: 1;
  }
  .rigalt .gotop:hover {
    text-decoration: none!important;
  }
  /* End*/
  .ie-warning {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #000;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding: 50px 0;
  }
  .ie-warning h1 {
    margin: 0 0 30px;
  }
  .ie-warning p {
    font-size: 16px;
  }
  .ie-warning .ie-container {
    min-width: 1024px;
    width: 100%;
    height: 200px;
    background: #fff;
    margin: 60px 0;
  }
  .ie-warning .ie-download {
    list-style: none;
    padding: 30px 0;
    margin: 0 auto;
    width: 720px;
  }
  .ie-warning .ie-download > li > a {
    display: block;
    color: #000;
    width: 140px;
    font-size: 15px;
    padding: 15px 0;
    margin: 0 auto;
  }
  .ie-warning .ie-download > li > a > div {
    margin-top: 10px;
  }
  .ie-warning .ie-download > li > a:hover {
    background-color: #eee;
  }
  /* 文本编辑详情页 */
  .make-text {
    /*line-height: 1.5;*/
    /*color: #666;*/
    font-family: "Microsoft YaHei", "微软雅黑", "pingfnag", Verdana, Helvetica, Arial, sans-serif !important;
  }
  .make-text ul ,.make-text ol{
      padding-left: 20px;
  }
  .make-text img {
    max-width: 100%;
    display: block;
    margin:0 auto;
  }
  .make-text h4 {
    font-weight: bold;
  }
  .make-text table{
      width: 100%;
  }
  .make-text p,
  .make-text span {
    /*line-height: 1.5;*/
    font-family: "Microsoft YaHei", "微软雅黑", "pingfnag", Verdana, Helvetica, Arial, sans-serif !important;
    /*color: #666666;*/
    /*font-size: 16px;*/
  }
  @media (max-width: 1440px) {
    .make-text p,
    .make-text span {
      /*font-size: 14px;*/
    }
  }
  /* End */
  /* 面包屑*/
  .bread {
    width: 100%;
    padding-top: 23px;
  }
  @media (max-width: 1440px) {
    .bread {
      padding: 18px 0 0;
    }
  }
  .bread .cont .gt {
    display: flex;
    width: 100%;
    align-items: center;
  }
  @media (max-width: 991px) {
    .bread .cont .gt {
      justify-content: flex-start;
    }
  }
  .bread .cont .gt i {
    display: block;
    overflow: hidden;
    width: 18px;
    margin-right: 10px;
    flex-shrink: 0;
  }
  @media (max-width: 1440px) {
    .bread .cont .gt i {
      width: 14px;
      margin-right: 6px;
    }
  }
  .bread .cont .gt i img {
    width: 100%;
    float: left;
  }
  .bread .cont .gt p,
  .bread .cont .gt a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.2;
    font-size: 16px;
    color: #b2b2b2;
    max-width: 30%;
    text-overflow: ellipsis;
  }
  @media (max-width: 991px) {
    .bread .cont .gt p,
    .bread .cont .gt a {
      font-size: 14px;
    }
  }
  .bread .cont .gt p {
    max-width: initial;
  }
  .bread .cont .gt .on {
    color: #666666;
  }
  .bread .cont .gt span {
    font-family: "宋体";
    font-size: 14px;
    display: block;
    margin: 0 8px;
    color: #b2b2b2;
  }
  @media (max-width: 991px) {
    .bread .cont .gt span {
      font-size: 12px;
    }
  }
  /* End */
  .basecont {
    width: 88%;
    max-width: 1430px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .f_pad{
      position: relative;
      top: -100px;
  }
  @media (max-width: 1199px) {
      .f_pad{
          top: -70px;
      }
    .basecont {
      width: 94%;
    }
  }
  @media (max-width: 767px) {
    .basecont {
      width: 100%;
    }
  }
  .transition {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .img img {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .basetop {
    padding-top: 80px;
  }
  @media (max-width: 1366px) {
    .basetop {
      padding-top: 60px;
    }
  }
  /* 公共Class */
  .bagcolor {
    background-color: #f5f5f5;
  }
  .base80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  @media (max-width: 1440px) {
    .base80 {
      padding-top: 70px;
      padding-bottom: 70px;
    }
  }
  @media (max-width: 1199px) {
    .base80 {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }
  @media (max-width: 767px) {
    .base80 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
  }
  .base40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .base100 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  @media (min-width: 1199px) and (max-width: 1440px) {
    .base100 {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  }
  @media (min-width: 991px) and (max-width: 1199px) {
    .base100 {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }
  @media (max-width: 1199px) {
    .base100 {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }
  .base120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  @media (max-width: 1440px) {
    .base120 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  }
  @media (max-width: 1199px) {
    .base120 {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  }
  @media (max-width: 991px) {
    .base120 {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }
  .base140 {
    padding-top: 140px;
    padding-bottom: 140px;
  }
  @media (max-width: 1681px) {
    .base140 {
      padding-top: 120px;
      padding-bottom: 120px;
    }
  }
  @media (max-width: 1440px) {
    .base140 {
      padding-top: 100px;
      padding-bottom: 100px;
    }
  }
  @media (max-width: 1366px) {
    .base140 {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  }
  @media (max-width: 991px) {
    .base140 {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }
  .base160 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
  @media (max-width: 1681px) {
    .base160 {
      padding-top: 140px;
      padding-bottom: 140px;
    }
  }
  @media (max-width: 1440px) {
    .base160 {
      padding-top: 120px;
      padding-bottom: 120px;
    }
  }
  @media (max-width: 1366px) {
    .base160 {
      padding-top: 80px;
      padding-bottom: 80px;
    }
  }
  @media (max-width: 991px) {
    .base160 {
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }
  /* 分页 */
  .basepage {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  .basepage a,
  .basepage span {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    font-size: 16px;
    color: #999999;
    flex-shrink: 0;
    float: left;
    font-weight: bold;
    margin: 0 5px 10px;
    border: 1px solid #cacaca;
  }
  @media (max-width: 767px) {
    .basepage a,
    .basepage span {
      width: 30px;
      height: 30px;
      font-size: 14px;
    }
  }
  .basepage .active {
    background-color: #0eb8ca;
    color: #fff;
    border-color: transparent;
  }
  .basepage .prev,
  .basepage .next {
    width: auto;
    height: 34px;
    opacity: 0.5;
    font-size: 12px;
    color: #666666;
    padding: 5px 20px;
  }
  .basepage .prev {
    background-size: 100%;
  }
  .basepage .next {
    background-size: 100%;
  }
  /* 取消浮动 */
  .clear:after {
    content: "";
    clear: both;
    display: block;
  }
  /* 公共字体大小 */
  .basefont40 {
    font-size: 40px;
  }
  @media (max-width: 1440px) {
    .basefont40 {
      font-size: 30px;
    }
  }
  @media (max-width: 1366px) {
    .basefont40 {
      font-size: 28px;
    }
  }
  @media (max-width: 1199px) {
    .basefont40 {
      font-size: 26px;
    }
  }
  @media (max-width: 767px) {
    .basefont40 {
      font-size: 24px;
    }
  }
  .basefont36 {
    font-size: 36px;
  }
  @media (max-width: 1440px) {
    .basefont36 {
      font-size: 26px;
    }
  }
  @media (max-width: 1199px) {
    .basefont36 {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .basefont36 {
      font-size: 22px;
    }
  }
  .basefont24 {
    font-size: 24px;
  }
  @media (max-width: 1440px) {
    .basefont24 {
      font-size: 20px;
    }
  }
  .basemenubut {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    height: 100%;
    width: 24px;
  }
  .basemenubut span {
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: 6px;
    border-radius: 3px;
    background-color: #666;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .basemenubut span:last-child {
    margin-bottom: 0;
  }
  .basemenubut2 span:nth-child(1) {
    transform: rotate(45deg);
    margin: 0;
    margin-top: 2px;
  }
  .basemenubut2 span:nth-child(2) {
    display: none;
  }
  .basemenubut2 span:nth-child(3) {
    transform: rotate(-45deg);
    margin: 0;
    margin-top: -2px;
  }
  /* 公共的颜色 */
  .basebag {
    background-color: #FAFAFA;
  }
  /* End */
  /* 导航 */
  .f_headzha {
    height: 100px;
    width: 100%;
  }
  @media (max-width: 1199px) {
    .f_headzha {
      height: 70px;
    }
  }
  .headbox {
    line-height: 100px;
    position: fixed;
    z-index: 888;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
  }
  @media (max-width: 1199px) {
    .headbox {
      line-height: 70px;
    }
  }
  .headbox-sec1 .basecont {
    width: 92%;
    max-width: 1760px;
  }
  @media (max-width: 767px) {
    .headbox-sec1 .basecont {
      width: 100%;
    }
  }
  .headbox-sec1 .cont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .headbox-sec1 .cont .logo {
    width: 320px;
  }
  @media (max-width: 1440px) {
    .headbox-sec1 .cont .logo {
      width: 240px;
    }
  }
  @media (max-width: 991px) {
    .headbox-sec1 .cont .logo {
      width: 200px;
    }
  }
  @media (max-width: 767px) {
    .headbox-sec1 .cont .logo {
      width: 160px;
    }
  }
  .headbox-sec1 .cont .logo img {
    width: 100%;
  }
  .headbox-sec1 .cont .navbox {
    display: flex;
    align-items: center;
      list-style: none;
  }
  @media (max-width: 1199px) {
    .headbox-sec1 .cont .navbox {
      display: none;
    }
  }
  .headbox-sec1 .cont .navbox .item {
    position: relative;
  }
  .headbox-sec1 .cont .navbox .item .tit {
    display: block;
    font-size: 16px;
    margin: 0 25px;
  }
  @media (max-width: 1440px) {
    .headbox-sec1 .cont .navbox .item .tit {
      margin: 0 20px;
      font-size: 14px;
    }
  }
  .headbox-sec1 .cont .gt {
    display: flex;
    align-items: center;
  }
  .headbox-sec1 .cont .gt .earch {
    display: block;
      width: 60px;
      text-align: center;
  }
  .headbox-sec1 .cont .gt .earch img {
    width: 20px;
  }
  @media (max-width: 1440px) {
    .headbox-sec1 .cont .gt .earch img {
      width: 16px;
    }
  }
  .headbox-sec1 .cont .gt .lange {
    /* margin-left: 30px; */
  }
  @media (max-width: 1440px) {
    .headbox-sec1 .cont .gt .lange {
      /* margin-left: 20px; */
    }
  }
  @media (max-width: 1199px) {
    .headbox-sec1 .cont .gt .lange {
      display: none;
    }
  }
  .headbox-sec1 .cont .gt .lange a {
    font-size: 16px;
    color: #999999;
  }
  @media (max-width: 1440px) {
    .headbox-sec1 .cont .gt .lange a {
      font-size: 14px;
    }
  }
  .headbox-sec1 .cont .gt .lange .en {
    color: #333333;
  }
  @media (max-width: 1199px) {
    .headbox-sec1 .cont .gt .lange .en {
      display: none;
    }
  }
  .headbox-sec1 .cont .gt .tel {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 26px;
    color: #098585;
    margin-left: 40px;
  }
  .headbox-sec1 .cont .gt .tel i {
    display: block;
    width: 36px;
    margin-right: 10px;
  }
  .headbox-sec1 .cont .gt .tel i img {
    width: 100%;
  }
  @media (max-width: 1440px) {
    .headbox-sec1 .cont .gt .tel {
      margin-left: 30px;
    }
    .headbox-sec1 .cont .gt .tel i {
      width: 30px;
      margin-left: 6px;
    }
  }
  @media (max-width: 1199px) {
    .headbox-sec1 .cont .gt .tel {
      display: none;
    }
  }
  .headbox-sec1 .cont .gt .but {
    display: none;
  }
  @media (max-width: 1199px) {
    .headbox-sec1 .cont .gt .but {
      display: block;
      margin-left: 0;
    }
  }
  @media (max-width: 767px) {
    .headbox-sec1 .cont .gt .but {
      margin-right: 0;
    }
  }
  .headbox-sec2 {
    position: absolute;
    top: 100%;
    left: 0;
    height: calc(100vh - 100px);
    background-color: #fff;
    width: 100%;
    display: none;
    padding-top: 40px;
    border-top: 1px solid #ddd;
  }
  @media (max-width: 1440px) {
    .headbox-sec2 {
      height: calc(100vh - 70px);
    }
  }
  @media (max-width: 767px) {
    .headbox-sec2 {
      padding-top: 0;
    }
  }
  .headbox-sec2 .basecont {
    width: 92%;
    max-width: 1760px;
  }
  @media (max-width: 767px) {
    .headbox-sec2 .basecont {
      width: 100%;
    }
  }
  .headbox-sec2 .navbox {
    line-height: 50px;
  }
  .headbox-sec2 .navbox .item {
    width: 100%;
      list-style: none;
    border-bottom: 1px solid #ddd;
  }
  .headbox-sec2 .navbox .item .tit {
    width: 100%;
    font-size: 16px;
    color: #666;
  }
  @media (max-width: 767px) {
    .headbox-sec2 .navbox .item .tit {
      font-size: 14px;
    }
  }
  /* End */
  /* 底部 */
  .footerbox {
    width: 100%;
    background-color: #202028;
    padding-bottom: 0;
  }
  .footerbox-sec1 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
  }
  @media (max-width: 991px) {
    .footerbox-sec1 {
      flex-wrap: wrap;
    }
  }
  .footerbox-sec1 .navbox {
    width: 64%;
    display: flex;
    justify-content: space-between;
  }
  @media (max-width: 991px) {
    .footerbox-sec1 .navbox {
      width: 100%;
    }
  }
  @media (max-width: 767px) {
    .footerbox-sec1 .navbox {
      flex-wrap: wrap;
      width: 100%;
    }
  }
  .footerbox-sec1 .navbox .item {
    margin-right: 100px;
  }
  @media (max-width: 1900px) {
    .footerbox-sec1 .navbox .item {
      margin-right: 60px;
    }
  }
  @media (max-width: 1366px) {
    .footerbox-sec1 .navbox .item {
      margin-right: 30px;
    }
  }
  @media (max-width: 767px) {
    .footerbox-sec1 .navbox .item {
      width: 100%;
      margin-bottom: 20px;
      margin-right: 0;
    }
  }
  .footerbox-sec1 .navbox .item .tit {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }
  @media (max-width: 1440px) {
    .footerbox-sec1 .navbox .item .tit {
      font-size: 16px;
    }
  }
  .footerbox-sec1 .navbox .item .tit i {
    display: none;
  }
  @media (max-width: 767px) {
    .footerbox-sec1 .navbox .item .tit i {
      display: block;
    }
  }
  @media (max-width: 767px) {
    .footerbox-sec1 .navbox .item .tit {
      width: 100%;
      display: flex;
      justify-content: space-between;
    }
    .footerbox-sec1 .navbox .item .tit i {
      display: block;
      width: 16px;
    }
    .footerbox-sec1 .navbox .item .tit i img {
      width: 100%;
    }
  }
  .footerbox-sec1 .navbox .item .cont {
    padding-top: 40px;
  }
  @media (max-width: 1440px) {
    .footerbox-sec1 .navbox .item .cont {
      padding-top: 30px;
    }
  }
  @media (max-width: 991px) {
    .footerbox-sec1 .navbox .item .cont {
      padding-top: 20px;
    }
  }
  @media (max-width: 767px) {
    .footerbox-sec1 .navbox .item .cont {
      display: none;
    }
  }
  .footerbox-sec1 .navbox .item .cont a {
    font-size: 14px;
    color: #fff;
    opacity: 0.4;
    display: block;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (max-width: 991px) {
    .footerbox-sec1 .navbox .item .cont a {
      margin-bottom: 16px;
    }
  }
  .footerbox-sec1 .navbox .item .cont a:hover {
    opacity: 1;
  }
  .footerbox-sec1 .gt {
    width: 34%;
    max-width: 365px;
  }
  @media (max-width: 991px) {
    .footerbox-sec1 .gt {
      width: 100%;
      margin-top: 30px;
    }
  }
  .footerbox-sec1 .gt .tit {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }
  @media (max-width: 1440px) {
    .footerbox-sec1 .gt .tit {
      font-size: 16px;
    }
  }
  .footerbox-sec1 .gt .tit i {
    display: none;
  }
  .footerbox-sec1 .gt .form {
    display: flex;
    align-items: center;
    padding-top: 40px;
    margin-bottom: 50px;
  }
  @media (max-width: 1440px) {
    .footerbox-sec1 .gt .form {
      padding-top: 30px;
      margin-bottom: 40px;
    }
  }
  @media (max-width: 991px) {
    .footerbox-sec1 .gt .form {
      margin-bottom: 30px;
      padding-top: 26px;
    }
  }
  @media (max-width: 767px) {
    .footerbox-sec1 .gt .form {
      margin-bottom: 20px;
    }
  }
  .footerbox-sec1 .gt .form input,
  .footerbox-sec1 .gt .form button {
    height: 50px;
    border: none;
    outline: none;
  }
  @media (max-width: 1199px) {
    .footerbox-sec1 .gt .form input,
    .footerbox-sec1 .gt .form button {
      height: 45px;
    }
  }
  .footerbox-sec1 .gt .form input {
    background-color: #fff;
    padding: 10px 20px;
    width: 78%;
    font-size: 16px;
    color: #666;
  }
  @media (max-width: 1440px) {
    .footerbox-sec1 .gt .form input {
      font-size: 14px;
    }
  }
  .footerbox-sec1 .gt .form button {
    width: 22%;
    background-color: #0eb8ca;
  }
  .footerbox-sec1 .gt .form button img {
    width: 22px;
  }
  @media (max-width: 1440px) {
    .footerbox-sec1 .gt .form button img {
      width: 18px;
    }
  }
  .footerbox-sec1 .gt .tel {
    font-size: 30px;
    margin-bottom: 22px;
    color: #0eb8ca;
    font-weight: bold;
  }
  @media (max-width: 1440px) {
    .footerbox-sec1 .gt .tel {
      font-size: 26px;
      margin-bottom: 18px;
    }
  }
  .footerbox-sec1 .gt .text {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
  }
  .footerbox-sec1 .gt .text p {
    opacity: 0.4;
    margin-bottom: 13px;
  }
  @media (max-width: 1440px) {
    .footerbox-sec1 .gt .text p {
      margin-bottom: 6px;
    }
  }
  .footerbox-sec2 {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    border-top: 1px solid #37373e;
  }
  @media (max-width: 1440px) {
    .footerbox-sec2 {
      padding: 30px 0;
    }
  }
  @media (max-width: 767px) {
    .footerbox-sec2 .lt {
      display: none;
    }
  }
  .footerbox-sec2 .lt a {
    color: #fff;
    opacity: 0.2;
    display: inline-block;
    margin-right: 36px;
    font-size: 14px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (max-width: 1440px) {
    .footerbox-sec2 .lt a {
      margin-right: 30px;
    }
  }
  @media (max-width: 991px) {
    .footerbox-sec2 .lt a {
      margin-right: 20px;
    }
  }
  .footerbox-sec2 .lt a:last-child {
    margin-right: 0;
  }
  .footerbox-sec2 .lt a:hover {
    opacity: 1;
  }
  @media (max-width: 767px) {
    .footerbox-sec2 .gt {
      width: 100%;
      text-align: center;
    }
  }
  .footerbox-sec2 .gt a,
  .footerbox-sec2 .gt p {
    color: #fff;
    opacity: 0.2;
    display: inline-block;
    font-size: 14px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .footerbox-sec2 .gt a:last-child,
  .footerbox-sec2 .gt p:last-child {
    margin-right: 0;
  }
  .footerbox-sec2 .gt a:hover {
    opacity: 1;
  }
  /* End */
  /* bannerbox */
  .bannerbox {
    width: 100%;
  }
  .bannerbox .img {
    display: block;
    width: 100%;
    height: auto;
  }
  .bannerbox .img img {
    width: 100%;
    display: block;
  }
  @media (max-width: 767px) {
    .bannerbox .img {
      height: auto;
    }
    .bannerbox .img img {
      height: 100%;
      object-fit: cover;
    }
  }
  .bannerbox .banner-pagin {
    bottom: 40px;
  }
  .bannerbox .banner-pagin span {
    width: 60px;
    height: 3px;
    opacity: 1;
    margin: 0 10px!important;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.5);
  }
  @media (max-width: 1366px) {
    .bannerbox .banner-pagin span {
      width: 80px;
    }
  }
  @media (max-width: 1199px) {
    .bannerbox .banner-pagin span {
      width: 60px;
    }
  }
  .bannerbox .banner-pagin span:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #FFFFFF;
  }
  .bannerbox .banner-pagin .swiper-pagination-bullet-active:after {
    -webkit-animation: width1 5s linear;
    animation: width1 5s linear;
  }
  @keyframes width1 {
    from {
      width: 0%;
    }
    to {
      width: 100%;
    }
  }
  @keyframes width1 {
    from {
      width: 0%;
    }
    to {
      width: 100%;
    }
  }
  .servicebanner {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
  }
  @media (max-width: 1440px) {
    .servicebanner {
      height: 400px;
    }
  }
  @media (max-width: 991px) {
    .servicebanner {
      height: 350px;
    }
  }
  .servicebanner .img {
    width: 100%;
    height: 100%;
  }
  .servicebanner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .servicebanner:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #000;
    opacity: 0.24;
  }
  .servicebanner .font {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
    text-align: center;
  }
  .servicebanner .font .tit {
    font-weight: bold;
    font-size: 50px;
  }
  @media (max-width: 1681px) {
    .servicebanner .font .tit {
      font-size: 40px;
    }
  }
  @media (max-width: 1199px) {
    .servicebanner .font .tit {
      font-size: 34px;
    }
  }
  @media (max-width: 767px) {
    .servicebanner .font .tit {
      font-size: 26px;
    }
  }
  .servicebanner .font .text {
    font-size: 24px;
  }
  @media (max-width: 1681px) {
    .servicebanner .font .text {
      font-size: 22px;
    }
  }
  @media (max-width: 767px) {
    .servicebanner .font .text {
      font-size: 20px;
    }
  }
  /* End */
  /* 首页 */
  .home-tit {
    text-align: center;
    margin-bottom: 50px;
  }
  @media (max-width: 1440px) {
    .home-tit {
      margin-bottom: 40px;
    }
  }
  @media (max-width: 991px) {
    .home-tit {
      margin-bottom: 30px;
    }
  }
  .home-tit .tit {
    font-weight: bold;
    line-height: 1.2;
    font-size: 48px;
  }
  @media (max-width: 1440px) {
    .home-tit .tit {
      font-size: 38px;
    }
  }
  @media (max-width: 991px) {
    .home-tit .tit {
      font-size: 36px;
    }
  }
  @media (max-width: 767px) {
    .home-tit .tit {
      line-height: 1.4;
      font-size: 24px;
    }
  }
  .home-but {
    width: 160px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background-color: #0eb8ca;
    font-size: 16px;
    color: #fff;
    border-radius: 45px;
  }
  @media (max-width: 1440px) {
    .home-but {
      width: 140px;
      height: 45px;
    }
  }
  @media (max-width: 991px) {
    .home-but {
      width: 120px;
      height: 40px;
      font-size: 14px;
    }
  }
  @media (max-width: 767px) {
    .home-but {
      font-size: 12px;
      width: 100px;
      height: 35px;
    }
  }
  .home-sec1 {
    background-color: #fff;
  }
  .home-sec1 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
   }
  }
  @media (max-width: 1199px) {
    .home-sec1 .cont {
      margin: 0 -5px;
    }
  }
  @media (max-width: 991px) {
    .home-sec1 .cont {
      margin: 0;
    }
  }
 @media (max-width: 565px) {
    .home-sec1 .cont {
      margin: 0;
    }
    .home-sec1 .cont li{
        list-style: none;
        width:100%;
        margin:0.5%;
        background-color: #c5e5f129;
    }
        .home-sec1 .cont li:nth-child(2) img{
        list-style: none;
        float:left;
        margin:0.5%;
    }
    .home-sec1 .cont li img{
        float:right;
        width:50%;
    }
    .home-sec1 .cont li .tit{
        margin-top:10%;
        padding-left:3%;
    }
  }
  @media (min-width: 566px) and (max-width: 767px){
    .home-sec1 .cont {
      margin: 0;
    }
    .home-sec1 .cont li{
        list-style: none;
        width:49%;
        margin:0.5%;
        background-color: #f5f5f5;
    }
    .home-sec1 .cont li:nth-child(3){
         width:99%;
         background-color: #f5f5f5;
    }
    .home-sec1 .cont li img{
        margin:0 auto;
        width:90%;
    }
    .home-sec1 .cont li:nth-child(3) img{
        float:right;
        width:50%;
    }
    .home-sec1 .cont li .tit{
        padding:5%;
    }
    .home-sec1 .cont li:nth-child(3) .tit{
        margin-top:6%;
        padding-left:3%;
    }
  }
  @media (min-width: 768px) and (max-width: 1920px) {
    .home-sec1 .cont li{
    list-style: none;
    width:33.3%;
    }
    .home-sec1 .cont li img{display:block;margin:0 auto;}
    .home-sec1 .cont li .tit{
    text-align: center;
    margin-top: 2%;
    }
    .home-sec1 .cont li h3{
    font-weight:bold;
    }
    .home-sec1 .cont li p{padding-top:2%;}
  }
  .home-sec1 .cont .lt,
  .home-sec1 .cont .gt {
    padding: 0 10px;
  }
  @media (max-width: 1199px) {
    .home-sec1 .cont .lt,
    .home-sec1 .cont .gt {
      padding: 0 5px;
    }
  }
  @media (max-width: 991px) {
    .home-sec1 .cont .lt,
    .home-sec1 .cont .gt {
      padding: 0;
    }
  }
  .home-sec1 .cont .lt {
    width: 24%;
  }
  @media (max-width: 991px) {
    .home-sec1 .cont .lt {
      order: 1;
      width: 100%;
      margin-top: 30px;
    }
    .home-sec1 .cont .lt .tit,
    .home-sec1 .cont .lt .nav {
      display: none;
    }
    .home-sec1 .cont .lt .home-but {
      margin: 0 auto;
    }
  }
  @media (min-width: 992px) {
    .home-sec1 .cont .lt .jut {
      width: 100%;
      height: 100%;
      background: url(../images/homefubag1.jpg) no-repeat center / cover;
      padding: 60px 30px;
      color: #fff;
    }
    .home-sec1 .cont .lt .jut .tit {
      font-size: 36px;
      font-weight: bold;
      line-height: 48px;
      margin-bottom: 100px;
    }
    .home-sec1 .cont .lt .jut .nav {
      width: 100%;
      margin-bottom: 55px;
    }
    .home-sec1 .cont .lt .jut .nav li {
      display: block;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      font-size: 16px;
      text-overflow: ellipsis;
      font-weight: bold;
      line-height: 1.4;
      padding-left: 26px;
      margin-bottom: 20px;
      position: relative;
    }
    .home-sec1 .cont .lt .jut .nav li:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #fff;
    }
    .home-sec1 .cont .lt .jut .nav li:last-child {
      margin-bottom: 0;
    }
  }
  @media (min-width: 992px) and (max-width: 1920px) {
    .home-sec1 .cont .lt .jut {
      padding: 40px 24px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .home-sec1 .cont .lt .jut {
      padding: 30px 20px;
    }
  }
  @media (min-width: 992px) and (max-width: 1440px) {
    .home-sec1 .cont .lt .jut .tit {
      font-size: 30px;
      line-height: 42px;
      margin-bottom: 35px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .home-sec1 .cont .lt .jut .tit {
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 30px;
    }
  }
  @media (min-width: 992px) and (max-width: 1440px) {
    .home-sec1 .cont .lt .jut .nav {
      margin-bottom: 30px;
    }
  }
  @media (min-width: 992px) and (max-width: 1440px) {
    .home-sec1 .cont .lt .jut .nav li {
      padding-left: 20px;
      font-size: 14px;
      margin-bottom: 14px;
    }
  }
  .home-sec1 .cont .gt {
    width: 76%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
      align-items: flex-start;
  }
  @media (max-width: 991px) {
    .home-sec1 .cont .gt {
      order: 0;
      width: 100%;
    }
  }
  .home-sec1 .cont .gt .item {
    width: 32%;
    width: calc(33.333% - 13.5px);
    display: block;
    background-color: #F5F5F5;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-bottom: 2px solid transparent;
    padding-bottom: 50px;
  }
  @media (max-width: 1440px) {
    .home-sec1 .cont .gt .item {
      padding-bottom: 30px;
    }
  }
  @media (max-width: 1199px) {
    .home-sec1 .cont .gt .item {
      width: calc(33.333% - 7.5px);
      margin-bottom: 10px;
    }
  }
  @media (min-width: 992px) {
    .home-sec1 .cont .gt .item:nth-last-child(1),
    .home-sec1 .cont .gt .item:nth-last-child(2),
    .home-sec1 .cont .gt .item:nth-last-child(3) {
      margin-bottom: 0;
    }
  }
  @media (max-width: 767px) {
    .home-sec1 .cont .gt .item {
      padding-bottom: 24px;
    }
  }
  @media (max-width: 565px) {
    .home-sec1 .cont .gt .item {
      width: calc(50% - 5px);
    }
  }
  .home-sec1 .cont .gt .item .img {
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 61.6%;
    margin-bottom: 15px;
    overflow: hidden;
  }
  @media (max-width: 565px) {
    .home-sec1 .cont .gt .item .img {
      margin-bottom: 10px;
      padding-bottom: 56%;
    }
  }
  .home-sec1 .cont .gt .item .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .home-sec1 .cont .gt .item .font {
    overflow: hidden;
    text-align: center;
    padding: 0 45px;
  }
  @media (max-width: 1440px) {
    .home-sec1 .cont .gt .item .font {
      padding: 0 26px;
    }
  }
  @media (max-width: 1199px) {
    .home-sec1 .cont .gt .item .font {
      padding: 0 20px;
    }
  }
  @media (max-width: 767px) {
    .home-sec1 .cont .gt .item .font {
      padding: 0 15px;
    }
  }
  .home-sec1 .cont .gt .item .font .jut {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (min-width: 1200px) {
    .home-sec1 .cont .gt .item .font .jut {
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
    }
  }
  .home-sec1 .cont .gt .item .font .tit {
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (max-width: 1440px) {
    .home-sec1 .cont .gt .item .font .tit {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 14px;
    }
  }
  @media (max-width: 565px) {
    .home-sec1 .cont .gt .item .font .tit {
      margin-bottom: 6px;
      font-size: 14px;
      line-height: 24px;
    }
  }
  .home-sec1 .cont .gt .item .font .text {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 50px;
    margin-bottom: 20px;
  }
  @media (max-width: 1440px) {
    .home-sec1 .cont .gt .item .font .text {
      font-size: 12px;
      line-height: 22px;
      height: 46px;
      margin-bottom: 10px;
    }
  }
  @media (max-width: 565px) {
    .home-sec1 .cont .gt .item .font .text {
      height: 38px;
      line-height: 18px;
    }
  }
  .home-sec1 .cont .gt .item .font .but {
    color: #098585;
    font-size: 14px;
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center;
    float: left;
    width: 100%;
  }
  .home-sec1 .cont .gt .item .font .but i {
    display: block;
    width: 17px;
    margin-left: 10px;
    overflow: hidden;
  }
  .home-sec1 .cont .gt .item .font .but i img {
    width: 100%;
    float: left;
  }
  @media (max-width: 1440px) {
    .home-sec1 .cont .gt .item .font .but {
      font-size: 12px;
    }
    .home-sec1 .cont .gt .item .font .but i {
      width: 12px;
      margin-left: 6px;
    }
  }
  @media (min-width: 1200px) {
    .home-sec1 .cont .gt .item:hover {
      box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
      border-color: #098585;
    }
    .home-sec1 .cont .gt .item:hover .font .tit {
      color: #098585;
    }
    .home-sec1 .cont .gt .item:hover .font .jut {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    .home-sec1 .cont .gt .item:hover .img img {
      -webkit-transform: scale(1.04);
      transform: scale(1.04);
    }
  }
  .home-sec2{
      padding-top: 0;
  }
  .home-sec2 .hm2-pagin {
    bottom: 80px;
  }
  @media (max-width: 1440px) {
    .home-sec2 .hm2-pagin {
      bottom: 60px;
    }
  }
  .home-sec2 .hm2-pagin span {
    border-radius: 0;
    width: 60px;
    height: 3px;
    background-color: #666;
    margin: 0 10px!important;
  }
  .home-sec2 .hm2-pagin .swiper-pagination-bullet-active {
    background-color: #0eb8ca;
  }
  .home-sec2 .cont {
    width: 100%;
    height: 620px;
    background-color: #eeeeee;
    position: relative;
    margin-bottom: 50px;
  }
  @media (max-width: 1440px) {
    .home-sec2 .cont {
      height: 500px;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 991px) {
    .home-sec2 .cont {
      height: 400px;
    }
  }
  @media (max-width: 767px) {
    .home-sec2 .cont {
      height: 340px;
      margin-bottom: 26px;
    }
      .home-se1 .hm1-prev,.home-se1 .hm1-next{
          display: none;
      }
  }
  @media (max-width: 565px) {
    .home-sec2 .cont {
      height: 240px;
    }
  }
  .home-sec2 .cont .font {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #0eb8ca;
    font-weight: bold;
  }
  @media (max-width: 1440px) {
    .home-sec2 .cont .font {
      font-size: 50px;
    }
  }
  @media (max-width: 1440px) {
    .home-sec2 .cont .font {
      font-size: 30px;
    }
  }
  @media (max-width: 767px) {
    .home-sec2 .cont .font {
      font-size: 24px;
    }
  }
  .home-sec2 .cont .img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
      background-color: #fff;
  }
  .home-sec2 .cont .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .home-sec2 .tit {
    text-align: center;
    font-size: 30px;
    color: #222222;
    font-weight: bold;
    margin-bottom: 35px;
  }
  @media (max-width: 1440px) {
    .home-sec2 .tit {
      font-size: 26px;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 767px) {
    .home-sec2 .tit {
      font-size: 24px;
      margin-bottom: 26px;
    }
  /* 	.home-sec2 .cont .img{
          background-color: #fff;
      } */
      .home-sec2 .cont .img img{
          height: 100%;
          object-fit: contain;
      }
  }
  .home-sec2 .home-but {
    margin: 0 auto;
  }
  .home-sec3 {
    background-color: #f5f5f5;
  }
  .home-sec3 .cont {
    margin: 0 -10px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
  }
  @media (max-width: 1440px) {
    .home-sec3 .cont {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 1199px) {
    .home-sec3 .cont {
      margin: 0 -5px;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 767px) {
    .home-sec3 .cont {
      margin-bottom: 26px;
    }
  }
  .home-sec3 .cont .item {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  @media (max-width: 1199px) {
    .home-sec3 .cont .item {
      padding: 0 5px;
      margin-bottom: 10px;
    }
  }
  @media (max-width: 767px) {
    .home-sec3 .cont .item {
      width: 50%;
    }
  }
  .home-sec3 .cont .item .list {
    position: relative;
    display: block;
  }
  .home-sec3 .cont .item .list .img {
    width: 100%;
    position: relative;
    padding-bottom: 74.5%;
  }
  @media (max-width: 565px) {
    .home-sec3 .cont .item .list .img {
      padding-bottom: 89%;
    }
  }
  .home-sec3 .cont .item .list .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: revert-layer;
  }
  .home-sec3 .cont .item .list:after,
  .home-sec3 .cont .item .list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .home-sec3 .cont .item .list:before {
    z-index: 2;
      display: none;
    background: url(../images/jianbian.png) no-repeat center / cover;
  }
  .home-sec3 .cont .item .list:after {
    z-index: 3;
    opacity: 0;
    background: url(../images/jianbian2.png) no-repeat center / cover;
  }
  .home-sec3 .cont .item .list .jut {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    padding: 40px 30px;
    color: #fff;
  }
  @media (max-width: 1440px) {
    .home-sec3 .cont .item .list .jut {
      padding: 30px 26px;
    }
  }
  @media (max-width: 1199px) {
    .home-sec3 .cont .item .list .jut {
      padding: 30px 20px;
    }
  }
  @media (min-width:1199px) and (max-width:1920px){
    .home-sec3 .cont .item .list .img {
      height:350px;
    }
  }
  @media (max-width: 767px) {
    .home-sec3 .cont .item .list .jut {
      padding: 20px;
    }
  }
  @media (max-width: 565px) {
    .home-sec3 .cont .item .list .jut {
      padding: 12px 20px;
    }
  }
  .home-sec3 .cont .item .list .jut .hover {
    width: 100%;
    /*overflow: hidden;*/
  }
  .home-sec3 .cont .item .list .jut .hover .font {
    width: 100%;
    margin-bottom: 26px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: translateY(78%);
    transform: translateY(78%);
  }
  @media (max-width: 1440px) {
    .home-sec3 .cont .item .list .jut .hover .font {
      -webkit-transform: translateY(82%);
      transform: translateY(82%);
    }
  }
  .home-sec3 .cont .item .list .jut .hover .font .tit {
    font-size: 20px;
    font-weight: bold;
    text-overflow: ellipsis;
    line-height: 30px;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
  }
  @media (max-width: 1440px) {
    .home-sec3 .cont .item .list .jut .hover .font .tit {
      font-size: 18px;
      margin-bottom: 10px;
      line-height: 28px;
    }
  }
  @media (max-width: 767px) {
    .home-sec3 .cont .item .list .jut .hover .font .tit {
      font-size: 14px;
      line-height: 24px;
    }
  }
  .home-sec3 .cont .item .list .jut .hover .font .text {
    font-size: 14px;
    line-height: 20px;
    opacity: 0.7;
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /*overflow: hidden;*/
    height: 78px;
  }
  @media (max-width: 1440px) {
    .home-sec3 .cont .item .list .jut .hover .font .text {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 1199px) {
    .home-sec3 .cont .item .list .jut .hover .font .text {
      margin-bottom: 26px;
    }
  }
  @media (max-width: 767px) {
    .home-sec3 .cont .item .list .jut .hover .font .text {
      font-size: 12px;
      line-height: 22px;
      height: 46px;
      margin-bottom: 20px;
    }
  }
  .home-sec3 .cont .item .list .jut .hover .font .but {
    font-size: 14px;
    display: flex;
    align-items: center;
  }
  @media (max-width: 767px) {
    .home-sec3 .cont .item .list .jut .hover .font .but {
      font-size: 12px;
    }
  }
  .home-sec3 .cont .item .list .jut .hover .font .but i {
    display: block;
    width: 18px;
    overflow: hidden;
    margin-left: 10px;
  }
  @media (max-width: 1440px) {
    .home-sec3 .cont .item .list .jut .hover .font .but i {
      width: 14px;
      margin-left: 8px;
    }
  }
  @media (max-width: 565px) {
    .home-sec3 .cont .item .list .jut .hover .font .but i {
      width: 12px;
      margin-left: 6px;
    }
  }
  .home-sec3 .cont .item .list .jut .hover .font .but i img {
    width: 100%;
    float: left;
  }
  @media (min-width: 1200px) {
    .home-sec3 .cont .item .list:hover:after {
      opacity: 1;
    }
    .home-sec3 .cont .item .list:hover .jut .hover .font {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .home-sec3 .home-but {
    margin: 0 auto;
  }
  .home-sec4 .basecont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .home-sec4 .basecont .lt {
    width: 44%;
  }
  @media (max-width: 1440px) {
    .home-sec4 .basecont .lt {
      width: 46%;
    }
  }
  @media (max-width: 767px) {
    .home-sec4 .basecont .lt {
      width: 100%;
      order: 1;
      margin-top: 36px;
    }
  }
  .home-sec4 .basecont .lt .tit {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 46px;
  }
  @media (max-width: 1440px) {
    .home-sec4 .basecont .lt .tit {
      font-size: 40px;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 1199px) {
    .home-sec4 .basecont .lt .tit {
      font-size: 34px;
    }
  }
  @media (max-width: 991px) {
    .home-sec4 .basecont .lt .tit {
      margin-bottom: 26px;
      font-size: 30px;
    }
  }
  @media (max-width: 767px) {
    .home-sec4 .basecont .lt .tit {
      font-size: 24px;
      margin-bottom: 20px;
    }
  }
  .home-sec4 .basecont .lt .font {
    width: 100%;
    padding-left: 80px;
  }
  @media (max-width: 1440px) {
    .home-sec4 .basecont .lt .font {
      padding-left: 60px;
    }
  }
  @media (max-width: 991px) {
    .home-sec4 .basecont .lt .font {
      padding-left: 0;
    }
  }
  .home-sec4 .basecont .lt .font .f_tit {
    font-size: 36px;
    color: #098585;
    font-weight: bold;
    position: relative;
    line-height: 48px;
    margin-bottom: 50px;
  }
  @media (max-width: 1440px) {
    .home-sec4 .basecont .lt .font .f_tit {
      font-size: 30px;
      line-height: 42px;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 991px) {
    .home-sec4 .basecont .lt .font .f_tit {
      font-size: 26px;
      line-height: 38px;
      margin-bottom: 26px;
    }
  }
  @media (max-width: 767px) {
    .home-sec4 .basecont .lt .font .f_tit {
      font-size: 20px;
      line-height: 32px;
    }
  }
  .home-sec4 .basecont .lt .font .f_tit:after {
    position: absolute;
    top: 26px;
    left: -80px;
    content: "";
    display: block;
    width: 30px;
    height: 3px;
    background-color: #098585;
  }
  @media (max-width: 1440px) {
    .home-sec4 .basecont .lt .font .f_tit:after {
      left: -60px;
    }
  }
  @media (max-width: 991px) {
    .home-sec4 .basecont .lt .font .f_tit:after {
      left: -30px;
      width: 20px;
      height: 2px;
      display: none;
    }
  }
  .home-sec4 .basecont .lt .font .text {
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    margin-bottom: 70px;
  }
  @media (max-width: 1440px) {
    .home-sec4 .basecont .lt .font .text {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 767px) {
    .home-sec4 .basecont .lt .font .text {
      margin-bottom: 26px;
      font-size: 14px;
      line-height: 24px;
    }
  }
  .home-sec4 .basecont .img {
    width: 45%;
    position: relative;
    padding-bottom: 57.1%;
  }
  @media (max-width: 1440px) {
    .home-sec4 .basecont .img {
      width: 47%;
    }
  }
  @media (max-width: 767px) {
    .home-sec4 .basecont .img {
      width: 100%;
      order: 0;
          padding-bottom: 118.1%;
    }
  }
  .home-sec4 .basecont .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .home-sec4 .basecont .img:before {
    content: "";
    display: block;
    width: 100%;
    height: 52%;
    position: absolute;
    bottom: -30px;
    right: -30px;
    background-color: #0eb8ca;
  }
  @media (max-width: 1440px) {
    .home-sec4 .basecont .img:before {
      right: -24px;
      bottom: -24px;
    }
  }
  @media (max-width: 767px) {
    .home-sec4 .basecont .img:before {
      display: none;
    }
  }
  .home-sec5 {
    background-color: #F5F5F5;
  }
  .home-sec5 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  @media (max-width: 1199px) {
    .home-sec5 .cont {
      margin: 0 -5px;
    }
  }
  @media (max-width: 991px) {
    .home-sec5 .cont {
      margin: 0;
    }
  }
  .product-sec1 .cont{
      align-items: flex-start;
  }
  .home-sec5 .cont .lt,
  .home-sec5 .cont .gt {
    padding: 0 10px;
  }
  .f_pad1{
      position: relative;
      top: -100px;
  }
  @media (max-width: 1199px) {
      .f_pad1{
          top: -70px;
      }
    .home-sec5 .cont .lt,
    .home-sec5 .cont .gt {
      padding: 0 5px;
    }
  }
  @media (max-width: 991px) {
    .home-sec5 .cont .lt,
    .home-sec5 .cont .gt {
      padding: 0;
    }
  }
  .home-sec5 .cont .lt {
    width: 20%;
  }
  
  @media (max-width: 991px) {
    .home-sec5 .cont .lt {
      width: 100%;
      margin-bottom: 30px;
    }
  }
  .home-sec5 .cont .lt .jut {
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
  .home-sec5 .cont .lt .jut .tit {
    position: relative;
    background-color: #0eb8ca;
    padding: 54px 20px 34px;
  }
  .home-sec5 .cont .lt .jut .tit .font {
    position: relative;
  }
  .home-sec5 .cont .lt .jut .tit .font .f_t {
    position: relative;
    z-index: 2;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
  }
  @media (max-width: 1440px) {
    .home-sec5 .cont .lt .jut .tit .font .f_t {
      font-size: 26px;
          
    }
      .home-sec5 .cont .lt .jut .tit{
          padding: 40px 20px 30px;
      }
  }
  @media (max-width: 991px) {
    .home-sec5 .cont .lt .jut .tit .font .f_t {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
      .home-sec5 .cont .lt .jut .tit{
          padding: 22px 20px;
      }
  }
  .home-sec5 .cont .lt .jut .tit .font span {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    opacity: 0.1;
    position: absolute;
    bottom: 60%;
    left: 0;
    line-height: 1;
  }
  @media (max-width: 1440px) {
    .home-sec5 .cont .lt .jut .tit .font span {
      font-size: 26px;
    }
  }
  @media (max-width: 1199px) {
    .home-sec5 .cont .lt .jut .tit .font span {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .home-sec5 .cont .lt .jut .tit .font span {
      font-size: 22px;
    }
  }
  .home-sec5 .cont .lt .jut .nav,.service-sec1 .basecont .cont .lt .f_jut .nav {
    width: 100%;
    display: block;
    padding: 20px 0 60px;
  }
  @media (max-width: 991px) {
    .service-sec1 .basecont .cont .lt .f_jut .nav {
      display: flex!important;
      overflow: auto;
          padding: 20px 0;
    }
    .home-sec5 .cont .lt .jut .nav{
        display: flex;
    }
    .headbox-sec2 .basecont .navbox .item ul{
        list-style: none;
    }
  }
  .home-sec5 .cont .lt .jut .nav li {
    display: block;
    width: 100%;
  }
  @media (min-width: 992px) {
    .home-sec5 .cont .lt .jut .nav li {
      margin-bottom: 20px;
    }
    .home-sec5 .cont .lt .jut .nav li:last-child {
      margin-bottom: 0;
    }
  }
  .home-sec5 .cont .lt .jut .nav li a {
    line-height: 60px;
    position: relative;
    display: block;
    padding: 0 35px;
  }
  @media (max-width: 1440px) {
    .home-sec5 .cont .lt .jut .nav li a {
      padding: 0 26px;
      line-height: 40px;
    }
  }
  @media (max-width: 991px) {
    .home-sec5 .cont .lt .jut .nav li a {
      padding: 0 20px;
      line-height: 30px;
    }
  }
  @media (max-width: 767px) {
    .home-sec5 .cont .lt .jut .nav li a {
      padding: 5px 26px;
    }
  }
  .home-sec5 .cont .lt .jut .nav li a span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 1440px) {
    .home-sec5 .cont .lt .jut .nav li a span {
      font-size: 14px;
    }
  }
  .home-sec5 .cont .lt .jut .nav li a:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-color: #0eb8ca;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-sec5 .cont .lt .jut .nav .on a:after {
    width: 100%;
    border-left: 2px solid transparent;
    border-color: #098585;
  }
  .home-sec5 .cont .lt .jut .nav .on a span {
    color: #fff;
  }
  .home-sec5 .cont .lt .jut .but {
    display: block;
    padding: 0 35px;
    line-height: 60px;
    color: #0eb8ca;
    font-size: 16px;
  }
  @media (max-width: 1440px) {
    .home-sec5 .cont .lt .jut .but {
      font-size: 14px;
      padding: 0 26px;
      line-height: 40px;
    }
  }
  @media (max-width: 991px) {
    .home-sec5 .cont .lt .jut .but {
      padding: 0 20px;
      line-height: 30px;
    }
  }
  @media (max-width: 991px) {
    .home-sec5 .cont .lt .jut .but {
      display: none;
    }
  }
  .home-sec5 .cont .gt {
    width: 80%;
  }
  @media (max-width: 991px) {
    .home-sec5 .cont .gt {
      width: 100%;
    }
  }
  .home-sec5 .cont .gt .jut {
    display: none;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  .home-sec5 .cont .gt .basepage{
      margin-top: 26px;
  }
  @media (max-width: 1199px) {
    .home-sec5 .cont .gt .jut {
      margin: 0 -5px;
    }
  }
  .home-sec5 .cont .gt .jut .item {
    padding: 0 10px;
    width: 25%;
    margin-bottom: 20px;
  }
  @media (max-width: 1199px) {
    .home-sec5 .cont .gt .jut .item {
      padding: 0 5px;
      margin-bottom: 10px;
    }
  }
  @media (max-width: 991px) {
    .home-sec5 .cont .gt .jut .item {
      width: 33.333%;
    }
  }
  
  @media (max-width: 565px) {
    .home-sec5 .cont .gt .jut .item {
      width: 50%;
    }
  }
  @media (min-width: 992px) {
    .home-sec5 .cont .gt .jut .item:nth-last-child(1),
    .home-sec5 .cont .gt .jut .item:nth-last-child(2),
    .home-sec5 .cont .gt .jut .item:nth-last-child(3),
    .home-sec5 .cont .gt .jut .item:nth-last-child(4) {
      margin-bottom: 0;
    }
  }
  .home-sec5 .cont .gt .jut .item .list {
    display: block;
    background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .home-sec5 .cont .gt .jut .item .list .img {
    width: 100%;
    position: relative;
    padding-bottom: 97%;
    overflow: hidden;
  }
  .home-sec5 .cont .gt .jut .item .list .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .home-sec5 .cont .gt .jut .item .list .tit {
    text-align: center;
    padding: 25px 20px;
    background-color: #e8e8e8;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (max-width: 1440px) {
    .home-sec5 .cont .gt .jut .item .list .tit {
      padding: 20px;
    }
  }
  @media (max-width: 767px) {
    .home-sec5 .cont .gt .jut .item .list .tit {
      padding: 15px 20px;
    }
  }
  .home-sec5 .cont .gt .jut .item .list .tit span {
    display: block;
    width: 100%;
    line-height: 1.4;
    font-size: 16px;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (max-width: 1440px) {
    .home-sec5 .cont .gt .jut .item .list .tit span {
      font-size: 14px;
    }
  }
  @media (max-width: 767px) {
    .home-sec5 .cont .gt .jut .item .list .tit span {
      font-size: 12px;
    }
  }
  .home-sec5 .cont .gt .jut .item .list:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  }
  .home-sec5 .cont .gt .jut .item .list:hover .img img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  .home-sec5 .cont .gt .jut .item .list:hover .tit {
    background-color: #0eb8ca;
  }
  .home-sec5 .cont .gt .jut .item .list:hover .tit span {
    color: #fff;
  }
  .home-sec5 .cont .gt .on {
    display: flex;
  }
  .home-sec6 .home-tit {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .home-sec6 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  @media (max-width: 1199px) {
    .home-sec6 .cont {
      margin: 0 -10px;
    }
  }
  @media (max-width: 767px) {
    .home-sec6 .cont {
      margin: 0;
      width: 100%;
    }
  }
  .home-sec6 .cont .item {
    width: 50%;
    margin-bottom: 30px;
    padding: 0 15px;
  }
  @media (max-width: 1199px) {
    .home-sec6 .cont .item {
      padding: 0 10px;
      margin-bottom: 20px;
    }
  }
  @media (max-width: 767px) {
    .home-sec6 .cont .item {
      padding: 0;
      width: 100%;
      margin-bottom: 10px;
    }
      .home-sec6 .cont .item:nth-child(3),.home-sec6 .cont .item:nth-child(4){
          display: none;
      }
  }
  .home-sec6 .cont .item .list {
    width: 100%;
    border: 2px solid #dddddd;
    padding: 60px 30px;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (max-width: 1440px) {
    .home-sec6 .cont .item .list {
      padding: 40px 30px;
    }
  }
  @media (max-width: 991px) {
    .home-sec6 .cont .item .list {
      padding: 30px 20px;
    }
  }
  .home-sec6 .cont .item .list .font {
    width: 100%;
  }
  .home-sec6 .cont .item .list .font .time {
    font-size: 16px;
    color: #999999;
    line-height: 1;
    margin-bottom: 25px;
  }
  @media (max-width: 1440px) {
    .home-sec6 .cont .item .list .font .time {
      font-size: 14px;
      margin-bottom: 20px;
    }
  }
  .home-sec6 .cont .item .list .font .tit {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 24px;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 16px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (max-width: 1440px) {
    .home-sec6 .cont .item .list .font .tit {
      font-size: 22px;
      margin-bottom: 10px;
    }
  }
  .home-sec6 .cont .item .list .font .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    height: 62px;
    margin-bottom: 33px;
  }
  @media (max-width: 1440px) {
    .home-sec6 .cont .item .list .font .text {
      font-size: 14px;
      line-height: 28px;
      height: 58px;
      margin-bottom: 26px;
    }
  }
  @media (max-width: 991px) {
    .home-sec6 .cont .item .list .font .text {
      margin-bottom: 20px;
    }
  }
  .home-sec6 .cont .item .list .font .but {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333333;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .home-sec6 .cont .item .list .font .but i {
    display: block;
    width: 18px;
    overflow: hidden;
    margin-left: 10px;
  }
  @media (max-width: 1440px) {
    .home-sec6 .cont .item .list .font .but i {
      width: 14px;
      margin-left: 8px;
    }
  }
  .home-sec6 .cont .item .list .font .but i img {
    width: 100%;
    float: left;
  }
  .home-sec6 .cont .item .list .font .but i img:nth-child(2) {
    display: none;
  }
  .home-sec6 .cont .item .list:hover {
    border-bottom-color: #0eb8ca;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .home-sec6 .cont .item .list:hover .font .tit {
    color: #0eb8ca;
  }
  .home-sec6 .cont .item .list:hover .font .but {
    color: #0eb8ca;
  }
  .home-sec6 .cont .item .list:hover .font .but i img:nth-child(1) {
    display: none;
  }
  .home-sec6 .cont .item .list:hover .font .but i img:nth-child(2) {
    display: block;
  }
  /* End */
  /* 服务 */
  @media (max-width: 991px) {
    .service-sec1 .basecont .cont .lt {
      order: 0;
      margin-top: 0;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 1199px) {
      .service-sec1{
          padding-top: 30px;
      }
  }
  .service-sec1 .basecont .cont .lt .f_jut {
    width: 100%;
    height: 100%;
    background-color: #F5F5F5;
  }
  .service-sec1 .basecont .cont .lt .f_jut .tit {
    position: relative;
    background-color: #0eb8ca;
    padding: 54px 20px 34px;
  }
  .service-sec1 .basecont .cont .lt .f_jut .tit .font {
    position: relative;
  }
  .service-sec1 .basecont .cont .lt .f_jut .tit .font .f_t {
    position: relative;
    z-index: 2;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
  }
  @media (max-width: 1440px) {
    .service-sec1 .basecont .cont .lt .f_jut .tit .font .f_t {
      font-size: 26px;
    }
  }
  @media (max-width: 991px) {
    .service-sec1 .basecont .cont .lt .f_jut .tit .font .f_t {
      font-size: 24px;
    }
  }
  .service-sec1 .basecont .cont .lt .f_jut .tit .font span {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    opacity: 0.1;
    position: absolute;
    bottom: 60%;
    left: 0;
    line-height: 1;
  }
  @media (max-width: 1440px) {
    .service-sec1 .basecont .cont .lt .f_jut .tit .font span {
      font-size: 26px;
    }
  }
  @media (max-width: 1199px) {
    .service-sec1 .basecont .cont .lt .f_jut .tit .font span {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .service-sec1 .basecont .cont .lt .f_jut .tit .font span {
      font-size: 22px;
    }
  }
  .service-sec1 .basecont .cont .lt .f_jut .nav {
    width: 100%;
    display: block;
    margin-top: 20px;
  }
  @media (max-width: 767px) {
    .service-sec1 .basecont .cont .lt .f_jut .nav {
      display: flex;
      overflow: auto;
    }
  }
  .service-sec1 .basecont .cont .lt .f_jut .nav li {
    display: block;
    width: 100%;
  }
  @media (min-width: 992px) {
    .service-sec1 .basecont .cont .lt .f_jut .nav li {
      margin-bottom: 20px;
    }
  }
  .service-sec1 .basecont .cont .lt .f_jut .nav li:last-child {
    margin-bottom: 0;
  }
  .service-sec1 .basecont .cont .lt .f_jut .nav li a {
    line-height: 60px;
    position: relative;
    display: block;
    padding: 0 35px;
  }
  @media (max-width: 1440px) {
    .service-sec1 .basecont .cont .lt .f_jut .nav li a {
      padding: 0 26px;
      line-height: 40px;
    }
  }
  @media (max-width: 991px) {
    .service-sec1 .basecont .cont .lt .f_jut .nav li a {
      padding: 0 20px;
      line-height: 30px;
    }
  }
  @media (max-width: 767px) {
    .service-sec1 .basecont .cont .lt .f_jut .nav li a {
      padding: 5px 26px;
    }
  }
  .service-sec1 .basecont .cont .lt .f_jut .nav li a span {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    position: relative;
    z-index: 2;
  }
  @media (max-width: 1440px) {
    .service-sec1 .basecont .cont .lt .f_jut .nav li a span {
      font-size: 14px;
    }
  }
  .service-sec1 .basecont .cont .lt .f_jut .nav li a:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-color: #0eb8ca;
    position: absolute;
    top: 0;
    left: 0;
  }
  .service-sec1 .basecont .cont .lt .f_jut .nav .on a:after {
    width: 100%;
    border-left: 2px solid transparent;
    border-color: #098585;
  }
  .service-sec1 .basecont .cont .lt .f_jut .nav .on a span {
    color: #fff;
  }
  .service-sec1 .basecont .cont .lt .f_jut .but {
    display: block;
    padding: 0 35px;
    line-height: 60px;
    color: #0eb8ca;
    font-size: 16px;
  }
  @media (max-width: 1440px) {
    .service-sec1 .basecont .cont .lt .f_jut .but {
      font-size: 14px;
      padding: 0 26px;
      line-height: 40px;
    }
  }
  @media (max-width: 991px) {
    .service-sec1 .basecont .cont .lt .f_jut .but {
      padding: 0 20px;
      line-height: 30px;
    }
  }
  @media (max-width: 767px) {
    .service-sec1 .basecont .cont .lt .f_jut .but {
      display: none;
    }
  }
  @media (max-width: 991px) {
    .service-sec1 .basecont .cont .gt {
      order: 1;
    }
  }
  /* End */
  /* 产品 */
  .product {
    background-color: #F5F5F5;
  }
  .product-sec1 .basecont .cont .gt .f_tit {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    margin-bottom: 30px;
  }
  @media (max-width: 1440px) {
    .product-sec1 .basecont .cont .gt .f_tit {
      margin-bottom: 26px;
    }
  }
  .product-sec1 .basecont .cont .gt .f_tit .tit {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
  }
  @media (max-width: 1440px) {
    .product-sec1 .basecont .cont .gt .f_tit .tit {
      font-size: 26px;
    }
  }
  @media (max-width: 767px) {
    .product-sec1 .basecont .cont .gt .f_tit .tit {
      font-size: 20px;
      width: 100%;
      margin-bottom: 20px;
    }
  }
  .product-sec1 .basecont .cont .gt .f_tit .form {
    width: 100%;
    max-width: 365px;
    display: flex;
    align-items: center;
  }
  @media (max-width: 1440px) {
    .product-sec1 .basecont .cont .gt .f_tit .form {
      max-width: 320px;
    }
  }
  @media (max-width: 767px) {
  }
  .product-sec1 .basecont .cont .gt .f_tit .form input,
  .product-sec1 .basecont .cont .gt .f_tit .form button {
    outline: none;
    border: none;
    height: 45px;
    padding: 14px 20px;
    font-size: 16px;
    color: #bfbfbf;
  }
  @media (max-width: 1440px) {
    .product-sec1 .basecont .cont .gt .f_tit .form input,
    .product-sec1 .basecont .cont .gt .f_tit .form button {
      font-size: 14px;
      height: 40px;
      padding: 10px 20px;
    }
  }
  .product-sec1 .basecont .cont .gt .f_tit .form input {
    width: 78%;
  }
  .product-sec1 .basecont .cont .gt .f_tit .form button {
    width: 22%;
    padding: 0;
    background-color: #0eb8ca;
  }
  .product-sec1 .basecont .cont .gt .f_tit .form button img {
    width: 22px;
  }
  @media (max-width: 1440px) {
    .product-sec1 .basecont .cont .gt .f_tit .form button img {
      width: 18px;
    }
  }
  @media (max-width: 565px) {
    .product-sec1 .basecont .cont .gt .f_tit .form button img {
      width: 12px;
    }
  }
  /* End */
  /* 联系我们 */
  .contact-sec1 .cont {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background-color: #f5f5f5;
  }
  .contact-sec1 .cont .lt,
  .contact-sec1 .cont .gt {
    width: 50%;
  }
  @media (max-width: 991px) {
    .contact-sec1 .cont .lt,
    .contact-sec1 .cont .gt {
      width: 100%;
    }
  }
  .contact-sec1 .cont .lt {
    position: relative;
  }
  .contact-sec1 .cont .lt #map {
    width: 100%;
    height: 524px;
  }
  @media (max-width: 1440px) {
    .contact-sec1 .cont .lt #map {
      height: 430px;
    }
  }
  @media (max-width: 1199px) {
    .contact-sec1 .cont .lt #map {
      height: 360px;
    }
  }
  @media (max-width: 767px) {
    .contact-sec1 .cont .lt #map {
      height: 300px;
    }
  }
  @media (max-width: 565px) {
    .contact-sec1 .cont .lt #map {
      height: 220px;
    }
  }
  .contact-sec1 .cont .lt .home-but {
    position: absolute;
    z-index: 18;
    bottom: 22px;
    left: 36px;
  }
  @media (max-width: 1440px) {
    .contact-sec1 .cont .lt .home-but {
      left: 26px;
    }
  }
  @media (max-width: 991px) {
    .contact-sec1 .cont .lt .home-but {
      left: 20px;
    }
  }
  .contact-sec1 .cont .gt {
    display: flex;
    align-items: center;
    padding: 30px 100px;
  }
  @media (max-width: 1440px) {
    .contact-sec1 .cont .gt {
      padding: 30px 80px;
    }
  }
  @media (max-width: 1366px) {
    .contact-sec1 .cont .gt {
      padding: 30px 60px;
    }
  }
  @media (max-width: 991px) {
    .contact-sec1 .cont .gt {
      padding: 30px 30px;
    }
  }
  @media (max-width: 767px) {
    .contact-sec1 .cont .gt {
      padding: 30px 20px;
    }
  }
  .contact-sec1 .cont .gt .tit {
    font-weight: bold;
    font-size: 28px;
    padding-bottom: 25px;
    line-height: 38px;
    position: relative;
    margin-bottom: 25px;
  }
  @media (max-width: 1440px) {
    .contact-sec1 .cont .gt .tit {
      font-size: 24px;
      line-height: 34px;
      padding-bottom: 16px;
      margin-bottom: 20px;
    }
  }
  .contact-sec1 .cont .gt .tit:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 88%;
    height: 1px;
    background-color: #e6e6e6;
  }
  .contact-sec1 .cont .gt .text p {
    font-size: 18px;
    line-height: 28px;
    color: #444444;
    margin-bottom: 16px;
  }
  @media (max-width: 1440px) {
    .contact-sec1 .cont .gt .text p {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 10px;
    }
  }
  .contact-sec1 .cont .gt .text p:last-child {
    margin-bottom: 0;
  }
  .contact-sec1 .cont .gt .text strong {
    font-weight: bold;
  }
  .contact-sec2 {
    background-color: #F5F5F5;
  }
  .contact-sec2 .cont {
    background-color: #fff;
    padding: 65px 50px 100px;
  }
  @media (max-width: 1440px) {
    .contact-sec2 .cont {
      padding: 40px 30px 60px;
    }
  }
  @media (max-width: 991px) {
    .contact-sec2 .cont {
      padding: 30px 20px 40px;
    }
  }
  .contact-sec2 .cont .f_tit {
    font-size: 30px;
    color: #787b7f;
    line-height: 40px;
    margin-bottom: 10px;
  }
  @media (max-width: 1440px) {
    .contact-sec2 .cont .f_tit {
      font-size: 24px;
      line-height: 34px;
      margin-bottom: 4px;
    }
  }
  @media (max-width: 991px) {
    .contact-sec2 .cont .f_tit {
      font-size: 20px;
      line-height: 30px;
    }
  }
  .contact-sec2 .cont .tit {
    font-size: 44px;
    color: #2c2f39;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 50px;
  }
  @media (max-width: 1440px) {
    .contact-sec2 .cont .tit {
      font-size: 36px;
      margin-bottom: 36px;
    }
  }
  @media (max-width: 1366px) {
    .contact-sec2 .cont .tit {
      font-size: 30px;
    }
  }
  @media (max-width: 991px) {
    .contact-sec2 .cont .tit {
      font-size: 26px;
      margin-bottom: 26px;
    }
  }
  @media (max-width: 767px) {
    .contact-sec2 .cont .tit {
      font-size: 24px;
      line-height: 1.4;
    }
  }
  .contact-sec2 .cont .form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .contact-sec2 .cont .form .item {
    width: calc(50% - 15px);
    margin-bottom: 30px;
  }
  @media (max-width: 1440px) {
    .contact-sec2 .cont .form .item {
      margin-bottom: 20px;
      width: calc(50% - 10px);
    }
  }
  @media (max-width: 767px) {
    .contact-sec2 .cont .form .item {
      width: 100%;
      margin-bottom: 10px;
    }
  }
  .contact-sec2 .cont .form .item .f_input {
    width: 100%;
    position: relative;
  }
  .contact-sec2 .cont .form .item .f_input .f_cont,
  .contact-sec2 .cont .form .item .f_input input,
  .contact-sec2 .cont .form .item .f_input textarea {
    width: 100%;
    padding: 21px 38px;
    height: 60px;
    font-size: 16px;
    color: #999999;
    line-height: 1;
  }
  @media (max-width: 1440px) {
    .contact-sec2 .cont .form .item .f_input .f_cont,
    .contact-sec2 .cont .form .item .f_input input,
    .contact-sec2 .cont .form .item .f_input textarea {
      padding: 18px 30px;
      font-size: 14px;
      height: 50px;
    }
  }
  @media (max-width: 767px) {
    .contact-sec2 .cont .form .item .f_input .f_cont,
    .contact-sec2 .cont .form .item .f_input input,
    .contact-sec2 .cont .form .item .f_input textarea {
      padding: 18px 20px;
    }
  }
  .contact-sec2 .cont .form .item .f_input .f_cont span,
  .contact-sec2 .cont .form .item .f_input input span,
  .contact-sec2 .cont .form .item .f_input textarea span {
    color: #e7001b;
  }
  .contact-sec2 .cont .form .item .f_input input,
  .contact-sec2 .cont .form .item .f_input textarea {
    border: 1px solid #cccccc;
    resize: none;
    position: relative;
    z-index: 2;
    background-color: transparent;
  }
  .contact-sec2 .cont .form .item .f_input .f_cont {
    position: absolute;
    top: 0;
    left: 0;
  }
  .contact-sec2 .cont .form .textear {
    width: 100%;
    margin-bottom: 12px;
  }
  @media (max-width: 1440px) {
    .contact-sec2 .cont .form .textear {
      margin-bottom: 8px;
    }
  }
  .contact-sec2 .cont .form .textear .f_input textarea {
    height: 240px;
  }
  @media (max-width: 1440px) {
    .contact-sec2 .cont .form .textear .f_input textarea {
      height: 200px;
    }
  }
  @media (max-width: 991px) {
    .contact-sec2 .cont .form .textear .f_input textarea {
      height: 160px;
    }
  }
  .contact-sec2 .cont .form .txt {
    width: 100%;
    font-size: 16px;
    color: #b2b2b2;
    line-height: 26px;
    margin-bottom: 80px;
  }
  @media (max-width: 1440px) {
    .contact-sec2 .cont .form .txt {
      font-size: 14px;
      line-height: 1.4;
      margin-bottom: 60px;
    }
  }
  @media (max-width: 1199px) {
    .contact-sec2 .cont .form .txt {
      margin-bottom: 40px;
    }
  }
  @media (max-width: 991px) {
    .contact-sec2 .cont .form .txt {
      margin-bottom: 26px;
    }
  }
  .contact-sec2 .cont .form .but {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .contact-sec2 .cont .form .but button {
    width: calc(50% - 15px);
    height: 60px;
    font-size: 16px;
    border-radius: 2px;
    background-color: #e5e7e9;
    border: none;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (max-width: 1440px) {
    .contact-sec2 .cont .form .but button {
      font-size: 14px;
      width: calc(50% - 10px);
      height: 50px;
    }
  }
  @media (max-width: 991px) {
    .contact-sec2 .cont .form .but button {
      width: calc(50% - 5px);
    }
  }
  @media (max-width: 767px) {
    .contact-sec2 .cont .form .but button {
      font-size: 12px;
    }
  }
  .contact-sec2 .cont .form .but button i {
    display: inline-block;
    width: 24px;
    margin-right: 10px;
    overflow: hidden;
  }
  @media (max-width: 1440px) {
    .contact-sec2 .cont .form .but button i {
      width: 14px;
      margin-right: 6px;
    }
  }
  @media (max-width: 767px) {
    .contact-sec2 .cont .form .but button i {
      width: 16px;
    }
  }
  .contact-sec2 .cont .form .but button i img {
    width: 100%;
    float: left;
  }
  .contact-sec2 .cont .form .but .cat_subt {
    background-color: #0eb8ca;
    color: #fff;
  }
  /* End */
  /* 关于我们 */
  .about-sec1 .basecont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .about-sec1 .basecont .lt {
    width: 52%;
    padding-right: 130px;
  }
  @media (max-width: 767px) {
    .about-sec1 .basecont .lt {
      width: 100%;
      order: 1;
      margin-top: 26px;
    }
  }
  @media (max-width: 1440px) {
    .about-sec1 .basecont .lt {
      padding-right: 100px;
    }
  }
  @media (max-width: 1366px) {
    .about-sec1 .basecont .lt {
      padding-right: 80px;
    }
  }
  @media (max-width: 991px) {
    .about-sec1 .basecont .lt {
      padding-right: 30px;
    }
  }
  @media (max-width: 767px) {
    .about-sec1 .basecont .lt {
      padding-right: 0;
    }
  }
  .about-sec1 .basecont .lt .tit {
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 50px;
  }
  @media (max-width: 1440px) {
    .about-sec1 .basecont .lt .tit {
      font-size: 38px;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 991px) {
    .about-sec1 .basecont .lt .tit {
      font-size: 26px;
      margin-bottom: 20px;
    }
  }
  @media (max-width: 767px) {
    .about-sec1 .basecont .lt .tit {
      font-size: 24px;
    }
  }
  .about-sec1 .basecont .lt .font {
    padding: 0 54px 0 16px;
    overflow: auto;
    height: 350px;
  }
  @media (max-width: 1440px) {
    .about-sec1 .basecont .lt .font {
      padding-right: 30px;
      height: 300px;
    }
  }
  @media (max-width: 991px) {
    .about-sec1 .basecont .lt .font {
      padding-right: 24px;
      height: 200px;
    }
  }
  .about-sec1 .basecont .lt .font::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 1px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }
  .about-sec1 .basecont .lt .font::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #e60012;
  }
  .about-sec1 .basecont .lt .font::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #e6e6e6;
  }
  .about-sec1 .basecont .lt .font .list {
    width: 100%;
    margin-bottom: 20px;
  }
  @media (max-width: 1440px) {
    .about-sec1 .basecont .lt .font .list {
      margin-bottom: 14px;
    }
  }
  .about-sec1 .basecont .lt .font .list:last-child {
    margin-bottom: 0;
  }
  .about-sec1 .basecont .lt .font .list .f_ti {
    position: relative;
    font-size: 18px;
    color: #333;
    line-height: 28px;
    margin-bottom: 6px;
  }
  @media (max-width: 1440px) {
    .about-sec1 .basecont .lt .font .list .f_ti {
      font-size: 16px;
      line-height: 24px;
    }
  }
  .about-sec1 .basecont .lt .font .list .f_ti:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #098585;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: -16px;
  }
  @media (max-width: 1440px) {
    .about-sec1 .basecont .lt .font .list .f_ti:after {
      top: 9px;
    }
  }
  .about-sec1 .basecont .lt .font .list .text {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
  }
  @media (max-width: 1440px) {
    .about-sec1 .basecont .lt .font .list .text {
      font-size: 14px;
      line-height: 30px;
    }
  }
  .about-sec1 .basecont .gt {
    width: 48%;
    padding-right: 30px;
    position: relative;
  }
  @media (max-width: 1440px) {
    .about-sec1 .basecont .gt {
      padding-right: 24px;
    }
  }
  @media (max-width: 767px) {
    .about-sec1 .basecont .gt {
      width: 100%;
      order: 0;
    }
  }
  .about-sec1 .basecont .gt .img {
    position: relative;
    padding-bottom: 103.8%;
  }
  .about-sec1 .basecont .gt .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  .about-sec1 .basecont .gt:before {
    content: "";
    display: block;
    width: 80%;
    height: 52%;
    position: absolute;
    bottom: -30px;
    right: 0;
    background-color: #0eb8ca;
  }
  @media (max-width: 1440px) {
    .about-sec1 .basecont .gt:before {
      right: 0;
      bottom: -24px;
    }
  }
  @media (max-width: 767px) {
    .about-sec1 .basecont .gt:before {
      display: none;
    }
  }
  .about-sec2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .about-sec2 .home-tit {
    color: #fff;
    margin-bottom: 40px;
  }
  @media (max-width: 1440px) {
    .about-sec2 .home-tit {
      margin-bottom: 30px;
    }
  }
  .about-sec2 .nav {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
  }
  @media (max-width: 1440px) {
    .about-sec2 .nav {
      margin-bottom: 30px;
    }
  }
  .about-sec2 .nav .item {
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 20px;
    width: 130px;
    height: 40px;
    border: 1px solid #fff;
    font-size: 18px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (max-width: 1440px) {
    .about-sec2 .nav .item {
      width: 100px;
      height: 35px;
      font-size: 16px;
      margin: 0 15px;
    }
  }
  @media (max-width: 565px) {
    .about-sec2 .nav .item {
      font-size: 14px;
    }
  }
  .about-sec2 .nav .on {
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.16);
  }
  .about-sec2 .cont {
    width: 100%;
  }
  .about-sec2 .cont .zhong {
    width: 100%;
    display: none;
  }
  .about-sec2 .cont .zhong .ab2-cont {
    width: 100%;
    margin: 0;
  }
  .about-sec2 .cont .zhong .ab2-cont .item {
    width: 100%;
    padding: 25px 28px;
    background-color: #fff;
    position: relative;
  }
  @media (max-width: 1440px) {
    .about-sec2 .cont .zhong .ab2-cont .item {
      padding: 20px 24px;
    }
  }
  @media (max-width: 991px) {
    .about-sec2 .cont .zhong .ab2-cont .item {
      padding: 20px 15px;
    }
  }
  .about-sec2 .cont .zhong .ab2-cont .item .img {
    width: 100%;
    position: relative;
    padding-bottom: 139.8%;
  }
  .about-sec2 .cont .zhong .ab2-cont .item .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
  }
  .about-sec2 .cont .zhong .ab2-cont .item .font {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #0eb8ca;
    width: 100%;
    height: 100%;
    padding: 20px 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    flex-direction: column;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    visibility: hidden;
    opacity: 0;
  }
  @media (max-width: 1440px) {
    .about-sec2 .cont .zhong .ab2-cont .item .font {
      padding: 20px 26px;
    }
  }
  @media (max-width: 1366px) {
    .about-sec2 .cont .zhong .ab2-cont .item .font {
      padding: 20px;
    }
  }
  .about-sec2 .cont .zhong .ab2-cont .item .font:after {
    content: "";
    display: block;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    position: absolute;
    top: 15px;
    left: 15px;
    border: 1px solid #fff;
  }
  .about-sec2 .cont .zhong .ab2-cont .item .font .tit {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  @media (max-width: 1440px) {
    .about-sec2 .cont .zhong .ab2-cont .item .font .tit {
      font-size: 18px;
      margin-bottom: 6px;
    }
  }
  .about-sec2 .cont .zhong .ab2-cont .item .font .text {
    font-size: 16px;
    line-height: 30px;
  }
  @media (max-width: 1440px) {
    .about-sec2 .cont .zhong .ab2-cont .item .font .text {
      font-size: 14px;
      line-height: 26px;
    }
  }
  @media (min-width: 1200px) {
    .about-sec2 .cont .zhong .ab2-cont .item:hover .font {
      opacity: 1;
      visibility: visible;
    }
  }
  .about-sec2 .cont .zhong .qie {
    margin-top: 56px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media (max-width: 1440px) {
    .about-sec2 .cont .zhong .qie {
      margin-top: 30px;
    }
  }
  @media (max-width: 1199px) {
    .about-sec2 .cont .zhong .qie {
      margin-top: 26px;
    }
  }
  .about-sec2 .cont .zhong .qie .ab2-prev,
  .about-sec2 .cont .zhong .qie .ab2-next {
    position: relative;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 18px;
    background-size: contain;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    outline: none;
  }
  .about-sec2 .cont .zhong .qie .ab2-pagi {
    position: relative;
    margin: 0;
    top: 0;
    bottom: 0;
    margin: 0 60px;
  }
  @media (max-width: 1440px) {
    .about-sec2 .cont .zhong .qie .ab2-pagi {
      margin: 0 40px;
    }
  }
  @media (max-width: 767px) {
    .about-sec2 .cont .zhong .qie .ab2-pagi {
      margin: 0 20px;
    }
  }
  .about-sec2 .cont .zhong .qie .ab2-pagi span {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    margin: 0 5px;
    background-color: transparent;
    outline: none;
  }
  .about-sec2 .cont .zhong .qie .ab2-pagi .swiper-pagination-bullet-active {
    background-color: #fff;
  }
  .about-sec2 .cont .on {
    display: block;
  }
  .about-sec3 {
    background-color: #F5F5F5;
  }
  .about-sec3 .abt3-cont {
    width: 100%;
  }
  .about-sec3 .abt3-cont .item {
    padding: 74px 40px 40px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  @media (max-width: 1440px) {
    .about-sec3 .abt3-cont .item {
      padding: 60px 30px 30px;
    }
  }
  @media (max-width: 991px) {
    .about-sec3 .abt3-cont .item {
      padding: 40px 20px 30px;
    }
  }
  .about-sec3 .abt3-cont .item .img {
    height: 62px;
    margin-bottom: 46px;
  }
  @media (max-width: 1440px) {
    .about-sec3 .abt3-cont .item .img {
      height: 44px;
      margin-bottom: 30px;
    }
  }
  .about-sec3 .abt3-cont .item .img img {
    height: 100%;
  }
  .about-sec3 .abt3-cont .item .tit {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 14px;
  }
  @media (max-width: 1440px) {
    .about-sec3 .abt3-cont .item .tit {
      font-size: 22px;
      margin-bottom: 10px;
    }
  }
  @media (max-width: 991px) {
    .about-sec3 .abt3-cont .item .tit {
      font-size: 20px;
    }
  }
  .about-sec3 .abt3-cont .item .xian {
    width: 80%;
    height: 1px;
    background-color: #f2f2f2;
    position: relative;
    margin-bottom: 25px;
  }
  @media (max-width: 1440px) {
    .about-sec3 .abt3-cont .item .xian {
      margin-bottom: 20px;
    }
  }
  .about-sec3 .abt3-cont .item .xian:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 3px;
    background-color: #333333;
  }
  .about-sec3 .abt3-cont .item .text {
    font-size: 18px;
    line-height: 28px;
    color: #777777;
  }
  @media (max-width: 1440px) {
    .about-sec3 .abt3-cont .item .text {
      font-size: 16px;
      line-height: 26px;
    }
  }
  @media (max-width: 991px) {
    .about-sec3 .abt3-cont .item .text {
      font-size: 14px;
      line-height: 22px;
    }
  }
  .about-sec4 .cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .about-sec4 .cont .lt,
  .about-sec4 .cont .gt {
    width: 50%;
  }
  @media (max-width: 767px) {
    .about-sec4 .cont .lt,
    .about-sec4 .cont .gt {
      width: 100%;
    }
  }
  .about-sec4 .cont .lt {
    padding-right: 200px;
  }
  @media (max-width: 1440px) {
    .about-sec4 .cont .lt {
      padding-right: 140px;
    }
  }
  @media (max-width: 1199px) {
    .about-sec4 .cont .lt {
      padding-right: 60px;
    }
  }
  @media (max-width: 991px) {
    .about-sec4 .cont .lt {
      padding-right: 30px;
    }
  }
  @media (max-width: 767px) {
    .about-sec4 .cont .lt {
      padding-right: 0;
      order: 1;
    }
  }
  .about-sec4 .cont .lt .font .text {
    font-weight: bold;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 60px;
  }
  @media (max-width: 1440px) {
    .about-sec4 .cont .lt .font .text {
      font-size: 22px;
      line-height: 32px;
      margin-bottom: 40px;
    }
  }
  @media (max-width: 991px) {
    .about-sec4 .cont .lt .font .text {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 767px) {
    .about-sec4 .cont .lt .font .text {
      font-size: 18px;
      line-height: 28px;
    }
  }
  .about-sec4 .cont .lt .font .text p {
    margin-bottom: 16px;
  }
  @media (max-width: 1440px) {
    .about-sec4 .cont .lt .font .text p {
      margin-bottom: 10px;
    }
  }
  .about-sec4 .cont .gt {
    position: relative;
    padding-bottom: 43%;
  }
  @media (max-width: 767px) {
    .about-sec4 .cont .gt {
      order: 0;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 565px) {
    .about-sec4 .cont .gt {
      padding-bottom: 60%;
    }
  }
  .about-sec4 .cont .gt img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  .about-sec5 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
  }
  .about-sec5 .nav {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
  }
  @media (max-width: 1440px) {
    .about-sec5 .nav {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 991px) {
    .about-sec5 .nav {
      margin-bottom: 20px;
    }
  }
  .about-sec5 .nav:after,
  .about-sec5 .nav:before {
    content: "";
    display: block;
    width: 50vw;
    height: 1px;
    background-color: #dee0df;
    position: absolute;
    top: 50%;
  }
  .about-sec5 .nav:after {
    left: 100%;
  }
  .about-sec5 .nav:before {
    right: 100%;
  }
  .about-sec5 .nav .abt5-nav {
    width: 100%;
  }
  .about-sec5 .nav .abt5-nav .swiper-slide {
    text-align: center;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .about-sec5 .nav .abt5-nav .swiper-slide .item {
    width: 100%;
    font-size: 30px;
    color: #333333;
    font-weight: bold;
  }
  @media (max-width: 1440px) {
    .about-sec5 .nav .abt5-nav .swiper-slide .item {
      font-size: 26px;
    }
  }
  @media (max-width: 991px) {
    .about-sec5 .nav .abt5-nav .swiper-slide .item {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .about-sec5 .nav .abt5-nav .swiper-slide .item {
      font-size: 20px;
    }
  }
  .about-sec5 .nav .abt5-nav .swiper-slide-prev {
    text-align: left;
    padding-left: 40px;
  }
  @media (max-width: 1440px) {
    .about-sec5 .nav .abt5-nav .swiper-slide-prev {
      padding-left: 30px;
    }
  }
  @media (max-width: 991px) {
    .about-sec5 .nav .abt5-nav .swiper-slide-prev {
      padding-left: 20px;
      text-align: center;
    }
  }
  .about-sec5 .nav .abt5-nav .swiper-slide-next {
    text-align: right;
    padding-right: 40px;
  }
  @media (max-width: 1440px) {
    .about-sec5 .nav .abt5-nav .swiper-slide-next {
      padding-right: 30px;
    }
  }
  @media (max-width: 991px) {
    .about-sec5 .nav .abt5-nav .swiper-slide-next {
      padding-right: 20px;
      text-align: center;
    }
  }
  .about-sec5 .nav .abt5-nav .swiper-slide-active .item {
    font-size: 90px;
    color: #0eb8ca;
  }
  @media (max-width: 1440px) {
    .about-sec5 .nav .abt5-nav .swiper-slide-active .item {
      font-size: 60px;
    }
  }
  @media (max-width: 991px) {
    .about-sec5 .nav .abt5-nav .swiper-slide-active .item {
      font-size: 40px;
    }
  }
  @media (max-width: 767px) {
    .about-sec5 .nav .abt5-nav .swiper-slide-active .item {
      font-size: 24px;
    }
  }
  .about-sec5 .nav .abt5-prev,
  .about-sec5 .nav .abt5-next {
    display: block;
    width: 55px;
    height: 55px;
    border: 2px solid #cdcdcd;
    border-radius: 50%;
    margin-top: 0;
    transform: translateY(-50%);
    top: 50%;
    outline: none;
  }
  @media (max-width: 1440px) {
    .about-sec5 .nav .abt5-prev,
    .about-sec5 .nav .abt5-next {
      width: 30px;
      height: 30px;
    }
  }
  @media (max-width: 991px) {
    .about-sec5 .nav .abt5-prev,
    .about-sec5 .nav .abt5-next {
      display: none;
    }
  }
  .about-sec5 .nav .abt5-prev::before,
  .about-sec5 .nav .abt5-next::before {
    content: "";
    width: 300%;
    height: 1px;
    background-color: #dee0df;
    position: absolute;
    top: 50%;
  }
  @media (max-width: 991px) {
    .about-sec5 .nav .abt5-prev::before,
    .about-sec5 .nav .abt5-next::before {
      display: none;
    }
  }
  .about-sec5 .nav .abt5-prev {
    left: 140px;
    background: url(../images/ab5lt1.png) center no-repeat;
    background-size: 10px 18px;
  }
  @media (max-width: 1440px) {
    .about-sec5 .nav .abt5-prev {
      background-size: 6px 12px;
    }
  }
  .about-sec5 .nav .abt5-prev::before {
    left: 140%;
    left: calc(100% + 40px);
  }
  @media (max-width: 1440px) {
    .about-sec5 .nav .abt5-prev::before {
      left: 140%;
      left: calc(100% + 26px);
    }
  }
  .about-sec5 .nav .abt5-next {
    right: 140px;
    background: url(../images/ab5gt.png) center no-repeat;
    background-size: 10px 18px;
  }
  @media (max-width: 1440px) {
    .about-sec5 .nav .abt5-next {
      background-size: 6px 12px;
    }
  }
  .about-sec5 .nav .abt5-next::before {
    right: 140%;
    right: calc(100% + 40px);
  }
  @media (max-width: 1440px) {
    .about-sec5 .nav .abt5-next::before {
      right: 140%;
      right: calc(100% + 26px);
    }
  }
  .about-sec5 .cont {
    width: 100%;
    text-align: center;
  }
  .about-sec5 .cont .make-text {
    display: none;
  }
  .about-sec5 .cont .make-text h4 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  @media (max-width: 1440px) {
    .about-sec5 .cont .make-text h4 {
      font-size: 22px;
    }
  }
  @media (max-width: 991px) {
    .about-sec5 .cont .make-text h4 {
      font-size: 20px;
    }
  }
  .about-sec5 .cont .make-text p {
    font-size: 16px!important;
    color: #999999;
    line-height: 36px;
  }
  @media (max-width: 1440px) {
    .about-sec5 .cont .make-text p {
      font-size: 14px!important;
      line-height: 30px;
    }
  }
  .about-sec5 .cont .make-text img {
    margin: 0 auto;
    margin-top: 10px;
    max-width: 100%;
  }
  .about-sec5 .cont .on {
    display: block;
  }
  .about-sec6 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .about-sec6 .tit {
    font-size: 46px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
  }
  @media (max-width: 1440px) {
    .about-sec6 .tit {
      font-size: 36px;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 991px) {
    .about-sec6 .tit {
      font-size: 34px;
    }
  }
  @media (max-width: 767px) {
    .about-sec6 .tit {
      text-align: center;
      font-size: 24px;
    }
  }
  .about-sec6 .cont {
    width: 100%;
    color: #fff;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .about-sec6 .cont .item {
    width: 25%;
    margin-right: 70px;
  }
  @media (max-width: 1440px) {
    .about-sec6 .cont .item {
      margin-right: 60px;
    }
  }
  @media (max-width: 991px) {
    .about-sec6 .cont .item {
      margin-right: 30px;
    }
  }
  @media (max-width: 767px) {
    .about-sec6 .cont .item {
      margin-right: 0;
    }
  }
  .about-sec6 .cont .item:nth-child(2) {
    width: 40%;
  }
  @media (max-width: 991px) {
    .about-sec6 .cont .item {
      width: 30%;
    }
    .about-sec6 .cont .item:nth-child(2) {
      width: 50%;
    }
  }
  @media (max-width: 767px) {
    .about-sec6 .cont .item {
      width: 100%;
      margin-bottom: 20px;
    }
    .about-sec6 .cont .item:nth-child(2) {
      width: 100%;
    }
    .about-sec6 .cont .item:last-child {
      margin-bottom: 0;
    }
  }
  .about-sec6 .cont .item .list {
    width: 100%;
    margin-bottom: 50px;
  }
  @media (max-width: 1440px) {
    .about-sec6 .cont .item .list {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 991px) {
    .about-sec6 .cont .item .list {
      margin-bottom: 26px;
    }
  }
  @media (max-width: 767px) {
    .about-sec6 .cont .item .list {
      margin-bottom: 20px;
    }
  }
  .about-sec6 .cont .item .list:last-child {
    margin-bottom: 0;
  }
  .about-sec6 .cont .item .list .f_tit {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  @media (max-width: 1440px) {
    .about-sec6 .cont .item .list .f_tit {
      font-size: 22px;
      margin-bottom: 6px;
    }
  }
  @media (max-width: 991px) {
    .about-sec6 .cont .item .list .f_tit {
      font-size: 20px;
    }
  }
  @media (max-width: 767px) {
    .about-sec6 .cont .item .list .f_tit {
      font-size: 18px;
    }
  }
  .about-sec6 .cont .item .list .text {
    width: 100%;
    opacity: 0.5;
    font-size: 16px;
    line-height: 36px;
  }
  @media (max-width: 1440px) {
    .about-sec6 .cont .item .list .text {
      font-size: 14px;
      line-height: 30px;
    }
  }
  .about-sec7 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  @media (max-width: 1440px) {
    .about-sec7 .cont {
      margin: 0 -10px;
    }
  }
  @media (max-width: 991px) {
    .about-sec7 .cont {
      margin: 0 -5px;
    }
  }
  @media (max-width: 565px) {
    .about-sec7 .cont {
      margin: 0;
    }
  }
  .about-sec7 .cont .item {
    width: 50%;
    padding: 0 15px;
  }
  @media (max-width: 1440px) {
    .about-sec7 .cont .item {
      padding: 0 10px;
    }
  }
  @media (max-width: 991px) {
    .about-sec7 .cont .item {
      padding: 0 5px;
    }
  }
  @media (max-width: 565px) {
    .about-sec7 .cont .item {
      padding: 0;
      width: 100%;
      margin-bottom: 20px;
    }
    .about-sec7 .cont .item:last-child {
      margin-bottom: 0;
    }
  }
  .about-sec7 .cont .item .list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    background-color: #f5f5f5;
    padding: 60px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (max-width: 1440px) {
    .about-sec7 .cont .item .list {
      padding: 45px;
    }
  }
  @media (max-width: 991px) {
    .about-sec7 .cont .item .list {
      padding: 30px;
    }
  }
  @media (max-width: 767px) {
    .about-sec7 .cont .item .list {
      padding: 30px 20px;
    }
  }
  .about-sec7 .cont .item .list .font {
    width: 274px;
  }
  @media (max-width: 991px) {
    .about-sec7 .cont .item .list .font {
      width: 180px;
    }
  }
  @media (max-width: 767px) {
    .about-sec7 .cont .item .list .font {
      width: 100%;
    }
  }
  .about-sec7 .cont .item .list .font .tit {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 8px;
  }
  @media (max-width: 1440px) {
    .about-sec7 .cont .item .list .font .tit {
      font-size: 26px;
    }
  }
  @media (max-width: 991px) {
    .about-sec7 .cont .item .list .font .tit {
      font-size: 24px;
    }
  }
  @media (max-width: 767px) {
    .about-sec7 .cont .item .list .font .tit {
      font-size: 20px;
    }
  }
  .about-sec7 .cont .item .list .font .text {
    font-size: 16px;
    color: #999999;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 58px;
    margin-bottom: 20px;
    width: 100%;
  }
  @media (max-width: 1440px) {
    .about-sec7 .cont .item .list .font .text {
      font-size: 14px;
      line-height: 24px;
      height: 50px;
    }
  }
  .about-sec7 .cont .item .list .font .but {
    font-size: 16px;
    color: #666666;
    line-height: 1;
  }
  @media (max-width: 1440px) {
    .about-sec7 .cont .item .list .font .but {
      font-size: 14px;
    }
  }
  .about-sec7 .cont .item .list .img {
    display: block;
    width: 64px;
    overflow: hidden;
  }
  @media (max-width: 1440px) {
    .about-sec7 .cont .item .list .img {
      width: 50px;
    }
  }
  @media (max-width: 991px) {
    .about-sec7 .cont .item .list .img {
      width: 40px;
    }
  }
  @media (max-width: 767px) {
    .about-sec7 .cont .item .list .img {
      display: none;
    }
  }
  .about-sec7 .cont .item .list .img img {
    width: 100%;
    float: left;
  }
  .about-sec7 .cont .item .list .img img:nth-child(2) {
    display: none;
  }
  .about-sec7 .cont .item .list:hover {
    background-color: #0eb8ca;
  }
  .about-sec7 .cont .item .list:hover .font .tit {
    color: #fff;
  }
  .about-sec7 .cont .item .list:hover .font .text {
    color: #fff;
    opacity: 0.4;
  }
  .about-sec7 .cont .item .list:hover .font .but {
    color: #fff;
  }
  .about-sec7 .cont .item .list:hover .img img:nth-child(1) {
    display: none;
  }
  .about-sec7 .cont .item .list:hover .img img:nth-child(2) {
    display: block;
  }
  /* End */
  /* 产品详情 */
  .pro_info {
    background-color: #F5F5F5;
  }
  .pro_info-move {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 18px;
    color: #999999;
  }
  .pro_info-move i {
    display: block;
    width: 18px;
    margin-right: 10px;
    overflow: hidden;
  }
    .chanpinxq{width:100%;display:inline-block;padding-bottom:60px;}
    .chanpinxq .left{width:30%;float:left;border:2px solid #d6d4d435;}
    .chanpinxq .left img{width:100%;}
    .chanpinxq .right{margin-left:35%;}
    .chanpinxq .right h2{padding:2% 0;}
    .chanpinxq span{display:block;padding:2% 0;color:#064a96;}
    .dhzx{margin-top:6%;}
    .dhzx-lf{float:left;}
    .dhzx-lf h5{font:bold;margin:0;}
    .dhzx-lf span{font-weight:bold;font-size:20px;color:#064a96;}
    .dhzx-rh{float:right;line-height:60px;}
  @media (max-width: 767px) {
    .chanpinxq .left{
        width:100%;
        float:none;
        border:2px solid #d6d4d435;
    }
    .chanpinxq .right{
        margin-left:0;
    }
  }
  @media (max-width: 1440px) {
    .pro_info-move i {
      width: 14px;
      margin-right: 8px;
    }
  }
  .pro_info-move i img {
    float: left;
    width: 100%;
  }
  @media (max-width: 1440px) {
    .pro_info-move {
      font-size: 16px;
    }
  }
  .pro_info-sec1 .cont {
    background-color: #fff;
    padding: 60px 60px 100px;
  }
  .pro_info-sec1 .cont h2{
   margin:2% 0;
    }
  .pro_info-sec1 .cont a{
    padding:0.6%;
    line-height:28px;
    background: #27aecd17;
    }
  @media (max-width: 1440px) {
    .pro_info-sec1 .cont {
      padding: 50px 50px 70px;
    }
  }
  @media (max-width: 991px) {
    .pro_info-sec1 .cont {
      padding: 40px 30px 50px;
    }
  }
  @media (max-width: 767px) {
    .pro_info-sec1 .cont {
      padding: 30px 20px 40px;
    }
  }
  .pro_info-sec1 .cont .make-text {
    /*color: #333;*/
  }
  .pro_info-sec1 .cont .make-text h2,h3,h4,h5,h6{
     font-weight: bold;
     margin-top:1em;
  }
  .pro_info-sec1 .cont .make-text p,
  .pro_info-sec1 .cont .make-text span {
    /*font-size: 16px;*/
    /*color: #666666;*/
    /* line-height: 36px; */
    margin-top:1em;
  }
  @media (max-width: 1440px) {
    .pro_info-sec1 .cont .make-text p,
    .pro_info-sec1 .cont .make-text span {
      /*font-size: 14px;*/
      /* line-height: 30px; */
    }
  }
  .pro_info-sec1 .cont .make-text hr {
    opacity: 0.5;
  }
  .pro_info-sec1 .cont .make-text strong {
    font-weight: bold;
    /*font-size: 22px;*/
    /*color: #333;*/
  }
  @media (max-width: 1440px) {
    .pro_info-sec1 .cont .make-text strong {
      /*font-size: 20px;*/
    }
  }
  @media (max-width: 991px) {
    .pro_info-sec1 .cont .make-text strong {
      /*font-size: 18px;*/
    }
  }
  .pro_info-sec1 .cont .make-text h4 {
    /*font-size: 35px;*/
  }
  .f_pad{
      position: relative;
      top: -100px;
  }
  @media (max-width: 1440px) {
    .pro_info-sec1 .cont .make-text h4 {
      font-size: 30px;
    }
  }
  @media (max-width: 1199px) {
      .f_pad{
          top: -70px;
      }
    .pro_info-sec1 .cont .make-text h4 {
      font-size: 26px;
    }
  }
  @media (max-width: 767px) {
    .pro_info-sec1 .cont .make-text h4 {
      font-size: 24px;
    }
  }
  .pro_info-sec2 .cont {
    position: relative;
      
  }
  
  .pro_info-sec2 .cont .proin2-prev,
  .pro_info-sec2 .cont .proin2-next {
    display: block;
    width: 55px;
    height: 55px;
    border: 2px solid #cdcdcd;
    border-radius: 50%;
    margin-top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 50%;
    outline: none;
  }
  @media (max-width: 1440px) {
    .pro_info-sec2 .cont .proin2-prev,
    .pro_info-sec2 .cont .proin2-next {
      width: 30px;
      height: 30px;
    }
  }
  @media (max-width: 991px) {
    .pro_info-sec2 .cont .proin2-prev,
    .pro_info-sec2 .cont .proin2-next {
      display: none;
    }
  }
  .pro_info-sec2 .cont .proin2-prev {
    left: -77px;
    background: url(../images/ab5lt1.png) center no-repeat;
    background-size: 10px 18px;
  }
  @media (max-width: 1440px) {
    .pro_info-sec2 .cont .proin2-prev {
      background-size: 6px 12px;
      left: -60px;
    }
  }
  .pro_info-sec2 .cont .proin2-next {
    right: -77px;
    background: url(../images/ab5gt.png) center no-repeat;
    background-size: 10px 18px;
  }
  @media (max-width: 1440px) {
    .pro_info-sec2 .cont .proin2-next {
      background-size: 6px 12px;
      right: -60px;
    }
  }
  .pro_info-sec2 .cont .qie {
    width: 100%;
    position: relative;
    margin-top: 40px;
  }
  @media (max-width: 1440px) {
    .pro_info-sec2 .cont .qie {
      margin-top: 30px;
    }
  }
  .pro_info-sec2 .cont .qie .proin2-pagi {
    position: relative;
    margin: 0;
    top: 0;
    bottom: 0;
    margin: 0 60px;
  }
  @media (max-width: 1440px) {
    .pro_info-sec2 .cont .qie .proin2-pagi {
      margin: 0 40px;
    }
  }
  @media (max-width: 767px) {
    .pro_info-sec2 .cont .qie .proin2-pagi {
      margin: 0 20px;
    }
  }
  .pro_info-sec2 .cont .qie .proin2-pagi span {
    width: 12px;
    height: 12px;
    border: 1px solid #0eb8ca;
    margin: 0 5px;
    background-color: transparent;
    outline: none;
  }
  .pro_info-sec2 .cont .qie .proin2-pagi .swiper-pagination-bullet-active {
    background-color: #0eb8ca;
  }
  .pro_info-sec2 .cont .proin2-cont {
    width: 100%;
  }
  .pro_info-sec2 .cont .proin2-cont .item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 60px 48px;
    background-color: #fff;
  }
  @media (max-width: 1440px) {
    .pro_info-sec2 .cont .proin2-cont .item {
      padding: 40px 30px;
    }
  }
  @media (max-width: 767px) {
    .pro_info-sec2 .cont .proin2-cont .item {
      padding: 30px 20px;
    }
  }
  .pro_info-sec2 .cont .proin2-cont .item .font {
    width: 56%;
  }
  @media (max-width: 767px) {
    .pro_info-sec2 .cont .proin2-cont .item .font {
      width: 100%;
      order: 1;
      margin-top: 30px;
    }
  }
  .pro_info-sec2 .cont .proin2-cont .item .font .tit {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (max-width: 1440px) {
    .pro_info-sec2 .cont .proin2-cont .item .font .tit {
      font-size: 22px;
      margin-bottom: 4px;
    }
  }
  @media (max-width: 991px) {
    .pro_info-sec2 .cont .proin2-cont .item .font .tit {
      font-size: 20px;
    }
  }
  @media (max-width: 767px) {
    .pro_info-sec2 .cont .proin2-cont .item .font .tit {
      font-size: 18px;
    }
  }
  .pro_info-sec2 .cont .proin2-cont .item .font .text {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    height: 80px;
    margin-bottom: 24px;
  }
  @media (max-width: 1440px) {
    .pro_info-sec2 .cont .proin2-cont .item .font .text {
      height: 74px;
      line-height: 24px;
      font-size: 14px;
      margin-bottom: 20px;
    }
  }
  .pro_info-sec2 .cont .proin2-cont .item .img {
    width: 40%;
    position: relative;
    padding-bottom: 28%;
  }
  @media (max-width: 767px) {
    .pro_info-sec2 .cont .proin2-cont .item .img {
      width: 100%;
      order: 0;
      padding-bottom: 55%;
    }
  }
  .pro_info-sec2 .cont .proin2-cont .item .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
  }
  /* End */
  /* 方案 */
  .plan-sec1 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .plan-sec1 .home-tit {
    text-align: left;
  }
  .plan-sec1 .cont {
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
  }
  @media (max-width: 1440px) {
    .plan-sec1 .cont {
      margin-bottom: 40px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec1 .cont {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 565px) {
    .plan-sec1 .cont {
      flex-wrap: wrap;
      justify-content: flex-start;
    }
  }
  .plan-sec1 .cont .item {
    padding-bottom: 20px;
    margin-right: 80px;
  }
  @media (max-width: 1440px) {
    .plan-sec1 .cont .item {
      padding-bottom: 15px;
      margin-right: 60px;
    }
  }
  @media (max-width: 1199px) {
    .plan-sec1 .cont .item {
      margin-right: 30px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec1 .cont .item {
      margin-right: 20px;
    }
  }
  @media (max-width: 565px) {
    .plan-sec1 .cont .item {
      margin-right: 0;
      width: 33%;
    }
  }
  @media (max-width: 376px) {
    .plan-sec1 .cont .item {
      width: 50%;
    }
  }
  .plan-sec1 .cont .item:last-child {
    margin-right: 0;
  }
  .plan-sec1 .cont .item .list {
    padding: 0 30px;
    text-align: center;
    position: relative;
      display: block;
  }
  @media (max-width: 1440px) {
    .plan-sec1 .cont .item .list {
      padding: 2px;
    }
  }
  .plan-sec1 .cont .item .list .img {
    display: block;
    height: 84px;
    margin-bottom: 15px;
  }
  @media (max-width: 1440px) {
    .plan-sec1 .cont .item .list .img {
      height: 60px;
      margin-bottom: 10px;
    }
  }
  .plan-sec1 .cont .item .list .img img {
    height: 100%;
  }
  .plan-sec1 .cont .item .list .tit {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
  }
  @media (max-width: 1440px) {
    .plan-sec1 .cont .item .list .tit {
      font-size: 20px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec1 .cont .item .list .tit {
      font-size: 18px;
    }
  }
  .plan-sec1 .cont .item .list .tit:before {
    content: "";
    display: block;
    width: 12px;
    height: 10px;
    background: url(../images/attowsimg1.png) no-repeat center / contain;
    position: absolute;
    right: -30px;
    top: 73%;
  }
  @media (max-width: 1440px) {
    .plan-sec1 .cont .item .list .tit:before {
      right: -26px;
      top: 67%;
    }
  }
  @media (max-width: 991px) {
    .plan-sec1 .cont .item .list .tit:before {
      right: -20px;
    }
  }
  @media (max-width: 565px) {
    .plan-sec1 .cont .item .list .tit:before {
      right: 0px;
      width: 8px;
      height: 6px;
    }
  }
  .plan-sec1 .cont .item:last-child .list .tit:before{
      display: none;
  }
  .plan-sec1 .cont .item .list .text {
    line-height: 1.4;
    font-size: 16px;
    color: #999999;
  }
  @media (max-width: 1440px) {
    .plan-sec1 .cont .item .list .text {
      font-size: 14px;
    }
  }
  .plan-sec1 .but {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .plan-sec1 .but a {
    margin: 0 20px;
  }
  @media (max-width: 1440px) {
    .plan-sec1 .but a {
      margin: 0 10px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec1 .but a {
      margin: 0 5px;
    }
  }
  .plan-sec1 .but .f_but {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #0eb8ca;
    border: 1px solid #0eb8ca;
    border-radius: 30px;
    padding: 16px 40px;
    height: 50px;
    line-height: 1;
  }
  @media (max-width: 1440px) {
    .plan-sec1 .but .f_but {
      padding: 12px 30px;
      height: 45px;
      font-size: 20px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec1 .but .f_but {
      height: 35px;
      font-size: 16px;
      padding: 10px 26px;
    }
  }
  @media (max-width: 565px) {
    .plan-sec1 .but .f_but {
      padding: 10px 20px;
      font-size: 12px;
    }
  }
  .plan-sec1 .but .f_but i {
    display: block;
    width: 22px;
    overflow: hidden;
    margin-right: 10px;
  }
  @media (max-width: 1440px) {
    .plan-sec1 .but .f_but i {
      width: 20px;
    }
  }
  @media (max-width: 565px) {
    .plan-sec1 .but .f_but i {
      width: 16px;
      margin-right: 8px;
    }
  }
  .plan-sec1 .but .f_but i img {
    width: 100%;
    float: left;
  }
  .plan-sec2 .cont .jut {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .plan-sec2 .cont .jut .lt,
  .plan-sec2 .cont .jut .gt {
    width: 50%;
  }
  @media (max-width: 767px) {
    .plan-sec2 .cont .jut .lt,
    .plan-sec2 .cont .jut .gt {
      width: 100%;
    }
  }
  .plan-sec2 .cont .jut .lt {
    padding-right: 30px;
  }
  @media (max-width: 1440px) {
    .plan-sec2 .cont .jut .lt {
      padding-right: 20px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec2 .cont .jut .lt {
      padding-right: 0;
    }
  }
  .plan-sec2 .cont .jut .lt .img {
    width: 100%;
    position: relative;
    padding-bottom: 82.3%;
  }
  .plan-sec2 .cont .jut .lt .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  .plan-sec2 .cont .jut .gt {
    padding-left: 132px;
  }
  @media (max-width: 1681px) {
    .plan-sec2 .cont .jut .gt {
      padding-left: 100px;
    }
  }
  @media (max-width: 1440px) {
    .plan-sec2 .cont .jut .gt {
      padding-left: 70px;
    }
  }
  @media (max-width: 1199px) {
    .plan-sec2 .cont .jut .gt {
      padding-left: 40px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec2 .cont .jut .gt {
      padding-left: 30px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec2 .cont .jut .gt {
      padding-left: 0;
      margin-top: 40px;
    }
  }
  .plan-sec2 .cont .jut .gt .font .tit {
    font-weight: bold;
    line-height: 1.2;
    font-size: 36px;
    margin-bottom: 50px;
  }
  @media (max-width: 1440px) {
    .plan-sec2 .cont .jut .gt .font .tit {
      font-size: 30px;
      margin-bottom: 30px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec2 .cont .jut .gt .font .tit {
      line-height: 1.2;
      font-size: 26px;
      margin-bottom: 26px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec2 .cont .jut .gt .font .tit {
      font-size: 24px;
    }
  }
  .plan-sec2 .cont .jut .gt .font .text {
    font-size: 18px;
    line-height: 36px;
    color: #666666;
  }
  @media (max-width: 1440px) {
    .plan-sec2 .cont .jut .gt .font .text {
      font-size: 16px;
      line-height: 30px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec2 .cont .jut .gt .font .text {
      font-size: 14px;
      line-height: 22px;
    }
  }
  .plan-sec2 .cont:nth-child(2n) {
    background-color: #F5F5F5;
  }
  .plan-sec2 .cont:nth-child(2n) .jut .lt {
    padding-right: 0;
    padding-left: 30px;
  }
  @media (max-width: 1440px) {
    .plan-sec2 .cont:nth-child(2n) .jut .lt {
      padding-left: 20px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec2 .cont:nth-child(2n) .jut .lt {
      padding-left: 0;
    }
  }
  @media (min-width: 768px) {
    .plan-sec2 .cont:nth-child(2n) .jut .lt {
      order: 1;
    }
  }
  .plan-sec2 .cont:nth-child(2n) .jut .gt {
    padding-left: 0;
    padding-right: 132px;
  }
  @media (max-width: 1681px) {
    .plan-sec2 .cont:nth-child(2n) .jut .gt {
      padding-right: 100px;
    }
  }
  @media (max-width: 1440px) {
    .plan-sec2 .cont:nth-child(2n) .jut .gt {
      padding-right: 70px;
    }
  }
  @media (max-width: 1199px) {
    .plan-sec2 .cont:nth-child(2n) .jut .gt {
      padding-right: 40px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec2 .cont:nth-child(2n) .jut .gt {
      padding-right: 30px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec2 .cont:nth-child(2n) .jut .gt {
      padding-right: 0;
    }
  }
  @media (min-width: 768px) {
    .plan-sec2 .cont:nth-child(2n) .jut .gt {
      order: 0;
    }
  }
  .plan-sec3 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  @media (max-width: 1440px) {
    .plan-sec3 .cont {
      margin: 0 -10px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec3 .cont {
      margin: 0 -5px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec3 .cont {
      margin: 0;
    }
  }
  .plan-sec3 .cont .item {
    width: 50%;
    padding: 0 15px;
  }
  @media (max-width: 1440px) {
    .plan-sec3 .cont .item {
      padding: 0 10px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec3 .cont .item {
      padding: 0 5px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec3 .cont .item {
      padding: 0;
      width: 100%;
    }
  }
  .plan-sec3 .cont .item .list {
    width: 100%;
    padding: 50px 70px;
    background-color: #F5F5F5;
    margin-bottom: 30px;
  }
  @media (max-width: 1440px) {
    .plan-sec3 .cont .item .list {
      margin-bottom: 20px;
      padding: 40px 50px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec3 .cont .item .list {
      margin-bottom: 10px;
      padding: 40px 30px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec3 .cont .item .list {
      padding: 30px 20px;
    }
  }
  .plan-sec3 .cont .item .list .tit {
    display: flex;
    align-items: flex-end;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 25px;
  }
  @media (max-width: 1440px) {
    .plan-sec3 .cont .item .list .tit {
      margin-bottom: 20px;
      padding-bottom: 20px;
    }
  }
  .plan-sec3 .cont .item .list .tit i {
    font-weight: bold;
    font-size: 50px;
    color: #098585;
    font-family: "arial";
    flex-shrink: 0;
    line-height: 1;
  }
  @media (max-width: 1440px) {
    .plan-sec3 .cont .item .list .tit i {
      font-size: 40px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec3 .cont .item .list .tit i {
      font-size: 34px;
    }
  }
  .plan-sec3 .cont .item .list .tit span {
    font-size: 28px;
    display: block;
    margin-left: 10px;
    font-weight: bold;
  }
  @media (max-width: 1440px) {
    .plan-sec3 .cont .item .list .tit span {
      font-size: 24px;
    }
  }
  @media (max-width: 991px) {
    .plan-sec3 .cont .item .list .tit span {
      font-size: 22px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec3 .cont .item .list .tit span {
      font-size: 20px;
    }
  }
  .plan-sec3 .cont .item .list .text {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
  }
  @media (max-width: 1440px) {
    .plan-sec3 .cont .item .list .text {
      font-size: 16px;
      line-height: 26px;
    }
  }
  @media (max-width: 767px) {
    .plan-sec3 .cont .item .list .text {
      font-size: 14px;
      line-height: 22px;
    }
  }
  .plan-sec3 .cont .item:last-child .list {
    margin-bottom: 0;
  }
  @media (min-width: 768px) {
    .plan-sec3 .cont .item:nth-last-child(2) .list {
      margin-bottom: 0;
    }
  }
  /* End */
  /* æ–°é—» */
  .news {
    background-color: #F5F5F5;
  }
  .news-sec1 .nav {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
  }
  @media (max-width: 1440px) {
    .news-sec1 .nav {
      margin-bottom: 40px;
    }
  }
  @media (max-width: 991px) {
    .news-sec1 .nav {
      margin-bottom: 30px;
    }
  }
  .news-sec1 .nav .news1-nav {
    max-width: 100%;
    margin: 0;
  }
  .news-sec1 .nav .news1-nav .swiper-slide {
    width: auto;
  }
  .news-sec1 .nav .news1-nav .swiper-slide .item {
    width: 200px;
    line-height: 50px;
    display: block;
    background-color: #fff;
    border-right: 1px solid #f5f5f5;
    text-align: center;
    font-size: 18px;
    color: #666666;
  }
  @media (max-width: 1440px) {
    .news-sec1 .nav .news1-nav .swiper-slide .item {
      width: 160px;
      line-height: 40px;
      font-size: 16px;
    }
  }
  @media (max-width: 767px) {
    .news-sec1 .nav .news1-nav .swiper-slide .item {
      font-size: 14px;
      width: 120px;
    }
  }
  .news-sec1 .nav .news1-nav .swiper-slide:last-child .item {
    border-right: none;
  }
  .news-sec1 .nav .news1-nav .on .item {
    color: #fff;
    border-color: #0eb8ca;
    background-color: #0eb8ca;
  }
  .news-sec1 .cont {
    padding-bottom: 70px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  @media (max-width: 1440px) {
    .news-sec1 .cont {
      margin: 0 -10px;
      padding-bottom: 60px;
    }
  }
  @media (max-width: 991px) {
    .news-sec1 .cont {
      margin: 0 -5px;
      padding-bottom: 20px;
    }
  }
  @media (max-width: 767px) {
    .news-sec1 .cont {
      margin: 0;
    }
  }
  .news-sec1 .cont .item {
    width: 50%;
    padding: 0 15px;
  }
  @media (max-width: 1440px) {
    .news-sec1 .cont .item {
      padding: 0 10px;
    }
  }
  @media (max-width: 991px) {
    .news-sec1 .cont .item {
      padding: 0 5px;
    }
  }
  @media (max-width: 767px) {
    .news-sec1 .cont .item {
      padding: 0;
      width: 100%;
    }
  }
  .news-sec1 .cont .item .list {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 40px 30px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (max-width: 1440px) {
    .news-sec1 .cont .item .list {
      padding: 30px 24px;
      margin-bottom: 20px;
    }
  }
  @media (max-width: 991px) {
    .news-sec1 .cont .item .list {
      padding: 30px 20px;
      margin-bottom: 10px;
    }
  }
  .news-sec1 .cont .item .list .font {
    width: 60%;
    padding-right: 40px;
  }
  @media (max-width: 1440px) {
    .news-sec1 .cont .item .list .font {
      padding-right: 30px;
    }
  }
  @media (max-width: 991px) {
    .news-sec1 .cont .item .list .font {
      padding-right: 20px;
    }
  }
  @media (max-width: 565px) {
    .news-sec1 .cont .item .list .font {
      padding-right: 0;
      width: 100%;
      order: 1;
    }
  }
  .news-sec1 .cont .item .list .font .date {
    font-size: 16px;
    color: #999999;
    margin-bottom: 25px;
  }
  @media (max-width: 1440px) {
    .news-sec1 .cont .item .list .font .date {
      margin-bottom: 20px;
    }
  }
  @media (max-width: 991px) {
    .news-sec1 .cont .item .list .font .date {
      margin-bottom: 16px;
    }
  }
  .news-sec1 .cont .item .list .font .tit {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
    margin-bottom: 14px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  @media (max-width: 1440px) {
    .news-sec1 .cont .item .list .font .tit {
      font-size: 22px;
      margin-bottom: 10px;
    }
  }
  @media (max-width: 991px) {
    .news-sec1 .cont .item .list .font .tit {
      font-size: 20px;
    }
  }
  .news-sec1 .cont .item .list .font .text {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 62px;
  }
  @media (max-width: 1440px) {
    .news-sec1 .cont .item .list .font .text {
      font-size: 14px;
      line-height: 24px;
      height: 50px;
    }
  }
  .news-sec1 .cont .item .list .img {
    width: 40%;
    position: relative;
    padding-bottom: 26%;
    overflow: hidden;
  }
  @media (max-width: 565px) {
    .news-sec1 .cont .item .list .img {
      width: 100%;
      order: 0;
      margin-bottom: 26px;
      padding-bottom: 66%;
    }
  }
  .news-sec1 .cont .item .list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .news-sec1 .cont .item .list:hover {
    border-color: #098585;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .news-sec1 .cont .item .list:hover .font .tit {
    color: #0eb8ca;
  }
  .news-sec1 .cont .item .list:hover .img img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  /* End */
  /* 新闻详情 */
  .new_info {
    background-color: #F5F5F5;
  }
  .new_info-sec1 {
    padding-bottom: 0;
  }
  .new_info-sec1 .basecont .cont .tit {
    font-weight: bold;
    text-align: center;
    font-size: 46px;
    color: #38393c;
    margin-bottom: 6px;
  }
  @media (max-width: 1440px) {
    .new_info-sec1 .basecont .cont .tit {
      font-size: 40px;
    }
  }
  @media (max-width: 991px) {
    .new_info-sec1 .basecont .cont .tit {
      font-size: 34px;
    }
  }
  @media (max-width: 767px) {
    .new_info-sec1 .basecont .cont .tit {
      font-size: 24px;
    }
  }
  .new_info-sec1 .basecont .cont .data {
    font-size: 16px;
    color: #999999;
    text-align: center;
    margin-bottom: 30px;
  }
  @media (max-width: 1440px) {
    .new_info-sec1 .basecont .cont .data {
      font-size: 14px;
      margin-bottom: 26px;
    }
  }
  .new_info-sec1 .basecont .cont .make-text {
    padding-top: 30px;
    border-top: 1px solid #e6e6e6;
    line-height: 1.6em;
  }
  .new_info-sec1 .basecont .cont .fen {
    text-align: center;
    margin-bottom: 30px;
  }
  @media (max-width: 1440px) {
    .new_info-sec1 .basecont .cont .fen {
      margin-bottom: 26px;
    }
  }
  .new_info-sec1 .basecont .cont .fen .f_tit {
    margin-bottom: 30px;
    font-size: 18px;
    color: #333333;
    line-height: 1;
  }
  @media (max-width: 1440px) {
    .new_info-sec1 .basecont .cont .fen .f_tit {
      font-size: 16px;
      margin-bottom: 20px;
    }
  }
  .new_info-sec1 .basecont .cont .fen .jut {
    width: 100%;
  }
  .new_info-sec1 .basecont .cont .fen .jut .bshare-custom a {
    display: inline-block;
    margin: 0 15px;
   /* padding: 0; */
  /*  background: none;
    height: 17px;
      position: relative;
    margin-bottom: 5px; */
  }
  .new_info-sec1 .basecont .cont .fen .jut .bshare-custom a img {
    height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      object-fit: contain;
      display: none;
  }
  .new_info-sec1 .basecont .cont .qie {
    padding-top: 40px;
    border-top: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between;
  }
  @media (max-width: 1440px) {
    .new_info-sec1 .basecont .cont .qie {
      padding-top: 30px;
    }
  }
  .new_info-sec1 .basecont .cont .qie a {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #999999;
  }
  @media (max-width: 1440px) {
    .new_info-sec1 .basecont .cont .qie a {
      font-size: 14px;
    }
  }
  .new_info-sec1 .basecont .cont .qie a i {
    display: block;
    width: 20px;
    margin-right: 6px;
    overflow: hidden;
  }
  @media (max-width: 1440px) {
    .new_info-sec1 .basecont .cont .qie a i {
      width: 14px;
    }
  }
  .new_info-sec1 .basecont .cont .qie a i img {
    width: 100%;
    float: left;
  }
  .new_info-sec1 .basecont .cont .qie a i img:nth-child(2) {
    display: none;
  }
  .new_info-sec1 .basecont .cont .qie a:hover {
    color: #0eb8ca;
  }
  .new_info-sec1 .basecont .cont .qie a:hover i img:nth-child(1) {
    display: none;
  }
  .new_info-sec1 .basecont .cont .qie a:hover i img:nth-child(2) {
    display: block;
  }
  .new_info-sec1 .basecont .cont .qie .prev i {
    margin-right: 0;
    margin-left: 6px;
  }
  .new_info-sec2 .cont {
    position: relative;
  }
  .new_info-sec2 .cont .newinfo2-prev,
  .new_info-sec2 .cont .newinfo2-next {
    outline: none;
    width: 21px;
    height: 35px;
    background-size: contain;
    top: 50%;
    margin-top: -17.5px;
  }
  @media (max-width: 1440px) {
    .new_info-sec2 .cont .newinfo2-prev,
    .new_info-sec2 .cont .newinfo2-next {
      width: 16px;
      height: 30px;
      margin-top: -15px;
    }
  }
  @media (max-width: 767px) {
    .new_info-sec2 .cont .newinfo2-prev,
    .new_info-sec2 .cont .newinfo2-next {
      display: none;
    }
  }
  .new_info-sec2 .cont .newinfo2-prev {
    background: url(../images/zuoyouimg1.png) no-repeat center;
    left: -50px;
    background-size: contain;
  }
  @media (max-width: 1440px) {
    .new_info-sec2 .cont .newinfo2-prev {
      left: -30px;
    }
  }
  .new_info-sec2 .cont .newinfo2-prev:hover {
    background: url(../images/zuoyouimg1-1.png) no-repeat center;
  }
  .new_info-sec2 .cont .newinfo2-next {
    background: url(../images/zuoyouimg2.png) no-repeat center;
    right: -50px;
    background-size: contain;
  }
  @media (max-width: 1440px) {
    .new_info-sec2 .cont .newinfo2-next {
      right: -30px;
    }
  }
  .new_info-sec2 .cont .newinfo2-next:hover {
    background: url(../images/zuoyouimg2-2.png) no-repeat center;
  }
  .new_info-sec2 .cont .item {
    width: 100%;
    overflow: hidden;
  }
  .new_info-sec2 .cont .item .list {
    position: relative;
    display: block;
  }
  .new_info-sec2 .cont .item .list .img {
    width: 100%;
    position: relative;
    padding-bottom: 74.5%;
  }
  @media (max-width: 565px) {
    .new_info-sec2 .cont .item .list .img {
      padding-bottom: 89%;
    }
  }
  .new_info-sec2 .cont .item .list .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .new_info-sec2 .cont .item .list:after,
  .new_info-sec2 .cont .item .list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .new_info-sec2 .cont .item .list:before {
    z-index: 2;
    background: url(../images/jianbian.png) no-repeat center / cover;
  }
  .new_info-sec2 .cont .item .list:after {
    z-index: 3;
    opacity: 0;
    background: url(../images/jianbian2.png) no-repeat center / cover;
  }
  .new_info-sec2 .cont .item .list .jut {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    padding: 40px 30px;
    color: #fff;
  }
  @media (max-width: 1440px) {
    .new_info-sec2 .cont .item .list .jut {
      padding: 30px 26px;
    }
  }
  @media (max-width: 1199px) {
    .new_info-sec2 .cont .item .list .jut {
      padding: 30px 20px;
    }
  }
  @media (max-width: 767px) {
    .new_info-sec2 .cont .item .list .jut {
      padding: 20px;
    }
  }
  @media (max-width: 565px) {
    .new_info-sec2 .cont .item .list .jut {
      padding: 12px 20px;
    }
  }
  .new_info-sec2 .cont .item .list .jut .hover {
    width: 100%;
    overflow: hidden;
  }
  .new_info-sec2 .cont .item .list .jut .hover .font {
    width: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: translateY(86%);
    transform: translateY(86%);
  }
  @media (max-width: 1440px) {
    .new_info-sec2 .cont .item .list .jut .hover .font {
      -webkit-transform: translateY(82%);
      transform: translateY(82%);
    }
  }
  .new_info-sec2 .cont .item .list .jut .hover .font .tit {
    font-size: 20px;
    font-weight: bold;
    text-overflow: ellipsis;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
  }
  @media (max-width: 1440px) {
    .new_info-sec2 .cont .item .list .jut .hover .font .tit {
      font-size: 18px;
      margin-bottom: 10px;
    }
  }
  @media (max-width: 767px) {
    .new_info-sec2 .cont .item .list .jut .hover .font .tit {
      font-size: 14px;
    }
  }
  .new_info-sec2 .cont .item .list .jut .hover .font .text {
    font-size: 14px;
    line-height: 24px;
    opacity: 0.7;
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 52px;
  }
  @media (max-width: 1440px) {
    .new_info-sec2 .cont .item .list .jut .hover .font .text {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 1199px) {
    .new_info-sec2 .cont .item .list .jut .hover .font .text {
      margin-bottom: 26px;
    }
  }
  @media (max-width: 767px) {
    .new_info-sec2 .cont .item .list .jut .hover .font .text {
      font-size: 12px;
      line-height: 22px;
      height: 46px;
      margin-bottom: 20px;
    }
  }
  .new_info-sec2 .cont .item .list .jut .hover .font .but {
    font-size: 14px;
    display: flex;
    align-items: center;
  }
  @media (max-width: 767px) {
    .new_info-sec2 .cont .item .list .jut .hover .font .but {
      font-size: 12px;
    }
  }
  .new_info-sec2 .cont .item .list .jut .hover .font .but i {
    display: block;
    width: 18px;
    overflow: hidden;
    margin-left: 10px;
  }
  @media (max-width: 1440px) {
    .new_info-sec2 .cont .item .list .jut .hover .font .but i {
      width: 14px;
      margin-left: 8px;
    }
  }
  @media (max-width: 565px) {
    .new_info-sec2 .cont .item .list .jut .hover .font .but i {
      width: 12px;
      margin-left: 6px;
    }
  }
  .new_info-sec2 .cont .item .list .jut .hover .font .but i img {
    width: 100%;
    float: left;
  }
  @media (min-width: 1200px) {
    .new_info-sec2 .cont .item .list:hover:after {
      opacity: 1;
    }
    .new_info-sec2 .cont .item .list:hover .jut .hover .font {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  /* End */
  /* 案例中心 */
  .case-sec1 .basecont .nav .news1-nav .item {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
  }
  .case-sec1 .basecont .nav .news1-nav .on .item {
    border-color: #0eb8ca;
  }
  .case-sec1 .basecont .jut {
    padding-bottom: 70px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  @media (max-width: 1440px) {
    .case-sec1 .basecont .jut {
      margin: 0 -6px;
      padding-bottom: 60px;
    }
  }
  @media (max-width: 1199px) {
    .case-sec1 .basecont .jut {
      margin: 0 -5px;
      padding-bottom: 20px;
    }
  }
  .case-sec1 .basecont .jut .item {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  @media (max-width: 1199px) {
    .case-sec1 .basecont .jut .item {
      padding: 0 5px;
      margin-bottom: 10px;
    }
  }
  @media (max-width: 767px) {
    .case-sec1 .basecont .jut .item {
      width: 50%;
    }
  }
  .case-sec1 .basecont .jut .item .list {
    position: relative;
    display: block;
  }
  .case-sec1 .basecont .jut .item .list .img {
    width: 100%;
    position: relative;
    padding-bottom: 74.5%;
  }
  @media (max-width: 565px) {
    .case-sec1 .basecont .jut .item .list .img {
      padding-bottom: 89%;
    }
  }
  .case-sec1 .basecont .jut .item .list .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .case-sec1 .basecont .jut .item .list:after,
  .case-sec1 .basecont .jut .item .list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .case-sec1 .basecont .jut .item .list:before {
    z-index: 2;
    background: url(../images/jianbian.png) no-repeat center / cover;
  }
  .case-sec1 .basecont .jut .item .list:after {
    z-index: 3;
    opacity: 0;
    background: url(../images/newswodebag1.png) no-repeat center / cover;
  }
  .case-sec1 .basecont .jut .item .list .jut {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    padding: 40px 30px;
    color: #fff;
  }
  @media (max-width: 1440px) {
    .case-sec1 .basecont .jut .item .list .jut {
      padding: 30px 26px;
    }
  }
  @media (max-width: 1199px) {
    .case-sec1 .basecont .jut .item .list .jut {
      padding: 30px 20px;
    }
  }
  @media (max-width: 767px) {
    .case-sec1 .basecont .jut .item .list .jut {
      padding: 20px;
    }
  }
  @media (max-width: 565px) {
    .case-sec1 .basecont .jut .item .list .jut {
      padding: 12px 20px;
    }
  }
  .case-sec1 .basecont .jut .item .list .jut .hover {
    width: 100%;
    overflow: hidden;
  }
  .case-sec1 .basecont .jut .item .list .jut .hover .font {
    width: 100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: translateY(78%);
    transform: translateY(78%);
  }
  @media (max-width: 1440px) {
    .case-sec1 .basecont .jut .item .list .jut .hover .font {
      -webkit-transform: translateY(80%);
      transform: translateY(80%);
    }
  }
  .case-sec1 .basecont .jut .item .list .jut .hover .font .tit {
    font-size: 20px;
    font-weight: bold;
    text-overflow: ellipsis;
    margin-bottom: 25px;
    white-space: nowrap;
    overflow: hidden;
  }
  @media (max-width: 1440px) {
    .case-sec1 .basecont .jut .item .list .jut .hover .font .tit {
      font-size: 18px;
      margin-bottom: 10px;
    }
  }
  @media (max-width: 767px) {
    .case-sec1 .basecont .jut .item .list .jut .hover .font .tit {
      font-size: 14px;
    }
  }
  .case-sec1 .basecont .jut .item .list .jut .hover .font .text {
    font-size: 14px;
    line-height: 24px;
    opacity: 0.7;
    margin-bottom: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 52px;
  }
  @media (max-width: 1440px) {
    .case-sec1 .basecont .jut .item .list .jut .hover .font .text {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 1199px) {
    .case-sec1 .basecont .jut .item .list .jut .hover .font .text {
      margin-bottom: 26px;
    }
  }
  @media (max-width: 767px) {
    .case-sec1 .basecont .jut .item .list .jut .hover .font .text {
      font-size: 12px;
      line-height: 22px;
      height: 46px;
      margin-bottom: 20px;
    }
  }
  .case-sec1 .basecont .jut .item .list .jut .hover .font .but {
    font-size: 14px;
    display: flex;
    align-items: center;
  }
  @media (max-width: 767px) {
    .case-sec1 .basecont .jut .item .list .jut .hover .font .but {
      font-size: 12px;
    }
  }
  .case-sec1 .basecont .jut .item .list .jut .hover .font .but i {
    display: block;
    width: 18px;
    overflow: hidden;
    margin-left: 10px;
  }
  @media (max-width: 1440px) {
    .case-sec1 .basecont .jut .item .list .jut .hover .font .but i {
      width: 14px;
      margin-left: 8px;
    }
  }
  @media (max-width: 565px) {
    .case-sec1 .basecont .jut .item .list .jut .hover .font .but i {
      width: 12px;
      margin-left: 6px;
    }
  }
  .case-sec1 .basecont .jut .item .list .jut .hover .font .but i img {
    width: 100%;
    float: left;
  }
  @media (min-width: 1200px) {
    .case-sec1 .basecont .jut .item .list:hover:after {
      opacity: 1;
    }
  }
  /* End */
  /* 案例详情 */
  .case_info {
    background-color: #F5F5F5;
  }
  .case_info-sec1 .basecont .cont .tit {
    margin-bottom: 60px;
  }
  @media (max-width: 1440px) {
    .case_info-sec1 .basecont .cont .tit {
      margin-bottom: 40px;
    }
  }
  @media (max-width: 991px) {
    .case_info-sec1 .basecont .cont .tit {
      margin-bottom: 30px;
    }
  }
  .case_info-sec2 {
    margin-top: 20px;
  }
  .case_info-sec2 .cont .tit {
    font-weight: bold;
    text-align: center;
    font-size: 46px;
    color: #38393c;
    margin-bottom: 6px;
  }
  @media (max-width: 1440px) {
    .case_info-sec2 .cont .tit {
      font-size: 40px;
    }
  }
  @media (max-width: 991px) {
    .case_info-sec2 .cont .tit {
      font-size: 34px;
    }
  }
  @media (max-width: 767px) {
    .case_info-sec2 .cont .tit {
      font-size: 24px;
    }
  }
  .case_info-sec2 .cont .jut {
    padding: 0 70px;
    position: relative;
  }
  @media (max-width: 1440px) {
    .case_info-sec2 .cont .jut {
      padding: 0 50px;
    }
  }
  @media (max-width: 991px) {
    .case_info-sec2 .cont .jut {
      padding: 0 20px;
    }
  }
  @media (max-width: 767px) {
    .case_info-sec2 .cont .jut {
      padding: 0;
    }
  }
  .case_info-sec2 .cont .jut .swiper-container {
    margin: 0;
    width: 100%;
  }
  .case_info-sec2 .cont .jut .csinfo2-prev,
  .case_info-sec2 .cont .jut .csinfo2-next {
    outline: none;
    width: 21px;
    height: 35px;
    background-size: contain;
    top: 50%;
    margin-top: -17.5px;
  }
  @media (max-width: 1440px) {
    .case_info-sec2 .cont .jut .csinfo2-prev,
    .case_info-sec2 .cont .jut .csinfo2-next {
      width: 16px;
      height: 30px;
      margin-top: -15px;
    }
  }
  @media (max-width: 767px) {
    .case_info-sec2 .cont .jut .csinfo2-prev,
    .case_info-sec2 .cont .jut .csinfo2-next {
      display: none;
    }
  }
  .case_info-sec2 .cont .jut .csinfo2-prev {
    background: url(../images/zuoyouimg1.png) no-repeat center;
    left: 0;
    background-size: contain;
  }
  .case_info-sec2 .cont .jut .csinfo2-prev:hover {
    background: url(../images/zuoyouimg1-1.png) no-repeat center;
  }
  .case_info-sec2 .cont .jut .csinfo2-next {
    background: url(../images/zuoyouimg2.png) no-repeat center;
    right: 0;
    background-size: contain;
  }
  .case_info-sec2 .cont .jut .csinfo2-next:hover {
    background: url(../images/zuoyouimg2-2.png) no-repeat center;
  }
  .case_info-sec2 .cont .jut .csinfo2-cont {
    margin-bottom: 20px;
  }
  .case_info-sec2 .cont .jut .csinfo2-cont .img {
    width: 100%;
    position: relative;
    padding-bottom: 49.2%;
  }
  @media (max-width: 767px) {
    .case_info-sec2 .cont .jut .csinfo2-cont .img {
      padding-bottom: 58.2%;
    }
  }
  .case_info-sec2 .cont .jut .csinfo2-cont .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  .case_info-sec2 .cont .jut .csinfo2-nav .img {
    width: 100%;
    position: relative;
    padding-bottom: 49.2%;
    border: 4px solid transparent;
  }
  @media (max-width: 991px) {
    .case_info-sec2 .cont .jut .csinfo2-nav .img {
      border-width: 2px;
    }
  }
  @media (max-width: 767px) {
    .case_info-sec2 .cont .jut .csinfo2-nav .img {
      padding-bottom: 58.2%;
    }
  }
  .case_info-sec2 .cont .jut .csinfo2-nav .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  .case_info-sec2 .cont .jut .csinfo2-nav .swiper-slide-thumb-active .img {
    border-color: #0eb8ca;
  }
  /* End */
  /* 加入 */
  .join-sec1 .cont {
    padding-top: 0;
  }
  @media (max-width: 991px) {
    .join-sec1 .cont {
      padding-bottom: 30px;
    }
  }
  .join-sec1 .cont .f_pad {
    padding: 0 60px;
    top: 0!important;
  }
  @media (max-width: 1440px) {
    .join-sec1 .cont .f_pad {
      padding: 0 40px;
    }
  }
  @media (max-width: 991px) {
    .join-sec1 .cont .f_pad {
      padding: 0 30px;
    }
  }
  @media (max-width: 767px) {
    .join-sec1 .cont .f_pad {
      padding: 0 20px;
    }
  }
  .join-sec1 .cont .tit .zhong,
  .join-sec1 .cont .item .zhong {
    display: flex;
    line-height: 70px;
  }
  @media (max-width: 1440px) {
    .join-sec1 .cont .tit .zhong,
    .join-sec1 .cont .item .zhong {
      line-height: 60px;
    }
  }
  .join-sec1 .cont .tit .zhong .list,
  .join-sec1 .cont .item .zhong .list {
    width: 18%;
    padding-right: 10px;
  }
  @media (max-width: 767px) {
    .join-sec1 .cont .tit .zhong .list,
    .join-sec1 .cont .item .zhong .list {
      width: 25%;
    }
  }
  @media (max-width: 565px) {
    .join-sec1 .cont .tit .zhong .list,
    .join-sec1 .cont .item .zhong .list {
      width: 33.33%;
    }
  }
  @media (max-width: 767px) {
    .join-sec1 .cont .tit .zhong .list:nth-child(3),
    .join-sec1 .cont .item .zhong .list:nth-child(3) {
      display: none;
    }
  }
  .join-sec1 .cont .tit .zhong .list2,
  .join-sec1 .cont .item .zhong .list2 {
    width: 36%;
  }
  @media (max-width: 767px) {
    .join-sec1 .cont .tit .zhong .list2,
    .join-sec1 .cont .item .zhong .list2 {
      width: 25%;
    }
  }
  @media (max-width: 565px) {
    .join-sec1 .cont .tit .zhong .list2,
    .join-sec1 .cont .item .zhong .list2 {
      display: none;
    }
  }
  .join-sec1 .cont .tit .zhong .list3,
  .join-sec1 .cont .item .zhong .list3 {
    display: flex;
    justify-content: flex-end;
    width: auto;
    width: 18%;
    text-align: center;
  }
  @media (max-width: 767px) {
    .join-sec1 .cont .tit .zhong .list3,
    .join-sec1 .cont .item .zhong .list3 {
      width: 25%;
    }
  }
  @media (max-width: 565px) {
    .join-sec1 .cont .tit .zhong .list3,
    .join-sec1 .cont .item .zhong .list3 {
      width: 33.33%;
    }
  }
  .join-sec1 .cont .tit {
    background-color: #098585;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
  }
  @media (max-width: 1440px) {
    .join-sec1 .cont .tit {
      font-size: 16px;
    }
  }
  @media (max-width: 991px) {
    .join-sec1 .cont .tit {
      font-size: 14px;
    }
  }
  .join-sec1 .cont .item .zhong {
    border-bottom: 1px solid #eeeeee;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    line-height: 60px;
  }
  @media (max-width: 1440px) {
    .join-sec1 .cont .item .zhong {
      line-height: 50px;
    }
  }
  .join-sec1 .cont .item .zhong .text {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    color: #999999;
    padding-left: 1.5em;
  }
  @media (max-width: 1440px) {
    .join-sec1 .cont .item .zhong .text {
      font-size: 14px;
    }
  }
  @media (max-width: 991px) {
    .join-sec1 .cont .item .zhong .text {
      font-size: 12px;
    }
  }
  .join-sec1 .cont .item .zhong .list:nth-child(1) .text {
    padding-left: 0;
  }
  .join-sec1 .cont .item .zhong .list3 {
    display: flex;
    align-items: center;
    padding-right: 1.5em;
  }
  .join-sec1 .cont .item .zhong .icon {
    width: 12px;
    overflow: hidden;
  }
  .join-sec1 .cont .item .zhong .icon img {
    width: 100%;
    float: left;
  }
  .join-sec1 .cont .item .zhong .icon img:nth-child(2) {
    display: none;
  }
  .join-sec1 .cont .item .f_jut {
    background-color: #f7f7f7;
    padding-top: 40px;
    padding-bottom: 46px;
    display: none;
  }
  @media (max-width: 1440px) {
    .join-sec1 .cont .item .f_jut {
      padding-top: 30px;
      padding-bottom: 36px;
    }
  }
  .join-sec1 .cont .item .f_jut .make-text {
    margin-bottom: 50px;
  }
  @media (max-width: 1440px) {
    .join-sec1 .cont .item .f_jut .make-text {
      margin-bottom: 30px;
    }
  }
  @media (max-width: 991px) {
    .join-sec1 .cont .item .f_jut .make-text {
      margin-bottom: 26px;
    }
  }
  @media (max-width: 767px) {
    .join-sec1 .cont .item .f_jut .make-text {
      font-size: 12px!important;
    }
  }
  .join-sec1 .cont .item .f_jut .form {
    display: flex;
    align-items: center;
  }
  .join-sec1 .cont .item .f_jut .form .f_sub {
    border: none;
    cursor: pointer;
    margin-left: 20px;
  }
  .join-sec1 .cont .item .f_jut .form .file {
    position: relative;
    background-color: transparent;
    border: 1px solid #0eb8ca;
    color: #0eb8ca;
  }
  .join-sec1 .cont .item .f_jut .form .file span {
    position: relative;
    z-index: 1;
    display: block;
    width: 94%;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .join-sec1 .cont .item .f_jut .form .file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
  }
  .join-sec1 .cont .on .zhong {
    border-color: #F7F7F7;
  }
  .join-sec1 .cont .on .zhong .icon img:nth-child(1) {
    display: none;
  }
  .join-sec1 .cont .on .zhong .icon img:nth-child(2) {
    display: block;
  }
  .join-sec1 .f_but {
    display: flex;
    justify-content: center;
  }
  /* End */
  /* 右侧固定 */
  .fixedrigt {
    position: fixed;
    z-index: 777;
    display: none;
  }
  .fixedrigt .zhong {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .fixedrigt .zhong:after {
    content: "";
    clear: both;
    display: block;
  }
  .fixedrigt .item {
    background-color: #27aecd;
    display: block;
    padding: 10px;
    margin-bottom: 5px;
  }
  .fixedrigt .item:last-child {
    margin-bottom: 0;
  }
  @media (max-width: 991px) {
    .fixedrigt .item {
      padding: 0;
      margin-bottom: 0;
    }
  }
  .fixedrigt .item .tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
  }
  @media (max-width: 1440px) {
    .fixedrigt .item .tit {
      font-size: 14px;
      width: 60px;
      height: 60px;
    }
  }
  .fixedrigt .item .tit i {
    display: block;
    height: 26px;
    margin-bottom: 10px;
  }
  @media (max-width: 1440px) {
    .fixedrigt .item .tit i {
      margin-bottom: 8px;
    }
  }
  @media (max-width: 991px) {
    .fixedrigt .item .tit i {
      height: 22px;
      margin-bottom: 5px;
    }
  }
  .fixedrigt .item .tit i img {
    height: 100%;
  }
  .fixedrigt .tel {
    display: flex;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .fixedrigt .tel .jut {
    width: 60%;
    width: calc(100% - 80px);
    text-align: center;
    height: auto;
    border-left: 1px solid #fff;
    font-size: 24px;
    font-weight: bold;
    display: none;
    color: #fff;
    line-height: 80px;
  }
  @media (max-width: 1440px) {
      .fixedrigt .tel .jut{
          line-height: 60px;
      }
    .fixedrigt .tel .jut {
      font-size: 20px;
    }
  }
  @media (min-width: 992px) {
    .fixedrigt .tel:hover {
      width: 312px;
    }
    .fixedrigt .tel:hover .jut {
      display: block;
    }
  }
  .fixedrigt .er {
    position: relative;
  }
  .fixedrigt .er .erimg {
    position: absolute;
    right: 110%;
    right: calc(100% + 12px);
    top: 0;
    width: 120px;
    background-color: #fff;
    padding: 6px;
    display: none;
    box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 0.2);
  }
  @media (max-width: 991px) {
    .fixedrigt .er .erimg {
      right: inherit;
      left: 0;
      bottom: 110%;
      bottom: calc(100% + 12px);
      top: inherit;
    }
  }
  .fixedrigt .er .erimg img {
    width: 100%;
  }
  .fixedrigt .er .erimg:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
  }
  @media (min-width: 992px) {
    .fixedrigt .er .erimg:after {
      top: 26%;
      right: -7px;
      border-bottom: 5px solid transparent;
      border-top: 5px solid transparent;
      border-left: 7px solid #fff;
    }
  }
  @media (max-width: 991px) {
    .fixedrigt .er .erimg:after {
      bottom: -7px;
      left: 30%;
      border-right: 5px solid transparent;
      border-left: 5px solid transparent;
      border-top: 7px solid #fff;
    }
  }
  .fixedrigt .er:hover .erimg {
    display: block;
  }
  .fixedrigt .top .tit {
    color: #fff;
  }
  .fixedrigt .top .tit i {
    display: block;
    height: 14px;
    margin-bottom: 13px;
  }
  @media (min-width: 992px) {
    .fixedrigt {
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }
  }
  @media (max-width: 991px) {
    .fixedrigt {
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 777;
    }
    .fixedrigt .zhong {
      display: flex;
      flex-direction: row;
    }
    .fixedrigt .item {
      width: 25%;
    }
    .fixedrigt .item .tit {
      width: 100%;
      height: 60px;
    }
  }
  
  /* 搜索 */
  @media (min-width: 768px) {
    .fw_earch {
      position: relative;
    }
  }
  .fw_earch .form {
    position: absolute;
    top: 100%;
    right: -160px;
    width: 450px;
    display: none;
    align-items: center;
    overflow: hidden;
    padding: 16px 20px;
    background-color: #fff;
  }
  @media (max-width: 767px) {
    .fw_earch .form {
      width: 100%;
      right: 0;
    }
  }
  .fw_earch .form input,
  .fw_earch .form .fw_sub {
    outline: none;
    border: 1px solid #ddd;
    padding: 12px 15px;
    height: 42px;
    font-size: 16px;
    float: left;
  }
  .fw_earch .form input {
    width: 80%;
    border-right: none;
  }
  .fw_earch .form .fw_sub {
    width: 20%;
    background-color: #098585;
    border-color: transparent;
  }
  .fw_earch:hover .form {
    display: block;
  }
  /* End */
  /* 下拉 */
  .headbox-sec1 .basecont .cont .navbox .item {
    position: relative;
  }
  .headbox-sec1 .basecont .cont .navbox .item ul {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    background-color: #fff;
    width: 200px;
    text-align: center;
    line-height: 40px;
      list-style: none;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    display: none;
      box-shadow: 0 4px 6px rgba(0,0,0,.06);
  }
  .headbox-sec1 .basecont .cont .navbox .item ul li a {
    display: block;
    padding: 5px 10px;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
  }
  .headbox-sec1 .basecont .cont .navbox .item ul li a:hover {
    background-color: #098585;
    color: #fff;
  }
  .headbox-sec1 .basecont .cont .navbox .item ul li:last-child a {
    border-bottom: none;
  }
  .headbox-sec1 .basecont .cont .navbox .item:hover ul {
    display: block;
  }
  .headbox-sec2 {
    display: none;
    overflow: auto;
  }
  .headbox-sec2 .basecont .navbox {
    height: auto;
  }
  .headbox-sec2 .basecont .navbox .item .tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .headbox-sec2 .basecont .navbox .item .tit i {
    display: block;
    width: 8px;
    overflow: hidden;
  }
  .headbox-sec2 .basecont .navbox .item .tit i img {
    float: left;
    width: 100%;
  }
  .headbox-sec2 .basecont .navbox .item ul {
    display: none;
    line-height: 30px;
    border-top: 1px solid #ddd;
  }
  .headbox-sec2 .basecont .navbox .item ul li a {
    font-size: 12px;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    display: block;
  }
  .headbox-sec2 .basecont .navbox .item ul li:last-child a {
    border-bottom: none;
  }
  .headbox-sec2 .basecont .navbox .on .tit i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  /* 5.10 */
  .fixedrigt .er .erimg p{
    display: none;
  }
  
  @media (max-width: 991px) {
    .fixedrigt .er .erimg img{
      display: none;
    }
    .fixedrigt .er .erimg p{
      display: block;
      text-align: center;
    }
    
  }
    .home-sec6 .cont .item .list .font .but .x-sapn2{
        display: none;
    }
  @media (max-width: 767px) {
      .home-sec4 .basecont .lt .font .f_tit{
          display: none;
      }
      .home-sec4 .basecont .lt .font .text{
              margin-bottom: 0;
      }
      .home-sec6 .cont .item .list .font .text{
          display: none;
      }
    .service-sec1 .basecont .cont .lt .f_jut .nav{
      flex-wrap: wrap;
      justify-content: center;
      overflow: initial;
      padding-bottom: 0;
    }
    .service-sec1 .basecont .cont .lt .f_jut .nav li{
      width: auto;
    }
    /*.service-sec1 .basecont .cont .lt .f_jut .nav .on a:after{*/
    /*  width: 99%;*/
    /*}*/
    .make-text table tbody tr{
      display: flex;
      flex-wrap: wrap;
    }
    .make-text table tbody tr td{
      width: 100% !important;
    }
     .home-sec5 .cont .lt .jut .nav{
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      overflow: initial;
      padding-bottom: 0;
    }
    .home-sec5 .cont .lt .jut .nav li a{
      text-align: center;
    }
    .home-sec5 .cont .lt .jut .nav .on a:after{
      width: 99%;
    }
    .home-sec5 .cont .lt .jut .tit .font span{
      left: 50%;
      transform: translateX(-50%);
    }
    .home-sec5 .cont .lt .jut .tit .font .f_t{
      text-align: center;
    }
    .home-sec5 .cont .lt .jut .nav{
      display: none;
      overflow: initial;
    }
    .make-text img{
        object-fit: contain;
    }
    .make-text ul{
        width: 100% !important;
    }
    .home-sec2 .cont .img img {
    height: 78%;
    object-fit: cover;
}
.home-sec5 .cont .lt{
    background-color: #fff;
}
.home-sec5 .cont .lt .jut .nav li{
    float: left;
    width: auto;
}
.home-sec5 .cont .lt .jut .nav li a span{
    font-size: 12px;
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
}
.home-sec5 .cont .lt .jut .nav li:nth-of-type(3n){
    padding-right: 0;
}
.home-sec5 .cont .lt .jut .nav{
    padding: 0 10px;
    margin-top: 10px;
}
.home-sec5 .cont .lt .jut .nav li a{
    padding: 0;
    line-height: 40px;
}
.home-sec5 .cont .lt .jut .nav .on a:after{
    border-left: none;
}
.home-sec5 .cont .lt .jut .nav li a span{
    padding: 0 4px;
}
.home-sec6 .cont .item .list .font .but .x-span2{
        display: block;
        margin-right: 10px;
        color: #999999;
        font-size: 14px;
    }
    .home-sec6 .cont .item .list .font .time{
        display: none;
    }
  }
   .case-sec1 .basecont .jut .item .list:before{
    background: none;
  }
  .fixedrigt .item{
          margin-bottom: 5.34376px;
  }
  .bannerbox .banner-pagin{
          bottom: 10px;
  }
   @media (max-width: 991px) {
       .fixedrigt .item{
          margin-bottom: 0;
  }
  .home-sec5 .cont .lt .jut .nav{
      display: block;
  }
   }
    @media (max-width: 380px) {
        .bannerbox .img img{
            height: 33vh;
            
        }
    }
      .case-sec1 .basecont .lt{
        display: none;
    }
      @media (max-width: 768px) {
          .case-sec1 .basecont .nav{
              display: none;
          }
            .case-sec1 .basecont .lt {
            display: block;
        }
        .case-sec1 .basecont .lt .jut .tit {
            position: relative;
            background-color: #0eb8ca;
            padding: 22px 20px;
            width: 100%;
            text-align: center;
        }
        .case-sec1 .basecont .lt .jut .tit .font {
            position: relative;
        }
        .case-sec1 .basecont .lt .jut .nav1 {
            width: 100%;
            padding: 10px 10px;
            text-align: center;
            background-color: #fff;
        }
        .case-sec1 .basecont{
            background-color: #F5F5F5;
        }
        .case-sec1 .basecont .lt .jut .nav1 li {
            line-height: 36px;
            padding: 0 13px;
            display: inline-block;
               font-size: 14px;
            text-align: center;
            position: relative;
            z-index: 1;
        }
        .case-sec1 .basecont .lt .jut .nav1 li a {
            padding: 0;
            line-height: 40px;
            position: relative;
        }
        .case-sec1 .basecont .lt .jut .tit .font .f_t{
            position: relative;
            z-index: 2;
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            line-height: 1;
        }
       .case-sec1 .basecont .lt .jut .nav1 li.on{
               background-color: #0eb8ca;
       }
        .case-sec1 .basecont .lt .jut .nav1 li.on a{
            color: #fff;
        }
      }
      .home-sec6 .cont .item .list .font .but{
          position: relative;
      }
      .home-sec6 .cont .item .list .font .but span:nth-of-type(2){
          position: absolute;
          right: 150px;
      }
      .home-sec6 .cont .item .list .font .but i{
           position: absolute;
          right: 122px;
      }
      .home-sec3 .cont .item .list .jut .hover .font .tit{
              /*min-height: 32px;*/
      }
       @media (max-width: 1400px) {
           .home-sec6 .cont .item .list .font .but i{
                   position: absolute;
                    right: 55px;
           }
           .home-sec6 .cont .item .list .font .but span:nth-of-type(2) {
                position: absolute;
                right: 80px;
            }
       }
/*.kuang{border:1px solid #80808033;}
.kuang h3{text-align:center;padding-bottom:10px;font-weight:bold;margin:20px auto;border-bottom:1px dashed #80808052;}
.kuang p{padding-left:3%;font-size:16px;text-align:left;line-height:30px;margin:auto;}
  @media (min-width: 1199px) and (max-width: 1920px) {
      .kuang{width:88%;height:230px;margin: 20px auto;}
      .kuang h3{width:20%;font-size:38px;}
      .kuang p{width:50%;margin:auto;float:left;}
  }
      @media (min-width: 767px) and (max-width: 1199px) {
      .kuang{width:100%;}
      .kuang h3{width:100%;font-size:38px;}
      .kuang p{width:100%;}
  }
      @media (max-width: 767px) {
      .kuang{width:100%;}
      .kuang h3{width:100%;font-size:24px;}
      .kuang p{width:100%;}
  }*/
  .kuang{width:100%;max-width:1430px;margin: 20px auto;height:auto;}
.kuang h3{text-align:center;padding-bottom:10px;font-weight:bold;margin:20px auto;border-bottom:1px dashed #80808052;}
.kuang img{width:100%;}
.kuang ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.kuang li{text-align:left;line-height:30px;background: rgb(246 246 246);;padding:1%;margin-top:1%;list-style:none;}
.kuang li b{width:50%;margin:6% auto;border-radius:60%;background:#0372bb;color:white;}
  @media (min-width: 1440px) {
      .kuang h3{width:28%;font-size:48px;}
      .kuang li{width:16%;font-size:16px;}
      .kuang li b{padding:15%;display:flex;justify-content: center;border:6px solid #e6e4e4;font-size:26px;}
  }
  @media (min-width: 991px) and (max-width: 1440px) {
      .kuang h3{width:20%;font-size:38px;}
      .kuang li{width:16%;font-size:16px;}
      .kuang li b{padding:10%;display:flex;justify-content: center;border:3px solid #e6e4e4;font-size:26px;}
  }
      @media (max-width: 991px) {
      .kuang h3{width:100%;font-size:24px;}
      .kuang li{width:100%;font-size:16px;}
      .kuang li b{padding:1% 2.6%;font-size:16px;margin:1%;}
  }
  
/*图片样式.kuang{width:88%;max-width:1430px;height:auto;border:1px solid #dddddd8a;}
.kuang h3{text-align:center;padding-bottom:10px;font-weight:bold;margin:20px auto;border-bottom:1px dashed #80808052;}
.kuang ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.kuang li{text-align:left;line-height:30px;background: rgb(246 246 246);;padding:1%;margin-top:1%;list-style:none;}
.kuang li img{width:100%;margin-bottom:2%;}
  @media (max-width: 1920px) {
      .kuang{margin:20px auto;}
      .kuang h3{width:20%;font-size:48px;}
      .kuang li{width:16%;font-size:16px;}
  }
  @media (min-width: 991px) and (max-width: 1440px) {
      .kuang{margin:20px auto;}
      .kuang h3{width:20%;font-size:38px;}
      .kuang li{width:16%;font-size:16px;}
  }
      @media (max-width: 991px) {
      .kuang{margin: 20px auto;}
      .kuang h3{width:100%;font-size:24px;}
      .kuang li{width:90%;font-size:16px;}
      .kuang li img{float:left;width:10%;padding-top: inherit;}
  }*/
    /*End */