@font-face {
    font-family: D-DIN, serif;
    src: url(/assets/hz/font/D-DIN-Bold.ttf) format("truetype");
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td,tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, header, menu, nav, section {
  display: block;
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
}
input {
  -webkit-appearance: none;
  outline: 0;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a:link, a:visited {
  text-decoration: none;
}
* {
  -webkit-tap-highlight-color: transparent;
}
a:active, a:hover, a:link, a:visited {
  -webkit-tap-highlight-color: transparent;
}
html {
  scroll-behavior: smooth;
}

body {
    position: relative;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial", "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    background: #fff;
}

.header {
    width: 100%;
    height: 80rem;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    background: #fff0;
    z-index: 99;
}

.hover {
    width: 100%;
    height: 80rem;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    background: #fff !important;
    z-index: 99;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
}

.header .logo {
    width: 165rem;
    height: 44rem;
    float: left;
    background: url("/assets/hz/img/logo.png") no-repeat;
    background-size: 100% 100%;
    margin: 18rem 272rem 18rem 100rem;
}

.hover .logo {
    background: url("/assets/hz/img/logo_active.png") no-repeat;
    background-size: 100% 100%;
}

.header .nav {
    height: 80rem;
    position: fixed;
    top: 0;
    left: 537rem;
    background-color: #393d4900;
    padding: 0;
}

.header .nav .layui-nav-item {
    line-height: 80rem;
    margin-right: 60rem;
}

.header .nav .lastItem {
    margin-right: 0 !important;
}

.header .nav .layui-nav-item a {
    padding: 0;
    font-size: 18rem;
}

.header .nav .layui-nav-item dd a {
    font-size: 16rem;
    color: #212e4b;
    padding: 7rem 18rem;
}

.header .nav .layui-nav-child a:hover {
    background-color: #f5f6fa;
    color: #0018a0;
}

.header .nav .layui-nav-more {
    display: none;
}

.header .layui-nav-bar,
.header .nav .layui-this:after {
    height: 2px;
    background-color: #0018a000;
}

.header .operation {
    width: 130rem;
    height: 80rem;
    float: right;
    margin-right: 100rem;
    display: flex;
    align-items: center;
}

.header .operation .earth {
    width: 25rem;
    height: 22rem;
    background: url("/assets/hz/img/Earth.gif") no-repeat;
    background-size: 100%;
    flex-shrink: 0;
}

.hover .operation .earth {
    background: url("/assets/hz/img/Earth_active.gif") no-repeat;
    background-size: 100%;
}

.operation .station-group {
    height: 80rem;
    line-height: 76rem;
    font-size: 16rem;
    font-weight: 400;
    color: #fff;
    margin-left: 12rem;
    position: fixed;
    background-color: #393d4903;
}

.operation .station-group .layui-nav-item {
    line-height: 80rem !important;
}

.header .station-group .layui-nav-item a {
    padding: 0;
}

.hover .station-group .layui-nav-item a {
    color: #6b7a9a;
}

.header .station-group .layui-nav-item dd a {
    padding: 0 20rem;
}

.header .station-group .layui-nav-more {
    right: -15px;
}

.hover .operation .station-group {
    color: #6b7a9a;
    margin-left: 12rem;
}

.hover .nav {
    height: 80rem;
    position: fixed;
    top: 0;
    left: 537rem;
    background-color: #393d4900;
    padding: 0;
}

.hover .layui-nav-bar,
.hover .nav .layui-this:after {
    height: 2px;
    background-color: #0018a0 !important;
}

.hover .nav .layui-nav-item a {
    color: #6b7a9a;
}

.hover .nav .layui-nav-item:hover a {
    color: #0018a0;
}

.hover .nav .layui-this a {
    color: #0018a0;
}

.hover .nav .layui-nav-item:hover dd a {
    color: #212e4b;
}

.hover .nav .layui-nav-item:hover dd a:hover {
    color: #0018a0;
    font-weight: 500;
}

.layui-nav-child {
    border-radius: 8px;
    top: 88rem;
}

.hover .nav .layui-nav-item:hover dd a.l3Menu-title:hover {
    color: #212e4b;
    background: #fff;
    cursor: default !important;
}

.l3Menu {
    text-indent: 1em;
}

.l3Menu ol a {
    font-weight: 400;
    font-size: 14rem !important;
    padding: 0rem 18rem !important;
}

footer {
    border-top: 2px solid #dfe4f0;
}

footer .case-number {
    width: 100%;
    height: 50rem;
    border-top: 2px solid #dfe4f0;
}

footer .case-number .case-number-c {
    width: 1400rem;
    margin: 0 auto;
    overflow: hidden;
}

footer .case-number .case-number-c a {
    display: block;
    height: 50rem;
    color: #b8bdc6;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 13rem;
    font-style: normal;
    font-weight: 400;
    line-height: 50rem;
}

footer .case-number .case-number-c a:nth-child(1) {
    float: left;
}

footer .case-number .case-number-c a:nth-child(2) {
    float: left;
    margin-left: 20rem;
}

footer .case-number .case-number-c a:nth-child(3) {
    float: right;
}

footer .footer {
    width: 1400rem;
    min-height: 100rem;
    display: flex;
    flex-wrap: nowrap;
    margin: 60rem auto 0;
    padding-bottom: 48rem;
    justify-content: center;
}

footer .footer .mainMsg {
    width: 266rem;
}

footer .footer .mainMsg p:nth-child(1) img {
    display: block;
    width: 195rem;
    height: auto;
}

/* footer .footer .mainMsg p:nth-child(2) {
  color: #6b7a9a;
  font-family: D-DIN;
  font-size: 26rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 40rem;
  margin-bottom: 10rem;
} */
footer .footer .mainMsg p:nth-child(2) {
    color: #6b7a9a;
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 20rem;
}

footer .footer .jumpList {
    width: 240rem;
    margin-right: 78rem;
}

footer .footer .jumpList .jumpList-head {
    height: 34rem;
    width: 112rem;
    background-size: 18rem 2rem;
    background: url("/assets/hz/img/jumpList-head.png") no-repeat 0 32rem;
    margin-bottom: 13rem;
    color: #2a3057;
    font-size: 16rem;
    font-style: normal;
    font-weight: 700;
    line-height: 18rem;
}

footer .footer .jumpList .jumpList-content li a {
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 44rem;
}

footer .footer .jumpList .jumpList-content li a:hover {
    color: #0018a0;
}

.backTop {
    width: 56px;
    height: 66px;
    position: fixed;
    right: 20px;
    bottom: 100px;
    display: none;
    z-index: 999;
}

.backTop-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    margin-left: 8px;
    background: #212e4b;
}

.backTop-btn:hover {
    background: #0018a0;
}

.backTop-text {
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
    text-align: center;
}

.product-swiper {
    position: relative;
}

.product-swiper .banner-show {
    position: relative;
    overflow: hidden;
    height: 350rem;
    margin-top: 26rem
}

.banner {
    position: relative;
}

.banner .banner-show {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.banner .banner-show .banner-text {
    /*width: 720rem;*/
    font-size: 54rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    position: absolute;
    top: 42%;
    left: 10%;
}
.banner .banner-show .banner-button {
    width: 160rem;
    margin-top: 16rem;
    font-size: 13rem;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 22rem;
    border-radius: 8rem;
    border: 1rem solid #fff;
    padding-block: 12rem;
}

.banner .banner-show svg {
    width: 23rem;
    height: 23rem;
}

.banner .banner-show img.sp-bg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .banner-show img.spi {
    display: block;
    width: 552rem;
    height: 265rem;
    position: absolute;
    top: 50%;
    margin-top: -133rem;
    left: 13.85416666666667%;
}

.banner .swiper-button {
    width: 338rem;
    height: 30rem;
    position: absolute;
    top: 70%;
    left: 10%;
}

.banner .swiper-button .swiper-button-prev {
    left: 0;
    width: 25rem;
    height: 32rem;
    background-image: url("/assets/hz/img/button-prev.png") !important;
    background-size: 100%;
    opacity: 0.6;
}

.banner .swiper-button .swiper-button-prev:hover {
    opacity: 1;
}

.banner .swiper-button .swiper-button-next {
    left: 68rem;
    width: 25rem;
    height: 32rem;
    background-image: url("/assets/hz/img/button-next.png") !important;
    background-size: 100%;
    opacity: 0.6;
}

.banner .swiper-button .swiper-button-next:hover {
    opacity: 1;
}

.banner .swiper-pagination-fraction {
    color: #ffffff4d;
}

.banner .swiper-pagination-fraction span {
    color: #fff;
    font-size: 14rem;
}

.banner .swiper-pagination-current {
    font-size: 18rem !important;
}

.banner .round-border {
    width: 20rem;
    height: 20rem;
    position: absolute;
    right: 100rem;
    bottom: 14rem;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner .round-border .t_bandotli {
    position: relative;
    margin: 0 10rem;
    cursor: pointer;
}

.banner .round-border .t_bandotli svg {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 5;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.banner .round-border .t_bandotli svg circle {
    stroke-width: 2px;
    stroke: #38bff1;
    stroke-dasharray: 300%;
    stroke-dashoffset: 300%;
    transition: stroke-dashoffset 0.6s ease-out;
    -webkit-transition: stroke-dashoffset 0.6s ease-out;
    -moz-transition: stroke-dashoffset 0.6s ease-out;
    -o-transition: stroke-dashoffset 0.6s ease-out;
    -ms-transition: stroke-dashoffset 0.6s ease-out;
}

.banner .round-border .t_bandotli span {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 2px solid #ffffff4d;
    border-radius: 50%;
    transition: border-color 0.3s ease-out;
    -webkit-transition: border-color 0.3s ease-out;
    -moz-transition: border-color 0.3s ease-out;
    -o-transition: border-color 0.3s ease-out;
    -ms-transition: border-color 0.3s ease-out;
}

.banner .round-border .t_bandotli span:after {
    content: "";
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.banner .round-border .t_bandotli.on svg circle {
    stroke-dashoffset: 0;
    animation: movedong 2s ease-out, moveshou 1s ease-out 2s;
    -webkit-animation: movedong 2s ease-out, moveshou 1s ease-out 2s;
    -o-animation: movedong 2s ease-out, moveshou 1s ease-out 2s;
    -moz-animation: movedong 2s ease-out, moveshou 1s ease-out 2s;
}

.mouseImg {
    width: 40px;
    height: 90px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -20px;
    z-index: 99;
}

.mouseImg svg {
    position: absolute;
    animation: updown 1.5s linear infinite;
    -webkit-animation: updown 2s linear infinite;
    -o-animation: updown 1.5s linear infinite;
    -moz-animation: updown 1.5s linear infinite;
}

.mouseImg span {
    display: block;
    width: 1px;
    height: 20px;
    background: #fff;
    margin-left: 20px;
    margin-top: 70px;
}

@keyframes movedong {
    0% {
        stroke-dashoffset: 300%;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes moveshou {
    0% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 300%;
    }
}

@keyframes updown {
    0% {
        top: 0;
    }
    50% {
        top: 20px;
    }
    100% {
        top: 0;
    }
}
.about p span{
    color: #0018a0;
    font-size: 18rem;
    font-style: normal;
    font-weight: 700;
    line-height: 32rem;
    text-decoration: none !important;
}
.about p:nth-child(3){
    margin-top: 20rem;
}
.index_about {
    position: relative;
    width: 100%;
    height: 41.6666666vw;
    background: url("/assets/hz/img/index-about.jpg") no-repeat;
    background-size: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.index_about .describe {
    width: 50%;
    height: 100%;
}

.index_about .describe .describe-text {
    width: 658rem;
    min-height: 100rem;
    margin-left: 260rem;
    margin-top: 90rem;
    display: flex;
    flex-direction: column;
}

.index_about .describe .describe-text p:nth-child(1) {
    color: #b8bdc6;
    font-size: 70rem;
    font-style: normal;
    font-weight: 100;
    line-height: 72rem;
}

.index_about .describe .describe-text p:nth-child(2) {
    color: #0018a0;
    font-size: 36rem;
    font-style: normal;
    font-weight: 500;
    line-height: 56rem;
    margin-bottom: 40rem;
}

.index_about .describe .describe-text .index_Atext p {
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
    margin-bottom: 20rem;
    text-align: justify;
}

.index_about .describe .describe-text .index_Atext p span {
    color: #0018a0;
    font-weight: 600;
    text-decoration:none !important;
}

.index_about .describe .describe-text p.index_Amore {
    width: 160rem;
    height: 48rem;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #0a27c7;
    color: #fff;
    line-height: 48rem;
    margin-top: 30rem;
}

.index_about .describe .describe-text p:nth-child(4) a {
    color: #fff;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 22rem;
}

.index_about .describe .describe-text p:nth-child(4) a span {
    color: #fff;
    text-align: center;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
}

.index_about .describe .describe-text p:nth-child(4) a svg {
    width: 23rem;
    height: 23rem;
}

.index_about .describe .describe-text p:nth-child(4):hover {
    background: #0018a0;
}

.index_about .describeImg {
    width: 50%;
    height: 100%;
    position: relative;
}

.index_about .describeImg .ring {
    display: block;
    width: 79.16666%;
    height: auto;
    position: absolute;
    top: -5%;
    left: -2%;
    z-index: 0;
    animation: ring 3s linear infinite;
    -webkit-animation: ring 3s linear infinite;
    -o-animation: ring 3s linear infinite;
    -moz-animation: ring 3s linear infinite;
}

.index_about .describeImg .hand {
    display: block;
    width: 72.291666%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.index_coreBusiness {
    background: #fff;
    padding: 110rem 0 110rem 0;
}

.index_coreBusiness p:nth-child(1) {
    color: #b8bdc6;
    font-size: 70rem;
    font-style: normal;
    font-weight: 100;
    line-height: 72rem;
    text-transform: uppercase;
}

.index_coreBusiness p:nth-child(2) {
    display: flex;
    flex-wrap: nowrap;
}

.index_coreBusiness p:nth-child(2) span:nth-child(1) {
    color: #212e4b;
    font-size: 36rem;
    font-style: normal;
    font-weight: 500;
    line-height: 56rem;
}

.index_coreBusiness p:nth-child(2) span:nth-child(2) {
    color: #0018a0;
    font-size: 36rem;
    font-style: normal;
    font-weight: 500;
    line-height: 56rem;
}

.index_coreBusiness-head {
    width: 1400rem;
    display: block;
    margin: 0 auto 60rem auto;
}

.index_coreBusiness-list {
    width: 1400rem;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.index_coreBusiness-list li {
    width: 300rem;
    height: 510rem;
    float: left;
    margin-right: 20rem;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.index_coreBusiness-list li img{
    display: block;
    width: 760rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-60%, -50%);
}
.index_coreBusiness-list li.active img{
    transform: translate(-50%, -50%);
}
.index_coreBusiness-list li .show {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
}

.index_coreBusiness-list li .text {
    display: block;
    width: 680rem;
    height: auto;
    margin: 22rem 20rem;
    font-size: 16rem;
    line-height: 26rem;
    color: #ffffff;
    opacity: 0;
    text-align: justify;
}

.index_coreBusiness-list li.active .text {
    opacity: 0.8;
}

.index_coreBusiness-list li .text:hover {
    opacity: 1;
    text-decoration: underline;
}

.index_coreBusiness-list li.active .more-btn{
    width: 60rem;
    height: 40rem;
    margin-left: 20rem;
    font-size: 14rem;
    border-radius: 20px;
    color: #0a27c7;
    background: #fff;
    padding: 6rem 10rem;
}
.index_coreBusiness-list li.active .more-btn:hover{
    cursor: pointer;
}
.index_coreBusiness-list li .title {
    min-width: 130rem;
    height: 42rem;
    margin-top: 414rem;
    margin-left: 20rem;
    font-size: 24rem;
    color: #fff;
}

.index_coreBusiness-list li.active {
    width: 760rem;
    height: 510rem;
    background-position: 0 0;
    background-size: cover;
}

.index_coreBusiness-list li.active .title {
    margin-top: 322rem;
    font-size: 30rem;
}

.index_coreBusiness-list li.active .text {
    display: block;
}

.index_coreBusiness-list li:nth-last-child(1) {
    margin-right: 0;
}

.index_stock {
    width: 100%;
    height: 18.07291666vw;
    background: #f5f6fa url("/assets/hz/img/trend.png") no-repeat;
    background-size: 100%;
    margin-bottom: 110rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.index_stock .stock {
    width: 210rem !important;
    margin-left: 260rem;
}

.index_stock .stock iframe {
    width: 300rem;
    height: 140rem;
}

.index_stock .stock p {
    width: 100%;
}

.index_stock .stock p:nth-child(1) {
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 26rem;
    font-style: normal;
    font-weight: 400;
    line-height: 27.793rem;
    margin-bottom: 20rem;
}

.index_stock .stock p:nth-child(2) {
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 50rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.index_stock .stock p:nth-child(2) span {
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 12rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.index_stock .stock p:nth-child(3) {
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 12rem;
    font-style: normal;
    font-weight: 400;
    line-height: 27.793rem;
}

.index_stock .msg {
    margin-left: 568rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.index_stock .msg a {
    width: 200rem;
    height: 70rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30rem;
}

.index_stock .msg a svg {
    margin-right: 16rem;
    width: 32rem;
    height: 32rem;
}

.index_stock .msg a span {
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.index_news {
    width: 100%;
    height: 43.75vw;
    margin-bottom: 110rem;
}

.index_news .index_news-head {
    width: 1400rem;
    min-height: 100rem;
    margin: 0 auto;
    position: relative;
}

.index_news .index_news-head .more-news {
    height: 24rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 10rem;
    color: #6b7a9a;
}

.index_news .index_news-head .more-news:hover {
    color: #0018a0;
}

.index_news .index_news-head .more-news span {
    text-align: center;
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin-right: 8rem;
}

.index_news .index_news-head .more-news svg {
    width: 23rem;
    height: 24rem;
}

.index_news .index_news-head p:nth-child(1) {
    color: #b8bdc6;
    font-size: 70rem;
    font-style: normal;
    font-weight: 100;
    line-height: 72rem;
    text-transform: uppercase;
}

.index_news .index_news-head p:nth-child(2) {
    display: flex;
    flex-wrap: nowrap;
}

.index_news .index_news-head p:nth-child(2) span:nth-child(1) {
    color: #212e4b;
    font-size: 36rem;
    font-style: normal;
    font-weight: 500;
    line-height: 56rem;
}

.index_news .index_news-head p:nth-child(2) span:nth-child(2) {
    color: #0018a0;
    font-size: 36rem;
    font-style: normal;
    font-weight: 500;
    line-height: 56rem;
}

.index_news .index_news-list {
    width: 1400rem;
    min-height: 100rem;
    margin: 52rem auto 110rem auto;
    display: flex;
    flex-wrap: nowrap;
}

.index_news .index_news-list .main_news {
    width: 48.57142%;
    min-height: 100px;
    margin-right: 5.714%;
}

.index_news .index_news-list .main_news li:nth-child(1) img {
    width: 100%;
    border-radius: 8px;
}

.index_news .index_news-list .main_news li:nth-child(2) {
    color: #0018a0;
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 24rem;
    margin-bottom: 15rem;
}

.index_news .index_news-list .main_news li:nth-child(3) {
    color: #212e4b;
    font-size: 22rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_news .index_news-list .main_news li:nth-child(4) {
    color: #6b7a9a;
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 23rem;
}

.index_news .index_news-list .news-list {
    width: 45.71428%;
    min-height: 100rem;
    border-top: 1px solid #dfe4f0;
}

.index_news .index_news-list .news-list li {
    width: 100%;
    height: 25%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    border-bottom: 1px solid #dfe4f0;
    color: #b8bdc6;
}

.index_news .index_news-list .news-list li:hover {
    border-bottom: 1px solid #0018a0;
    color: #0018a0;
    box-shadow: 4px 8px 20px 0px rgba(0, 0, 0, 0.05);
}

.index_news .index_news-list .news-list li .news-title {
    width: 94%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_news .index_news-list .news-list li .news-title p:nth-child(1) {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 20rem;
}

.index_news .index_news-list .news-list li .news-title p:nth-child(1) span {
    color: #212e4b;
    font-size: 16rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index_news .index_news-list .news-list li .news-title p:nth-child(1) svg {
    display: block;
    margin-right: 16rem;
    width: 6px;
}

.index_news .index_news-list .news-list li .news-title p:nth-child(2) {
    padding-left: 42rem;
    color: #0018a0;
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 12rem;
}

.sed-head {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.sed-head::before {
    content: "";
    display: block;
    padding-bottom: 27.6041666%;
}

.about-head {
    background: url("/assets/hz/img/aboutTitle.png") no-repeat;
    background-size: cover;
}

.sed-head .sed-head_show {
    width: 1400rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.sed-head .sed-head_show .sedText_z {
    color: #fff;
    font-size: 40rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.sed-head .sed-head_show .sedText_e {
    color: #fff;
    font-size: 20rem;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.sed-head .sed-head_show .sed_nav {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    position: absolute;
    bottom: 16px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.sed-head .sed-head_show .sed_nav li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 18px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.sed-head .sed-head_show .sed_nav li:nth-last-child(1) {
    color: #ffffffcc;
}

.sed-head .sed-head_show .sed_nav li a {
    height: 18px;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.sed-head .sed-head_show .sed_nav li:nth-child(1) a {
    margin-top: -4px;
}

.sed-head .sed-head_show .sed_nav li span {
    height: 18px;
    font-size: 14px;
    color: #ffffffcc;
    line-height: 20px;
    margin: 0 4px;
}

.aboutPubH {
    width: 1400rem;
    min-height: 100rem;
    margin: 0 auto;
    padding-top: 130rem;
}

.aboutPubH .moduleTitle {
    position: relative;
}

.aboutPubH .moduleTitle .moduleTitle_e {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.aboutPubH .moduleTitle .moduleTitle_z {
    color: #212e4b;
    font-family: "Microsoft YaHei", "Pingfang SC", "PingFangSC-Medium", "STHeiti",
    "Verdana", "Arial", "Tahoma", "sans-serif";
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 16rem;
}

.aboutPubH .moduleTitle .moduleTitle_e span {
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 18rem;
    font-style: normal;
    font-weight: 200;
    line-height: 27rem;
    margin-left: 14rem;
}

.pres {
    display: flex;
    flex-wrap: nowrap;
}

.pres .pres-l,
.pres .pres-r {
    width: 50%;
    min-height: 100rem;
    position: relative;
    padding-bottom: 100rem;
}

.pres .pres-l .pres-text {
    margin-top: 40rem;
}

.pres .pres-l .pres-text p {
    max-width: 550rem;
    color: #6b7a9a;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
    text-align: justify;
}

.pres .pres-l .pres-text p:nth-child(1) span {
    color: #0018a0;
    font-size: 18rem;
    font-style: normal;
    font-weight: 700;
    line-height: 32rem;
}

.pres .pres-l .pres-text p:nth-child(2) {
    margin-top: 20rem;
}

.pres .pres-l .line300 {
    width: 300rem;
    height: 1px;
    background: #38bff1;
    margin-top: 22.6%;
}

.pres .pres-r .pres-r_img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-top: 100rem;
}

.AC {
    width: 1400rem;
    min-height: 100rem;
    margin: 0 auto;
    padding-top: 100rem;
}

.AC .AC-title {
    color: #212e4b;
    font-size: 28rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.AC .AC-text {
    color: #6b7a9a;
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 27rem;
    margin-top: 16rem;
}

.AC .AC-list-view {
    width: 100%;
    background: url("/assets/hz/img/AC-list_bg.png") no-repeat;
    background-size: 100%;
    margin-top: 32rem;
    margin-bottom: 130rem;
    position: relative;
    border-radius: 10rem;
}

.AC .AC-list-view::after {
    content: "";
    display: block;
    padding-bottom: 31.428571428%;
}

.AC .AC-list-view .AC-list {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: nowrap;
    box-sizing: border-box;
    border-radius: 10px;
}

.AC .AC-list-view .AC-list li {
    width: calc(25% - 1px);
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.AC .AC-list-view .AC-list li:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.AC .AC-list-view .AC-list li:last-child {
    width: calc(25%);
    border-right: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.AC .AC-list-view .AC-list li p:nth-child(1) {
    width: 60rem;
    height: 60rem;
    position: absolute;
    top: 59.5454545%;
}

.AC .AC-list-view .AC-list li p:nth-child(1) img {
    display: block;
    width: 100%;
}

.AC .AC-list-view .AC-list li p:nth-child(2) {
    color: #fff;
    font-size: 20rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    top: 80.2272727%;
}

.AC .AC-list-view .AC-list li p:nth-child(3) {
    width: 82.8571428%;
    height: 54.545454%;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13rem;
    font-style: normal;
    font-weight: 400;
    line-height: 22rem;
    text-align: justify;
    margin-top: 48%;
    opacity: 0;
}

.AC .AC-list-view .AC-list li:hover {
    background: rgba(11, 49, 143, 0.6);
}

.AC .AC-list-view .AC-list li:hover p:nth-child(1) {
    animation: showT 0.2s linear forwards;
    -webkit-animation: showT 0.2s linear forwards;
    -o-animation: showT 0.2s linear forwards;
    -moz-animation: showT 0.2s linear forwards;
}

.AC .AC-list-view .AC-list li:hover p:nth-child(2) {
    animation: showSed 0.2s linear forwards;
    -webkit-animation: showSed 0.2s linear forwards;
    -o-animation: showSed 0.2s linear forwards;
    -moz-animation: showSed 0.2s linear forwards;
}

.AC .AC-list-view .AC-list li:hover p:nth-child(3) {
    display: block;
    animation: showD 0.4s linear forwards;
    -webkit-animation: showD 0.4s linear forwards;
    -o-animation: showD 0.4s linear;
    -moz-animation: showD 0.4s linear forwards;
}

@keyframes showD {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes showT {
    0% {
        top: 59.5454545%;
    }
    100% {
        top: 13.636363%;
    }
}

@keyframes showSed {
    0% {
        top: 66.3636345%;
    }
    100% {
        top: 28.6363636%;
    }
}

.orga {
    width: 100%;
    background: #f5f6fa;
    padding-bottom: 100rem;
}

.orga .orga-content {
    padding-top: 100rem;
}

.orga .orga-content .orga-show img {
    display: block;
    width: 90.571428%;
    margin: 0 auto;
}

.shanghaiyigen {
    width: 100%;
    background: #f5f6fa;
    padding-bottom: 100rem;
}

.shanghaiyigen .content {
    padding-top: 100rem;
    width: 1400rem;
    margin: 60rem auto 36rem auto;
    margin-top: 0;
}

.shanghaiyigen .content .swiper-button .swiper-button-prev {
    left: -20rem;
    width: 45rem;
    height: 45rem;
    background-image: url("/assets/hz/img/product-prev.png") !important;
    background-size: 100%;
    box-shadow: 0px 0px 10px cornflowerblue;
    border-radius: 50%;
} 

.shanghaiyigen .content .swiper-button .swiper-button-next {
    right: -20rem;
    width: 45rem;
    height: 45rem;
    background-image: url("/assets/hz/img/product-next.png") !important;
    background-size: 100%;
    box-shadow: 0px 0px 10px cornflowerblue;
    border-radius: 50%;
}


.shanghaiyigen .content .pagination-view {
    height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shanghaiyigen .content .pagination-view .swiper-pagination .swiper-pagination-bullet {
    border-radius: 10rem;
    width: 18rem;
    height: 4rem;
    margin-right: 6rem
}

.shanghaiyigen .content .pagination-view .swiper-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active {
    background: #165DFF;
    border-radius: 10rem;
    width: 18rem;
    height: 5rem;
   
}

.mission{ 
    background: url("/assets/hz/img/cnc-companyCulture1.png") no-repeat;
    height: 400rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    background-size: cover;
    align-items: center;
    padding-inline: 320rem
}

.mission .mission-title{
    color: #FFFFFF;
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 36rem
}

.mission .mission-describe{
    color: #FBFBFB;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    line-height: 36rem;
}

.mission .mission-describe span{
    color: #FFFFFF;
    font-size: 18rem;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    line-height: 36rem;
}


.shanghaiyigen .content .card-content {
    display: flex;
    flex-direction: row;
    padding-top: 60rem;
    justify-content: space-between;
}

.shanghaiyigen .content .card-content .card {
    width: 44%;
    padding: 37rem;
    border: 0.6rem solid #DFE4F0;
    border-radius: 6.2rem;
}

.shanghaiyigen .content .card-content .card .card-title {
    color: #0018A0;
    font-family: "Microsoft YaHei";
    font-size: 20rem;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 12rem
}

.shanghaiyigen .content .card-content .card p {
    color: #6B7A9A;
    text-align: justify;
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
    margin-bottom: 18rem
}

.shanghaiyigen .content .card-content .card .card-image {
    width: -webkit-fill-available
}

.shanghaiyigen .content .title {
    color: #212e4b;
    font-family: "Microsoft YaHei", "Pingfang SC", "PingFangSC-Medium", "STHeiti",
    "Verdana", "Arial", "Tahoma", "sans-serif";
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 16rem;
    margin-bottom: 16rem;
}

.shanghaiyigen .content p {
    color: #6B7A9A;
    text-align: justify;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
}

 

.deve-path {
    width: 100%;
    background: url("/assets/hz/img/deve-path-bg.jpg") no-repeat;
    background-size: 100%;
    overflow: hidden;
    position: relative;
}

.deve-path::after {
    content: "";
    display: block;
    padding-top: calc(800 / 1920 * 100%);
}

.deve-path-content {
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.deve-path .swiper-container {
    width: 100%;
    height: 62.25%;
    margin-top: 80rem;
}

.deve-path .swiper-container .swiper-slide {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
}

.deve-path .swiper-container .swiper-slide .year {
    color: #0018a0;
    font-size: 50rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 15.375142%;
    margin-right: 7.8571428%;
}

.deve-path .swiper-container .swiper-slide .incident {
    width: 43.571428%;
}

.deve-path .swiper-container .swiper-slide .incident li {
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
}

.deve-path .swiper-container .swiper-slide .incident li p {
    float: left;
    width: 95%;
    color: #212e4b;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 31rem;
}

.deve-path .swiper-container .swiper-slide .incident li span {
    display: block;
    width: 4rem;
    height: 4rem;
    background: #212e4b;
    border-radius: 50%;
    margin-right: 6rem;
    float: left;
    margin-top: 12rem;
}

.deve-path .swiper-container .pagination-view {
    width: 100%;
    min-height: 122rem;
    position: absolute;
    top: 34%;
    left: 0;
    overflow-x: scroll;
}

.deve-path .swiper-container .pagination-view::-webkit-scrollbar {
    width: 100%;
    height: 0;
}

.deve-path .swiper-container .pagination-view .pagination-view-bg {
    width: 100% !important;
    height: 18rem;
    background: #fff;
    border-radius: 8px;
    margin-top: 10rem;
}

.deve-path .swiper-container .swiper-button-view {
    width: 148rem;
    height: 54rem;
    position: absolute;
    left: 50%;
    margin-left: -74rem;
    top: 76.32653%;
}

.deve-path .swiper-container .swiper-button-view div {
    width: 54rem;
    height: 54rem;
    margin-top: -26rem;
}

.deve-path .swiper-container .swiper-button-view div.swiper-button-prev {
    background: url("/assets/hz/img/about-prev.png") no-repeat;
    background-size: 100%;
    left: 0;
    right: 0;
}

.deve-path .swiper-container .swiper-button-view div.swiper-button-next {
    background: url("/assets/hz/img/about-next.png") no-repeat;
    background-size: 100%;
    right: 0;
}

.deve-path .swiper-container .swiper-pagination {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    /*margin-top: -32rem;*/
    /*暂时*/
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.deve-path .swiper-container .swiper-pagination .swiper-pagination-bullet {
    /*width: 180rem;*/
    width: 200rem;
    border-radius: 0;
    opacity: 1;
    border: none;
    background: #ffffff00;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    overflow: hidden;
}

.deve-path .swiper-container .swiper-pagination .swiper-pagination-bullet p:nth-child(1) {
    width: 40rem;
    height: 40rem;
    background-size: 16rem 16rem;
    background: url("/assets/hz/img/pagination-bullet.png") no-repeat 10rem 12rem;
}

.deve-path .swiper-container .swiper-pagination .swiper-pagination-bullet p:nth-child(2) {
    color: #6b7a9a;
    text-align: center;
    font-size: 22rem;
    font-style: normal;
    font-weight: 400;
    line-height: 30.8rem;
    margin-top: 32rem;
}

.deve-path .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    border: none;
    border-radius: 0;
    background: #ffffff00;
}

.deve-path .swiper-container .swiper-pagination .swiper-pagination-bullet-active p:nth-child(1) {
    height: 40rem;
    width: 40rem;
    background-size: 40rem 40rem !important;
    background: url("/assets/hz/img/bullet-active.png") no-repeat 0;
}

.deve-path .swiper-container .swiper-pagination .swiper-pagination-bullet-active p:nth-child(2) {
    color: #0018a0;
}

.companyCulture-head {
    position: absolute;
    top: 50rem;
    right: 0;
    color: #0018a0;
    text-align: right;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 30rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.companyCulture-content {
    width: 100%;
    background: url("/assets/hz/img/companyCulture-content.jpg") no-repeat;
    background-size: 100%;
    margin: 55rem auto 0;
    position: relative;
}

.companyCulture-content::before {
    content: "";
    display: block;
    padding-top: calc(750 / 1920 * 100%);
}

.companyCulture-content .grading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: nowrap;
}

.companyCulture-content .grading li {
    width: calc(25% - 1px);
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.companyCulture-content .grading li:nth-last-child(1) {
    border-right: none;
}

.companyCulture-content .grading li p:nth-child(1) {
    width: 64rem;
    height: 64rem;
    margin-top: 65%;
}

.companyCulture-content .grading li p:nth-child(1) img {
    width: 100%;
}

.companyCulture-content .grading li p:nth-child(2) {
    color: #fff;
    text-align: center;
    font-size: 30rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 4.266666%;
}

.companyCulture-content .grading li p:nth-child(3) {
    color: #fff;
    text-align: center;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 4.266666%;
    opacity: 0;
}

.companyCulture-content .grading li:hover {
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(15px);
}

.companyCulture-content .grading li:hover p:nth-child(1) {
    animation: m50 0.4s linear forwards;
    -webkit-animation: m50 0.4s linear forwards;
    -o-animation: m50 0.4s linear;
    -moz-animation: m50 0.4s linear forwards;
}

.companyCulture-content .grading li:hover p:nth-child(3) {
    animation: showD 0.4s linear forwards;
    -webkit-animation: showD 0.4s linear forwards;
    -o-animation: showD 0.4s linear;
    -moz-animation: showD 0.4s linear forwards;
}

@keyframes m50 {
    0% {
        margin-top: 65%;
    }
    100% {
        margin-top: 50%;
    }
}

.swiper-container1 {
    position: relative;
    overflow: hidden;
}

html::-webkit-scrollbar {
    width: 100%;
    height: 0;
}

.swiper-container1 > .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.swiper-container1 .swiper-slide {
    width: 220rem !important;
}

.swiper-container1 .swiper-slide ul {
    overflow: hidden;
}

.swiper-container1 .swiper-slide ul li {
    border: 1px solid #DFE4F0;
    background: #FFF;
    margin: 20px 10px;
}

.swiper-container1 .swiper-slide ul li img {
    width: 100%;
}

.partner .partner-content {
    width: 100%;
    margin-top: 30rem;
    position: relative;
}

.partner .partner-content::after,
.partner .partner-content::before {
    content: "";
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    background: linear-gradient(to right, #fff, #fff);
    filter: blur(10px);
    z-index: 99;
}

.partner .partner-content::before {
    left: 0;
    box-shadow: 0 0 30px 28px #fff;
}

.partner .partner-content::after {
    right: 0;
    box-shadow: 0 0 28px 30px #fff;
}

body::-webkit-scrollbar {
    width: 100%;
    height: 0;
}

.partner .partner-footer {
    width: 72.91666%;
    min-height: 100px;
    margin: 28px auto 0;
    background: #fff url("/assets/hz/img/partner-footer.png") no-repeat;
    background-size: 100%;
}

.partner .partner-footer::after {
    content: "";
    display: block;
    padding-top: calc(270 / 1400 * 100%);
}

.making-head {
    background: url("/assets/hz/img/makingTitle.jpg") no-repeat;
    background-size: cover;
}

.cnc {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    padding-top: 100rem;
    padding-bottom: 70rem;
}

.cnc .cnc-title {
    width: 1400rem;
    margin: 0 auto 50rem auto;
    min-height: 100rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.cnc .cnc-title .cnc-logo {
    width: 440rem;
    height: 74rem;
    background: url("/assets/hz/img/cnc-logo.png") no-repeat;
    background-size: 100% 100%;
}

.detail-btn {
    border-radius: 8px;
    background: #0018A0;
    padding: 0 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16rem;
}

.detail-btn span {
    font-size: 14rem;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    height: 44rem;
    line-height: 44rem;
    color: #ffffff;
}

.business-details {
    width: 1400rem;
    margin: 0 auto 50rem auto;
    min-height: 100rem;
}

.business-details p {
    color: #6B7A9A;
    text-align: justify;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
}

.business-details p:nth-child(1) {
    margin-bottom: 30rem;
}

.cnc .cnc-title .detail-btn svg {
    width: 23rem;
    height: 23rem;
}

.detail-btn:hover {
    background: #0c26c2;
}

.cnc .cnc-title .cnc-msg p {
    color: #6b7a9a;
    text-align: justify;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
}

.cnc .cnc-title .cnc-msg p:nth-child(2) {
    margin-top: 20rem;
}

.cnc-leadingProducts {
    width: 1400rem;
    margin: 60rem auto 36rem auto;
    min-height: 100rem;
}

.cnc-leadingProducts .hot-coreBusiness {
    width: 100%;
    margin: 24rem 0 0 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.cnc-leadingProducts .hot-coreBusiness .coreBusiness-list {
    width: 340rem;
    height: 340rem;
    flex-shrink: 0;
    border-radius: 10px;
    border: 1px solid #DFE4F0;
    background: radial-gradient(at 90% 4%, rgba(201, 218, 250, 0.3) 1%, #fff 20%);
}

.cnc-leadingProducts .hot-coreBusiness .coreBusiness-list .coreBusiness-listT {
    color: #0018A0;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    flex-direction: column;
    gap: 12rem;
    margin: 50rem auto 24rem 24rem;
}

.cnc-leadingProducts .hot-coreBusiness .coreBusiness-list .coreBusiness-listT svg {
    width: 38rem;
    height: 38rem;
}

.cnc-leadingProducts .hot-coreBusiness .coreBusiness-list .coreBusiness-listT span {
    display: block;
    height: 36rem;
    font-size: 26rem;
    font-style: normal;
    font-weight: 700;
    line-height: 36rem;

}

.cnc-leadingProducts .hot-coreBusiness .coreBusiness-list .coreBusiness-listMsg {
    width: 300rem;
    margin: 0 auto;
}

.cnc-leadingProducts .hot-coreBusiness .coreBusiness-list .coreBusiness-listMsg .listMsg-text {
    color: #6B7A9A;
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 26rem;
    margin-bottom: 20rem;
}

.cnc-leadingProducts .shanghaiyigen-coreBusiness {
    width: 100%;
    margin: 24rem 0 0 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.cnc-leadingProducts .shanghaiyigen-coreBusiness .coreBusiness-list {
    width: 340rem;
    height: 310rem;
    flex-shrink: 0;
    border-radius: 10px;
    border: 1px solid #DFE4F0;
    background: radial-gradient(at 90% 4%, rgba(201, 218, 250, 0.3) 1%, #fff 20%);
}

.cnc-leadingProducts .shanghaiyigen-coreBusiness .coreBusiness-list .coreBusiness-listT {
    color: #0018A0;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    flex-direction: column;
    gap: 12rem;
    margin: 50rem auto 24rem 24rem;
}

.cnc-leadingProducts .shanghaiyigen-coreBusiness .coreBusiness-list .coreBusiness-listT svg {
    width: 38rem;
    height: 38rem;
}

.cnc-leadingProducts .shanghaiyigen-coreBusiness .coreBusiness-list .coreBusiness-listT span {
    display: block;
    height: 36rem;
    font-size: 26rem;
    font-style: normal;
    font-weight: 700;
    line-height: 36rem;

}

.cnc-leadingProducts .shanghaiyigen-coreBusiness .coreBusiness-list .coreBusiness-listMsg {
    width: 300rem;
    margin: 0 auto;
}

.cnc-leadingProducts .shanghaiyigen-coreBusiness .coreBusiness-list .coreBusiness-listMsg .listMsg-text {
    color: #6B7A9A;
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 26rem;
    margin-bottom: 20rem;
}

.cnc-leadingProducts .hot-coreBusiness .coreBusiness-list .coreBusiness-listMsg .listMsg-t {
    color: #0018A0;
    font-size: 16rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8rem;
}

.leadingProducts-title {
    color: #212E4B;
    font-size: 30rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24rem;
}

.enable-ai {
    background: url("/assets/img/enableai-bg.jpg") no-repeat;
    height: 400rem;
    padding-left: 75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    background-size: cover;
}

.enable-ai .enable-ai-title {
    color: #FFFFFF;
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
}

.enable-ai .enable-ai-describe {
    color: #B8BDC6;
    width: 540rem;
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    text-align: justify;
    margin-top: 24rem;
    line-height: 26rem;
}

.leadingProducts {
    width: 100%;
}

.leadingProducts p {
    color: #6B7A9A;
    text-align: justify;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
}

.leadingProducts p:nth-child(1) {
    margin-bottom: 20rem;
}
.leadingProducts-head{
    width: 1400rem;
    margin: 0 auto;
}

.leadingProducts-head p {
    color:  #6B7A9A;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
    margin-bottom: 20rem;
    text-align: justify;
}
.cnc-companyCulture {
    width: 1400rem;
    margin: 0 auto 100rem auto;
    min-height: 380rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;

}

.cnc-companyCulture .Culture {
    width: 680rem;
    height: 380rem;
    border-radius: 10px;
    background: #F5F6FA;
}

.cnc-companyCulture .Culture .Culture_title {
    width: 100%;
    height: 214rem;
    position: relative;
}

.cnc-companyCulture .Culture .Culture_title span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 214rem;
    color: #ffffff;
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
}

.cnc-companyCulture .Culture .Culture_con {
    width: 100%;
    height: 166rem;
    color: #212E4B;
    text-align: center;
    font-size: 24rem;
    font-weight: 400;
    line-height: 166rem;
}

.cnc-companyCulture .Culture .Culture_title img {
    display: block;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.cnc .cnc-title .cnc-msg span {
    color: #0018a0;
    font-weight: 600;
}

.cnc .cnc-video {
    width: 72.91666%;
}

#cnc-video {
    width: 100%;
    border-radius: 10px;
}

.cnc-product {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.cnc-product::after {
    content: "";
    display: block;
    padding-top: calc(868 / 1920 * 100%);
}

.cnc-product .cnc-product-bg {
    width: 75.9375%;
    height: 64.1705%;
    background: #f5f6fa;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.cnc-product .pro-view {
    width: 72.91666%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    flex-wrap: nowrap;
}

.cnc-product .pro-view .proMsg {
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.cnc-product .pro-view .proMsg p:nth-child(1) {
    margin-top: 11.520737%;
    color: #212e4b;
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 4.61%;
}

.cnc-product .pro-view .proMsg p:nth-child(2),
.cnc-product .pro-view .proMsg p:nth-child(3) {
    width: 76.8571%;
    color: #6b7a9a;
    text-align: justify;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
}

.cnc-product .pro-view .proMsg p:nth-child(3) {
    margin-top: 2.30414%;
}

.cnc-product .pro-view .proMsg p:nth-child(3) span {
    color: #0018a0;
}

.cnc-product .pro-view .proMsg .ageLimit {
    width: 100%;
    min-height: 100rem;
    margin-top: 24%;
}

.cnc-product .pro-view .proMsg .ageLimit ul {
    display: flex;
    flex-wrap: nowrap;
}

.cnc-product .pro-view .proMsg .ageLimit ul li {
    color: #0018a0;
    font-size: 60rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cnc-product .pro-view .proMsg .ageLimit ul li span {
    color: #0018a0;
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cnc-product .pro-view .proMsg .ageLimit ul li p {
    color: #212e4b;
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 21.244rem;
    width: 100%;
}

.cnc-product .pro-view .proMsg .ageLimit ul li:nth-child(2) {
    margin-left: 17.4286%;
}

.cnc-product .pro-view .proImg {
    width: 50%;
    height: 100%;
}

.cnc-product .pro-view .proImg .proImg-view {
    width: 100%;
    height: 63.364%;
    margin-top: 24%;
    display: flex;
    flex-wrap: nowrap;
}

.cnc-product .pro-view .proImg .proImg-view img {
    display: block;
    width: 100%;
}

/*青一数控*/
.cnc-qh {
    width: 100%;
    background: #FFFFFF;
}

.cnc-qh1 {
    width: 100%;
    background: #F5F6FA;
}

.qh {
    width: 1400rem;
    margin: 0 auto;
    padding: 130rem 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.qh .qh-left {
    width: 650rem;
}

.qh-2 .qh-left {
    width: 538rem;
}

.qh .qh-left .leadingProducts-text p {
    color: #6B7A9A;
    text-align: justify;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
}

.qh .qh-left .leadingProducts-text p:nth-child(1) {
    margin-bottom: 20rem;
}

.qh .qh1-right {
    width: 630rem;
}

.qh .qh2-right {
    width: 768rem;
    display: flex;
    justify-content: space-between;
}

.qh .qh2-right img {
    display: block;
    width: 236rem;
}

.qh .qh1-right img {
    display: block;
    width: 100%;
}

.qh-2 {
    margin: 0 auto;
    padding: 90rem 0;
}

.proImg .proImg-view .proImg-view-l {
    width: 38.857%;
    height: 100%;
    margin-right: 2.8571%;
}

.proImg .proImg-view .proImg-view-l li:nth-child(1) {
    margin-bottom: 7.2%;
}

.proImg .proImg-view .proImg-view-r {
    width: 58.14285%;
}

.bus-plan {
    width: 100%;
    background: #f5f6fa;
    position: relative;
}

.bus-plan::after {
    content: "";
    display: block;
    padding-top: calc(804 / 1920 * 100%);
}

.bus-plan .bus-plan-view {
    width: 72.91666%;
    min-height: 100rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bus-plan .bus-plan-view .bus-plan-head {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.bus-plan .bus-plan-view .bus-plan-head .bus-plan-title {
    width: 28.571428%;
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bus-plan .bus-plan-view .bus-plan-head .bus-plan-sedtitle {
    width: 71.42857%;
    color: #6b7a9a;
    text-align: justify;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
}

.bus-plan .bus-plan-view .planImg {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 6.219%;
    border-radius: 10px;
}

.ai-head {
    background: url("/assets/hz/img/aiTitle.jpg") no-repeat;
    background-size: cover;
}

.aiTab {
    width: 100%;
    height: 70rem;
    border-bottom: 1px solid #dfe4f0;
}

.aiTab .aitab-list {
    width: 72.91666%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.aiTab .aitab-list li {
    min-width: 80rem;
    height: 68rem;
    line-height: 68rem;
    text-align: center;
    border-bottom: 2px solid #ffffff00;
}

.aiTab .aitab-list li a {
    color: #6b7a9a;
    font-family: "Microsoft YaHei", "Pingfang SC", "PingFangSC-Medium", "STHeiti",
    "Verdana", "Arial", "Tahoma", "sans-serif";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.aiTab .aitab-list li:nth-child(n+2) {
    margin-left: 80rem;
}

.aiTab .aitab-list li.active {
    border-bottom: 2px solid #0018a0;
}

.aiTab .aitab-list li.active a {
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.cnc .cnc-title .hot-culture-logo {
    width: 268rem;
    height: 74rem;
    background: url("/assets/hz/img/hot-culture-logo.png") no-repeat;
    background-size: 100% 100%;
}

.hot-content {
    width: 72.91666%;
    min-height: 100rem;
    margin: 150rem auto 0;
}

.hot-content .companyProfile {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.hot-content .companyProfile .prof-l {
    width: 46.42857%;
    margin-right: 8.571428%;
    overflow: hidden;
}

.hot-content .companyProfile .prof-r {
    width: 45%;
}

.hot-content .companyProfile .prof-r img {
    display: block;
    width: 100%;
    height: auto;
}

.hot-content .companyProfile .prof-l .prof-l-t {
    color: #212e4b;
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30rem;
}

.hot-content .companyProfile .prof-l p{
    color: #6b7a9a;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
    margin-bottom: 5%;
    text-align: justify;
}

.hot-content .companyProfile .prof-l p span {
    color: #0018a0;
    font-weight: 600;
}

.hot-content .companyProfile .prof-l .prof-l-f {
    width: calc(100% - 20rem);
    height: 34.934%;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: nowrap;
    margin-left: 10px;
    align-items: center;
}

.hot-content .companyProfile .prof-l .prof-l-f li {
    margin-right: 37rem;
}

.hot-content .companyProfile .prof-l .prof-l-f li:first-child {
    margin-left: 34rem;
}

.hot-content .companyProfile .prof-l .prof-l-f li:nth-last-child(1) {
    margin-right: 0;
}

.hot-content .companyProfile .prof-l .prof-l-f li p:nth-child(1) {
    color: #e95133;
    font-family: D-DIN;
    font-size: 60rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.hot-content .companyProfile .prof-l .prof-l-f li p:nth-child(1) span {
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    margin-left: 10rem;
}

.hot-content .companyProfile .prof-l .prof-l-f li p:nth-child(2) {
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 21.244px;
    margin-top: 4.5851%;
}

.sellPoint {
    width: 1400rem;
    margin: 80rem auto 130rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.sellPoint li {
    width: 440rem;
    height: 351rem;
    border-radius: 10px;
    border: 1px solid #DFE4F0;
    background: #FFFFFF;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
}

.sellPoint li svg {
    display: block;
    width: 60rem;
    height: 60rem;
    margin-top: 30rem;
}

.sellPoint li .sellPoint-title {
    color: #0018A0;
    text-align: center;
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 10rem;
}

.sellPoint li .sellPoint-text {
    width: 400rem;
    margin-top: 30rem;
}

.sellPoint li .sellPoint-text p {
    position: relative;
    color: #6B7A9A;
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 26rem;
    margin-bottom: 16rem;
}

.hot-content .teamIntroduction {
    width: 99%;
    min-height: 100rem;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    margin-left: 10rem;
    margin-top: 56rem;
    margin-bottom: 130rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
}

.hot-content .teamIntroduction .intr-l {
    margin-left: 7.142857%;
}

.hot-content .teamIntroduction .intr-l p:nth-child(1) {
    color: #e95133;
    font-family: D-DIN;
    font-size: 50rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.hot-content .teamIntroduction .intr-l p:nth-child(1) span {
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    margin-left: 6rem;
}

.hot-content .teamIntroduction .intr-l p:nth-child(2) {
    color: #212e4b;
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 21.244rem;
}

.hot-content .teamIntroduction .intr-r {
    width: 77.142857%;
    margin-left: 5.7142857%;
    color: var(--unnamed, #6b7a9a);
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
}

.serviceContent {
    width: 100%;
    margin-bottom: 100px;
}

.serviceContent .service-title {
    color: #212e4b;
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.serviceContent .service-nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 50rem;
    padding-bottom: 40rem;
}

.serviceContent .service-nav li {
    width: 200rem;
    height: 60rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f5f5f5;
    margin-right: 22rem;
    color: #6b7a9a;
    font-size: 20rem;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.serviceContent .service-nav li.active {
    background: #ffebe7;
    color: #e95133;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.serviceContent .service-nav li:hover {
    background: #ffebe7;
    color: #e95133;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.serviceContent .service-nav li i {
    display: block;
    width: 32rem;
    height: 32rem;
    margin-right: 8px;
}

.serviceContent .service-nav li i svg {
    width: 32rem;
    height: 32rem;
}

.serviceContent .service-list {
    width: calc(100% - 2px);
    position: relative;
    border: 1px solid #dfe4f0;
    border-radius: 8px;
}

.serviceContent .service-list .service-view {
    width: 100%;
}

.serviceContent .service-list .service-0 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.serviceContent .service-list .service-0 img {
    display: block;
    width: 100%;
    border-radius: 8px;
}

.serviceContent .service-list .service-1 {
    display: none;
    flex-wrap: nowrap;
    padding-bottom: 54rem;
}

.serviceContent .service-list .service-1 .service-1-l {
    width: 52.8571428%;
    margin-right: 11.214285%;
}

.serviceContent .service-list .service-1 .service-1-l ul {
    margin-left: 3.51428%;
    margin-top: 40rem;
}

.serviceContent .service-list .service-1 .service-1-l ul li {
    margin-top: 24rem;
}

.serviceContent .service-list .service-1 .service-1-l ul li p:nth-child(1) {
    color: #e95133;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 18rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.serviceContent .service-list .service-1 .service-1-l ul li p:nth-child(2) {
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 26rem;
    margin-top: 16rem;
}

.serviceContent .service-list .service-1 .service-1-r {
    width: 35.92857%;
    display: flex;
    align-items: center;
}

.serviceContent .service-list .service-1 .service-1-r img {
    display: block;
    width: 81.7097%;
    height: auto;
}

.serviceContent .service-list .service-2 {
    display: none;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 50rem 0;
}

.serviceContent .service-list .service-2 ul.service-2-list {
    width: 92.8571428%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -20rem;
}

.serviceContent .service-list .service-2 ul.service-2-list li.service-2-listD {
    width: 640rem;
    height: 265rem;
    border-radius: 10px;
    background: url("/assets/hz/img/service-2-bg.jpg") no-repeat;
    background-size: cover;
    margin-top: 20rem;
    margin-right: 16rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.serviceContent
.service-list
.service-2
ul.service-2-list
li.service-2-listD:nth-child(2),
.serviceContent
.service-list
.service-2
ul.service-2-list
li.service-2-listD:nth-child(4) {
    margin-right: 0;
}

.service-2-listD .service-2-listD-l {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-2-listD .service-2-listD-l .service-2-listD-l-view {
    width: 100rem;
    height: 100rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(233, 81, 51, 0.3);
    border-radius: 50%;
    margin: 0 35rem;
    padding: 21.5rem;
}

.service-2-listD .service-2-listD-l img {
    display: block;
    width: 100rem;
    height: auto;
}

.service-2-listD .service-2-listD-r {
    width: 390rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.service-2-listD .service-2-listD-r p {
    color: #e95133;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10rem;
    margin-top: 35rem;
}

.service-2-listD .service-2-listD-r ul li {
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 14rem;
    position: relative;
    text-align: justify;
    padding-left: 14rem;
}

.service-2-listD .service-2-listD-r ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: inherit;
}

.zkImg {
    display: flex;
    align-items: center;
}

.highlights {
    width: 100%;
    background: url("/assets/hz/img/highlightsBg.jpg") no-repeat;
    background-size: cover;
    margin-top: 130rem;
    position: relative;
    overflow: hidden;
    padding-bottom: 80rem;
}

.highlights .highlights-view {
    width: 1400rem;
    min-height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

.highlights .highlights-view .highlights-title {
    width: 100%;
    color: #fff;
    text-align: center;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 54rem;
    text-transform: uppercase;
    margin-top: 100rem;
    margin-bottom: 70rem;
}

.highlights .highlights-view .highlights-title span {
    color: #4dbfff;
}

.highlights .highlights-view .highlight-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(335rem, 1fr));
    grid-gap: 18rem;
}

.highlights .highlights-view .highlight-list li {
    width: 335rem;
    min-height: 420rem;
    border-radius: 10px;
    background: url("/assets/hz/img/highlightLi.png") no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    padding-bottom: 20rem;
}

.highlights .highlights-view .highlight-list li:hover {
    background: url("/assets/hz/img/highlightLi-hover.png") no-repeat;
    background-size: cover;
}

.highlights .highlights-view .highlight-list li p {
    width: 287rem;
}

.highlights .highlights-view .highlight-list li p:nth-child(1) {
    margin-top: 48rem;
    margin-bottom: 28rem;
}

.highlights .highlights-view .highlight-list li p:nth-child(1) img {
    display: block;
    width: 50rem;
}

.highlights .highlights-view .highlight-list li p:nth-child(2) {
    color: #fff;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 18rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16rem;
}

.highlights .highlights-view .highlight-list li p:nth-child(3) {
    color: #b8bdc6;
    text-align: justify;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 23rem;
}
.highlights .highlights-view .highlight-list li p:nth-child(3) span{
    display: block;
    margin: 10rem 0;
}
.zk-target {
    width: 1400rem;
    min-height: 100rem;
    margin: 0 auto;
    padding: 130rem 0 100rem 0;
}

.zk-target .target-title {
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.zk-target .target-list {
    width: 100%;
    min-height: 100rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(678rem, 1fr));
    grid-gap: 40rem;
    margin-top: 50rem;
}

.zk-target .target-list li {
    width: 678rem;
    min-height: 378rem;
    border: 1px solid #dfe4f0;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zk-target .target-list li .targerImg {
    display: block;
    width: 120rem;
    height: auto;
    margin-top: 30rem;
}

.zk-target .target-list li p {
    width: 620rem;
}

.zk-target .target-list li p:nth-child(2) {
    color: #0018a0;
    text-align: center;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 24rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 24rem auto 16rem auto;
}

.zk-target .target-list li p:nth-child(3) {
    color: #6b7a9a;
    text-align: justify;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
}

.zk-target .target-list li p:nth-child(3) span {
    color: #0018a0;
    font-weight: 600;
}

.invest-head {
    background: url("/assets/hz/img/investTitle.jpg") no-repeat;
    background-size: cover;
}

.investImg {
    width: 45%;
}

.investImg img {
    display: block;
    width: 100%;
}

.case {
    width: 100%;
    margin-top: 130rem;
    padding-bottom: 100rem;
}

.case .case-title {
    color: var(--unnamed, #212e4b);
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 50rem;
}

.case .case-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(454rem, 1fr));
    grid-gap: 18rem;
}

.case .case-list li {
    width: 454rem;
    min-height: 290rem;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.case .case-list li p:nth-child(1) {
    width: 162rem;
}

.case .case-list li p:nth-child(1) img {
    display: block;
    width: 100%;
}

.case .case-list li p:nth-child(2) {
    color: #212e4b;
    text-align: center;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 18rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 16rem;
    margin-bottom: 16rem;
}

.case .case-list li p:nth-child(3) {
    color: #6b7a9a;
    text-align: justify;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24rem;
    width: 413rem;
}

.partner .partner-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(222rem, 1fr));
    /* grid-gap: 14rem; */
}

.partner .partner-list li {
    width: 222rem;
    min-height: 100rem;
    /* box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); */
    /* border-radius: 10px; */
    border: 1px solid #dfe4f0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 14rem;
}

.partner .partner-list li img {
    width: 100%;
}

.news-head {
    background: url("/assets/hz/img/newsTitle.jpg") no-repeat;
    background-size: cover;
}

.newsTab {
    width: 100%;
    height: 70rem;
    border-bottom: 1px solid #dfe4f0;
}

.newsTab .newsTab-list {
    width: 72.91666%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.newsTab .newsTab-list li {
    min-width: 80rem;
    height: 68rem;
    line-height: 68rem;
    text-align: center;
    border-bottom: 2px solid #fff;
    margin-right: 80rem;
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: 68rem;
}

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

.newsTab .newsTab-list li.active {
    border-bottom: 2px solid #0018a0;
}

.newsTab .newsTab-list li.active,
.newsTab .newsTab-list li:hover {
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: 68rem;
}

.news-content {
    width: 100%;
    padding: 80px 0 50px 0;
}

.news-content .newsList {
    width: 100%;
}

.news-content .newsList li {
    width: 100%;
    min-height: 306rem;
    background: #fff;
}

.news-content .newsList li:nth-child(1) dl {
    border-top: 1px solid #dfe4f0;
}

.news-content .newsList li:hover {
    background: #f4f5fb;
}

.news-content .newsList li dl.entrance {
    width: 72.91666%;
    margin: 0 auto;
    height: 237rem;
    overflow: hidden;
    padding: 34rem 0;
    border-bottom: 1px solid #dfe4f0;
    display: grid;
    grid-template-columns: 400rem 1fr;
    grid-gap: 0;
}

.news-content .newsList li dl.entrance dt {
    border-radius: 8px;
    grid-column: 1;
    grid-row: 1 / span 4;
    float: left;
    width: 400rem;
    height: 225rem;
    border-radius: 8px;
    position: relative; /* 相对定位 */
    overflow: hidden; /* 超出部分隐藏 */
    border: 1px solid #aaaaaa29;
    background: #ffffff;
}

.news-content .newsList li dl.entrance dt img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute; /* 绝对定位 */
    top: 50%; /* 上下居中 */
    left: 50%; /* 左右居中 */
    transform: translate(-50%, -50%); /* 负边距居中 */
}

.news-content .newsList li dl.entrance dd {
    padding-left: 50rem;
    width: 95%;
}

.news-content .newsList li dl.entrance dd:nth-child(2) {
    height: 20rem;
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    grid-column: 2;
    grid-row: 1;
    margin-top: 20rem;
}

.news-content .newsList li dl.entrance dd:nth-child(3) {
    height: 28rem;
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    grid-column: 2;
    grid-row: 2;
    margin-top: -10rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.news-content .newsList li dl.entrance dd:nth-child(4) {
    height: 46rem;
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 23rem;
    grid-column: 2;
    grid-row: 3;
    margin-top: -10rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.news-content .newsList li dl.entrance dd:nth-child(5) {
    grid-column: 2;
    grid-row: 4;
    margin-top: 10rem;
}

.news-content .news-pag {
    width: 72.91666%;
    height: 36rem;
    margin: 100rem auto 0 auto;
    display: flex;
    flex-wrap: nowrap;
    grid-gap: 20rem;
    align-items: center;
    justify-content: center;
}

.news-content .news-pag li {
    width: 36rem;
    height: 36rem;
    color: #6b7a9a;
    text-align: center;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: 22rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-content .news-pag li.active {
    background: #0018a0;
    border-radius: 4px;
    color: #fff;
}
.news-content .news-pag li.active a{
    background: #0018a0;
    border-radius: 4px;
    color: #fff;
}
.news-content .news-pag li[mark="page"] {
    color: #0018a0;
}

.news-content .news-pag li[mark="num"]:hover,
.news-content .news-pag li[mark="page"]:hover {
    background: #0018a0;
    border-radius: 4px;
    color: #fff;
}

.newsList-view {
    display: none;
}

.trend .trend-head {
    width: 72.91666%;
    height: 430rem;
    margin: 0 auto;
    position: relative;
}

.trend .trend-head .layout {
    width: 100%;
    display: grid;
    grid-template-columns: 640rem 1fr;
    grid-gap: 0;
}

.trend .trend-head .layout dt {
    border-radius: 8px;
    grid-column: 1;
    grid-row: 1 / span 3;
    float: left;
    width: 640rem;
    height: 360rem;
}

.trend .trend-head .layout dt img {
    border-radius: 8px;
    width: 100%;
}

.trend .trend-head .layout dd {
    padding-left: 50rem;
    width: 93%;
}

.trend .trend-head .layout dd:nth-child(2) {
    height: 20rem;
    grid-column: 2;
    grid-row: 1;
    margin-top: 20rem;
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.trend .trend-head .layout dd:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    margin-top: -90rem;
    height: 66rem;
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 22rem;
    font-style: normal;
    font-weight: 700;
    line-height: 33rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.trend .trend-head .layout dd:nth-child(4) {
    height: 46rem;
    grid-column: 2;
    grid-row: 3;
    margin-top: -110rem;
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 23rem;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.trend .trend-head .spPag {
    width: 108rem;
    height: 44rem;
    position: absolute;
    left: 686rem;
    top: 316rem;
}

.trend .trend-head .spPag div {
    width: 44rem;
    height: 44rem;
}

.trend .trend-head .spPag div.swiper-button-prev {
    background: url("/assets/hz/img/about-prev.png") no-repeat;
    background-size: 100%;
    left: 0;
    right: 0;
}

.trend .trend-head .spPag div.swiper-button-next {
    background: url("/assets/hz/img/about-next.png") no-repeat;
    background-size: 100%;
    right: 0;
}

.Info .newsList li:nth-child(1) dl,
.bulletin .newsList li:nth-child(1) dl {
    border-top: none;
}

.news-content .trend {
    display: block;
}

.newsDetail-head {
    height: 120rem;
    background: #f5f6fa;
}

.newsDetail-head::before {
    content: "";
    display: none !important;
    padding-bottom: 0 !important;
}

.newsDetail-head .sed-head_show {
    height: 120rem !important;
}

.newsDetail-head .sed-head_show .sed_nav {
    bottom: 0 !important;
}

.newsDetail-head .sed_nav li {
    color: #b8bdc6 !important;
}

.newsDetail-head .sed_nav li span {
    color: #b8bdc6 !important;
}

.newsDetail-head .sed_nav li a {
    color: #b8bdc6 !important;
}

.newsDetail-view {
    width: 100%;
    min-height: 200rem;
    background: #f5f6fa;
}

.newsDetail-view {
    width: 100%;
    background: #f5f6fa;
}

.newsDetail-view .newsDetail-main {
    width: 900px;
    min-height: 200rem;
    margin: 0 auto;
}

.newsDetail-view .newsDetail-main .newsDetail-h {
    width: 100%;
    padding: 40rem 0;
    border-bottom: 1px solid #b8bdc6;
}

.newsDetail-view .newsDetail-main .newsDetail-h p.news-time {
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 18rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.newsDetail-view .newsDetail-main .newsDetail-h p.news-title {
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 34rem;
    font-style: normal;
    font-weight: 700;
    line-height: 51rem;
    margin-top: 20rem;
}

.newsDetail-view .newsDetail-main .newsDetail-c {
    padding-bottom: 80rem;
}

.newsDetail-view .newsDetail-main .newsDetail-c p {
    margin-top: 40rem;
    color: #212e4b;
    text-align: justify;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
}

.newsDetail-view .newsDetail-main .newsDetail-c p:nth-child(n + 1) {
    margin-top: 16rem;
}

.newsDetail-view .newsDetail-main .newsDetail-c img {
    display: block;
    width: 500px;
    height: auto;
    margin: 40rem auto 0 auto;
}

.newsDetail-view .newsDetail-main .newsDetail-c h2 {
    margin-top: 40rem;
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 22rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ir-head {
    background: url("/assets/hz/img/irTitle.jpg") no-repeat;
    background-size: cover;
}

.irTab {
    width: 100%;
    height: 70rem;
    border-bottom: 1px solid #dfe4f0;
    position: relative;
    padding-bottom: 1px;
}

.irTab .irTab-list {
    width: 72.91666%;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.irTab .irTab-list li {
    min-width: 80rem;
    height: 68rem;
    line-height: 68rem;
    text-align: center;
    border-bottom: 2px solid #fff;
    margin-right: 80px;
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: 68rem;
}

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

.irTab .irTab-list li.active {
    border-bottom: 2px solid #0018a0;
}

.irTab .irTab-list li.active,
.irTab .irTab-list li:hover {
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: 68rem;
}

.relations-view {
    width: 100%;
    height: 648rem;
    background: #f5f6fa;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.relations-view .relations-list {
    width: 1400rem;
    height: 220rem;
    margin-top: 96rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.relations-view .relations-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 440rem;
    height: 200rem;
    flex-shrink: 0;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 4px 8px 20px 0px rgba(0, 0, 0, 0.05);
    margin-top: 10rem;
}

.relations-view .relations-list a .relationsT {
    width: 96rem;
    height: 120rem;
    color: #212e4b;
    font-size: 24rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: red;
    line-height: 210rem;
}

.relations-view .relations-list a .relations1 {
    background: url("/assets/hz/img/relations1.png") no-repeat;
    background-size: 80rem 80rem;
    background-position: center 8rem;
}

.relations-view .relations-list a .relations2 {
    background: url("/assets/hz/img/relations2.png") no-repeat;
    background-size: 80rem 80rem;
    background-position: center 8rem;
}

.relations-view .relations-list a .relations3 {
    background: url("/assets/hz/img/relations3.png") no-repeat;
    background-size: 80rem 80rem;
    background-position: center 8rem;
}

.relations-view .relations-footer {
    width: 1400rem;
    height: 110rem;
    margin-top: 40rem;
}

.relations-view .relations-footer .relations-contactInfoT {
    color: #212e4b;
    font-size: 30rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.relations-view .relations-footer .relations-contactInfo {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 40rem;
}

.relations-view .relations-footer .relations-contactInfo div {
    height: 32rem;
    color: #212e4b;
    font-size: 20rem;
    text-align: right;
    font-style: normal;
    font-weight: 400;
    line-height: 34rem;
    text-indent: 2em;
}

.relations-view .relations-footer .relations-contactInfo div.phone {
    background: url("/assets/hz/img/phoneIcon.png") no-repeat;
    background-size: 32rem 32rem;
    background-position: left;
    margin-right: 96rem;
}

.relations-view .relations-footer .relations-contactInfo div.email {
    background: url("/assets/hz/img/emailIcon.png") no-repeat;
    background-size: 32rem 32rem;
    background-position: left;
}

.irList-view {
    width: 100%;
    display: none;
}

.irList {
    width: 100%;
}

.irList-view .irList li {
    width: 100%;
    min-height: 94rem;
    background: #fff;
}

/* .irList-view .irList li:nth-child(1) .irList-show{border-top:1px solid #dfe4f0} */
.irList-view .irList li:hover {
    background: #f4f5fb;
}

.irList-view .irList li .irList-show {
    width: 72.91666%;
    height: 94rem;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dfe4f0;
    background: url("/assets/hz/img/irList.png") no-repeat;
    background-size: 32rem 32rem;
    background-position: 10rem 30rem;
    text-indent: 3.5em;
}

.irList-view .irList li .irList-show p {
    width: 71.42857%;
    height: 27rem;
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.irList-view .irList li .irList-show span {
    display: block;
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.irList-view .irList li .irList-show img {
    height: 24rem;
}

.allNews .ir-bulletin {
    display: block;
}

.join-head {
    background: url("/assets/hz/img/joinTitle.jpg") no-repeat;
    background-size: cover;
}

.join {
    width: 71.42857%;
    min-height: 100rem;
    margin: 0 auto;
}

.join .join-title {
    width: 100%;
    height: 98rem;
    margin-top: 130rem;
    border-bottom: 1px solid #dfe4f0;
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 34rem;
    font-style: normal;
    font-weight: 700;
    line-height: 51rem;
}
.join .join-noneYet{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    height: 500rem;
}
.join .join-noneYet .join-noneYet-show p{
    text-align: center;
    color: #0018A0;
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.RL-view {
    width: 100%;
}

.RL-view .RL {
    width: 100%;
}

.RL-view .RL li {
    width: 100%;
    border-bottom: 1px solid #dfe4f0;
}

.RL-view .RL li .job {
    width: 100%;
    height: 90rem;
    display: flex;
    word-wrap: normal;
    align-items: center;
}

.RL-view .RL li .job .positionTitle {
    width: 30%;
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-left: 2.142857%;
}

.RL-view .RL li .job .place {
    width: 35%;
    margin-left: 0;
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.RL-view .RL li .job .releaseTime {
    margin-left: 10%;
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.RL-view .RL li .job .jobIcon {
    width: 30rem;
    height: 30rem;
    margin-left: 6.71428%;
    color: #6b7a9a;
}

.RL-view .RL li .job .jobIcon svg {
    width: 30rem;
    height: 30rem;
}

.RL-view .RL li .require {
    width: 100%;
    padding-bottom: 16rem;
    display: none;
    opacity: 0;
}

.RL-view .RL li .require li {
    border-bottom: none;
    width: 97.857143%;
    margin-left: 2.142857%;
}

.RL-view .RL li .require li.require-t {
    margin-top: 32rem;
    margin-bottom: 16rem;
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.RL-view .RL li .require li.require-c {
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 28rem;
    text-align: justify;
}

.RL-view .RL li.active .job {
    background: #0018a0;
    color: #fff;
}

.RL-view .RL li.active .job .positionTitle {
    color: #fff;
}

.RL-view .RL li.active .job .place {
    color: #fff;
}

.RL-view .RL li.active .job .releaseTime {
    color: #fff;
}

.RL-view .RL li.active .job .jobIcon svg {
    width: 30rem;
    height: 30rem;
}

.RL-view .RL li.active .job .jobIcon {
    color: #fff;
    display: flex;
    align-items: center;
    animation: rotate180 0.2s linear forwards;
    -webkit-animation: rotate180 0.2s linear forwards;
    -o-animation: rotate180 0.2s linear forwards;
    -moz-animation: rotate180 0.2s linear forwards;
}

.RL-view .RL li.active .require {
    display: block;
    animation: op1 0.4s linear forwards;
    -webkit-animation: op1 0.4s linear forwards;
    -o-animation: op1 0.4s linear forwards;
    -moz-animation: op1 0.4s linear forwards;
}

@keyframes rotate180 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(180deg);
    }
}

@keyframes op1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.RL-view .getMore {
    width: 80rem;
    height: 22rem;
    border-bottom: 1px solid #0018a0;
    margin: 80rem auto;
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.RL-view .getMore:hover {
    transform: scale(1.1);
}

.contact-head {
    background: url("/assets/hz/img/contactTitle.jpg") no-repeat;
    background-size: cover;
}

.contact {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 200rem;
}

.contact .pres-r,
.contact .pres-l {
    width: 50%;
}

.contact-text p:nth-child(1) {
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 10.9523%;
}

.contactImg {
    width: 100%;
    float: right;
}

.contact-text p {
    display: flex;
    align-items: center;
    margin-top: 10.9523%;
}

.contact-text p:nth-child(1) {
    margin-top: 3%;
}

.contact-text p:nth-child(2) .phoneIcon {
    width: 32rem;
    height: 32rem;
    background: url("/assets/hz/img/phoneIcon.png") no-repeat;
    background-size: 100%;
}

.contact-text p:nth-child(3) .emailIcon {
    width: 32rem;
    height: 32rem;
    background: url("/assets/hz/img/emailIcon.png") no-repeat;
    background-size: 100%;
}

.contact-text p:nth-child(4) .addressIcon {
    width: 32rem;
    height: 32rem;
    background: url("/assets/hz/img/addressIcon.png") no-repeat;
    background-size: 100%;
}

.contact-text p span {
    color: #212e4b;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 24rem;
}

.contact-text p a {
    color: var(--unnamed, #0018a0);
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    margin-left: 16rem;
}

.noyet {
    width: 100%;
    height: 550rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.noyet .noyet-c {
    width: 170rem;
    min-height: 170rem;
}

.noyet .noyet-c img {
    display: block;
    width: 100%;
}

.noyet .noyet-c p {
    color: #0018a0;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

@media (max-width: 1299px) {
    .hot-content .companyProfile .prof-l .prof-l-f li:first-child {
        margin-left: 12rem;
    }

    .hot-content .companyProfile .prof-l .prof-l-f li {
        margin-right: 10rem;
    }

    .service-2-listD .service-2-listD-r p {
        margin-top: 15rem;
    }

    .service-2-listD .service-2-listD-r ul li {
        margin-top: 10rem;
    }

    .news-content .newsList li dl.entrance dd:nth-child(4) {
        height: 50rem;
        line-height: 26rem;
    }
}

@media (max-width: 1599px) {
    .AC .AC-list-view .AC-list li p:nth-child(3) {
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .hot-content .companyProfile .prof-l .prof-l-f li p:nth-child(1) {
        font-size: 42rem;
    }

    .hot-content .companyProfile .prof-l .prof-l-f li:first-child {
        margin-left: 34rem;
    }

    .hot-content .companyProfile .prof-l .prof-l-f li {
        margin-right: 20rem;
    }

    .highlights .highlights-view {
        width: 1500rem;
    }

    .case .case-list li {
        padding-bottom: 20rem;
    }

    .RL-view .RL li .job .positionTitle {
        width: 45%;
    }

    .RL-view .getMore {
        width: 100rem;
    }
}

.irTabIncon {
    min-width: 80rem;
    height: 68rem;
    line-height: 68rem;
    text-align: center;
    border-bottom: 2px solid #fff;
    margin-right: 80px;
    color: #6b7a9a;
    font-family: "Pingfang SC", "STHeiti", "Microsoft YaHei", "Verdana", "Arial",
    "Tahoma", "sans-serif", "-apple-system", "BlinkMacSystemFont", "Segoe UI",
    "Hiragino Sans GB", "Helvetica Neue", "Helvetica", "Segoe UI Symbol";
    font-size: 20rem;
    font-style: normal;
    font-weight: 600;
    line-height: 68rem;
}
/*案例加载更多*/
.moreCase{
    width: 100%;
    height: 30rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-top: 40rem;
}
.moreCase span{
    width: 180rem;
    height: 28rem;
    color: #0018A0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-align: center;
}
.moreCase span:hover{
    transform: scale(1.1);
}

/*中能数投 文字环绕图片*/
.environ .prof-l-t {
    color: #212e4b;
    font-size: 36rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30rem;
}
.environ .prof-l-t .znst-logo{
    width: 451rem;
    height: 74rem;
    background: url("/assets/hz/img/znst-logo.png") no-repeat;
    background-size: 100%;
}
.environ p {
    color: #6b7a9a;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
    margin-bottom: 18rem;
    text-align: justify;
}

.environ img {
    width: 45%;
    height: auto;
    border-radius: 8px;
    margin-left: 8.571%;
    float: right;
    margin-bottom: 0;
}
.zn-proList{
    width: 72.91666%;
    min-height: 100rem;
    margin: 60rem auto 173rem;
}
.zn-proList p{
    color: #6b7a9a;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32rem;
    margin-bottom: 18rem;
    text-align: justify;
}
.zn-proList p strong{
    color:  #0018A0;
    font-size: 26rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}