body{-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;} 
.cpfw_xq_img {

  position: relative;

  padding-top: 65%;

  overflow: hidden;    display: block;

}

.cpfw_xq_img img {

  position: absolute;

  top: 0;

  left: 0;

  -o-object-fit: cover;

  object-fit: cover;

  height: 100%;

  width: 100%;

  -webkit-transition: all 1s;

  -o-transition: all 1s;

  -moz-transition: all 1s;

  transition: all 1s;

}
.qhd-content{overflow: auto;}

.qhd-content p span{text-wrap:wrap !important;}

/*分页*/
.pager {text-align: center; margin: 40px 0px 0px 0px;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; border: #dddddd solid 1px; margin-left: -1px; display: inline-block;}
.pager ul li a:hover {border-color: #70c4f3; background-color: #70c4f3; }
.pager ul .active a {border: #00A29A solid 1px; display: inline-block; background-color: #00A29A; color: #fff;}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px; background-color: #fff}
.pager ul .active a:hover {color: #fff; border: #00A29A solid 1px !important; background-color: #00A29A !important}
.table th, .table td { padding:14px 18px; border-top:1px solid #ccc; }
.table th { background-color:#d9d9d9; font-size:16px; }
.table-row thead th { background-color:#d9d9d9; }
.table-row tbody th { background-color:#d9d9d9; }
.table-bordered th, .table-bordered td { border-left:1px solid #ccc; }*/
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
.qhd-content table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: collapse;
  overflow: visible;
}
.qhd-content table th, .qhd-content table td {
  padding: 14px 18px;
  text-align: left;
  border: 1px solid #ddd;
}
.qhd-content table tbody tr.trhover td {
  background-color: #f0f0f0;
}

.qhd-content table table tbody tr:first-child td {
  background-color: transparent;
  color: #333;
  font-size: 14px;
  font-weight: normal;
  border: none;
}
.qhd-content table table tbody tr td {
  padding: 0;
}
.qhd-content table tbody img[src*="file"] {
  
}
.qhd-content table tbody p {
  margin-bottom: 0;
}
.qhd-content table tbody tr.trhover table td {
  background-color: #f0f0f0;
}
.qhd-content table tbody tr:first-child table td {
  background-color: transparent;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 0;
}
.qhd-content .table {
  overflow: visible;
}
.qhd-content .table th, .qhd-content .table td {
  line-height: 1.8;
  padding: 14px 18px;
}
.qhd-content .table th {
  background-color: #0069cc;
  color: #fff;
}
.qhd-content .table td {}
.qhd-content .table tbody tr:first-child td {
  background-color: transparent;
  color: #333;
  font-size: 14px;
  font-weight: normal;
}
.qhd-content .table tbody tr.trhover td {
  background-color: #f0f0f0;
}
.qhd-content .table th {
  background-color: #0069cc;
  color: #fff;
  font-size: 16px;
}
.qhd-content .table-row thead th {
  background-color: #0069cc;
  color: #fff;
}
.qhd-content .table-row tbody th {
  background-color: #0069cc;
  color: #fff;
}
.qhd-content .table tbody .even-row td {
  background-color: #f0f0f0;
}

.dwNav {
    width: 100%;
    border-bottom: 1px solid #e8eaee;
}

.dwNavBox {
    display: flex;
    justify-content: space-between;
}

.dwNavL {
    display: flex;
    align-items: center;
    color: #91939B;
}

.dwNavL a {
    color: #333;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.dwNavL i {
    color: #91939B;
    font-size: 16px;
    margin: 0 10px;
}

.dwNavL svg {
    width: 18px;
    height: 18px;
    margin: 0 10px;
}

.dwNavL svg path {
    fill: #333;
}

/*  */
.dwNavR {
    display: flex;
    align-items: center;   
}

.dwNavR a {
    padding: 20px;
    text-align: center;
    font-size: 16px;
    color: #333;
    position: relative;
    transition: all .48s;
}

.dwNavR a::after {
    content: '';
    width: 0%;
    height: 2px;
    border-bottom: 2px solid #00A29A;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .48s;
}

.dwNavR a.on {
    font-weight: 500;
    color: #00A29A;
    border-color: #00A29A;
}


.dwNavR {
    /* 容器设置 */
    white-space: nowrap; /* 禁止换行，使内容在一行显示 */
    overflow-x: auto; /* 水平方向超出时显示滚动条 */
    overflow-y: hidden; /* 隐藏垂直滚动条 */
 
    padding: 10px 0; /* 可选：添加内边距美观 */
      max-width: 65vw; /* 固定宽度为屏幕宽度的60% */
    /* 触发滚动条的条件：内容宽度超过屏幕宽度60%时 */
    /* 需结合子元素宽度判断，若子元素总宽度超过60%屏幕宽度则滚动 */   
}

.dwNavR a {
    /* 导航项样式 */
    display: inline-block; /* 转为行内块元素，支持设置宽度 */
    padding: 8px 16px; /* 导航项内边距 */
    margin: 0 8px; /* 导航项间距 */
    text-decoration: none; /* 去除下划线 */
    color: #333; /* 文字颜色 */
    
    /* 可自定义其他样式，如背景色、鼠标悬停效果等 */
}

/* 媒体查询：屏幕宽度较小或导航项过多时触发滚动 */
@media (max-width: 1000px) { /* 示例：假设屏幕宽度1000px以下时可能触发滚动，可根据实际调整 */
    .dwNavR {
        /* 强制显示横向滚动条（可选，若需始终允许滚动可不加） */
        overflow-x: auto;
    }
}
.dwNavR::-webkit-scrollbar {
    height: 6px; /* 滚动条高度 */
}
.dwNavR::-webkit-scrollbar-track {
    background: #f0f0f0; /* 轨道背景色 */
}
.dwNavR::-webkit-scrollbar-thumb {
    background: #666; /* 滚动条颜色 */
    border-radius: 3px;
}
/* 产品列表 */
.sonimgban-prowd{width: 100%;position: absolute;z-index: 2;left: 0;top: 50%;transform: translateY(-50%);}
.sonimgban-prowd .small-contain{width: 1160px;margin: 0 auto;}
.sonimgban-prowdft{color: #fff;text-align: right;width: 100%;}
.sonimgban-prowdft h6, .sonimgban-prowdft h1, .sonimgban-prowdft p, .sonimgban-prowdft span{opacity: 0;animation: caseBr 1s ease both;}
.sonimgban-prowdft h6, .sonimgban-prowdft h1{font-size: 60px;font-weight: 500;animation-delay: 200ms;}
.sonimgban-prowdft p{font-size: 42px;margin: 32px 0 10px;animation-delay: 400ms;}
.sonimgban-prowdft span{font-size: 24px;display: block;animation-delay: 600ms;}
@keyframes caseBr{0%{opacity: 0;transform: translateX(-120px);}100%{opacity: 1;transform: translateX(0);}}
.prolist{width: 100%;overflow: hidden;}
.prolist li{width: 49%;background: #fff;position: relative;margin-top: 25px;    padding-bottom: 25px;}
.prolist li:nth-child(2n+1){float: left;}
.prolist li:nth-child(2n){float: right;}
.prolist li a{display: flex;align-items: center;width: 100%;padding: 25px 25px 0;    justify-content: space-between;}
.prolist-img{width: 40%;float: left;    max-height: 250px;    overflow: hidden;}
.prolist-img img{max-width: 100%;transform: scale(.96);transition: all .6s ease-in-out;}
.prolist-wd{width: 56%;float: right;padding-top: 24px;}
.prolist-wdtit{width: 100%;}
.prolist-wdtit h6, .prolist-wdtit h1{font-size:24px;color: #333;margin-bottom: 12px;transition: all .4s ease;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;}
.prolist-wdtit p{font-size: 16px;color: #333;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;}
.prolist-wddes{width: 100%;margin-top: 15px;}
.prolist-wddes p{font-size: 16px;color: #999;line-height: 36px;}
.prolist-wddes p span{color: #333;}
.prolist li a:hover .prolist-img img{transform: scale(.98) translateY(-10px);}
.prolist li a:hover .prolist-wdtit h6{color: #0061b0;}
.prolist li a:hover .prolist-wdtit h1{color: #0061b0;}
/* 产品详情-1 */
.sonimgban-proolink{position: absolute;top: 0;}
.prooban-contain{width: 1384px;margin: 0 auto;}
.sonimgban-proowdimg{float: left;width: 56%;opacity: 0;animation: prooDb 1.2s ease-in-out both;}
.sonimgban-proowdimg img{max-width: 88%;}
.sonimgban-prooimg{height: 780px;}
.sonimgban-proowd{transform: translateY(0);top: 140px;}
.sonimgban-proowd .sonimgban-prowdft{padding-top: 116px;}
@keyframes prooDb{0%{opacity: 0;transform: translateY(-160px);}100%{opacity: 1;transform: translateY(0);}}
.proogd{width: 100%;padding: 184px 0 172px;overflow: hidden;position: relative;}
.proogd-contain{width: 1384px;margin: 0 auto;}
.proogd-wd{width: 50%;float: left;}
.proogd-wd h6, .proogd-wd h1{font-size: 32px;color: #333;margin: 52px 0 40px;}
.proogd-wd p{font-size: 16px;color: #999;line-height: 32px;padding-left: 18px;position: relative;}
.proogd-wd p:after{content: "";width: 6px;height: 6px;background: #0061b0;position: absolute;left: 0;top: 13px;}
.proogd-img{width: 46%;float: right;}
.proogd-img img{max-width: 100%;object-fit: cover;}
.prooaz{width: 100%;padding: 178px 0 168px;position: relative;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;overflow: hidden;}
.prooaz-contain{width: 1448px;margin: 0 auto;position: relative;z-index: 9;}
.prooaz-img{width: 48.8%;float: left;}
.prooaz-img img{max-width: 100%;}
.prooaz-wd{width: 40%;float: left;margin-left: 10%;}
.prooaz-wd h6, .prooaz-wd h1{font-size: 32px;color: #fff;margin: 52px 0 40px;}
.prooaz-wd p{font-size: 16px;color: #fff;line-height: 32px;padding-left: 18px;position: relative;}
.prooaz-wd p:after{content: "";width: 6px;height: 6px;background: #fff;position: absolute;left: 0;top: 13px;}
/* 粒子线 */
#businesslz {position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}
/* over */
.proobf.prooaz{padding: 156px 0 168px;background: #012b84;position: relative;overflow: hidden;}
.proobf.prooaz .prooaz-img{width: 47.5%;}
.proobf.prooaz .prooaz-wd h6, .proobf.prooaz .prooaz-wd h1{margin-top: 100px;}
.proobf.prooaz .prooaz-wd{margin-left: 12%;}
.proobf.prooaz .prooaz-contain{position: relative;z-index: 999;}
/* 波浪 */
.proobf-granule {width: 100%;height: 100%;position: absolute;top: 20%;left: 0px;}
/* over */
.proofs.proogd{padding: 142px 0;}
.proofs.proogd .proogd-img{width: 54.3%;}
.proofs.proogd .proogd-wd{width: 40%;}
.proofs.proogd .proogd-wd h6, .proofs.proogd .proogd-wd h1{margin-top: 68px;}
.proofs-list{width: 100%;overflow: hidden;margin-top: 62px;}
.proofs-list li{width: 89px;float: left;text-align: center;margin-right: 32px;}
.proofs-list li img{width: 100%;object-fit: cover;}
.proofs-list li span{display: block;width: 100%;margin-top: 26px;font-size: 16px;color: #999;}
.proocs{width: 100%;padding: 100px 0;background: #f7f7f7;}
.proocs-tit{width: 100%;}
.proocs-tit h6, .proocs-tit h1{font-size: 32px;color: #333;}
.proocs-tb{width: 100%;margin-top: 48px;}
.proocs-tb table{width: 100%;}
.proocs-tb table tr:nth-child(2n+1){background: #ededed;}
.proocs-tb table tr:nth-child(2n){background: #fff;}
.proocs-tb table td{height: 80px;font-size: 16px;color: #999;}
.proocs-tb table td:first-child{color: #333;padding-left: 52px;}
.prooaz.prooaz-zfx{padding: 100px 0 90px;}
.proogd.prooaz-zfx{padding: 100px 0 90px;}

/* 产品详情-2 */
.sonimgban-prot{overflow: hidden;}
.sonimgban-prot .sonimgban-proowd{top: 100px;}
.protplay{user-select: none;font-size: 18px;color: #f7f7f7;cursor: pointer;height: 34px;line-height: 34px;opacity: 0;animation: caseBr 1s ease both 800ms;width: 140px;float: right;margin-top: 30px;}
.protplay i{width: 34px;height: 34px;background: url('../images/protplay.png') no-repeat;margin-right: 18px;display: inline-block;vertical-align: middle;}
.protcs{width: 100%;padding: 50px 0 60px;overflow: hidden;position: relative;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;}
.protcs-item{float: right;display: flex;flex-wrap: wrap;align-items: center;}
.protcs-wd{width: 51.5%;float: left;}
.protcs-wd h1{font-size: 32px;color: #333;line-height: 40px;}
.protcs-wd h6{font-size: 26px;color: #333;line-height: 40px;}
.protcs-wd p{font-size: 15px;color: #666;line-height: 36px;}
.protcs-wd p span{color: #333;}
.protcs-kk{display: block;width: 100%;height: 28px;}
.protcs-imgbox{width: 48.5%;float: right;position: relative;}
.protcs-imgloop{width: 100%;padding-right: 90px;}
.protcs-img{width: 100%;padding-bottom: 80px;padding-left: 4px;padding-right: 4px;}
.protcs-img img{max-width: 100%;object-fit: cover;}
.protcs-prev, .protcs-next{width: 48px;height: 48px;cursor: pointer;background: #0061b0 url('../images/protbarr.png') no-repeat center;position: absolute;z-index: 2;right: 0;}
.protcs-prev{top: 32%;}
.protcs-next{top: 44%;transform: rotate(180deg);}
.protcs-imgbox .swiper-pagination-bullet-active {background: #0061b0;}
.protcs-imgbox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 12px;}
.protwd{width: 50%;}
.protimg{width: 50%;background: #f5f5f5;}

.protimg img, .protwd{min-height: 575px;}
.protimg img{width: 100%;object-fit: cover;}
.protimgwd{width: 100%;overflow: hidden;}
.protimg{float: left;}
.protwd{float: right;display: flex;align-items: center;padding: 0 180px;}
.protwd-font{width: 100%;position: relative;padding: 62px 0;}
.protwd-font span{font-family: "GOTHAMHTF";user-select: none;font-size: 300px;z-index: 1;color: #0061b0;opacity: 0.04;font-weight: 700;line-height: .7em;position: absolute;top: 0;left: 88px;}
.protwd-font h6, .protwd-font h1{font-size: 32px;color: #333;margin-bottom: 32px;position: relative;z-index: 2;}
.protwd-font p{font-size: 16px;color: #333;position: relative;z-index: 2;}
.protwdimg .protwd{float: left;}
.protwdimg .protimg{float: right;}
.protimgwd-item{width: 100%;}
.sonimgban-prot .sonimgban-proowdimg{width: 54%;}
/* 导航容器样式 */
.hNav ul li {
    position: relative;
}
.hNav_zk {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    background: #fff;
    padding: 5px 0 0;
    border-top: 2px solid #00A29A;
}
.hNav_zk dd {
    text-align: center;
    white-space: nowrap;
    padding: 5px 20px;
    border-bottom: 1px solid #eee;    color: #333;font-size: .95rem; 
}
.hNav_zk dd:hover {
    color: #00A29A;
}


        .headBox {
          background-color: #f8f9fa;
          padding: 15px 20px;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        /* 主菜单样式 */
        .headBox ul {
          list-style: none;
          display: flex;
          gap: 30px;
          max-width: 1200px;
          margin: 0 auto;
        }
        .headBox ul li {
          position: relative;
        }
        .headBox ul li a {
          text-decoration: none;
          color: #333;
          transition: color 0.3s;
          display: block;
          padding: 0px 0px 8px 0px;
        }

    .headBox ul li a span {float: right;width: 20px;}
.headBox ul li a span img{height: 20px;}

        .headBox ul li a:hover {
          color: #00A29A;
        }
        /* 二级菜单样式 */
        .headBox ul li ul {
          position: absolute;
          left: 0;
          top: calc(100% + 10px);
          background-color: #fff;
          border-radius: 4px;
          padding: 0px;
          min-width: 180px;
          opacity: 0;
          visibility: hidden;
          transform: translateY(-10px);
          transition: all 0.3s ease;
          z-index: 100;
          flex-direction: column;
          gap: 10px;
        }
        /* 二级菜单列表项样式 */
        .headBox ul li ul li {
          margin: 5px 0;
        }
        .headBox ul li ul li a {
          color: #666;
          font-size: 1.1rem;
        }
        .headBox ul li ul li a:hover {
          color: #00A29A;
          text-decoration: underline;
        }
        /* 显示二级菜单的类 */
        .headBox ul li.active ul {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
        }
        /* 移动端适配 */
        @media (max-width: 768px) {
          .headBox ul {
            flex-direction: column;
            gap: 0px;
          }
          .headBox ul li ul {
            position: static;
            margin-left: 10px;
            transform: none;
            opacity: 1;
            visibility: visible;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease; margin-top: 10px;
          }
          .headBox ul li.active ul {
            max-height: 1000px;
          }
        }
        .container {
          width: 1400px;
          margin: 0 auto;
        }
        .footer .container {
          width: 80%;
        }
        .padd120 {
          padding: 100px 0;
        }
        .flex-table {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
        }
        .flex {
          -ms-flex: 1 1 auto;
          -webkit-box-flex: 1;
          flex: 1 1 auto;
        }
        .img_pic {
          position: relative;
          width: 100%;
          padding-top: 50%;
          overflow: hidden;
        }
        .img_pic img {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          -webkit-transition: all 1s;
          transition: all 1s;
          -o-object-fit: cover;
          object-fit: cover;
        }
        .backwrite {
          background: #fff;
        }
        .paddb90 {
          padding-bottom: 90px;
        }
        .padd90 {
          padding: 90px 0;
        }
        @media (max-width: 991px) {
          .padd90 {
            padding: 70px 0;
          }
          .paddb90 {
            padding-bottom: 70px;
          }
        }
        @media (max-width: 768px) {
          .padd90 {
            padding: 50px 0;
          }
          .paddb90 {
            padding-bottom: 50px;
          }
        }
        /* header */
        /*  */
        .zdHead {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          padding: 1.8rem 50px;
          box-sizing: border-box;
          z-index: 9999;
          transition: all 0.28s;
        }
        .zdHead_box {
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        .zdHead_logo {
          width: 7rem;
          transition: all 0.48s;
        }
        .zdHead_logo a {
          display: block;
        }
        .zdHead_logo img {
          max-width: 100%;
        }
        .zdHead_logo_c {
          display: none;
        }
        .zdHead_nav li {
          position: relative;
          display: inline-block;
          padding: 10px 30px;
        }
        .zdHead_nav a {
          line-height: 45px;
          color: #fff;
          font-size: 1.2rem;
          opacity: .98;
          -webkit-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
          transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        }
        .zdHead_nav li .sub {
          position: absolute;
          top: 38px;
          left: 50%;
          transform: translateX(-50%);
          width: 100%;
          background: #fff;
          border-radius: 6px;
          min-width: 189px;
          padding: 28px 0 10px;
          opacity: 0;
          visibility: hidden;
          transition: all 0.48s;
          z-index: -1;
        }
        .zdHead_nav li:last-child .sub {
          left: auto;
          transform: translateX(0);
          right: 0;
        }
        .zdHead_nav li:hover .sub {
          opacity: 1;
          visibility: inherit;
          z-index: 999;
          top: 68px;
        }
        .zdHead_nav li .sub a {
          color: #333;
          display: block;
          opacity: 1;
          text-align: center;
          font-size: 14px !important;
          border-bottom: 1px solid #eee;
          line-height: 2;
          padding: 10px 0;
        }
        .zdHead_nav li .sub a:last-child {
          border-bottom: 0;
        }
        .zdHead_nav li .sub a:hover {
          color: #00A29A;
        }
        .zdHead_nav a:hover {
          opacity: 1;
        }
        .zdHead.bg, .zdHead.on {
          padding: 10px 30px;
          background: #fff;
          box-shadow: 0 0 15px rgba(0, 0, 0, .2);
        }
        .zdHead.bg .zdHead_logo, .zdHead.on .zdHead_logo {
          width: 6rem;
        }
        .zdHead.bg .zdHead_logo_c, .zdHead.on .zdHead_logo_c {
          display: block;
        }
        .zdHead.bg .zdHead_logo_w, .zdHead.on .zdHead_logo_w {
          display: none;
        }
        .zdHead.bg .zdHead_nav a, .zdHead.on .zdHead_nav a {
          color: #333;
          font-size: 1.1rem;
          opacity: 1;
        }
        .zdHead.bg .zdHead_nav a:hover, .zdHead.on .zdHead_nav a:hover {
          color: #00A29A;
        }
        .zdHead.bg .zdHead_nav .hover, .zdHead.on .zdHead_nav .hover {
          color: #00A29A;
        }
        /* mobile */
        .headMenu {
          position: relative;
          width: 22px;
          height: 20px;
          display: none;
          cursor: pointer;
          margin-top: 3px;
        }
        .headMenu span {
          display: block;
          width: 100%;
          height: 2px;
          background-color: #1d1d1d;
          position: absolute;
          left: 0;
          transition: width 0.3s ease 0s;
        }
        .headMenu .headMenu_span1 {
          width: 12px;
          top: 0;
        }
        .headMenu .headMenu_span2 {
          width: 20px;
          top: 6px;
        }
        .headMenu .headMenu_span3 {
          width: 16px;
          top: 13px;
        }
        .headMenu.click .headMenu_span1 {
          width: 20px;
          transform: rotate(-45deg) translateY(9px);
        }
        .headMenu.click .headMenu_span2 {
          opacity: 0;
        }
        .headMenu.click .headMenu_span3 {
          width: 20px;
          transform: rotate(45deg) translateY(-9px);
        }
        /*  */
        .headBox {
          background: #fff url(../images//2.png) center no-repeat;
          background-size: cover;
          height: 100%;
          left: 0;
          opacity: 0 !important;
          overflow: hidden;
          position: fixed;
          top: 0;
          -webkit-transition: all .6s ease-in-out;
          -o-transition: all .6s ease-in-out;
          transition: all .6s ease-in-out;
          visibility: hidden !important;
          width: 100%;
          z-index: 3000;
          padding: 5%;    overflow: auto;
        }
        .headBox ul {
     
          width: 100%;
          height: 80%;
          margin: 10% auto 0;
        }
        .headBox ul::-webkit-scrollbar {
          width: 3px;
        }
        /* 
.headBox ul::-webkit-scrollbar-track {
    background: #fff;
} */
        .headBox ul::-webkit-scrollbar-thumb {
          background: #f8f8f8;
        }
        .headBox li a {
          display: block;
          font-size: 16px;
          padding-bottom: 15px;
          outline: none;
          border-bottom: 1px solid #eee;
        }
        .headBox li {
          margin-bottom: 5px; margin-top: 5px;
        }
        .headIco {
          position: absolute;
          bottom: 118px;
          right: 5%;
          left: 5%;
        }
        .headIco a {
          width: 34px;
          margin-right: 28px;
          display: inline-block;
        }
        .headIco img {
          display: inline-block;
        }
        .headBtn {
          font-size: 18px;
          letter-spacing: 1px;
          height: 45px;
          width: 100%;
          background: #00A29A;
          text-align: center;
          line-height: 45px; margin-top: 15px;
        }
        .headBtn svg {
          margin-top: -2px;
          width: 34px;
          height: 34px;
          vertical-align: middle;
        }
        .headBtn path {
          fill: #fff;
        }
        .headBtn a {
          color: #fff;
          display: block;
        }
        .headBox.open {
          opacity: 1 !important;
          visibility: visible !important;
        }
        .headBox.open .headBtn {
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
          -webkit-animation-delay: 1s;
          animation-delay: 1s;
        }
        .headBox.open .headIco {
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
          -webkit-animation-delay: .8s;
          animation-delay: .8s;
        }
        .headBox.open li:nth-child(1) {
          -webkit-animation-delay: .1s;
          animation-delay: .1s
        }
        .headBox.open li:nth-child(2) {
          -webkit-animation-delay: .2s;
          animation-delay: .2s
        }
        .headBox.open li:nth-child(3) {
          -webkit-animation-delay: .3s;
          animation-delay: .3s
        }
        .headBox.open li:nth-child(4) {
          -webkit-animation-delay: .4s;
          animation-delay: .4s
        }
        .headBox.open li:nth-child(5) {
          -webkit-animation-delay: .5s;
          animation-delay: .5s
        }
        .headBox.open li:nth-child(6) {
          -webkit-animation-delay: .6s;
          animation-delay: .6s
        }
        .headBox.open li:nth-child(7) {
          -webkit-animation-delay: .7s;
          animation-delay: .7s
        }
        .headBox.open li:nth-child(8) {
          -webkit-animation-delay: .8s;
          animation-delay: .8s
        }
        .headBox.open li:nth-child(9) {
          -webkit-animation-delay: .9s;
          animation-delay: .9s
        }
        .headBox.open li:nth-child(10) {
          -webkit-animation-delay: 1s;
          animation-delay: 1s
        }
        .headBox.open li {
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp
        }
        @-webkit-keyframes fadeInUp {
          from {
            opacity: 0;
            -webkit-transform: translateY(40px);
            transform: translateY(40px)
          }
          to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
          }
        }
        @keyframes fadeInUp {
          from {
            opacity: 0;
            -webkit-transform: translateY(40px);
            transform: translateY(40px)
          }
          to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
          }
        }
        /* header  end */
        /* banner */
        .banner-list {
          position: relative;
          height: 100vh;
        }
        .banner-list .swiper-pagination {
          display: block;
          position: absolute;
          bottom: 25px;
          margin: auto;
          text-align: center;
          width: 100%;
        }
        .banner-list .swiper-pagination .swiper-pagination-bullet {
          background: #fff;
          width: 13px;
          height: 13px;
          margin: 0 5px;
          opacity: .65;
        }
        .banner-list .swiper-pagination .swiper-pagination-bullet-active {
          background: #007aff;
          width: 40px;
          height: 13px;
          border-radius: 25px;
          opacity: 1
        }
        /* 自定义导航按钮样式 - 增强版 */
        .custom-swiper-button {
          width: 50px;
          height: 50px;
          background-color: rgba(0, 0, 0, 0.6);
          border-radius: 50%;
          color: white;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all 0.3s ease;
          z-index: 10;
          cursor: pointer;
          opacity: 0.8;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          border: none
        }
        /* 位置调整 */
        .custom-swiper-button.swiper-button-prev {
          left: 30px;
        }
        .custom-swiper-button.swiper-button-next {
          right: 30px;
        }
        /* 悬停效果 */
        .custom-swiper-button:hover {
          background-color: rgba(0, 0, 0, 0.8);
          opacity: 1;
          transform: translateY(-50%) scale(1.15);
        }
        .custom-swiper-button:hover.swiper-button-prev::before {
          transform: translateX(-2px);
        }
        .custom-swiper-button:hover.swiper-button-next::before {
          transform: translateX(2px);
        }
        .banner-list .swiper-container {
          height: 100%;
        }
        .banA {
          display: block;
          width: 100%;
          height: 100%;
          background: #142756 url(../images//bBg.png) no-repeat center;
          background-size: cover;
          position: relative;
          overflow: hidden;
        }
        .banA::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: hsl(0 0% 0% / 0.58);
        }
        .banA video {
          position: absolute;
          right: 0;
          bottom: 0;
          height: 100%;
        }
        .banBg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
        .banBg img {
          object-fit: cover;
          width: 100%;
          height: 100%;
        }
        .banTxt {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 10%;
          z-index: 99;
          width: 50%;
        }
        .banTxt .banTxt_en {
          color: #fff;
          display: block;
          text-transform: capitalize;
          font-weight: bold;
          font-size: 3.2rem;
          opacity: 0.65;
          line-height: 1;
          font-style: italic;
        }
        .banTxt .banTxt_cn {
          color: #fff;
          font-size: 3.2rem;
          line-height: 1;
          margin-top: -18px;
          display: block;
          letter-spacing: 1px;
          margin-bottom: 48px;font-weight: bold;
        }
        .banTxt .banTxt_p {
          color: #fff;
          font-size: 1.1rem;
          line-height: 2.1;
          max-width: 72%;
          margin-bottom: 108px;
          text-align: justify;
        }
        .zdMore {
          position: relative;
          margin-top: 30px;
        }
        .zdMore .more {
          position: relative;
          width: 210px;
          height: 58px;
          line-height: 58px;
          border-radius: 35px;
          padding: 0 40px;
          font-size: 15px;
          letter-spacing: 1px;
          box-sizing: border-box;
          background-color: #fff;
          color: #00A29A;
          text-transform: capitalize;
          display: inline-block;
          display: flex;
          align-items: center;
          justify-content: space-between;
          text-align: center;
        }
        .zdMore svg {
          width: 14px;
          height: 12px;
          vertical-align: middle;
          pointer-events: none;
          -webkit-transition: -webkit-transform .25s ease-in-out;
          transition: -webkit-transform .25s ease-in-out;
          -o-transition: .25s transform ease-in-out;
          transition: transform .25s ease-in-out;
          transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
        }
        .banner .zdMore svg {
          width: 18px;
          height: 18px;
          margin-left: 13%;
        }
        .banner .zdMore svg path {
          stroke: none;
          fill: #00A29A;
        }
        .banner .zdMore .more:hover svg {
          -webkit-transform: translateX(0px);
          transform: translateX(0px);
        }
        .banner .zdMore.blue svg path {
          fill: #fff;
        }
        .zdMore svg path {
          stroke: #00A29A;
          fill: none;
          -webkit-transition: stroke .25s ease-out;
          -o-transition: stroke .25s ease-out;
          transition: stroke .25s ease-out;
        }
        .zdMore span {
          content: "";
          width: 150px;
          height: 100%;
          position: absolute;
          top: -1;
          right: 0;
          background-color: #fff;
          border-radius: 35px;
          display: block;
          -webkit-transition: background-color .25s ease-out, -webkit-transform .25s ease-out;
          transition: background-color .25s ease-out, -webkit-transform .25s ease-out;
          -o-transition: .25s background-color ease-out, .25s transform ease-out;
          transition: background-color .25s ease-out, transform .25s ease-out;
          transition: background-color .25s ease-out, transform .25s ease-out, -webkit-transform .25s ease-out;
          z-index: -1;
          pointer-events: none;
        }
        .zdMore .more:hover svg {
          -webkit-transform: translateX(25px);
          transform: translateX(25px);
        }
        .zdMore .more:hover span {
          -webkit-transform: translateX(25px);
          transform: translateX(25px);
        }
        .zdMore.center {
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .zdMore.blue span {
          background: #00A29A;
        }
.baise{    filter: brightness(0) invert(1);}        
        
/* 箭头图片样式 */
.arrow {
  transition: transform 0.3s ease; /* 单独定义箭头的过渡效果 */
}

/* 鼠标悬停时的效果 */
.huangdong:hover .arrow {
  transform: translateX(8px); /* 箭头向右移动5px（可调整数值） */
}
        
        .zdMore.blue .more {
          background: #00A29A;
          color: #Fff;
          font-size: 1.1rem;
        }
        .zdMore.blue svg path {
          stroke: #fff;
        }
        .zdMore.blue .more span {
          color: #Fff;
        }
        .zdMore.sm .more {
          width: 198px;
          padding: 0 28px;
          line-height: 50px;
          height: 50px;
        }
        .zdMore.border .more {
          border: 1px solid #00A29A;
          background-color: transparent;
        }
        .zdMore.border.green .more {
          border: 1px solid #00A29A;
          color: #00A29A;
        }
        .zdMore.border.green svg path {
          stroke: #00A29A;
        }
        .zdMore.inner {
          margin-top: 38px;
        }
        .zdMore.inner .more {
          width: 158px;
          padding: 0 24px;
          font-size: 13px;
          height: 40px;
          line-height: 40px;
        }
        .zdMore.inner .more:hover svg {
          -webkit-transform: translateX(10px);
          transform: translateX(10px);
        }
        /* banner  end */
        .font48 {
          font-size: 42px;
        }
        .bold {
          font-weight: bold;
        }
        .font30 {
          font-size: 30px;
        }
        .orange {
          color: #00A29A;
        }
        /* about */
        .relative {
          position: relative;
        }
        .lh-about-flex {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          /* align-items: stretch; */
        }
        .lh-about-l {
          width: 38%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 4vw 0 4vw 5vw;
        }
        .lh-about-r .top {
          width: 100%;
          padding-top: 0;
          height: 60%;
          margin-top: -1px;
        }
        .lh-about {
          padding-top: 1px;
          background-color: #fff;
          background-repeat: no-repeat;
          background-position: right center;
          background-size: auto 80%;
        }
        @media(max-width:1920px) {
          .lh-about {
            background-position: 128% center;
          }
        }
        .lh-about-r {
          position: relative;
          width: 60%;
        }
        .lh-about-map {
          display: none;
          position: absolute;
          width: 100%;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
        }
        .lh-about-r .bottom .right {
          width: 100%;
          padding: 2% 0 2% 14%;
          height: 100%;
        }
        .ind-num {
          width: 50%;
          /* padding: 0 2%; */
          text-align: left;
          padding: 4.5% 5% 4.5% 67px;
          /* border-bottom: 1px solid #f0f0f0; */
          background-size: 50px;
          background-repeat: no-repeat;
          background-position: left center;
        }
        .num-icon-1 {
          background-image: url(../images//num-1.png);
        }
        .num-icon-2 {
          background-image: url(../images//num-2.png);
        }
        .num-icon-3 {
          background-image: url(../images//num-3.png);
        }
        .num-icon-4 {
          background-image: url(../images//num-4.png);
        }
        .num-icon-5 {
          background-image: url(../images//num-5.png);
        }
        .num-icon-6 {
          background-image: url(../images//num-6.png);
        }
        .ind-number {
          font-weight: bold;
          font-size: 40px;
          color: #00A29A;
          line-height: 1.2;
        }
        .ind-number i {
          display: inline-block;
          margin-left: 5px;
        }
        .ind-number b {
          position: relative;
          top: -3px;
          font-size: 32px;
          vertical-align: middle;
          margin-left: 6px;
        }
        .ind-num h3 {
          font-size: 15px;
          line-height: 1.4;
          color: #4b4c4e;
        }
        .lh-about-r .bottom .right img {
          opacity: 0.5;
        }
        .lh-about-r .bottom .left {
          position: absolute;
          width: 25.03125vw;
          right: 25.59375vw;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
        }
        @-webkit-keyframes twinkle {
          0% {
            opacity: 0;
            -webkit-transform: rotate(0deg) scale(0.6);
            transform: rotate(0deg) scale(0.6);
          }
          50% {
            opacity: 0.1;
            -webkit-transform: rotate(2deg) scale(0.7);
            transform: rotate(2deg) scale(0.7);
          }
          100% {
            opacity: 0;
            -webkit-transform: rotate(4deg) scale(0.8);
            transform: rotate(4deg) scale(0.8);
          }
        }
        @keyframes twinkle {
          0% {
            opacity: 0;
            -webkit-transform: rotate(0deg) scale(0.6);
            transform: rotate(0deg) scale(0.6);
          }
          50% {
            opacity: 0.1;
            -webkit-transform: rotate(2deg) scale(0.7);
            transform: rotate(2deg) scale(0.7);
          }
          100% {
            opacity: 0;
            -webkit-transform: rotate(4deg) scale(0.8);
            transform: rotate(4deg) scale(0.8);
          }
        }
        .lh-about-r .bottom .left:before, .lh-about-r .bottom .left:after {
          content: '';
          display: block;
          width: 1px;
          height: 3.78vw;
          background: #D4D4D4;
          position: absolute;
          left: 50%;
          top: 0;
          z-index: -1;
          margin-left: -.21vw;
        }
        .lh-about-r .bottom .left:after {
          top: initial;
          bottom: 0;
          height: 3.4vw;
        }
        .lh-public-h .name {
          position: relative;
          display: inline-block;
          line-height: 1.4;
          margin-bottom: 10px;
          font-weight: bold;
          font-size: 45px;
        }
        .lh-public-h .name span {
          display: block;
          font-size: 32px;
          letter-spacing: 1px;
          /* color: #00A29A; */
          /* color: #00A29A; */
          margin-top: 6px;
        }
        .lh-public-h .name::before {
          position: absolute;
          content: '';
          width: 50px;
          height: 50px;
          bottom: 40px;
          right: -60px;
          background: url(../images//ly.png) no-repeat right center;
          background-size: 50px;
        }
        .lh-public-h .ccont {
          color: #444;
          margin-top: 10px;
          line-height: 2;
          font-size: 16px;
          letter-spacing: 1px;
        }
        .lh-about-total {
          margin-top: 4vw;
        }
        .lh-more {
          display: block;
          width: 54px;
          height: 54px;
          border-radius: 50%;
          color: #fff;
          text-align: center;
          line-height: 54px;
          font-size: 18px;
          background-color: #cecece;
          background-image: url(../images//right.png);
          background-size: 18px;
          background-position: center;
          background-repeat: no-repeat;
        }
        .lh-more:hover {
          background-color: #1a74bb;
        }
        .lh-about-total .lh-more {
          margin-top: 1.5625vw;
        }
        /* about  end */
        /* solution */
        .ind-title {
          position: relative;
        }
        .tit-en {
          text-transform: uppercase;
          font-size: 48px;
          font-weight: bold;
          line-height: 1.1;
          text-transform: uppercase;
        }
        .tit-cn {
          font-size: 30px;
          margin-top: 5px;
        }
        .ind-title.white .tit-cn, .ind-title.white .tit-en {
          color: #fff;
        }
        .ind-title.center {
          text-align: center;
        }
        .index-product {
          position: relative;
          width: 100%;
          background-repeat: no-repeat;
          background-attachment: fixed;
          background-size: cover;
          -ms-flex-wrap: inherit;
          flex-wrap: inherit;
          padding-left: 5vw;
          -webkit-box-align: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
        }
        .index-product .item-ul {
          width: 57vw;
          z-index: 6;
          margin: 5vw -10vw 5vw 0;
          -webkit-box-align: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          border-radius: 6px;
          background: #f8fcff url(../images//1.png) no-repeat center;
        }
        .index-product .item-ul li {
          position: relative;
          width: 33.33%;
          overflow: hidden;
          padding: 60px;
          float: left;
          border-top: 1px solid #d9d9d9;
          border-left: 1px solid #d9d9d9;
          text-align: center;
        }
        .index-product .item-ul li a {
          display: block;
          position: relative;
        }
        .index-product .item-ul li:nth-child(1), .index-product .item-ul li:nth-child(2), .index-product .item-ul li:nth-child(3) {
          border-top: 0;
        }
        .index-product .item-ul li:nth-child(3n-2) {
          border-left: 0;
        }
        .index-product .item-ul li .tit {
          font-size: 18px;
          color: #333;
          line-height: 24px;
          margin-top: 1vw;
          text-transform: uppercase;
          height: 48px;
        }
        .index-product .item-ul li:hover .tit {
          color: #fff;
        }
        .index-product .item-ul li > i, .index-product .item-ul li a > i {
          width: 62px;
          height: 60px;
          display: block;
          margin: 0 auto;
          overflow: hidden;
          -webkit-transition: all .5s;
          transition: all .5s;
        }
        .index-product .item-ul li img {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
        .index-product .item-ul li:hover .icon01_img2 {
          transform: translateY(-100%);filter: brightness(0) invert(1);
        }

.index-product .item-ul li .icon01_img2 {
          filter: brightness(0) invert(1);
        }
        .index-product .item-ul li:hover .icon01_img1 {
          transform: translateY(-100%);
        }
        .index-product .item-ul li .desc {
          position: relative;
          top: 0;
          margin-top: 19%;
          font-size: 14px;
          color: #666;
          height: 50px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          -webkit-transition: all .5s;
          transition: all .5s;
          display: none !important;
        }
        .index-product .item-ul li:hover .desc {
          color: #fff;
          opacity: 0.8;
        }
        .index-product .item-ul li:hover .desc {
          top: -25px;
        }
        .index-product .item-ul li::after {
          position: absolute;
          bottom: 1.3vw;
          right: 1.3vw;
          content: '';
          width: 14px;
          height: 12px;
          background: url(../images//icon-right.png) no-repeat;
          z-index: 9;
          opacity: 0;
        }
        .index-product .item-ul li > b {
          display: block;
          position: absolute;
          width: calc(100% - 20px);
          height: calc(100% - 20px);
          top: 10px;
          left: 10px;
          overflow: hidden;
          border-radius: 6px;
        }
        .index-product .item-ul li > b::before {
          content: '';
          width: 0;
          height: 0;
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
          border-style: solid;
          border-width: 0 0 0 0;
          border-color: #1a74bb transparent transparent transparent;
          position: absolute;
          top: 0;
          left: 0;
          -webkit-transition: 1s;
          transition: 1s;
        }
        .index-product .item-ul li:hover > b::before, .index-product .item-ul li:hover::after {
          opacity: 1;
        }
        .index-product .item-ul li:hover > b::before {
          border-width: 930px 930px 0 0;
        }
        .index-product .product-box {
          position: relative;
          width: 51%;
          background: #F25500;
          z-index: 5;
          padding-left: 16vw;
          overflow: hidden;
          display: flex;
          align-items: center;
        }
        .product-box-div {
          display: inline-block;
        }
        .product-box-bg {
          position: absolute;
          width: 60%;
          bottom: -14%;
          opacity: 0.48;
          right: -10%;
        }
        .index-product .product-box .desc {
          margin-top: 1.2vw;
          margin-left: 10px;
          max-width: 24vw;
          color: #fff;
          font-size: 16px;
        }
        .more-btn {
          width: 140px;
          height: 40px;
          border-radius: 21px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          text-transform: uppercase;
          margin-top: 89px;
          border: 1px solid #00A29A;
          color: #00A29A;
          -webkit-transition: ease .4s;
          transition: ease .4s;
        }
        .more-btn:hover {
          background: #fff;
          color: #1a74bb;
        }
        .more-btn.white {
          border: 1px solid #fff;
          color: #fff;
        }
        .more-btn.blue {
          border: 1px solid #00A29A;
          background: #00A29A;
          color: #fff;
        }
        /* 粒子 */
        canvas {
          display: block;
          vertical-align: bottom;
        }
        .count-particles {
          background: #000022;
          position: absolute;
          top: 48px;
          left: 0;
          width: 80px;
          color: #13E8E9;
          font-size: .8em;
          text-align: left;
          text-indent: 4px;
          line-height: 14px;
          padding-bottom: 2px;
          font-weight: bold;
        }
        .js-count-particles {
          font-size: 1.1em;
        }
        #stats, .count-particles {
          -webkit-user-select: none;
          margin-top: 5px;
          margin-left: 5px;
        }
        #stats {
          border-radius: 3px 3px 0 0;
          overflow: hidden;
        }
        .count-particles {
          border-radius: 0 0 3px 3px;
        }
        #particles-js {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          z-index: -1;
        }
        /* 粒子  end */
        /* solution  end */
        /* product */
        .index-technology {
          position: relative;
          z-index: 3;
          width: 100%;
          padding: 5.7vw 5vw;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: #fff;
        }
        .index-technology .title-cn, .index-technology .title-en, .yf-jsjg .title-en, .yf-jsjg .title-cn, .yf-yycj .title-en, .yf-yycj .title-cn, .sy-case .title-en, .sy-case .title-cn, .sy-solution .title-en, .sy-solution .title-cn {
          color: #333;
        }
        .colorwrite {
          color: #fff;
        }
        .ind-title {
          position: relative;
        }
        .ind-title a {
          position: absolute;
          top: 50px;
          right: 0;
          border: 2px solid #00A29A;
          padding: 7px 40px;
          color: #00A29A;
          border-radius: 5px;
          -webkit-transition: all .3s;
          transition: all .3s;
        }
      
        .ind-title .title-cn {
          font-size: 30px;
          margin-top: 5px;
          margin-bottom: 1vw;
        }
        .ind-title .title-en {
          font-size: 48px;
          line-height: 1.1;
          font-weight: bold;
          text-transform: uppercase;
        }
        .index-technology .l-item-ul {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          flex-wrap: wrap;
        }
        .index-technology .l-item-ul li {
          border-radius: 6px;
          position: relative;
          width: 23.2%;
          background: #fff;
          color: #666;
          padding: 2.5vw;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          margin: 0 2.1vw 1.8vw 0;
          -webkit-transition: all 1s linear;
          transition: all 1s linear;
          overflow: hidden;
          box-shadow: 0 12px 30px rgba(80, 80, 80, .1)
        }
        .index-technology .l-item-ul li::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 6px;
          box-sizing: border-box;
          border: 1px solid rgba(170, 170, 170, .2);
        }
        .index-technology .l-item-ul li:nth-child(4n) {
          margin-right: 0;
        }
        .li-conn-en {
          position: absolute;
          top: 3rem;
          right: -.5rem;
          line-height: 1;
          text-transform: uppercase;
          font-family: 'BEBAS';
          font-size: 6rem;
          color: rgb(234, 242, 250);
          z-index: 3;
          transition: all 0.48s;
        }
        .index-technology .l-item-ul li:hover .li-conn-en {
          opacity: 0.18;
          color: #fff;
        }
        .index-technology .l-item-ul li:last-child {
          margin-right: 0;
        }
        .index-technology .li-conn {
          position: relative;
          z-index: 999;
        }
        .index-technology .l-item-ul li:hover .t-cn, .index-technology .l-item-ul li:hover .desc {
          color: #fff;
        }
        .index-technology .l-item-ul li:hover .li-conn span {
          color: rgba(255, 255, 255, 0.1);
        }
        .li-conn .icon {
          width: 110px;
          height: 110px;
          border-radius: 50%;
          display: block;
          position: relative;
          -webkit-transition: all .5s;
          transition: all .5s;
        }
        .li-conn .icon::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background: #016fbd;
          transform: scale(0.9);
          box-shadow: 0 0 15px rgb(1 111 189 / 38%);
          transition: all 0.68s;
        }
        .index-technology .l-item-ul li:hover .li-conn .icon::before {
          background: rgba(255, 255, 255, 0.89);
          box-shadow: 0 0 15px rgba(0, 0, 0, .2);
        }
        .li-conn .icon::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background: #7fb6dc;
          z-index: -1;
          transform: scale(0.9);
          animation: afteranimate 2s forwards infinite;
        }
        @keyframes afteranimate {
          0% {
            transform: scale(0.9);
            opacity: 1;
          }
          100% {
            transform: scale(1.1);
            opacity: 0;
          }
        }
        .li-conn img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: contain;
          transform: scale(1.05);
        }
        .index-technology .l-item-ul li .li-bg {
          position: absolute;
          content: "";
          left: 0;
          top: 0;
          width: 102%;
          height: 100%;
          background: #1a74bb;
          z-index: 1;
          visibility: hidden;
          opacity: 0;
          -webkit-transition: ease .65s;
          transition: ease .65s;
          -webkit-transform: translateY(100%);
          transform: translateY(100%);
        }
        .index-technology .l-item-ul li:hover .li-bg {
          visibility: visible;
          opacity: 1;
          -webkit-transform: translateY(0);
          transform: translateY(0);
        }
        .l-item-ul li p, .l-item-ul li div {
          position: relative;
          z-index: 9;
          font-size: 14px;
        }
        .l-item-ul li .t-cn {
          font-size: 1.4rem;
          margin-top: 1.2vw;
          font-weight: bold;
        }
        .l-item-ul li .t-cn, .l-item-ul li .t-cn {
          /* color: #00A29A; */
        }
        .l-item-ul li .desc {
          margin-top: 10%;
          line-height: 26px;
          font-size: 14px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          text-overflow: ellipsis;
          display: none !important;
        }
        .r-item-ul {
          -webkit-box-pack: end !important;
          -ms-flex-pack: end !important;
          justify-content: flex-end !important;
          background: none !important;
        }
        /* product  end */
        /* news */
        .index_news {
          padding: 3vw 5vw;
          background: #f1f9ff url(../images//1.png) no-repeat center;
        }
        .index_news .zdMore {
          margin: 0;
        }
        .index_news .zdMore span {
          background: #f8fcff;
        }
        .index_news .ind-title {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-bottom: 2.5vw;
        }
        .index_news .ind-title .title-cn {
          margin: 0;
        }
        .zdNew_mlb {
          display: none;
          text-align: center;
        }
        .zdNew_mlb .zdMore .more {
          margin: 0 auto;
        }
        .zdNew_list {
          display: flex;
          align-items: stretch;
          justify-content: space-between;
        }
        .zdNew_a {
          display: block;
          background: #fff;
          border: 1px solid #eee;
          width: 32%;
          border-radius: 6px;
          overflow: hidden;
        }
        .zdNew_img {
          position: relative;
          padding-top: 60%;
          overflow: hidden;
        }
        .zdNew_img img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all 0.48s;
        }
        .zdNew_a:hover .zdNew_img img {
          transform: scale(1.1);
        }
        .zdNew_tit {
          position: relative;
          padding: 2rem;
          background: #ffff;
        }
        .zdNew_tit p {
          color: #333;
          font-size: 1.5rem;
          line-height: 1.4;
          min-height: 42px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-bottom: 18px;
        }
        .zdNew_tit span {
          font-family: 'Montserrat';
          font-weight: 300;
          font-size: 0.86rem;
          letter-spacing: 1px;
          color: #333;
        }
        /* news  end */
        /* partners */
        .abPar {
          position: relative;
        }
        .index_partners {
          position: relative;
          z-index: 3;
          padding: 6vw 5vw;
          background: url(../images//parBg.jpg) no-repeat center fixed;
          background-size: cover;
        }
        .index_partners::before {
          content: "  ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1;
          background-color: rgba(0, 45, 101, 0.48);
        }
        .zdPart_top {
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        .zdPart_arr {
          color: rgb(0 130 255 / 0.38);
        }
        .zdPart_arr .swiper-button-next, .zdPart_arr .swiper-button-prev {
          width: auto;
          height: 40px;
          line-height: 40px;
          background: transparent;
          border: 0;
          display: inline-block;
          text-align: center;
        }
        .zdPart_arr .swiper-button-prev {
          padding-right: 24px;
        }
        .zdPart_arr .swiper-button-next {
          padding-left: 24px;
        }
        .zdPart_arr .swiper-button-next img, .zdPart_arr .swiper-button-prev img {
          width: 18px;
        }
        .zdPart_logo {
          overflow: hidden;
        }
        /* 
.indPar_swiper {
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding-top: 6%;
    width: calc(16.66% - 2px);
    margin: 1px;
    border-radius: 3px;
    float: left;
    position: relative;
    background: rgba(255, 255, 255, 0.1);
}

.indPar_swiper .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.indPar_swiper .swiper-slide {
    transition: all 0.68s;
}
.swiper-slide-active .indPar_a {
    opacity: 1;
}
 */
        .zdPart_logo .swiper-slide {
          border: 1px solid transparent;
        }
        .zdPart_logo .indPar_a {
          padding: 18px 0;
          opacity: 1;
          border-radius: 3px;
          background: rgba(255, 255, 255, 0.1);
        }
        .indPar_a {
          opacity: 0;
          position: relative;
          display: block;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .indPar_a img {
          opacity: 0.8;
          max-width: 34%;
        }
        /* partners  end */
        /* footer */
        .zdFoot {
          position: relative;background-color: #fff;
        }
        .lh-footer-a {
          padding: 2.2vw 0 1.5vw;
          border-bottom: 1px solid #eeeeee;
        }
        .lh-footer-b {
          padding: 1vw 0 1vw;
        }
        footer:before {
          /* content: ''; */
          display: block;
          width: 1px;
          height: 100%;
          background: #eeeeee;
          position: absolute;
          left: 32.29166666666666vw;
          top: 0;
        }
        .lh-footer-logo {
          width: 7.656250000000001vw;
          display: block;
          margin-bottom: 10px;
        }
        .lh-footera-l p {
          line-height: 28px;
          overflow: hidden;
        }
        .lh-footera-l p i {
          margin-right: 5px;
          width: 16px;
          height: 16px;
          display: inline-block;
          vertical-align: middle;
        }
        .lh-footera-l p em {
          display: inline-block;
          vertical-align: middle;
        }
        .icon-dianhua {
          background: url(../images//footer-tel.png) no-repeat center;
          background-size: 14px;
        }
        .icon-youxiang {
          background: url(../images//footer-mail.png) no-repeat center;
          background-size: 14px;
        }
        .icon-dizhi {
          background: url(../images//footer-add.png) no-repeat center;
          background-size: 14px;
        }
        .lh-footera-r {
          text-align: right;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          display: -webkit-flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
        }
        .lh-footera-r dl {
          margin-left: 4vw;
          display: inline-block;
          float: none;
          text-align: left;
        }
        .lh-footera-r dl:first-of-type {
          margin-left: 0;
        }
        .lh-footera-r dl a {
          line-height: 32px;
        }
        .lh-footera-r dl dt {
          margin-bottom: 10px;
        }
        .lh-footera-r dl dt a {
          font-size: 17px;
        }
        .lh-footera-r dl dd a:hover {
          text-decoration: underline;
          color: #00A29A;
        }
      
        .lh-copy {
          width: 100%;
          line-height: 1.8;
        }
        .lh-copy > p {
          font-size: 14px;
        }
        .lh-copy > p:first-child a {    display: inline-block;
    float: right;
        }
        .lh-copy a:hover {
          text-decoration: underline;
        }
        .ewmfs {
          width: 40%;
          float: left;
        }
        .ewmf {
          width: 108px;
          margin: 0 5px;
          text-align: center;
          display: inline-block;
          vertical-align: top;
        }
        .ewmf span {
          display: block;
          margin-top: 10px;
          font-size: 13px;
          line-height: 1.4;
          text-transform: uppercase;
        }
        @-webkit-keyframes shadow {
          0% {
            opacity: 0;
          }
          100% {
            opacity: 1;
          }
        }
        @keyframes shadow {
          0% {
            opacity: 0;
          }
          100% {
            opacity: 1;
          }
        }
        /* footer  end */
        .wgt-fade-animate {
          -webkit-transform: scale(0.3);
          transform: scale(0.3);
          -webkit-transform: translateY(150px);
          transform: translateY(150px);
          opacity: 0;
        }
        .appear {
          -wewgtit-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
          -webkit-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
          animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
          opacity: 1 !important;
        }
        @-wewgtit-keyframes opacity_show {
          0% {
            -webkit-transform: scale(0.3);
            transform: scale(0.3);
            -webkit-transform: translateY(150px);
            transform: translateY(150px);
            opacity: .1;
          }
          100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
          }
        }
        @-webkit-keyframes opacity_show {
          0% {
            -webkit-transform: scale(0.3);
            transform: scale(0.3);
            -webkit-transform: translateY(150px);
            transform: translateY(150px);
            opacity: .1;
          }
          100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
          }
        }
        @keyframes opacity_show {
          0% {
            -webkit-transform: scale(0.3);
            transform: scale(0.3);
            -webkit-transform: translateY(150px);
            transform: translateY(150px);
            opacity: .1;
          }
          100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
          }
        }
        @media screen and (max-width: 1596px) {
          .container {
            width: 85%;
          }
          .wel-about-left {
            padding: 120px 9.5% 150px;
          }
        }
        /* ===========================
        common
===================================================================================== */
        .dingwei {
          position: absolute;
          top: -100px;
        }
        .z-container {
          width: 90vw;
          margin: 0 auto;
        }
        .zdInner_ban {
          position: relative;
          margin-top: 63px;
          width: 100%;
          height: 45vh;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
        }
        .zdInner_txt {
          position: absolute;
          top: 52%;
          transform: translateY(-50%);
          left: 0;
          width: 100%;
          text-align: center;
          color: #fff;
          line-height: 60px;
          font-size: 36px;
          letter-spacing: 1px;
        }
        .zdInner_txt .title-en {
          text-transform: uppercase;
          font-size: 42px;
        }
        .zdInner_txt .title-cn {
          text-transform: uppercase;
          font-size: 40px;
        }
        .zdInner_quan {
          position: absolute;
          bottom: 28px;
          left: 50%;
          width: 50px;
          margin-left: -25px;
        }
        .zdInner_quan img {
          width: auto;
        }
        .zdInner_ico {
          position: absolute;
          top: -24px;
          left: 50%;
          transform: translateX(-50%);
          animation: icoAniame 1s infinite alternate;
        }
        @keyframes icoAniame {
          0% {
            top: -24px;
          }
          100% {
            top: -14px;
          }
        }
        .zdBg {
          display: none;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100vh;
          background-image: url(http://www.zetacn.com/templates/default/images/s/bg.png);
          background-position: center;
          background-repeat: repeat-y;
          background-size: contain;
        }
        /*  */
        .zdPage {
          clear: both;
          text-align: center;
          margin: 32px auto;
        }
        .zdPage_arr {
          background: #d0d8ea;
        }
        .zdPage_arr .zdPage_arr_img1 {
          display: none;
        }
        .zdPage_arr.disable {
          background: #eaecf4;
        }
        .zdPage_arr.disable .zdPage_arr_img1 {
          display: inline-block;
        }
        .zdPage_arr.disable .zdPage_arr_img2 {
          display: none;
        }
        .zdPage_arr img {
          width: 50%;
          margin-top: -4px;
        }
        .zdPage a {
          vertical-align: top;
          display: inline-block;
          width: 51px;
          height: 51px;
          margin: 0 6px;
          line-height: 51px;
          text-align: center;
          border-radius: 50%;
          border: 1px solid #eee;
          font-size: 16px;
          transition: all 0.28s;
        }
        .zdPage a:hover, .zdPage a.hover {
          background: #00A29A;
          font-weight: bold;
          color: #ffffff;
          box-shadow: 0 0 20px 5px rgba(31, 119, 246, 0.28);
          border: 0;
        }
        /*  */
        .zdBg1 {
          opacity: 0.5;
          background-image: url(../images//bg1.png);
          background-repeat: no-repeat;
        }
        .zdBg-index {
          position: relative;
          z-index: 3;
        }
        /* ===========================
        about
===================================================================================== */
       .abCom_txt {
    width: calc(100% - 368px);
}
        /* 1 */
        .abDsz {
          position: relative;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
        }
        .abDsz_box {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
        }
        .abDsz_l {
          width: 68%;
          padding: 108px 0 68px;
        }
        .abDsz_r {
          width: 32%;
        }
        .abDsz_p p {
          color: #fff;
          opacity: 0.5;
          margin-top: 6px;
          line-height: 1.6;
          /* margin-top: 16px; 
    line-height: 2;*/
          font-size: 16px;
          letter-spacing: 1px;
        }
        .abDsz_job {
          margin-top: 68px;
          color: #fff;
          display: inline-block;
          text-align: center;
          position: relative;
          top: -28px;
        }
        .abDsz_job img {
          width: auto;
          text-align: center;
          margin-bottom: 5px;
        }
        .abDsz_job div {
          opacity: 0.58;
          margin-top: 3px;
        }
        .abDsz_job span {
          display: block;
          line-height: 1.4;
          color: #fff;
          font-size: 16px;
        }
        .abDsz_job p {
          text-transform: uppercase;
          letter-spacing: 0;
          font-size: 14px;
          line-height: 1.4;
        }
        /* 2 */
        .abCom {
          position: relative;
          padding: 75px 0;
          background-color: #fff;
          background-attachment: fixed;
          background-repeat: no-repeat;
          background-position: top right;
        }
        .abCom::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 20%;
          height: 100%;
        }
        .abCom_box {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        .abCom_img {
          width: 315px;
          box-shadow: 0 12px 30px rgba(80, 80, 80, .1);
        }
        .abCom_img img {
          width: 100%;
        }
      
        .abCom_p span {
          font-size: 24px;
          font-weight: bold;
          color: #00A29A
        }
        .abCom_p p {
          font-size: 16px;
          line-height: 2.1;
          color: #7a7a7a;
          letter-spacing: 1px;
          margin-top: 16px;
        }
        /* 3 */
        .abCul {
          position: relative;
          background-repeat: no-repeat;
          background-size: cover;max-height: 630px; overflow: hidden;
        }
        .abCul .z-container {
          height: 100%;
          position: relative;
          z-index: 11;
        }
        .abCul::before {
          /* content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.38);
    z-index: 1;
    opacity: 0; */
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #000;
          z-index: 1;
          opacity: 0.28;
        }
        .abCul::after {
          /* content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00A29A;
    z-index: 3;
    opacity: .48; */
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #00A29A;
          z-index: 3;
          opacity: 0.48;
        }
        .abCul_box {
          padding: 95px 0;
          position: relative;
          height: 100%;
          display: flex;
          padding-left: 48px;
        }
        .abCul_box::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 4px;
          height: 100%;
          background: #fff;
          opacity: 0.68;
        }
        .abCul_item {
          position: relative;
          margin-top: 42px;
        }
        .abCul_item::before {
          content: "";
          width: 9px;
          height: 4px;
          background-color: #fff;
          position: absolute;
          left: -48px;
          top: 8px;
          border-radius: 0px 2px 2px 0px;
        }
        .abCul_item .abCul_cn {
          color: #fff;
          font-size: 22px;
          font-weight: bold;
          letter-spacing: 2px;
          line-height: 1.4;
          display: block;
          transition: all 0.48s;
          padding-left: 48px;
          background-position: -6px left;
          background-repeat: no-repeat;
          background-size: 28px;
        }
        .abCul_item .abCul_en {
          display: none;
          color: #fff;
          text-transform: uppercase;
          font-weight: 500;
          line-height: 2;
          transition: all 0.48s;
        }
        .abCul_p {
          font-size: 15px;
          color: #fff;
          margin-top: 6px;
          opacity: .8;
        }
        .abCul_item ul {
          margin-top: 20px;
        }
        .abCul_item li {
          margin-top: 10px;
        }
        .abCul_item li span {
          color: #fff;
          font-size: 18px;
          letter-spacing: 1px;
        }
        .abCul_item li p {
          color: #fff;
          opacity: 0.68;
          text-align: justify;
        }
        /* 4 */
        .abDeve {
          background: #f8f8f8;
          padding: 108px 0;
        }
        .about-devlpment {
          position: relative;
          overflow: hidden;
          padding: 108px 0;
        }
        .about-devlpment__bg {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 87%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
        }
        .about-devlpment__bg::before {
          content: "";
          display: block;
          padding-top: 100%;
        }
        .about-devlpment__bg span {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: no-repeat url(../images//circle.png) center center;
          background-size: contain;
          -webkit-transition: transform 1s;
          transition: transform 1s;
        }
        .main {
          margin-right: 10vw;
          margin-left: 10vw;
        }
        @media(max-width:1480px) {
          .main {
            margin-right: 5vw;
            margin-left: 5vw
          }
        }
        .path-item {
          padding: 0 100px;
          opacity: .5;
        }
        .path-item__wrap {
          width: 374px;
          margin: 0 auto;
        }
        .path-item__year {
          font-size: 35px;
          line-height: 1.25;
          font-weight: 700;
        }
        .path-item__desc {
          margin-top: 0.5em;
          font-size: 16px;
          line-height: 1.4;
          color: #7a7a7a;
        }
        .path-item__img {
          position: relative;
          margin-top: 12px;
          clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
          -webkit-transition: all .5s ease .3s;
          transition: all .5s ease .3s;
          box-shadow: 0 12px 30px rgba(80, 80, 80, .1);
        }
        .path-item__img::before {
          content: "";
          display: block;
          padding-top: 73.23944%;
        }
        .slick-center .path-item__img, .slick-active .path-item__img {
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        }
        .slick-slide img {
          display: block;
          left: 0;
          position: absolute;
          top: 0;
          width: 100%;
          border-radius: 6px;
          overflow: hidden;
        }
        .history-main {
          position: relative;
          padding: 5px 70px 0;
          margin-top: 60px;
          max-width: 50%;
          margin: 60px auto;
        }
        .btn-history-arrow1 {
          position: absolute;
          top: -350px;
          width: 30px;
          height: 30px;
          font-size: 16px;
          line-height: 30px;
          text-align: center;
          color: #00A29A;
          cursor: pointer;
        }
        .btn-history-arrow {
          position: absolute;
          top: 0;
          width: 30px;
          height: 30px;
          font-size: 16px;
          line-height: 30px;
          text-align: center;
          color: #00A29A;
          cursor: pointer;
        }
        .btn-history-arrow1.left {
          left: 0;
        }
        .btn-history-arrow1.right {
          right: 0;
        }
        .btn-history-arrow.left {
          left: 0;
        }
        .btn-history-arrow.right {
          right: 0;
        }
        .history-body {
          overflow: hidden;
          padding-top: 5px;
        }
        .history-list {
          position: relative;
          -webkit-transition: transform .5s;
          transition: transform .5s;
          font-size: 0;
          white-space: nowrap;
        }
        .history-list::before {
          content: "";
          position: absolute;
          top: 4px;
          right: 0;
          left: 0;
          height: 1px;
          background-color: rgba(255, 255, 255, 0.2);
        }
        .history-line, .history-progress, .prodown-item__down::before, .btn-calc-submit::before {
          -webkit-transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .history-list::before {
          content: "";
          position: absolute;
          top: 4px;
          right: 0;
          left: 0;
          height: 1px;
          background-color: rgba(0, 0, 0, 0.2);
        }
        .history-progress {
          position: absolute;
          top: 4px;
          left: 0;
          height: 1px;
          background-color: #00A29A;
        }
        .history-item {
          position: relative;
          display: inline-block;
          vertical-align: top;
          width: 180px;
          cursor: pointer;
          text-align: center;
        }
        .history-item::before {
          content: "";
          position: absolute;
          top: 2px;
          left: 50%;
          margin-left: -3px;
          width: 6px;
          height: 6px;
          border-radius: 6px;
          background-color: #00A29A;
        }
        .history-item__circle {
          position: absolute;
          top: 0;
          left: 50%;
          margin-left: -5px;
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background-color: #00A29A;
          -webkit-transform: scale(0);
          transform: scale(0);
          -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .history-item__circle::before {
          content: "";
          position: absolute;
          top: -4px;
          right: -4px;
          bottom: -4px;
          left: -4px;
          border-radius: 50%;
          background: rgb(0 130 255 / 0.38);
        }
        .history-item__year {
          margin-top: 30px;
          display: block;
          font-weight: 700;
          font-size: 20px;
          line-height: 1;
          opacity: .3;
        }
        .slick-center .path-item, .slick-active .path-item {
          opacity: 1;
        }
        .history-item.current .history-item__year {
          opacity: 1;
        }
        .history-item.current .history-item__circle {
          -webkit-transform: scale(1);
          transform: scale(1);
        }
        /* slick.js */
        .slick-slider .slick-list, .slick-slider .slick-track {
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
          -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
        }
        .slick-slider {
          position: relative;
          display: block;
          box-sizing: border-box;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          -webkit-touch-callout: none;
          -khtml-user-select: none;
          -ms-touch-action: pan-y;
          touch-action: pan-y;
          -webkit-tap-highlight-color: transparent;
        }
        .slick-list {
          position: relative;
          display: block;
          overflow: hidden;
          margin: 0;
          padding: 0;
        }
        .slick-track {
          position: relative;
          top: 0;
          left: 0;
          display: block;
          margin-left: auto;
          margin-right: auto;
        }
        .slick-slide {
          display: none;
          float: left;
          /*height: 100%;*/
          min-height: 1px;
          outline: 0;
        }
        .slick-initialized .slick-slide {
          display: block;
        }
        /* e */
        .slickDemo .slick-arrow {
          top: 50%;
          margin-top: -50px;
          width: 50px;
          height: 50px;
          border-radius: 50%;
          margin-bottom: 0;
          border: 1px dotted rgba(27, 47, 95, 0.28);
          display: inline-block;
          background: rgba(27, 47, 95, 1);
          transition: all 0.8s;
        }
        .slickDemo .slick-arrow i {
          background: url(http://www.zetacn.com/templates/default/images/s/ico2_1.png) no-repeat scroll center center;
          width: 100%;
          height: 100%;
          margin: 0px auto;
          display: block;
          transition: 300ms;
          -webkit-transition: 300ms;
        }
        .slickDemo .slick-prev {
          left: -58px;
        }
        .slickDemo .slick-next {
          right: -58px;
        }
        .slickDemo .slick-prev i {
          background-image: url(http://www.zetacn.com/templates/default/images/s/ico2_1.png);
        }
        .slickDemo .slick-next i {
          background-image: url(http://www.zetacn.com/templates/default/images/s/ico1_1.png);
        }
        .slickDemo .slick-prev:hover i {
          background-position: 30% center;
        }
        .slickDemo .slick-next:hover i {
          background-position: 70% center;
        }
        .slickDemo.slick-slider {
          position: relative;
          display: block;
          margin-top: 20px;
          box-sizing: border-box;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          -webkit-touch-callout: none;
          -khtml-user-select: none;
          -ms-touch-action: pan-y;
          touch-action: pan-y;
          -webkit-tap-highlight-color: transparent;
        }
        .slickDemo .slick-list {
          position: relative;
          overflow: hidden;
          display: block;
          margin: 0;
          padding: 0;
        }
        .slickDemo .slick-slide {
          float: left;
          height: 100%;
          min-height: 1px;
          margin: 0 30px;
          outline: none;
        }
        .slickDemo .slick-prev, .slickDemo .slick-next {
          position: absolute;
          z-index: 99;
          cursor: pointer;
        }
        .slickDemo .slick-dots {
          display: none !important;
          position: relative;
          text-align: center;
          margin-top: 20px;
        }
        .slickDemo .slick-dots li {
          display: inline-block;
          margin: 0 5px;
          width: 12px;
          height: 12px;
          background: #eeeeee;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
        }
        .slickDemo .slick-dots li.slick-active {
          background: #e60012;
        }
        /* 5 */
        .abHor {
          position: relative;
          display: flex;
          align-items: stretch;
          justify-content: space-between;
        }
        .abHor > div {
          padding: 6vw 5vw;
          background-size: cover;
          background-repeat: no-repeat;
        }
        .abHor_l {
          width: 100%;
          background-position: left center;
        }
        .abHor_swiper {
          margin-top: 35px;
        }
        .abHor_swiper p {
          color: #7a7a7a;
          margin-top: 10px;
          line-height: 2;
          font-size: 16px;
          line-height: 1.4;
          letter-spacing: 1px;
          text-align: center;
        }
        .abHor_swiper_arr {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 20px;
        }
        .abHor_swiper_l div {
          position: relative;
          vertical-align: middle;
          display: inline-block;
          width: 89px;
          height: 1px;
          background: #dedede;
          margin: 0 8px;
        }
        .abHor_swiper_l div i {
          position: absolute;
          top: -1px;
          left: 0;
          width: 0;
          height: 3px;
          background: #00A29A;
          transition: width 0.48s;
          border-radius: 38px;
        }
        .abHor_swiper_l > span {
          display: inline-block;
          vertical-align: middle;
          min-width: 28px;
          text-align: center;
        }
        .abHor_swiper_arr .swiper-button-next, .abHor_swiper_arr .swiper-button-prev {
          width: auto;
          height: 40px;
          line-height: 40px;
          background: transparent;
          border: 0;
          display: inline-block;
          text-align: center;
        }
        .abHor_swiper_r {
          color: rgb(0 130 255 / 0.38);
        }
        .abHor_swiper_arr .swiper-button-prev {
          padding-right: 24px;
        }
        .abHor_swiper_arr .swiper-button-next {
          padding-left: 24px;
        }
        .abHor_swiper_arr .swiper-button-next img, .abHor_swiper_arr .swiper-button-prev img {
          width: 18px;
        }
        .abHor_r {
          width: 44%;
          background-position: center center;
        }
        .abHor_tit {
          margin-bottom: 10px;
        }
        .abHor_tit img {
          width: 38px;
          display: none;
        }
        .abHor_tit svg {
          width: 28px;
          height: 28px;
          margin-right: 5px;
          display: inline-block;
          vertical-align: middle;
        }
        .abHor_tit path {
          fill: #00A29A;
        }
        .abHor_tit span {
          color: #fff;
          vertical-align: middle;
          display: inline-block;
          font-size: 18px;
        }
        .abHor_ul {
          display: flex;
          align-items: stretch;
          justify-content: space-between;
        }
        .abHor_ul li {
          opacity: 0.89;
          color: #fff;
          font-size: 12px;
          line-height: 2;
        }
        .abHor_num {
          position: relative;
          margin-bottom: 38px;
        }
        .abHor_ico {
          margin-top: 24px;
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        .abHor_ico_div {
          width: 28%;
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        .abHor_ico_div img:first-child {
          width: 34px;
        }
        .abHor_ico_div img:last-child {
          width: 54px;
        }
        .abHor_ico_img {
          width: 66%;
        }
        .abHor_ico_img i {
          display: block;
          height: 2px;
          width: 100%;
          background: #fff;
        }
        .abHor_ico_img div {
          position: absolute;
          bottom: 30px;
          right: 0;
          width: 100%;
          text-align: right;
        }
        .abHor_ico_img div img {
          margin-left: 24px;
          width: 48px;
          vertical-align: middle;
        }
        .abHor_num p {
          margin-top: 10px;
          color: #fff;
          font-size: 14px;
        }
        .abHor_num span {
          display: inline-block;
          /*min-width: 28px;*/
          text-align: center;
          padding: 0 8px;
          font-size: 20px;
          line-height: 1;
          font-weight: bold;
          font-family: 'en';
          letter-spacing: 0px;
        }
        /* ===========================
        technology
===================================================================================== */
        .tech {
          position: relative;
        }
        .techR_pad {
          padding: 39px 8vw 39px 4vw;
        }
        .tech .ind-title .title-en {
          font-size: 38px;
        }
        .tech .ind-title .title-cn {
          font-size: 26px;
          margin-bottom: 1vw;
          margin-top: 0;
        }
        .tech::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 30%;
          height: 100%;
          background-color: #f8f8f8;
          background-image: url(../images//tech34.jpg);
          background-size: 100% auto;
          background-position: top left;
          background-repeat: repeat-y;
        }
        .techBox {
          position: relative;
          overflow: hidden;
          text-align: right;
        }
        /* 0225 s */
        .scroll {
          cursor: pointer;
          position: fixed;
          left: 14%;
          margin-left: -25px;
          bottom: -6%;
          opacity: 0;
          z-index: 99;
          text-align: center;
          transition: all .68s;
        }
        .scroll.pos {
          position: absolute;
        }
        .scroll.show {
          bottom: 10%;
          opacity: 1;
        }
        .scroll span.txt {
          display: block;
          color: #00A29A;
          line-height: 1;
          font-size: 22px;
          font-family: "en";
          font-weight: bold;
          text-transform: uppercase;
        }
        .scroll span.txt svg {
          display: block;
          margin: 0 auto 3px;
          width: 20px;
          height: 20px;
        }
        .scroll span.txt path {
          fill: #00A29A;
          stroke: #00A29A;
          stroke-width: 38px;
        }
        .scroll span.txt img {
          width: 50px;
          display: block;
        }
        .scroll span.line {
          display: block;
          width: 1px;
          height: 140px;
          background-color: #00A29A;
          position: absolute;
          left: 50%;
          bottom: 0;
          overflow: hidden;
        }
        .scroll span.line::before {
          content: "";
          display: block;
          width: 1px;
          height: 120px;
          background-color: #fff;
          position: relative;
          animation-name: scrollLine;
          animation-duration: 3s;
          animation-timing-function: ease-out;
          animation-iteration-count: infinite;
        }
        @keyframes scrollLine {
          0% {
            top: -100%;
          }
          50% {
            top: 0;
          }
          100% {
            top: 100%;
          }
        }
        /* 0225 e */
        .techL {
          position: absolute;
          top: 0;
          bottom: auto;
          left: 0;
          padding: 89px 5vw 89px 8vw;
          z-index: 11;
          width: 30%;
          text-align: right;
          overflow: hidden;
          box-sizing: border-box;
        }
        .techL_top {
          position: absolute;
          top: -20%;
          right: 0;
          width: 100%;
          text-align: right;
        }
        .techL_top img {
          max-width: 100%;
        }
        .techL.fixed {
          position: fixed;
          top: 89px;
        }
        .techL.pos {
          position: absolute;
          top: auto;
          bottom: 0;
        }
        .techL_div {
          text-align: left;
          position: relative;
          z-index: 11;
        }
        .techL ul {
          margin-top: 38px;
        }
        .techL li {
          position: relative;
          border-bottom: 1px solid #ddd;
          margin-bottom: 14px;
          transition: all 0.48s;
          overflow: hidden;
        }
        .techL li:last-of-type {
          margin-bottom: 0;
        }
        .techL li::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          width: 4px;
          height: 100%;
          background: #00A29A;
          transform: scaleX(0);
          transform-origin: left center;
        }
        .techL a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-weight: bold;
          padding: 14px 0;
          font-size: 18px;
        }
        .techL li img {
          width: 12px;
        }
        .techL_div_hover {
          display: none;
        }
        .techL li.on {
          background: rgb(0 130 255 / 0.1);
          padding: 0 18px;
          border-radius: 6px;
          border-color: transparent;
        }
        .techL li.on .techL_div_ico {
          display: none;
        }
        .techL li.on .techL_div_hover {
          display: block;
        }
        .techL li.on a {
          color: #00A29A;
        }
        .techL li.on::before {
          transform: scaleX(1);
        }
        .techR {
          width: 70%;
          display: inline-block;
          text-align: left;min-height: 720px;
        }
        .techR_top.techR_pad {
          padding-bottom: 0 !important;
        }
        .techTit {
          position: relative;
          border-bottom: 1px solid #ddd;
          padding-bottom: 24px;
          font-size: 28px;
          font-weight: bold;
          line-height: 1;
        }
        .techTit::after {
          content: "";
          position: absolute;
          bottom: -2px;
          left: 0;
          width: 78px;
          height: 4px;
          background: #00A29A;
        }
        .techTit img {
          position: absolute;
          top: 0;
          right: 0;
          width: 38px;
        }
        .techOne {
          position: relative;
        }
        .techOne_box .swiper-slide {
          display: flex;
          align-items: center;
          justify-content: space-between;
          opacity: 0 !important;
        }
        .techOne_box .swiper-slide-active {
          opacity: 1 !important;
        }
        .js_techOne_swiper .swiper-container {
          padding-bottom: 30px;
        }
        .techOne_box .swiper-pagination {
          bottom: 0;
        }
        .techOne_l {
          width: 54%;
        }
        .techOne_r {
          width: 38%;
        }
        .techOne_p {
          color: #333;
          line-height: 2;
          font-size: 16px;
          letter-spacing: 1px;
          text-align: justify;
        }
        .techOne_num {
          margin-top: 48px;
          border-top: 1px dashed #ddd;
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
        }
        .techOne_div {
          padding: 48px 0 0;
          display: flex;
          align-items: flex-start;
          font-family: 'en';
        }
        .techOne_div img {
          width: 50px;
          margin-right: 10px;
        }
        .techOne_div span {
          font-family: 'BEBAS';
          font-weight: bold;
          font-size: 40px;
          line-height: 1;
          vertical-align: middle;
        }
        .techOne_div b {
          vertical-align: bottom;
          font-size: 32px;
          line-height: 1;
          font-family: 'Montserrat', 'PingFang', "Microsoft Yahei", "微软雅黑";
        }
        .techOne_div i {
          vertical-align: bottom;
          font-weight: bold;
          font-size: 40px;
          line-height: 0.8;
          letter-spacing: 0;
        }
        .techOne_div p {
          margin-top: 14px;
          color: #7a7a7a;
          line-height: 1;
          font-size: 14px;
          letter-spacing: 0;
        }
        .techOne_div:last-child i {
          font-family: 'BEBAS';
          vertical-align: middle;
        }
        .techTwo {
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
        }
        .techTwo_box {
          display: flex;
          align-items: stretch;
          justify-content: space-between;
        }
        .techTwo_l {
          width: 70%;
          padding-left: 20px;
        }
        .techTwo_l .swiper-button-next, .techTwo_l .swiper-button-prev {
          display: none !important;
        }
        .techTwo_a {
          position: relative;
          display: block;
        }
        .techTwo_img {
          position: relative;
          width: 100%;
          padding-top: 118%;
          overflow: hidden;
          border-radius: 6px;
        }
        .techTwo_img img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: all 0.48s;
        }
        .techTwo_a:hover .techTwo_img img {
          transform: scale(1.1);
        }
        .techTwo_txt {
          position: absolute;
          top: 0;
          left: 0;
          padding: 8% 10%;
        }
        .techTwo_txt img {
          width: 58px;
          margin-bottom: 10px;
          margin-left: -8px;
        }
        .techTwo_txt span {
          display: block;
          color: #fff;
          font-size: 24px;
          position: relative;
          font-weight: bold;
          line-height: 1.4;
        }
        .techTwo_txt i {
          display: inline-block;
          width: 28px;
          height: 2px;
          background: #fff;
        }
        .techTwo_r {
          position: relative;
          width: 30%;
          background: linear-gradient(to bottom, #00afff, #00A29A);
          border-radius: 6px;
          overflow: hidden;
          padding: 4vh 0;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
        }
        .techTwo_r .swiper-pagination {
          bottom: 0;
          top: 0;
          position: relative;
        }
        .swiper-pagination-current {
          font-weight: bold;
          font-size: 80px;
          letter-spacing: 2px;
          color: #fff;
          line-height: 1;
          font-family: "en";
        }
        .techTwo_r .swiper-pagination-total {
          font-size: 32px;
          margin-left: 38px;
          letter-spacing: 2px;
          position: relative;
          color: #fff;
          font-weight: bold;
        }
        .techTwo_r .swiper-pagination-total::before {
          content: '';
          display: block;
          width: 1px;
          height: 32px;
          background: #fff;
          position: absolute;
          left: -20px;
          top: 50%;
          margin-top: -17px;
          transform: rotate(18deg);
        }
        .techTwo_arr a {
          outline: none;
          width: 58px;
          height: 58px;
          border-radius: 50%;
          line-height: 51px;
          text-align: center;
          border: 1px solid #fff;
          color: #fff;
          margin: 28px auto;
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .techTwo_arr svg {
          position: relative;
          width: 18px;
          height: 18px;
        }
        .techTwo_arr svg path {
          fill: #fff;
        }
        .techTwo_arr_left svg {
          transform: rotate(180deg);
        }
        .techTwo_jd {
          margin-top: 10px;
          position: relative;
          border-bottom: 2px solid rgba(255, 255, 255, 0.28);
        }
        .techTwo_jd i {
          position: absolute;
          top: 0;
          left: 0;
          width: 0;
          height: 2px;
          background: #fff;
          transition: all 0.48s;
        }
        .techThr {
          position: relative;
        }
        .techThr_box {
          display:block !important
        }
        .techThr_box.two .techThr_item {
          width: 48%;
          margin-bottom: 4%;
        }
        .techThr_item {
          position: relative;
          top: 0;
          z-index: 3;
          width: 32%;
          margin-bottom: 2%;
          text-align: left;
          padding:1.5%;
          box-shadow: 0 0 10px 1px #eee;
          background: #fff;
          transition: all .68s;
          border-radius: 6px;
          overflow: hidden;float: left;
    margin-right: 1.3%;
        }
        .techThr_item:hover {
          top: -10px;
        }
        .techThr_item::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 0;
          background: rgb(241 90 41 / 0.8);
          z-index: -1;
          transition: height 0.68s;
        }
        .techThr_ico {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 65px;
          height: 65px;
        }
        .techThr_ico::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 200%;
          height: 200%;
          border-radius: 50%;
          background-color: #e9f2ff;
          transition: all 1s;
        }
        .techThr_item:hover .techThr_ico::before {
          background-color: #00A29A;
        }
        .techThr_ico div {
          display: inline-block;
          position: relative;
          z-index: 7;
          top: 10px;
          left: 10px;
        }
        .techThr_ico img {
          width: 68px;
          position: absolute;
          left: 50%;
          transform: translate(-30%, -40%);
          top: 50%;
          transition: all 0.8s;
        }
        .techThr_ico_hover {
          opacity: 0;
        }
        .techThr_txt {
          transition: all 0.68s;
          position: relative;
        }
        .techThr_txt span {
          letter-spacing: 0.5px;
          font-size: 20px;
          color: #333;
          font-weight: 400;
          line-height: 2;
          display: block;
          transition: all 0.8s;
        }
        .techThr_txt p {
          line-height: 1.6;
          color: #333;
          text-transform: uppercase;
        }
        .techThr_txt i {
          position: relative;
          margin-top: 25px;
          display: inline-block;
          color: #bbb;
        }
        .techThr_txt i::before {
          content: "";
          position: absolute;
          top: -20px;
          left: 50%;
          height: 18px;
          width: 1px;
          background: #eee;
        }
        .techThr_item:hover .techThr_ico_img {
          opacity: 0;
        }
        .techThr_item:hover .techThr_ico_hover {
          opacity: 1;
        }
        .techThr_item:hover .techThr_txt span {
          color: #00A29A;
        }
        .techFor {
          position: relative;
          background-color: rgb(0 130 255 / 0.05);
          background-repeat: no-repeat;
          background-position: center;
          background-attachment: fixed;
          background-size: cover;
        }
        .techFor_box {
          display: flex;
          align-items: stretch;
          justify-content: space-between;
        }
        .techFor_a {
          position: relative;
          border-radius: 6px;
          overflow: hidden;
          width: 32%;
          display: block;
          box-shadow: 0 12px 30px rgba(80, 80, 80, .1);
        }
        .techFor_a::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #000;
          opacity: 0;
          transition: all 0.68s;
        }
        .techFor_a:hover::after {
          opacity: 0.48;
        }
        .techFor_txt {
          position: absolute;
          left: 0;
          width: 100%;
          text-align: center;
          top: 50%;
          transform: translateY(-50%);
          transition: all 1s;
          z-index: 3;
        }
        .techFor_img {
          position: relative;
          overflow: hidden;
        }
        .techFor_img img {
          width: 100%;
          transition: all 0.48s;
        }
        .techFor_a:hover .techFor_img img {
          transform: scale(1.1);
        }
        .techFor_txt img {
          width: 54px;
        }
        .techFor_a i {
          margin: 32px auto;
          display: block;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #fff;
          position: relative;
        }
        .techFor_a i::after, .techFor_a i::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }
        .techFor_a i::before {
          background: rgba(255, 255, 255, 0.1);
          transform: scale(4);
        }
        .techFor_a i::after {
          background: rgba(255, 255, 255, 0.28);
          transform: scale(2.5);
        }
        .techFor_cn {
          font-size: 24px;
          display: block;
          color: #fff;
          line-height: 1.4;
        }
        .techFor_en {
          line-height: 1;
          font-size: 12px;
          text-transform: uppercase;
          color: #fff;
        }
        .techFor_a p {
          color: #fff;
          line-height: 26px;
          font-size: 16px;
          margin-top: 28px;
          line-height: 1.8;
          font-size: 16px;
          min-height: 58px;
          opacity: 0;
          visibility: hidden;
          transform: translateY(28px);
          transition: all 1s;
        }
        .techFive {
          position: relative;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
        }
        .techFive .swiper-slide {
          padding: 10px;
        }
        .techLogo_img {
          position: relative;
          border-radius: 6px;
          overflow: hidden;
          padding-top: 42%;
          background: #fff;
        }
        .techLogo_img img {
          position: absolute;
          top: 7%;
          left: 0;
          width: 100%;
          height: 86%;
          object-fit: contain;
        }
        /* ===========================
        product
===================================================================================== */
        .product .li-conn .icon {
          width: 218px;
          height: 218px;
          margin: 0 auto;
        }
        .product .techThr {
          position: relative;
          background-color: rgb(0 130 255 / 0.05);
          background-attachment: fixed;
          background-position: center;
          background-repeat: no-repeat;
        }
        .product table {
          border-collapse: collapse;
          width: 100%;
          border: 1px solid #eee;
        }
        .product table td {
          cursor: pointer;
          border-left: 1px solid #eee;
          border-top: 1px solid #f8f8f8;
          color: #666;
          letter-spacing: 0;
          padding: 2%;
          font-size: 13px;
        }
        .product table td:not(:last-of-type):first-child {
          width: 128px;
          background: #f1f9ff;
          border-top-color: #fff;
          color: #333;
        }
        .product table td:first-of-type {
          border-top-color: #eee !important;
        }
        /* ===========================
        news
===================================================================================== */
        .news {
          padding: 89px 0;
          background-position: center top;
          background-repeat: no-repeat;
          background-size: 100% auto;
          border-bottom: 1px solid #eee;
        }
        .news .zdMore {
          margin-top: 24px;
        }
        .news .zdMore .more {
          width: 158px;
          padding: 0 24px;
          font-size: 13px;
          height: 40px;
          line-height: 40px;
        }
        .news .zdMore .more:hover svg {
          -webkit-transform: translateX(10px);
          transform: translateX(10px);
        }
        .newsTop {
          border-bottom: 1px solid #d8d8d8;
          margin-bottom: 28px;
          padding: 0 22px 48px;
        }
        .newsTop_a {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        .newsTop_a > div {
          width: 48%;
        }
        .newsTop_img {
          background: #eee;
          position: relative;
          padding-top: 28%;
          border-radius: 6px;
          overflow: hidden;
        }
        .newsTop_img img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 6px;
          overflow: hidden;
        }
        .newsTop_txt {
          padding-right: 4%;
        }
        .newsTop_time {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
        }
        .newsTop_time span {
          font-weight: bold;
          font-size: 28px;
          letter-spacing: 0;
          line-height: 1;
        }
        .newsTop_num {
          color: #999;
          display: flex;
          align-items: flex-end;
          line-height: 1;
        }
        .newsTop_num span {
          display: inline-block;
          vertical-align: bottom;
          font-weight: 400;
          margin: 0 6px;
        }
        .newsTop_num .newsTop_num_all {
          font-size: 18px;
        }
        .newsTop_time p {
          font-size: 16px;
          margin-bottom: 28px;
          line-height: 1;
          color: #999;
        }
        .newsTop .newsA_tit {
          border-bottom: 0;
          padding: 0;
          white-space: normal;
          font-size: 24px;
          line-height: 1.4;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          display: -webkit-box;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .newsTop .newsA_tit::before {
          content: none;
        }
        .newsTop_btn {
          text-align: right;
        }
        .newsTop_btn .zdMore {
          display: inline-block;
          margin-top: 62px;
        }
        .newsTop .swiper-slide {
          opacity: 0 !important;
        }
        .newsTop .swiper-slide-active {
          opacity: 1 !important;
        }
        .newsTop .swiper-pagination {
          left: 52%;
          width: auto;
          bottom: 20%;
        }
        /*  */
        .newsBox {
          overflow: hidden;
          margin-left: -1%;
          margin-right: -1%;
        }
        .newsA {
          float: left;
          width: 31.33%;
          margin: 1%;
          background: rgba(255, 255, 255, .68);
          border: 1px solid #d8d8d8;
          display: block;
          padding: 20px;
          border-radius: 6px;
          overflow: hidden;
        }
        .newsA_img {
          position: relative;
          padding-top: 50%;
          background: #eee;
          border-radius: 6px;
          overflow: hidden;
        }
        .newsA_img img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 6px;
          object-fit: cover;
        }
        .newsA_tit {
          position: relative;
          font-size: 20px;
          font-weight: 600;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          border-bottom: 1px solid #eee;
          padding-bottom: 12px;
          line-height: 1;
          margin: 15px 0;
          padding-left: 12px;
        }
        .newsA_tit::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 3px;
          height: 66%;
          background: #00A29A;
        }
        .newsA_txt {
          padding: 14px 5px 28px;
        }
        .newsA_time {
          color: #999999;
          font-size: 13px;
        }
        .newsA_time svg {
          width: 18px;
          margin-top: -2px;
          vertical-align: middle;
        }
        .newsA_time path {
          fill: #999;
        }
        .newsA_p {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #999;
          font-size: 15px;
          line-height: 1.8;
          letter-spacing: 0.5px;
        }
        /* ===========================
        join
===================================================================================== */
        .join {
          position: relative;
          padding: 89px 0;
          background-image: url(../images//bg2.png);
          background-position: center bottom;
          background-repeat: no-repeat;
          background-attachment: fixed;
          background-size: 100% auto;
          border-bottom: 1px solid #eee;
        }
        .joinBox {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
        }
        .joinL {
          width: 458px;
          text-align: left;
        }
        .joinL.pos {
          bottom: 88px;
          top: auto;
        }
        .joinL.fixed {
          position: fixed;
          top: 190px;
        }
        .joinList {
          position: relative;
          border-radius: 6px;
          overflow: hidden;
          background: #fff;
          box-shadow: 0 12px 30px rgba(80, 80, 80, .1);
        }
        .joinList::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 6px;
          border: 1px solid rgba(170, 170, 170, .2);
          box-sizing: border-box;
        }
        .joinList li {
          cursor: pointer;
          position: relative;
          padding: 0 38px;
          transition: all .6s ease 0s;
          overflow: hidden;
        }
        .joinList li::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #f2f2f2;
          z-index: 3;
          opacity: 0;
        }
        .joinList li div {
          position: relative;
          z-index: 11;
          padding: 48px 0;
          border-bottom: 1px solid #d8d8d8;
        }
        .joinList li:last-child div {
          border-color: transparent;
        }
        .joinList i {
          position: absolute;
          line-height: 1;
          transition: all .6s ease 0s;
          color: rgba(212, 212, 212, .41);
        }
        .joinList .joinList_i2 {
          opacity: 0;
          bottom: -68px;
          font-size: 128px;
          right: 20px;
        }
        .joinList .joinList_i1 {
          font-size: 38px;
          top: 50%;
          transform: translateY(-50%);
          right: 48px;
        }
        .joinList span {
          font-size: 24px;
          color: #333;
        }
        .joinList p {
          color: #666;
          text-transform: uppercase;
          font-size: 12px;
          letter-spacing: 0.5px;
        }
        .joinList li:hover::after {
          opacity: 1;
        }
        .joinList li.hover::after {
          background: #00A29A;
          opacity: 1;
        }
        .joinList li:hover div, .joinList li.hover div {
          border-color: transparent;
        }
        .joinList li.hover p, .joinList li.hover span {
          color: #fff;
        }
        .joinList li.hover p {
          opacity: 0.68;
        }
        .joinList li:hover .joinList_i1, .joinList li.hover .joinList_i1 {
          font-size: 28px;
          opacity: 0;
        }
        .joinList li:hover .joinList_i2, .joinList li.hover .joinList_i2 {
          opacity: 1;
          bottom: -28px;
        }
        .joinList li.hover .joinList_i2 {
          color: rgba(255, 255, 255, .41)
        }
        .joinEm {
          border-radius: 6px;
          overflow: hidden;
          background: #fff;
          margin-top: 38px;
          padding: 48px;
          border: 1px solid rgba(170, 170, 170, .2);
          box-shadow: 0 12px 30px rgba(80, 80, 80, .1);
          display: flex;
          align-items: center;
        }
        .joinEm svg {
          width: 48px;
          height: 48px;
          margin-right: 24px;
        }
        .joinEm path {
          fill: #00A29A;
        }
        .joinEm p {
          color: #666;
          font-size: 15px;
        }
        .joinEm a {
          color: #00A29A;
          font-weight: bold;
          font-family: 'en';
          font-size: 17px;
          border-bottom: 1px solid #00A29A;
        }
        .joinR {
          background: #fff;
          display: inline-block;
          text-align: left;
          width: calc(100% - 538px);
          box-shadow: 0 12px 30px rgba(80, 80, 80, .1);
        }
        .recBox {
          border-radius: 6px;
          border: 1px solid rgba(170, 170, 170, .2);
          padding-bottom: 80px;
        }
        .recruit .recItem {
          position: relative;
        }
        .recruit .recTit {
          font-size: 22px;
          margin-top: 0;
          color: #333;
          text-transform: capitalize;
          font-weight: bold;
        }
        .recruit .recTit a {
          color: #2a333c;
        }
        .recruit .recTit a:hover {
          color: #4e97d9;
        }
        .recIco_add {
          display: inline-block;
          width: 12px;
          height: 12px;
          background: url("../images//j_1.png") no-repeat center;
          background-size: 100%;
          position: relative;
          top: 1px;
          margin-right: 5px;
        }
        .recIco_num {
          display: inline-block;
          width: 12px;
          height: 12px;
          background: url("../images//j_2.png") no-repeat center;
          background-size: 100%;
          position: relative;
          top: 1px;
          margin-right: 5px;
        }
        .recIco_money {
          display: inline-block;
          width: 12px;
          height: 12px;
          background: url("../images//j_3.png") no-repeat center;
          background-size: 100%;
          position: relative;
          top: 1px;
          margin-right: 5px;
        }
        .recDiv {
          position: relative;
          padding: 50px 60px 0;
        }
        .recHead {
          padding-bottom: 14px;
          position: relative;
          border-bottom: 1px solid #ddd;
        }
        .recDiv_arr {
          position: absolute;
          top: 10px;
          right: 20px;
        }
        .recDiv_arr svg {
          width: 38px;
          height: 38px;
          transform: rotate(-90deg);
          transition: all 0.48s;
        }
        .recDiv_arr.click svg {
          transform: rotate(0deg);
        }
        .recDiv_arr path {
          fill: #00A29A
        }
        .recIco {
          position: relative;
        }
        .recIco span {
          display: inline-block;
          margin-right: 28px;
          font-size: 14px;
          color: #a3afb7;
        }
        .recIco span:last-of-type {
          margin-right: 0;
        }
        .recBody {
          display: none;
          background: #f8f8f8;
          padding: 20px 48px 48px;
        }
        .recItem:first-child .recBody {
          display: block;
        }
        .recItem:first-child .recBody {
          display: block;
        }
        .recBody span {
          display: block;
          margin: 28px 0 14px;
          font-weight: bold;
          color: #333;
          font-size: 16px;
          letter-spacing: 0;
        }
        .recBody p {
          font-size: 14px;
          color: #666;
        }
        .recBody img {
          max-width: 100%;
          height: auto !important;
        }
        .recFoot {
          display: none;
          margin-top: 24px;
          color: #00A29A;
          font-size: 12px;
          letter-spacing: 0.5px;
        }
        .recFoot svg {
          position: relative;
          top: -2px;
          width: 24px;
          height: 24px;
          vertical-align: middle;
          margin-right: 5px;
        }
        .recFoot a {
          text-decoration: underline;
          color: #00A29A;
          margin-left: 5px;
        }
        /* ===========================
        contact
===================================================================================== */
        .contact {
          background-image: url(../images//bg1.png);
          background-position: center bottom;
          background-repeat: no-repeat;
          background-size: 100% auto;
        }
        .conBox {
          position: relative;
          padding: 89px 0;
        }
        .conBox_div {
          padding: 48px 0 89px;
          position: relative;
        }
        .conBox_div_add {
          width: 40%;
          display: inline-block;
          text-align: left;
          margin-left: 10%;
        }
        .conMess span {
          font-size: 28px;
          font-weight: bold;
          display: block;
          margin-bottom: 14px;
        }
        .conMess p {
          color: #7a7a7a;
          line-height: 2;
          font-size: 16px;
          letter-spacing: 1px;
        }
        .conEwm {
          margin-top: 48px;
        }
        .conEwm .ewmf {
          margin: 0;
          margin-right: 10px;
        }
        .conBox_img {
          width: 38%;
          bottom: -26px;
          position: absolute;
          z-index: -1;
        }
        .conBox_img img {
          width: 100%;
          opacity: 0.03;
        }
        .iw_poi_title {
          color: #CC5522;
          font-size: 14px;
          font-weight: bold;
          overflow: hidden;
          padding-right: 13px;
          white-space: nowrap
        }
        .iw_poi_content {
          font: 12px arial, sans-serif;
          overflow: visible;
          padding-top: 4px;
          white-space: -moz-pre-wrap;
          word-wrap: break-word
        }
        .conMap {
          position: absolute;
          top: 0;
          right: 0;
          width: 54%;
          height: 100%;
          overflow: hidden;
          border-top-left-radius: 6px;
          border-bottom-left-radius: 6px;
          box-shadow: 0 12px 30px rgba(80, 80, 80, .1)
        }
        #mapBox {
          width: 100%;
          height: 100%;
        }
        /*  */
        .conInline_bg {
          background: #f5f7f7;
          /* background: #f8fcff; */
        }
        .conInline {
          position: relative;
          padding: 89px 0;
          max-width: 1280px;
          margin: 0 auto;
        }
        .conInline textarea {
          width: 100%;
          height: 238px;
          background: #fff;
          border-radius: 6px;
          border: 0;
          margin-top: 14px;
          padding: 14px;
        }
        .conInline_inp {
          display: flex;
          align-items: stretch;
          justify-content: space-between;
        }
        .conInline_inp input {
          width: 32.5%;
          height: 58px;
          padding: 0 14px;
          line-height: 58px;
          background: #fff;
          border-radius: 6px;
          border: 0;
        }
        .conInline_btn {
          display: flex;
          align-items: center;
          justify-content: center;
        }
        .conInline_btn .zdMore {
          margin: 48px 24px 0;
        }
        .conInline_btn .zdMore .more {
          padding: 0;
          text-align: center;
          display: block;
        }
        .conInline_btn .zdMore:last-of-type .more {
          background: #e5e5e5;
        }