@import url('swiper.min.css');
@import url('reset.css');
@import url('iconfont.css');

.hide-seo {
    display: none !important;
}

.secondDiv .secondBanner {
    padding-top: 90px;
}

#SetTemplate a {
    text-decoration: none !important;
}

.hide-contact-us #contact-us {
    display: none !important;
}

* {
    font-family: "Microsoft Yahei", arial, "\5b8b\4f53";
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html,
body {
    background: white;
}

#ns-page-body a:hover {
    text-decoration: underline;
}

img {
    border: 0;
}

img.ns-img-mb {
    display: none;
}

section>.ns-container {
    padding-top: 3.125vw;
    padding-bottom: 3.125vw;
}

section>.ns-container+.ns-container {
    padding-top: 0;
}

section>.ns-container h2.ns-title {
    font-size: 36px;
    font-weight: 400;
}

.bc-f4f4f4 {
    background: #f4f4f4 !important;
}

.bc-f6f6f6 {
    background: #f6f6f6 !important;
}

.bc-f8f8f8 {
    background: #f8f8f8 !important;
}

.bc-cbcbcc {
    background: #cbcbcc !important;
}

.bc-f5f5f5 {
    background: #f5f5f5 !important;
}

.bc-f9f9f9 {
    background: #f9f9f9 !important;
}

.bc-fcfcfc {
    background: #fcfcfc !important;
}

.bc-efefef {
    background: #efefef !important;
}

.bc-cbcbcd {
    background: #cbcbcd !important;
}

.bc-e1e1e1 {
    background: #e1e1e1 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

#wrapper {
    margin: 0 auto;
}

#ns-page-body {
    margin-top: 90px;
    min-height: 400px;
    overflow: hidden;
}

section#VideoPlay {
    display: none;
}

.ns-container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.ns-container>p {
    font-size: 16px;
}

a.ns-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
    padding: 12px 24px;
    background: white;
    font-size: 18px;
    color: black;
    border-radius: 30px;
    border: 1px solid transparent;
    transition: all 0.5s;
}

a.ns-btn+a.ns-btn {
    margin-right: 0;
}

a.ns-btn.ns-more-btn {
    margin-right: 15px !important;
    margin-bottom: 10px;
}

a.ns-btn.ns-more-btn:last-child {
    margin-right: 0 !important;
}

a.ns-btn.ns-btn-primary {
    background: #e60012;
    color: white;
}

a.ns-btn.ns-btn-primary:hover {
    border-color: #d7000f;
    background: #d7000f;
}

a.ns-btn.ns-btn-transparent {
    background: transparent;
    border: 1px solid #e60012;
    color: #e60012;
}

a.ns-btn:hover {
    text-decoration: none !important;
    border-color: #e60012;
}

a.ns-btn i.ns-icon {
    display: block;
    margin-right: 10px;
}

a.ns-btn i.ns-icon.ns-icon-video {
    width: 26px;
    height: 15px;
    background: url('/cn/tres/NewWebUI/2020/images/icon-btn-video.png') no-repeat;
    background-size: cover;
}

a.ns-btn i.ns-icon.ns-icon-manual {
    width: 19px;
    height: 24px;
    background: url('/cn/tres/NewWebUI/2020/images/icon-btn-manual.png') no-repeat;
    background-size: cover;
}

a.ns-btn i.ns-icon.ns-icon-showroom {
    width: 22px;
    height: 24px;
    background: url('/cn/tres/NewWebUI/2020/images/icon-btn-3d.png') no-repeat;
    background-size: cover;
}

.ns-link {
    position: relative;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 16px;
    color: #e60012;
}

.ns-link.ns-link-arrow {
    padding-left: 30px;
    margin-right: 35px;
}

.ns-link.ns-link-arrow:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 14px;
    left: 0;
    top: 4px;
    background: url(/cn/tres/NewWebUI/2020/images/arrow-link-red.png) no-repeat;
}

.ns-link.ns-link-video {
    padding-left: 30px;
}

.ns-link.ns-link-video:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 14px;
    left: 0;
    top: 4px;
    background: url(/cn/tres/NewWebUI/2020/images/arrow-link-video.png) no-repeat;
    background-size: contain;
}

.ns-color-black {
    color: black !important;
}

.ns-color-red {
    color: #e60012 !important;
}

.ns-mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: none;
}

.ns-solution-layer {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
}

.ns-solution-layer .ns-layer-list {
    display: none;
}

.ns-solution-layer .ns-layer-list img {
    width: 100%;
}

.ns-solution-layer .close-layer {
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
}

.ns-body-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ns-card-container {
    width: 50%;
    font-size: 0;
}

.ns-card-container>img {
    width: 100%;
}

.ns-card-container .ns-card-content {
    position: absolute;
    top: 3.125vw;
    left: 5.2vw;
    width: 60%;
}

.ns-card-container .ns-card-content h3 {
    font-size: 34px;
    font-weight: 400;
}

.ns-card-container .ns-card-content h4 {
    font-size: 22px;
    font-weight: 400;
}

.ns-card-container .ns-card-content p {
    margin-top: 1.5vw;
    font-size: 18px;
    line-height: 1.5;
}

.ns-card-container .ns-card-content .ns-btn {
    margin-top: 1.5625vw;
}

.swiper-button-prev,
.swiper-button-next {
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    margin-top: -30px;
}

.swiper-container .swiper-button-prev {
    background-image: url('/cn/tres/NewWebUI/2020/images/icon-swiper-button-prev.png');
    left: 1.5vw;
}

.swiper-container .swiper-button-next {
    background-image: url('/cn/tres/NewWebUI/2020/images/icon-swiper-button-next.png');
    right: 1.5vw;
}

.ns-master-banner {
    font-size: 0;
}

.ns-master-banner .ns-master-banner-container {
    position: relative;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-slide {
    position: relative;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-slide.banner-wrap-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap.ns-banner-content-wrap-black .ns-link-list a,
.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap.ns-banner-content-wrap-black .ns-master-banner-content h2,
.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap.ns-banner-content-wrap-black .ns-master-banner-content p {
    color: black;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-container {
    position: relative;
    height: 100%;
    width: 1200px;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h2,
.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h1 {
    margin-bottom: 1.5vw;
    font-size: 36px;
    color: white;
    font-weight: 700;
    width: 40vw;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content p {
    margin-bottom: 1.5625vw;
    font-size: 20px;
    color: white;
    line-height: 1.5;
    width: 33vw;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content .ns-link-list {
    display: flex;
    flex-direction: column;
    padding-top: 15px;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content .ns-link-list a {
    color: #fff;
    margin-top: 7px;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-pagination {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 5%;
    left: 0;
    z-index: 99;
    line-height: 0;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 14px;
    background: #fff;
    opacity: 1;
}

.ns-master-banner .ns-master-banner-container .ns-master-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #e60213;
}

.ns-master-banner img.ns-banner {
    width: 100%;
}

.ns-master-banner img.ns-banner-mb {
    width: 100%;
    display: none;
}

/* 面包屑导航 */
.ns-breadcrumb {
    background: #efefef;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 8px 0;
    font-size: 14px;
    color: black;
    line-height: 1;
}

.ns-breadcrumb a {
    color: black;
    margin-right: 10px;
    display: inline-block;
}

.ns-breadcrumb a:hover {
    text-decoration: underline;
}

.ns-breadcrumb img {
    margin-right: 10px;
    vertical-align: middle;
}

#secondMenu {
    background: white;
    border-bottom: 1px solid #e1e1e1;
}

#secondMenu h3 {
    display: none;
}

#secondMenu ul {
    display: flex;
}

#secondMenu ul li {
    border-bottom: 4px solid white;
    margin-right: 56px;
    font-size: 16px;
    color: black;
    line-height: 3;
    cursor: pointer;
    transition: all 0.5s;
}

#secondMenu ul li.active {
    border-bottom-color: #e60012;
}

#secondMenu ul li:hover {
    border-bottom-color: #e60012;
}

#secondMenu ul.item10 li {
    margin-right: 40px;
}

#secondMenu.fixed {
    position: fixed;
    width: 100%;
    top: 90px;
    z-index: 998;
}

.ns-rows-three {
    display: flex;
    margin: 0 -1.5vw;
}

.ns-rows-three .ns-col {
    width: 33.3%;
    padding: 0 1.5vw;
}

.ns-rows-four {
    display: flex;
    margin: 0 -1.5vw;
}

.ns-rows-four .ns-col {
    width: 25%;
    padding: 0 1.5vw;
}

.ns-icon-info .ns-icon-info-row {
    display: flex;
    align-items: center;
    margin-bottom: 1vw;
}

.ns-icon-info .ns-icon-info-row h4 {
    margin-left: 1vw;
    font-size: 20px;
}

.ns-icon-info .ns-icon-info-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1vw;
}

.ns-icon-info .ns-icon-info-column img {
    margin-bottom: 1vw;
}

.ns-icon-info .ns-icon-info-column h4 {
    font-size: 20px;
}

.ns-icon-info p {
    font-size: 16px;
    color: black;
    line-height: 1.7;
}

.ns-icon-info a {
    position: relative;
    display: block;
    padding-left: 30px;
    font-size: 16px;
    color: black;
    line-height: 1.7;
}

.ns-icon-info a:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 14px;
    left: 0;
    top: 6px;
    background: url('/cn/tres/NewWebUI/2020/images/arrow-link-red.png') no-repeat;
}

.ns-column-title.ns-column-title-flex {
    display: flex;
    justify-content: space-between;
}

.ns-column-title.ns-column-title-flex .ns-red-next-arrow {
    align-self: flex-end;
    margin-bottom: 1.5625vw;
}

.ns-column-title .ns-column-title-flex-list {
    display: flex;
}

.ns-column-title .ns-column-title-flex-list .ns-red-next-arrow {
    margin-right: 10px;
    color: black;
}

.ns-column-title .ns-column-title-flex-list .ns-red-next-arrow:last-child {
    margin-right: 0;
}

.ns-column-title.ns-column-url-end {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 20px;
}

.ns-column-title.ns-color-white h2,
.ns-column-title.ns-color-white p {
    color: #fff;
}

.ns-column-title h2 {
    margin-bottom: 1.5625vw;
    font-size: 36px;
    color: black;
    font-weight: 400;
}

.ns-column-title p {
    font-size: 16px;
    line-height: 1.7;
    padding-right: 15%;
}

.ns-summary-list {
    display: flex;
}

.ns-summary-list li {
    width: 50%;
    display: flex;
}

.ns-summary-list li:first-child {
    justify-content: flex-end;
}

.ns-summary-list li:last-child {
    padding-left: 3.125vw;
}

.ns-summary-list li .ns-page-summary {
    width: 600px;
    flex-wrap: wrap;
}

.ns-summary-list li .ns-page-summary h3 {
    width: 100%;
    line-height: 2;
}

.ns-page-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 1.5625vw;
    padding-bottom: 1.5625vw;
}

.ns-page-summary.ns-summary-pure-text {
    padding-top: 50px;
    padding-bottom: 60px;
}

.ns-page-summary.ns-summary-pure-text.ns-spec-service .ns-summary-box-text {
    width: 60%;
}

.ns-page-summary.ns-summary-pure-text.ns-spec-service .ns-summary-box-text h3 {
    margin-bottom: 30px;
}

.ns-page-summary.ns-summary-pure-text .ns-summary-box-text {
    width: 100%;
}

.ns-page-summary.ns-summary-pure-text .ns-summary-box-text h3 {
    margin-bottom: 30px;
}

.ns-page-summary.ns-page-summary-especial {
    justify-content: flex-start;
}

.ns-page-summary.ns-page-summary-especial .ns-summary-box-text {
    width: auto;
    padding-right: 50px;
}

.ns-page-summary h3 {
    width: 70%;
    font-size: 30px;
    color: black;
    font-weight: normal;
    line-height: 1.25;
}

.ns-page-summary .ns-summary-box-text {
    width: 50%;
}

.ns-page-summary .ns-summary-box-text.ns-no-spacing {
    width: 100%;
}

.ns-page-summary .ns-summary-box-text.ns-no-spacing p {
    padding-top: 20px;
}

.ns-page-summary .ns-summary-box-text h3 {
    line-height: 2;
}

.ns-page-summary .ns-summary-box-text p {
    font-size: 16px;
    line-height: 1.7;
}

.ns-page-summary .ns-summary-box-text .ns-link {
    margin-top: 35px;
}

.ns-page-summary .ns-page-summary-content {
    width: 75%;
}

.ns-page-summary .ns-page-summary-content h3 {
    margin-bottom: 1.5625vw;
    font-size: 40px;
    color: black;
    font-weight: 400;
    line-height: 1.25;
}

.ns-page-summary .ns-page-summary-content h3 strong {
    font-weight: 600;
}

.ns-page-summary .ns-page-summary-content p {
    margin-bottom: 2vw;
    font-size: 20px;
    color: black;
    line-height: 1.5;
}

.ns-page-trend {
    display: flex;
}

.ns-page-trend>div {
    position: relative;
    width: 50%;
    font-size: 0;
}

.ns-page-trend>div img {
    width: 100%;
}

.ns-page-trend>div .ns-page-trend-content-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ns-page-trend>div .ns-page-trend-content {
    position: absolute;
    padding: 2.125vw 3.125vw;
    left: 0;
    right: 35%;
    top: 0;
    bottom: 0;
}

.ns-page-trend>div .ns-page-trend-content h3 {
    margin-bottom: 1.5625vw;
    font-size: 40px;
    color: black;
    font-weight: 400;
}

.ns-page-trend>div .ns-page-trend-content h3 strong {
    font-weight: 600;
}

.ns-page-trend>div .ns-page-trend-content p {
    margin-bottom: 2vw;
    font-size: 20px;
    color: black;
    line-height: 1.5;
}

.ns-page-trend>div.ns-page-trend-cross {
    width: auto;
}

.ns-wrap-tab-list,
.ns-wrap-tab-list2 {
    display: none;
}

.ns-wrap-tab-list.ns-wrap-tab-list-show {
    display: block;
}

.ns-product-intro {
    display: flex;
    padding-top: 10px;
    padding-bottom: 20px;
}

.ns-product-intro.ns-no-spacing {
    padding-top: 0;
}

.ns-product-intro.ns-no-spacing .ns-product-content {
    padding-left: 20px;
    padding-top: 0;
}

.ns-product-intro .ns-product-content {
    padding-left: 4vw;
    padding-top: 20px;
}

.ns-product-intro .ns-product-content h2 {
    font-size: 30px;
    padding-bottom: 20px;
    font-weight: bold;
}

.ns-product-intro .ns-product-content p {
    font-size: 16px;
    line-height: 1.7;
}

.ns-product-details .ns-product-details-tab {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
}

.ns-product-details .ns-product-details-tab.ns-details-list3>li {
    width: calc(33.33% - 4px);
}

.ns-product-details .ns-product-details-tab.ns-details-list4>li {
    width: calc(25% - 4px);
}

.ns-product-details .ns-product-details-tab>li {
    padding: 20px 40px 20px 30px;
    width: calc(25% - 4px);
    color: black;
    background: rgba(153, 153, 153, 0.5);
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
}

.ns-product-details .ns-product-details-tab>li>div {
    display: none;
}

.ns-product-details .ns-product-details-tab>li.active {
    background: #6d6d6d;
    color: #fff;
}

.ns-product-details .ns-product-details-tab>li.active::before {
    content: '';
    width: 100%;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -4px;
}

.ns-product-details .ns-product-details-tab>li.active::after {
    transform: translateY(-50%) rotate(180deg);
}

.ns-product-details .ns-product-details-tab>li::after {
    content: '';
    width: 15px;
    height: 8px;
    background: url('https://www.h3c.com/cn/tres/NewWebUI/2020/images/products/tab-arrow-white.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    transition: all 0.5s;
}

.ns-product-details .ns-product-details-tab>li.ns-tab-traget {
    padding: 0;
    background: #fff;
    width: 100%;
}

.ns-product-details .ns-product-details-tab>li.ns-tab-traget::before,
.ns-product-details .ns-product-details-tab>li.ns-tab-traget::after {
    display: none;
}

.ns-product-details .ns-product-details-tab>li.ns-tab-traget>div {
    display: flex;
    flex-wrap: wrap;
}

.ns-product-details .ns-product-details-tab>li.ns-tab-traget>div h2 {
    font-weight: 700;
    color: black;
    width: 100%;
    padding: 10px 30px;
    font-size: 16px;
}

.ns-product-details .ns-product-details-tab>li.ns-tab-traget>div p {
    padding: 10px 30px;
    width: 100%;
    font-size: 14px;
    color: black;
}

.ns-product-details .ns-product-details-tab>li.ns-tab-traget>div a {
    width: 33.333%;
    padding: 5px 30px;
    color: black;
    font-size: 14px;
}
.ns-product-details .ns-product-details-tab>li.ns-tab-traget>div a.new:after {
    content: 'New';
    display: inline-block;
    background: white;
    border: 1px solid #e60012;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    padding: 2px 5px;
    line-height: 1;
    color: #e60012;
    border-radius: 5px;
    border-end-start-radius: 0;
    margin-left: 5px;
    box-shadow: 2px 2px 1px rgb(0 0 0 / 10%);
}
.ns-product-details .ns-product-details-tab>li.ns-tab-traget>div a.star:after {
    content: 'Star';
    display: inline-block;
    background: white;
    border: 1px solid #e60012;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    padding: 2px 5px;
    line-height: 1;
    color: #e60012;
    border-radius: 5px;
    border-end-start-radius: 0;
    margin-left: 5px;
    box-shadow: 2px 2px 1px rgb(0 0 0 / 10%);
}

.ns-product-details .ns-product-details-tab.bg-red>li.active {
    background: #e60012;
}

.ns-product-details .ns-product-details-tab.bg-red>li.ns-tab-traget {
    padding-bottom: 10px;
}

.ns-intro {
    display: flex;
}

.ns-intro.ns-intro-bottom {
    padding-bottom: 3.125vw;
}

.ns-intro>div {
    width: 50%;
}

.ns-intro .ns-intro-img {
    font-size: 0;
}

.ns-intro .ns-intro-img>img {
    width: 100%;
}

.ns-intro.ns-intro-special {
    flex-wrap: wrap;
}

.ns-intro.ns-intro-special>div {
    width: 100%;
}

.ns-intro .ns-intro-text {
    padding-top: 35px;
}

.ns-intro .ns-intro-text.ns-intro-text-list1 {
    padding-top: 0;
    width: 100%;
    margin-bottom: 10px;
}

.ns-intro .ns-intro-text.ns-intro-left {
    padding-left: 30px;
}

.ns-intro .ns-intro-text h2 {
    padding-bottom: 10px;
    font-size: 36px;
    font-weight: normal;
}

.ns-intro .ns-intro-text p {
    line-height: 1.7;
    font-size: 16px;
    padding-bottom: 10px;
}

.ns-intro .ns-intro-text p:last-child {
    padding-bottom: 0;
}

section>.ns-application {
    padding: 50px 0;
}

.ns-application {
    position: relative;
}

.ns-application>ul {
    color: #fff;
}

.ns-application>ul>li>h2 {
    font-size: 36px;
    padding-bottom: 40px;
}

.ns-application>ul>li>p {
    width: 50%;
}

.ns-application>ul>li p {
    font-size: 16px;
    line-height: 1.7;
}

.ns-application>ul>li .ns-link {
    margin-top: 20px;
}

.ns-application>ul>li .ns-number-list {
    display: flex;
    padding-top: 70px;
}

.ns-application>ul>li .ns-number-list li {
    margin-right: 30px;
}

.ns-application>ul>li .ns-number-list li h3 {
    font-size: 50px;
    padding-bottom: 10px;
}

.ns-application .ns-application-more {
    font-size: 23px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 25px 20px 40px;
    background: #e60012;
    color: #fff;
    width: 320px;
    text-decoration: none !important;
}

.ns-application .ns-application-more::after {
    content: "";
    width: 22px;
    height: 14px;
    background: url('/cn/tres/NewWebUI/2020/images/arrow-link-white.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.ns-img-text-box {
    display: flex;
    align-items: flex-start;
}

.ns-img-text-box>img {
    margin-top: 10px;
    width: 33.33%;
}

.ns-img-text-box .ns-img-text-content {
    width: 67.6667%;
    padding: 0 40px 20px;
}

.ns-img-text-box .ns-img-text-content h2 {
    font-size: 20px;
    margin: 10px 0;
    font-weight: 700;
}

.ns-img-text-box .ns-img-text-content p {
    font-size: 16px;
    line-height: 1.5;
}

.ns-resoure-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
}

.ns-resoure-list li {
    margin: 0 10px 20px;
    width: calc(33.33% - 20px);
    border: 1px solid #959596;
}

.ns-resoure-list li a {
    color: black;
    padding: 12px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.ns-resoure-list li a>img {
    margin-right: 10px;
}

.ns-wrap-contact {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin: -20px;
}

.ns-wrap-contact>li {
    background: #efefef;
    width: calc(25% - 20px);
    margin: 0 10px 20px;
    position: relative;
}

.ns-wrap-contact>li::after {
    content: "";
    width: 22px;
    height: 14px;
    background: url('/cn/tres/NewWebUI/2020/images/arrow-link-red.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

.ns-wrap-contact>li a {
    display: flex;
    align-items: center;
    padding: 20px 25px;
    flex-wrap: wrap;
}

.ns-wrap-contact>li a:hover {
    text-decoration: none !important;
}

.ns-wrap-contact>li h2 {
    font-size: 20px;
    padding-left: 10px;
    color: black;
}

.ns-wrap-contact>li img {
    width: 55px;
}

.ns-product-adaptation .ns-scale-image {
    text-align: center;
}

.ns-product-adaptation .ns-scale-image img {
    width: 70% !important;
}

.ns-security-set {
    display: flex;
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -2px;
}

.ns-security-set li {
    padding: 20px 20px;
    margin: 0 1px 2px;
    background: #707070;
    width: calc(20% - 2px);
    cursor: pointer;
    position: relative;
}

.ns-security-set li.active {
    background: #fff;
}

.ns-security-set li.active h2 {
    color: #e60012;
}

.ns-security-set li.active h2::after {
    background: url('/cn/tres/NewWebUI/2020/images/products/tab-arrow-red.png') no-repeat;
    background-size: cover;
}

.ns-security-set li.active:nth-of-type(1)::after {
    background: url(/cn/tres/NewWebUI/2020/images/services/security-list01-active.png) no-repeat;
    background-size: cover;
}

.ns-security-set li.active:nth-of-type(2)::after {
    background: url(/cn/tres/NewWebUI/2020/images/services/security-list02-active.png) no-repeat;
    background-size: cover;
}

.ns-security-set li.active:nth-of-type(3)::after {
    background: url(/cn/tres/NewWebUI/2020/images/services/security-list03-active.png) no-repeat;
    background-size: cover;
}

.ns-security-set li.active:nth-of-type(4)::after {
    background: url(/cn/tres/NewWebUI/2020/images/services/security-list04-active.png) no-repeat;
    background-size: cover;
}

.ns-security-set li.active:nth-of-type(5)::after {
    background: url(/cn/tres/NewWebUI/2020/images/services/security-list05-active.png) no-repeat;
    background-size: cover;
}

.ns-security-set li::after {
    content: "";
    width: 55px;
    height: 55px;
    position: absolute;
    top: 10px;
    left: 20px;
    display: none;
}

.ns-security-set li:nth-of-type(1)::after {
    background: url(/cn/tres/NewWebUI/2020/images/services/security-list01.png) no-repeat;
    background-size: cover;
}

.ns-security-set li:nth-of-type(2)::after {
    background: url(/cn/tres/NewWebUI/2020/images/services/security-list02.png) no-repeat;
    background-size: cover;
}

.ns-security-set li:nth-of-type(3)::after {
    background: url(/cn/tres/NewWebUI/2020/images/services/security-list03.png) no-repeat;
    background-size: cover;
}

.ns-security-set li:nth-of-type(4)::after {
    background: url(/cn/tres/NewWebUI/2020/images/services/security-list04.png) no-repeat;
    background-size: cover;
}

.ns-security-set li:nth-of-type(5)::after {
    background: url(/cn/tres/NewWebUI/2020/images/services/security-list05.png) no-repeat;
    background-size: cover;
}

.ns-security-set li h2 {
    color: #fff;
    font-size: 18px;
    position: relative;
    font-weight: normal;
}

.ns-security-set li h2::after {
    content: "";
    width: 15px;
    height: 8px;
    background: url('/cn/tres/NewWebUI/2020/images/products/tab-arrow-white.png') no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.ns-security-set-details {
    display: none;
    flex-wrap: wrap;
    background: #fff;
    padding: 0 20px 30px;
}

.ns-security-set-details.active {
    display: flex;
}

.ns-security-set-details h2 {
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    font-weight: bold;
}

.ns-security-set-details p {
    width: 33.333%;
    font-size: 16px;
    margin-top: 10px;
    color: #595757;
}

.ns-content-and-img {
    display: flex;
    flex-wrap: wrap;
}

.ns-content-and-img.ns-big-spacing {
    padding-top: 120px;
    padding-bottom: 120px;
}

.ns-content-and-img>div {
    width: 50%;
}

.ns-content-and-img img {
    width: 100%;
}

.ns-content-and-img h2 {
    font-size: 36px;
    font-weight: normal;
}

.ns-content-and-img p {
    font-size: 16px;
    line-height: 1.5;
    padding-top: 15px;
}

.ns-content-and-img .ns-red-next-arrow {
    margin-top: 15px;
}

.ns-content-and-img .ns-list-left {
    padding-right: 40px;
}

.ns-content-and-img .ns-list-right {
/*    padding-left: 40px;*/
}
.ns-content-and-img .ns-play-video {
    position: relative;
    cursor: pointer;
}
.ns-content-and-img .ns-play-video:before  {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    background: url('https://resource.h3c.com/cn/tres/NewWebUI/images/threeAll/videoblackcrplay.png') no-repeat;
    background-size: cover;
}


.ns-solution-wrap {
    display: flex;
    flex-wrap: wrap;
}

.ns-solution-wrap .ns-solution-left {
    width: 35%;
    padding-right: 50px;
}

.ns-solution-wrap .ns-solution-left h2 {
    font-weight: normal;
    font-size: 32px;
}

.ns-solution-wrap .ns-solution-left p {
    font-size: 16px;
    line-height: 1.5;
    padding: 20px 0;
}

.ns-solution-wrap .ns-solution-right {
    width: 65%;
}

.ns-solution-wrap .ns-solution-right img {
    width: 100%;
}

.ns-wrap-list {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
    display: flex;
    flex-wrap: wrap;
}

.ns-wrap-list.ns-more-special>li {
    width: calc(20% - 20px);
}

.ns-wrap-list.ns-more-special>li a {
    font-size: 16px;
    color: black;
}

.ns-wrap-list.ns-more-special>li a:hover {
    color: #e60012;
}

.ns-wrap-list.ns-more-special>li a::before {
    content: "<";
    display: inline-block;
    color: #e60012;
    margin-right: 10px;
    font-size: 20px;
}

.ns-wrap-list.ns-title-bc-cbcbcd li h4 {
    background: #cbcbcd;
}

.ns-wrap-list.ns-title-bc-fff li h4 {
    background: #fff;
}

.ns-wrap-list.ns-title-bc-efefef li h4 {
    background: #efefef;
}

.ns-wrap-list.ns-li-f6f6f6 li {
    background: #f6f6f6;
}

.ns-wrap-list.ns-li-transparent li {
    background: transparent;
}

.ns-wrap-list.ns-li-efefef li {
    background: #efefef;
}

.ns-wrap-list.ns-li-demand li {
    background: rgba(255, 255, 255, 0.9);
    border: 8px solid #c6c7d8;
}

.ns-wrap-list.ns-wrap-list4>li {
    width: calc(25% - 20px);
}

.ns-wrap-list.ns-wrap-list3>li {
    width: calc(33.33% - 20px);
}

.ns-wrap-list.ns-wrap-list3>li.ns-wrap-item-two {
    width: calc(66.66% - 20px);
}

.ns-wrap-list.ns-wrap-list2>li {
    width: calc(50% - 20px);
}

.ns-wrap-list.ns-wrap-list1>li {
    width: 100%;
    display: flex;
    align-items: center;
}

.ns-wrap-list.ns-wrap-list1>li .ns-software-text {
    width: 51%;
}

.ns-wrap-list.ns-wrap-list1>li div.ns-scale-image {
    width: 49%;
}

.ns-wrap-list.ns-wrap-list1>li .ns-software-text {
    padding: 0 4vw;
}

.ns-wrap-list.ns-wrap-tab {
    margin-left: -0.5px;
    margin-right: -0.5px;
    margin-bottom: 0;
}

.ns-wrap-list.ns-wrap-tab a {
    text-decoration: none !important;
}

.ns-wrap-list.ns-wrap-tab.ns-wrap-list2>li {
    width: calc(50% - 1px);
    flex: none;
}

.ns-wrap-list.ns-wrap-tab.ns-wrap-list3>li {
    width: calc(33.33% - 1px);
    flex: none;
}

.ns-wrap-list.ns-wrap-tab.ns-wrap-list4>li {
    width: calc(25% - 1px);
    flex: none;
}

.ns-wrap-list.ns-wrap-tab.ns-wrap-list5 {
    margin-bottom: -1px;
}

.ns-wrap-list.ns-wrap-tab.ns-wrap-list5>li {
    width: calc(20% - 1px);
    flex: none;
    margin-bottom: 1px;
}

.ns-wrap-list.ns-wrap-tab>li {
    margin: 0 0.5px 20px;
    flex: 1;
}

.ns-wrap-list.ns-wrap-tab>li h3 {
    font-size: 18px;
    padding: 20px 0;
    cursor: pointer;
    text-align: center;
    font-weight: normal;
    background: #c9caca;
    color: black;
    line-height: 1.2;
}

.ns-wrap-list.ns-wrap-tab>li h3.active {
    color: #fff;
    background: #e60012;
}

.ns-wrap-list.ns-wrap-list-links>li>.ns-red-next-arrow {
    position: absolute;
    left: 1.5625vw;
    bottom: 1.7vw;
}

.ns-wrap-list.ns-wrap-list-links>li .ns-software-text {
    padding-bottom: 6vw;
}

.ns-wrap-list.ns-wrap-list-links>li .ns-software-text .ns-red-next-arrow {
    bottom: 3.2vw;
}

.ns-wrap-list>li {
    position: relative;
    background: white;
    margin: 0 10px 20px;
}

.ns-wrap-list>li a:hover {
    text-decoration: none !important;
}

.ns-wrap-list>li h4 {
    font-size: 20px;
    font-weight: 700;
    background: #f6f6f6;
    line-height: 1.7;
}

.ns-wrap-list>li .ns-software-text-subhead {
    display: block;
}

.ns-wrap-list>li .ns-software-text {
    padding: 1.5625vw 1.5625vw 4vw;
}

.ns-wrap-list>li .ns-software-text.link-list {
    padding-bottom: 2vw;
}

.ns-wrap-list>li .ns-software-text.link-list .ns-red-next-arrow {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 12px;
}

.ns-wrap-list>li .ns-software-text.link-list .ns-red-next-arrow:nth-of-type(1) {
    margin-top: 20px;
}

.ns-wrap-list>li .ns-software-text h3 {
    font-size: 20px;
    padding-bottom: 1vw;
    line-height: 1.7;
    font-weight: 700;
    color: black;
}

.ns-wrap-list>li .ns-software-text p {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
}

.ns-wrap-list>li .ns-software-text .ns-red-next-arrow {
    position: absolute;
    left: 1.5625vw;
    bottom: 1.7vw;
}

.ns-wrap-list>li .time {
    font-size: 16px;
    display: block;
    line-height: 1.7;
    color: black;
}

.ns-wrap-list>li img {
    width: 100%;
}

.ns-wrap-list>li.ns-transparent {
    background: transparent !important;
}

.ns-wrap-list>li div.ns-scale-image {
    font-size: 0;
    overflow: hidden;
}

.ns-wrap-list>li div.ns-scale-image img {
    width: 100%;
    transition: 0.3s;
}

.ns-wrap-list>li:hover div.ns-scale-image img {
    transform: scale(1.1);
}

.ns-wrap-list>li .ns-wrap-list-content {
    padding: 1.5625vw 1.5625vw 4vw;
}

.ns-wrap-list>li .ns-wrap-list-content h3 {
    margin-bottom: 1vw;
    font-size: 20px;
    color: black;
}

.ns-wrap-list>li .ns-wrap-list-content p {
    margin-bottom: 1vw;
    font-size: 16px;
    color: #666;
    line-height: 1.7;
}

.ns-wrap-list>li .ns-wrap-list-content .ns-links {
    position: absolute;
    bottom: 1.7vw;
    left: 1.5625vw;
    right: 1.5625vw;
}

.ns-wrap-list>li.news-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5625vw;
}

.ns-wrap-list>li.news-list li {
    padding-bottom: 1vw;
    margin-bottom: 1vw;
    border-bottom: 1px solid #cfcfcf;
}

.ns-wrap-list>li.news-list li label {
    display: block;
    margin-bottom: 0.5vw;
    font-size: 16px;
    color: black;
}

.ns-wrap-list>li.news-list li a {
    font-size: 20px;
    color: black;
    font-weight: 600;
}

.bg-intro {
    background: url('/cn/tres/NewWebUI/2020/images/products/img-intro-bg.jpg');
    background-size: cover;
}

.bg-solution_city {
    background: url('/cn/tres/NewWebUI/2020/images/products/img-solution-bg_product-cloud-intellidence-city.jpg');
    background-size: cover;
}

.bg-shopping {
    background: url('/cn/tres/NewWebUI/2020/images/img-shopping-bg.jpg');
    background-size: cover;
}

.bg-application {
    background: url('/cn/tres/NewWebUI/2020/images/products/img-application-bg.jpg');
    background-size: cover;
}

.bg-software {
    background: url('/cn/tres/NewWebUI/2020/images/ns-page-software-bg.jpg');
    background-size: cover;
}

.bg-software1 {
    background: url('/cn/tres/NewWebUI/2020/images/img-solution-bg_product-unified-oam.jpg');
    background-size: cover;
}

.bg-core {
    background: url('/cn/tres/NewWebUI/2020/images/products/core-product-bg.jpg');
    background-size: cover;
}

.bg-advantage {
    background: url('/cn/tres/NewWebUI/2020/images/img-we-advantage-bg.jpg');
    background-size: cover;
}

.bg-server {
    background: url('/cn/tres/NewWebUI/2020/images/img-server-bg.jpg');
    background-size: cover;
}

.bg-resource {
    background: url('/cn/tres/NewWebUI/2020/images/products/img-resource-bg.jpg');
    background-size: cover;
}

.bg-solution {
    background: url('/cn/tres/NewWebUI/2020/images/img-solution-bg.jpg');
    background-size: cover;
}

.bg-application-service-technology {
    background: url('/cn/tres/NewWebUI/2020/images/services/img-application-bg_service-technology.jpg');
    background-size: cover;
}

.bg-more-link {
    background: url('/cn/tres/NewWebUI/2020/images/img-more-link-bg.jpg');
    background-size: cover;
}

.bg-service {
    background: url('/cn/tres/NewWebUI/2020/images/img-bg_service-data-center.jpg');
    background-size: cover;
}

.bg-service-maintain {
    background: url('/cn/tres/NewWebUI/2020/images/img-summart-bg_service-maintain.jpg');
    background-size: cover;
}

.bg-summary {
    background: url('/cn/tres/NewWebUI/2020/images/products/img-summary-bg_product-cloud-intelldance-hyperfusion.jpg');
    background-size: cover;
}

.bg-demand {
    background: url('/cn/tres/NewWebUI/2020/images/products/img-demand-bg.jpg');
    background-size: cover;
}

.ns-page-software .ns-column-title {
    width: 100%;
    padding-top: 0;
}

.ns-page-software .ns-column-title p {
    padding-right: 25%;
}

.ns-advantage-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.125vw 0;
}

.ns-advantage-wrap.ns-advantage-wrap-full-screen {
    padding: 0;
}

.ns-advantage-wrap.ns-advantage-wrap-full-screen .ns-advantage-text {
    width: 100%;
}

.ns-advantage-wrap .ns-advantage-img {
    width: 24%;
}

.ns-advantage-wrap .ns-advantage-img img {
    width: 100%;
}

.ns-advantage-wrap .ns-advantage-text {
    width: 73%;
}

.ns-advantage-wrap .ns-advantage-text h3 {
    font-size: 36px;
    padding-bottom: 1vw;
    font-weight: normal;
}

.ns-advantage-wrap .ns-advantage-text ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    position: relative;
}

.ns-advantage-wrap .ns-advantage-text ul.ns-w3 li {
    width: 33.3333%;
}

.ns-advantage-wrap .ns-advantage-text ul li {
    width: 25%;
    padding-right: 2vw;
    margin-bottom: 20px;
}

.ns-advantage-wrap .ns-advantage-text ul li.ns-advantage-li-content {
    margin: 30px 0;
    width: 100%;
    border-top: 1px solid #b9b9b9;
    padding-top: 40px;
}

.ns-advantage-wrap .ns-advantage-text ul li.ns-advantage-li-content h2 {
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: normal;
}

.ns-advantage-wrap .ns-advantage-text ul li.ns-advantage-li-content p {
    font-size: 16px;
    line-height: 1.6;
}

.ns-advantage-wrap .ns-advantage-text ul li dl dd {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
    padding-left: 7px;
    position: relative;
}

.ns-advantage-wrap .ns-advantage-text ul li dl dd::before {
    content: "";
    width: 2px;
    height: 2px;
    background: black;
    position: absolute;
    top: 11px;
    left: 0;
}

.ns-advantage-wrap .ns-advantage-text ul li dl dt {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.5;
    padding-left: 7px;
    position: relative;
    font-weight: normal;
}

.ns-advantage-wrap .ns-advantage-text ul li dl dt::before {
    content: "";
    width: 2px;
    height: 2px;
    background: black;
    position: absolute;
    top: 11px;
    left: 0;
}

.ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage-list {
    height: 80px;
    overflow: hidden;
}

.ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage.ns-more-advantage-special dd {
    display: none;
}

.ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage h4 {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage h4::after {
    content: "";
    width: 14px;
    height: 8px;
    background: url('/cn/tres/NewWebUI/2020/images/products/tab-arrow-red.png') no-repeat;
    background-size: 100% 100%;
    display: block;
    margin-left: 10px;
    transform: rotate(-180deg);
    transition: all 0.5s;
}

.ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage.active h4::after {
    transform: rotate(0);
}

.ns-advantage-wrap .ns-advantage-text ul li.ns-showroom-advantage {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    display: flex;
    padding: 30px 40px;
}

.ns-advantage-wrap .ns-advantage-text ul li.ns-showroom-advantage dl {
    padding-right: 30px;
    flex: 1;
}

.ns-advantage-wrap .ns-advantage-text ul li.ns-showroom-advantage dl dt {
    display: block;
    padding-left: 0;
    font-weight: bold;
}

.ns-advantage-wrap .ns-advantage-text ul li.ns-showroom-advantage dl dt::before {
    display: none;
}

.ns-advantage-wrap .ns-advantage-text ul li.ns-showroom-advantage dl dd {
    display: block;
}

.ns-advantage-wrap .ns-advantage-text ul li h4 {
    font-size: 22px;
    font-weight: 700;
    margin: 0.8vw 0 1.302vw;
}

.ns-advantage-wrap .ns-advantage-text ul li p {
    font-size: 16px;
    line-height: 1.7;
}

.ns-server-list-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -20px;
}

.ns-server-list-wrap.ns-w5 a {
    width: calc(20% - 20px);
}

.ns-server-list-wrap.ns-gray-title a h3 {
    background: #efefef;
}

.ns-server-list-wrap a {
    width: calc(25% - 20px);
    margin: 0 10px 20px;
    font-size: 0;
}

.ns-server-list-wrap a:hover {
    text-decoration: none !important;
}

.ns-server-list-wrap a img {
    width: 100%;
}

.ns-server-list-wrap a h3 {
    font-size: 20px;
    padding: 1.5625vw;
    background: #fff;
    color: #000;
    font-weight: 700;
}

.ns-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    position: absolute;
    bottom: 1.5vw;
}

.ns-btn-wrap .ns-red-next-arrow {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    margin: 5px 10px 5px 0;
}

.ns-btn-wrap a.ns-btn {
    font-size: 16px;
    margin-right: 0;
}

.ns-btn-wrap span {
    font-size: 16px;
    padding-left: 30px;
}

.ns-red-next-arrow {
    font-size: 16px;
    color: #e60012;
    padding-left: 30px;
    position: relative;
    display: inline-block;
}

.ns-red-next-arrow.ns-video:before {
    background: url(/cn/tres/NewWebUI/2020/images/arrow-link-video.png) no-repeat;
    background-size: 100% 100%;
}

.ns-red-next-arrow.upper-spacing {
    margin-top: 20px;
}

.ns-red-next-arrow:hover {
    text-decoration: none !important;
}

.ns-red-next-arrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url('/cn/tres/NewWebUI/2020/images/arrow-link-red.png') no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 14px;
}

.ns-red-next-arrow.ns-next-arrow-phone::before {
    height: 20px;
    background: url('/cn/tres/NewWebUI/2020/images/arrow-phone.png') no-repeat;
    background-size: 100% 100%;
}

.ns-red-next-arrow.ns-next-arrow-scan::before {
    height: 20px;
    background: url('/cn/tres/NewWebUI/2020/images/arrow-scan.png') no-repeat;
    background-size: 100% 100%;
}

.ns-red-next-arrow.ns-next-arrow-down::before {
    height: 20px;
    background: url('/cn/tres/NewWebUI/2020/images/arrow-down.png') no-repeat;
    background-size: 100% 100%;
}

.bg-news {
    background: url('/cn/tres/NewWebUI/2020/images/ns-page-news-bg.jpg');
    background-size: cover;
}

.bg-news1 {
    background: url('/cn/tres/NewWebUI/2020/images/ns-page-news1-bg.jpg');
    background-size: cover;
}

.bg-solution_city {
    background: url('/cn/tres/NewWebUI/2020/images/products/img-solution-bg_product-cloud-intellidence-city_mb.jpg');
    background-size: cover;
}

.ns-play-video {
    position: relative;
}

.ns-play-video .ns-handel-play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.ns-page-video .ns-wrap-list li {
    background: #f6f6f6;
}

.ns-video-wrap {
    width: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%, -50%);
    display: none;
}

#ns-video-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

#ns-video-wrap .ns-video-box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -232px;
    margin-left: -385px;
    width: 770px;
    height: 464px;
    z-index: 1;
}

#ns-video-wrap .ns-video-box video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#ns-video-wrap .ns-video-box .posterimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#ns-video-wrap .ns-video-box .ns-close-video {
    position: absolute;
    top: -30px;
    right: 0;
    cursor: pointer;
}

.swiper-slide-active .ns-swiper-box .ns-swiper-content {
    display: block;
}

.ns-scenes-list {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}

.ns-scenes-list>li {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ns-scenes-list>li .ns-swiper-wrap {
    display: none;
}

.ns-scenes-list>li.active h2 {
    color: #e60012;
}

.ns-scenes-list>li.active>img {
    transform: scale(1.2);
}

.ns-scenes-list>li>img {
    width: 70px;
    transition: all 0.3s;
}

.ns-scenes-list>li h2 {
    font-size: 20px;
    padding-left: 5px;
    margin-right: 40px;
    font-weight: bold;
}

.ns-swiper-box {
    position: relative;
}

.ns-swiper-box>img {
    width: 100%;
}

.ns-swiper-box .ns-swiper-content {
    position: absolute;
    width: 50%;
    left: 40px;
    bottom: 30px;
    display: none;
}

.ns-swiper-box .ns-swiper-content.ns-swiper-text-black h2,
.ns-swiper-box .ns-swiper-content.ns-swiper-text-black p {
    color: black;
}

.ns-swiper-box .ns-swiper-content h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
}

.ns-swiper-box .ns-swiper-content p {
    color: #fff;
    font-size: 16px;
    padding-bottom: 20px;
    line-height: 1.7;
}

.ns-b-shadow {
    box-shadow: 0 0 4px #ccc;
}

.ns-download-box {
    text-align: right;
    padding-bottom: 30px;
}

.ns-download-results {
    color: #e60012;
    display: inline-flex;
    align-items: center;
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 30px;
    border: 1px solid #e60012;
}

.ns-download-results>img {
    width: 21px;
    margin-right: 5px;
}

.ns-screen-list {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -30px;
    display: flex;
    flex-wrap: wrap;
}

.ns-screen-list>li {
    width: calc(50% - 60px);
    margin: 0 30px 30px;
}

.ns-screen-list>li .ns-software-search {
    position: relative;
}

.ns-screen-list>li h2 {
    font-size: 16px;
    padding-bottom: 15px;
    font-weight: normal;
    color: black;
}

.ns-screen-list>li input {
    width: 100%;
    border: 1px solid #c1c1c1;
    height: 42px;
    padding: 0 15px;
    color: black;
    font-size: 16px;
}

.ns-screen-list>li input.ns-software-icon {
    background: url('/cn/tres/NewWebUI/2020/images/software/search-icon.png') no-repeat;
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    border: none;
    width: 30px;
    height: auto;
}

.ns-screen-list>li select {
    width: 100%;
    appearance: none;
    height: 42px;
    padding: 0 15px;
    position: relative;
    border: 1px solid #c1c1c1;
    background: url('/cn/tres/NewWebUI/2020/images/arrow-second-menu.png') center right 20px no-repeat;
    background-size: 12.5px 7px;
}

.ns-screen-list>li select::-ms-expand {
    display: none;
}

.ns-screen-list>li .ns-software-system {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.ns-screen-list>li .ns-software-system .ns-system {
    width: 35%;
}

.ns-screen-list>li .ns-software-system .ns-system::after {
    content: "";
    background: #d6d6d6;
    width: 3%;
    margin-left: 1%;
    position: absolute;
    bottom: 20px;
    left: 35%;
    text-align: center;
    height: 1px;
}

.ns-screen-list>li .ns-software-system .ns-system-children {
    width: 60%;
}

.ns-default-page {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
}

.ns-default-page img {
    cursor: pointer;
}

.ns-default-page span {
    margin: 0 5px;
    font-size: 14px;
}

.ns-default-page input {
    border: 1px solid #dedede;
    outline: none;
    height: 30px;
    line-height: 30px;
    width: 80px;
    padding: 0 10px;
    font-size: 14px;
}

.ns-default-page .btn-submit {
    height: 30px;
    line-height: 30px;
    background: #e60012;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-left: 10px;
    padding: 0 20px;
}

.ns-software-results {
    background: #fff;
}

.ns-software-results .ns-results-header {
    display: flex;
    padding: 25px 50px;
    border-bottom: 3px solid #e60012;
}

.ns-software-results .ns-results-body li .ns-results-content {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    position: relative;
}

.ns-software-results .ns-results-body li .ns-results-content .ns-results-download {
    width: 24px;
    height: 24px;
    background: url('/cn/tres/NewWebUI/2020/images/software/icon-download.png') no-repeat;
    background-size: 100% 100%;
    display: inline-block;
}

.ns-software-results .ns-results-body li .ns-results-arrow {
    width: 14px;
    height: 8px;
    background: url('/cn/tres/NewWebUI/2020/images/software/icon-arrow-down-gray.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    cursor: pointer;
}

.ns-software-results .ns-results-body li p {
    font-size: 16px;
    color: #666666;
    line-height: 1.4;
}

.ns-software-results .ns-results-body li label {
    font-size: 16px;
    color: black;
    line-height: 1.4;
}

.ns-software-results .ns-results-body li.active {
    background: #f6f6f6;
}

.ns-software-results .ns-results-body li.active .ns-results-details {
    display: flex;
    margin-right: 60px;
    margin-left: 94px;
    border-top: 1px solid #dddddd;
    padding: 17px 0 30px;
}

.ns-software-results .ns-results-body li.active .ns-results-details h3 {
    font-size: 16px;
    font-weight: bold;
    padding-top: 13px;
}

.ns-software-results .ns-results-body li.active .ns-results-details p {
    font-size: 16px;
    padding-top: 10px;
}

.ns-software-results .ns-results-body li.active .ns-results-details .ns-special-spacing {
    padding-top: 30px;
}

.ns-software-results .ns-results-body li.active .ns-results-details a {
    font-size: 16px;
    display: inline-block;
    padding-top: 10px;
}

.ns-software-results .ns-results-body li.active .ns-results-details .ns-details-name {
    width: 50%;
}

.ns-software-results .ns-results-body li.active .ns-results-details .ns-details-date {
    width: 20%;
    margin-left: 23%;
}

.ns-software-results .ns-results-body li.active .ns-results-arrow {
    background: url('/cn/tres/NewWebUI/2020/images/software/icon-arrow-up-red.png') no-repeat;
    background-size: 100% 100%;
}

.ns-software-results .ns-results-body .ns-results-type,
.ns-software-results .ns-results-body .ns-results-date {
    padding-left: 15px;
}

.ns-software-results .ns-results-body .ns-results-details {
    display: none;
}

.ns-software-results .ns-results-name {
    width: 57.4%;
    display: flex;
    align-items: center;
    padding-right: 20px;
}

.ns-software-results .ns-results-type {
    width: 14.2%;
    padding-right: 10px;
}

.ns-software-results .ns-results-date {
    width: 14.2%;
    padding-right: 10px;
}

.ns-software-results .ns-results-operation {
    width: 14.2%;
    padding-right: 10px;
}

.ns-software-results .ns-results-title {
    font-size: 16px;
    color: black;
    font-weight: bold;
    padding-left: 15px;
    border-left: 2px solid #424242;
}

.ns-software-results .ns-results-checkbox {
    position: relative;
    margin-right: 40px;
}

.ns-software-results .ns-results-checkbox input[type=checkbox] {
    position: relative;
    z-index: 5;
    width: 20px;
    height: 20px;
    opacity: 0;
}

.ns-software-results .ns-results-checkbox input[type=checkbox]:checked+i::before {
    border-color: #e60012;
}

.ns-software-results .ns-results-checkbox input[type=checkbox]:checked+i::after {
    content: "";
    width: 6px;
    height: 12px;
    border: 2px solid #e60012;
    border-top-color: transparent;
    border-left-color: transparent;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.ns-software-results .ns-results-checkbox i::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #c9c9c9;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ns-software-details h2 {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: black;
}

.ns-software-details div {
    padding-bottom: 10px;
    display: flex;
    align-items: center;
}

.ns-software-details div.ns-details-special strong {
    align-self: flex-start;
}

.ns-software-details div#divfilename,
.ns-software-details div#ctl00_ContentBody_divfilename
 {
    align-items: flex-start;
}

.ns-software-details div#divfilename p,
.ns-software-details div#ctl00_ContentBody_divfilename p {
    flex-wrap: wrap;
}

.ns-software-details div#divfilename p span,
.ns-software-details div#ctl00_ContentBody_divfilename p span {
    flex: none;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.ns-software-details strong {
    flex: none;
    font-size: 16px;
    color: black;
}

.ns-software-details p {
    font-size: 16px;
    color: #595757;
    display: flex;
    align-items: center;
}

.ns-software-details img {
    margin-left: 15px;
    width: 16px;
}

.ns-software-tab {
    display: flex;
}

.ns-software-tab h3 {
    display: none;
}

.ns-software-tab li {
    border: 1px solid #e5e5e5;
    padding: 15px 30px;
    background: #fff;
    margin-right: 10px;
    cursor: pointer;
    color: black;
    font-size: 18px;
}

.ns-software-tab li:last-child {
    margin-right: 0;
}

.ns-software-tab li.active {
    border-color: #e60012;
    background: #e60012;
    color: #fff;
}

.ns-software-tab-details {
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-top: 40px;
}

.ns-software-tab-details>li {
    padding: 35px 45px;
    display: none;
}

.ns-software-tab-details>li>div {
    padding: 35px 0;
    border-bottom: 1px solid #e5e5e5;
}

.ns-software-tab-details>li>div:last-child {
    border: none;
}

.ns-software-tab-details>li h2 {
    font-size: 18px;
    font-weight: bold;
}

.ns-software-tab-details>li p {
    color: #595757;
    padding-top: 12px;
    font-size: 16px;
}

.ns-software-tab-details>li dl {
    color: #595757;
    font-size: 16px;
    margin-bottom: 12px;
}

.ns-software-tab-details>li dl dd {
    margin-left: 24px;
    margin-top: 10px;
    line-height: 1.4;
    padding-left: 14px;
    position: relative;
}

.ns-software-tab-details>li dl dd::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #595757;
    position: absolute;
    top: 10px;
    left: 0;
}

.ns-security-center {
    background: #fff;
}

.ns-security-center .ns-security-title h3 {
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 1vw;
}

.ns-security-center .ns-security-list ul {
    padding: 2.0833vw 15px;
    display: flex;
    flex-wrap: wrap;
}

.ns-security-center .ns-security-list ul li {
    width: calc(50% - 10px);
    padding: 1.302vw 16px;
    border-bottom: 1px solid #f6f6f6;
    background: url(/cn/tres/NewWebUI/2020/images/icon-arrow-list-gray.png) no-repeat;
    background-position: 0px 1.6777vw;
}

.ns-security-center .ns-security-list ul li:nth-child(2n-1) {
    margin-right: 10px;
}

.ns-security-center .ns-security-list ul li:nth-child(2n) {
    margin-left: 10px;
}

.ns-security-center .ns-security-list ul li a {
    color: #248fd1;
    font-size: 16px;
}

.ns-security-center .ns-security-list ul li p {
    color: #999999;
    margin-top: 1.302vw;
    font-size: 12px;
}

.ns-page-research li {
    background: #f6f6f6;
    padding: 10px;
}

.ns-page-research li a {
    display: flex;
    align-items: center;
}

.ns-page-research li .ns-scale-image {
    width: 30%;
}

.ns-page-research li .ns-software-text {
    width: 70%;
    position: relative;
}

.ns-page-research li .ns-software-text h3 {
    font-weight: normal;
}

.ns-page-research li .time {
    padding-bottom: 1vw;
    color: #999999;
}

.ns-white-paper li {
    background: #f6f6f6;
    padding: 2.34375vw;
}

.ns-white-paper li a {
    display: block;
    width: 100%;
}

.ns-white-paper li .ns-software-text {
    padding: 1.0937vw 0 0;
    text-align: center;
}

.ns-white-paper li .ns-software-text p {
    color: 3313131;
}

.ns-white-paper li .ns-software-text .ns-red-next-arrow {
    bottom: 0;
    left: 50%;
    text-indent: -9999px;
    width: 2.6041vw;
    height: 2.6041vw;
    transform: translate(-50%, 50%);
    border-radius: 50%;
    box-shadow: 0 10px 20px #eaeaea;
    background: url(/cn/tres/NewWebUI/2020/images/icon-white-paper-down.png) no-repeat 50% 50%;
}

.ns-white-paper li .ns-software-text .ns-red-next-arrow::before {
    display: none;
}

.ns-white-paper li .time {
    color: #999999;
}

/* 2021-06-28 商用终端 */
.ns-wrap-image {
    overflow: hidden;
}

.ns-wrap-image:hover img {
    transform: scale(1.1);
}

.ns-wrap-image img {
    width: 100%;
    transition: all 0.3s;
    display: block;
}

.bg-trait {
    background: #c9c9c9 url('/cn/tres/NewWebUI/2020/images/services/trait-bg.jpg') top center no-repeat;
    background-size: contain;
}

.trait-list {
    margin-bottom: -40px;
}

.trait-list li {
    display: flex;
    margin-bottom: 40px;
    align-items: flex-start;
}

.trait-list li:nth-child(odd) dl {
    padding-left: 70px;
}

.trait-list li:nth-child(even) dl {
    padding-right: 70px;
}

.trait-list li .ns-wrap-image {
    width: 50%;
}

.trait-list li dl {
    width: 50%;
    padding-top: 50px;
}

.trait-list li:first-child dl {
    padding-top: 0;
}

.trait-list li dt {
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: bold;
}

.trait-list li dd {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}

.trait-list li dd span {
    flex: 1;
}

.trait-list li dd::before {
    content: "";
    width: 7px;
    height: 7px;
    background: #000;
    margin-right: 5px;
    border-radius: 50%;
    margin-top: 7px;
}

.trait-list li dd:last-child {
    margin-bottom: 0;
}

.bg-advantage-terminal {
    background: #edeff1 url('/cn/tres/NewWebUI/2020/images/services/advantage-terminal-bg.jpg') top center no-repeat;
    background-size: contain;
}

.advantage-terminal-list {
    margin-bottom: -50px;
}

.advantage-terminal-list li {
    margin-bottom: 50px;
    display: flex;
    align-items: flex-start;
}

.advantage-terminal-list li:nth-child(odd) dl {
    padding-left: 70px;
}

.advantage-terminal-list li:nth-child(even) dl {
    padding-right: 70px;
}

.advantage-terminal-list li .ns-wrap-image {
    width: 50%;
}

.advantage-terminal-list li dl {
    padding-top: 35px;
    width: 50%;
}

.advantage-terminal-list li dl dt {
    font-size: 24px;
    font-weight: bold;
}

.advantage-terminal-list li dl dd p {
    font-size: 16px;
    line-height: 1.5;
    padding: 25px 0;
}

/* 2022-2-24 */
.ns-expert-wrap {
    background: #e6eef6 url('/cn/tres/NewWebUI/2020/images/expert-bg.png') bottom left no-repeat;
    background-size: cover;
    padding: 15px 0 20px;
    margin-top: 20px;
}

.ns-expert-wrap .ns-expert-content {
    display: flex;
    align-items: flex-start;
    padding: 0 20px;
}

.ns-expert-wrap .ns-expert-text {
    position: relative;
    margin-top: 30px;
}

.ns-expert-wrap .ns-expert-text::before {
    content: "";
    width: 25px;
    height: 23px;
    background: url('/cn/tres/NewWebUI/2020/images/icon-double_quotation_mark.png') no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: -30px;
}

.ns-expert-wrap .ns-expert-text p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    word-break: break-all;
}

.ns-expert-wrap .ns-expert-text p img {
    transform: rotate(180deg);
    margin-left: 5px;
}

.ns-expert-wrap .ns-play-video {
    padding: 10px 11px 10px 45px;
    position: relative;
    font-size: 16px;
    background-color: #fff;
    margin-top: 20px;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
}

.ns-expert-wrap .ns-play-video::before {
    content: "";
    width: 26px;
    height: 15px;
    background: url('/cn/tres/NewWebUI/2020/images/icon-btn-video.png') no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 11px;
    transform: translateY(-50%);
}

.ns-expert-wrap .ns-expert-info {
    display: flex;
    align-items: center;
    padding: 15px 0px 15px 50px;
    background: linear-gradient(to right, #e7eef7, #fff, #e7eef7);
	height: 60px;
}

.ns-expert-wrap .ns-expert-info h4 {
    font-size: 28px;
    padding-right: 10px;
    border-right: 2px solid #e60012;
    margin-right: 15px;
}

.ns-expert-wrap .ns-expert-info p {
    font-size: 18px;
	width: 70%;
}

.expert-swiper-arrow {
    display: flex;
}

.expert-swiper-arrow .swiper-button-prev,
.expert-swiper-arrow .swiper-button-next {
    position: static;
    margin-top: 0;
    width: 46px;
    height: 46px;
}

.expert-swiper-arrow .swiper-button-prev {
    background: url('/cn/tres/NewWebUI/2020/images/expert-arrow-active.png') no-repeat;
    transform: rotate(180deg);
    margin-right: 10px;
    background-size: cover;
}

.expert-swiper-arrow .swiper-button-next {
    background: url('/cn/tres/NewWebUI/2020/images/expert-arrow-active.png') no-repeat;
    background-size: cover;
}

.expert-swiper-arrow .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background: url('/cn/tres/NewWebUI/2020/images/expert-arrow.png') no-repeat;
    background-size: cover;
    transform: rotate(0);
}

.expert-swiper-arrow .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: url('/cn/tres/NewWebUI/2020/images/expert-arrow.png') no-repeat;
    background-size: cover;
    transform: rotate(180deg);
}

@media (max-width: 1440px) {
    a.ns-btn {
        font-size: 14px;
    }

    .ns-link {
        font-size: 14px;
    }

    .ns-column-title.ns-column-title-flex .ns-red-next-arrow {
        margin-bottom: 1.2vw;
    }

    .ns-column-title h2 {
        margin-bottom: 1.2vw;
        font-size: 28px;
    }

    .ns-column-title p {
        font-size: 16px;
    }

    .ns-page-summary h3 {
        font-size: 24px;
    }

    .ns-page-trend>div .ns-page-trend-content h3 {
        margin-bottom: 1.5625vw;
        font-size: 30px;
    }

    .ns-page-trend>div .ns-page-trend-content p {
        font-size: 16px;
    }

    .ns-btn-wrap a.ns-btn {
        font-size: 14px;
        padding: 8px 16px;
    }

    .ns-wrap-list.ns-wrap-tab li h3 {
        font-size: 16px;
    }

    .ns-wrap-list>li .ns-wrap-list-content h3 {
        font-size: 16px;
    }

    .ns-wrap-list>li .ns-wrap-list-content p {
        font-size: 14px;
    }

    .ns-wrap-list>li.news-list li label {
        font-size: 14px;
    }

    .ns-wrap-list>li.news-list li a {
        font-size: 16px;
    }

    .ns-advantage-wrap .ns-advantage-text h3 {
        font-size: 32px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li h4 {
        font-size: 20px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li img {
        width: 100px;
    }

    .ns-red-next-arrow {
        font-size: 14px;
        padding-left: 25px;
    }

    .ns-red-next-arrow::before {
        width: 16.5px;
        height: 10.5px;
    }

    .ns-card-container .ns-card-content {
        top: 2vw;
    }

    .ns-card-container .ns-card-content h3 {
        font-size: 30px;
    }

    .ns-card-container .ns-card-content h4 {
        font-size: 18px;
    }

    .ns-card-container .ns-card-content p {
        margin-top: 1.2vw;
        font-size: 16px;
    }

    /* 2021-06-28 商用终端 */
    .trait-list {
        margin-bottom: -30px;
    }

    .trait-list li {
        margin-bottom: 30px;
    }

    .trait-list li:nth-child(odd) dl {
        padding-left: 40px;
    }

    .trait-list li:nth-child(even) dl {
        padding-right: 40px;
    }

    .trait-list li dl {
        padding-top: 30px;
    }

    .trait-list li dt {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .trait-list li dd {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .advantage-terminal-list {
        margin-bottom: -30px;
    }

    .advantage-terminal-list li {
        margin-bottom: 30px;
    }

    .advantage-terminal-list li:nth-child(odd) dl {
        padding-left: 40px;
    }

    .advantage-terminal-list li:nth-child(even) dl {
        padding-right: 40px;
    }

    .advantage-terminal-list li dl {
        padding-top: 20px;
    }

    .advantage-terminal-list li dl dt {
        font-size: 20px;
    }

    .advantage-terminal-list li dl dd p {
        font-size: 14px;
        padding: 15px 0;
    }
}

@media (max-width: 1230px) {
    .ns-container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap {
        left: 30px;
    }
}

@media (max-width: 1200px) {
    .ns-solution-layer {
        width: 90%;
    }

    a.ns-btn {
        padding: 8px 16px;
        font-size: 12px;
    }

    #secondMenu ul li {
        margin-right: 25px;
        font-size: 14px;
    }

    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h2,
    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h1 {
        margin-bottom: 1.2vw;
        font-size: 30px;
        width: 50vw;
    }

    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content p {
        font-size: 16px;
        width: 50vw;
    }

    .ns-page-summary h3 {
        font-size: 22px;
    }

    .ns-page-summary .ns-summary-box-text p {
        font-size: 14px;
    }

    .ns-page-trend>div .ns-page-trend-content h3 {
        margin-bottom: 1.2vw;
        font-size: 22px;
    }

    .ns-page-trend>div .ns-page-trend-content p {
        font-size: 14px;
    }

    .ns-application>ul {
        padding: 0 30px;
    }

    .ns-wrap-contact>li {
        width: calc(50% - 20px);
    }

    .ns-wrap-list.ns-more-special>li {
        width: calc(33.33% - 20px);
    }

    .ns-wrap-list.ns-wrap-list4 {
        flex-wrap: wrap;
    }

    .ns-wrap-list.ns-wrap-list4 li {
        width: calc(50% - 20px);
    }

    .ns-wrap-list.ns-wrap-list4.ns-wrap-tab li {
        width: calc(50% - 1px);
    }

    .ns-wrap-list.ns-wrap-tab>li h3 {
        font-size: 14px;
    }

    .ns-wrap-list.ns-wrap-tab.ns-wrap-list5>li {
        width: calc(33.33% - 1px);
        flex: none;
    }

    .ns-wrap-list.ns-wrap-tab.ns-wrap-tab-select li {
        width: calc(33.33% - 1px);
        flex: none;
    }

    .ns-wrap-list>li .ns-wrap-list-content {
        padding: 15px 15px 90px;
    }

    .ns-wrap-list>li .ns-software-text h3 {
        font-size: 18px;
    }

    .ns-wrap-list>li .ns-software-text p {
        font-size: 14px;
    }

    .ns-btn-wrap {
        bottom: 15px;
    }

    .ns-product-intro>img {
        width: 300px;
    }

    .ns-product-intro .ns-product-content h2 {
        font-size: 22px;
    }

    .ns-product-intro .ns-product-content p {
        font-size: 14px;
    }

    .ns-advantage-wrap .ns-advantage-text h3 {
        font-size: 26px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li h4 {
        font-size: 16px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li img {
        width: 80px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li p {
        font-size: 14px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li dl dd {
        font-size: 14px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li dl dt {
        font-size: 14px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage-list {
        height: 72px;
        overflow: hidden;
    }

    .ns-server-list-wrap {
        flex-wrap: wrap;
    }

    .ns-server-list-wrap.ns-w5 a {
        width: calc(33.3333% - 20px);
    }

    .ns-server-list-wrap a {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }

    .ns-server-list-wrap a h3 {
        font-size: 16px;
    }

    .ns-column-title p {
        font-size: 14px;
    }

    .ns-summary-list>li {
        padding-left: 30px;
    }

    .ns-summary-list>li:first-child {
        justify-content: flex-start;
    }

    .ns-summary-list>li .ns-page-summary {
        width: auto;
    }

    .ns-scenes-list {
        padding-bottom: 30px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .ns-scenes-list>li {
        width: 25%;
    }

    .ns-scenes-list>li>img {
        width: 50px;
    }

    .ns-scenes-list>li h2 {
        font-size: 16px;
        margin-right: 0;
    }

    .ns-content-and-img.ns-big-spacing {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .ns-content-and-img h2 {
        font-size: 28px;
    }

    .ns-content-and-img p {
        font-size: 14px;
    }

    .ns-solution-wrap .ns-solution-left {
        padding-right: 25px;
    }

    .ns-solution-wrap .ns-solution-left h2 {
        font-size: 26px;
    }

    .ns-solution-wrap .ns-solution-left p {
        font-size: 14px;
        padding: 15px 0;
    }

    .ns-swiper-box .ns-swiper-content {
        width: 80%;
    }

    .ns-product-details .ns-product-details-tab>li {
        font-size: 12px;
        padding: 15px 30px 15px 25px;
    }

    .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div h2 {
        padding: 10px 20px;
        font-size: 14px;
    }

    .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div p {
        padding: 10px 20px;
        font-size: 12px;
    }

    .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div a {
        padding: 5px 20px;
        font-size: 12px;
    }

    .ns-white-paper .ns-wrap-list.ns-wrap-list4 li {
        width: calc(25% - 20px);
    }

    /* 2022-2-24 */
    .ns-expert-wrap .ns-expert-text {
        margin-top: 20px;
    }

    .ns-expert-wrap .ns-expert-text::before {
        width: 20px;
        height: 18px;
        left: -25px;
    }

    .ns-expert-wrap .ns-expert-content {
        align-items: center;
    }

    .ns-expert-content>img {
        width: 150px;
    }
	
    .ns-expert-wrap .ns-expert-text p {
        font-size: 13px;
        line-height: 1.3;
    }

    .ns-expert-wrap .ns-expert-text p img {
        width: 20px;
    }

    .ns-expert-wrap .ns-play-video {
        font-size: 14px;
    }

	.ns-expert-wrap .ns-expert-info{ height: 50px;}
	
    .ns-expert-wrap .ns-expert-info h4 {
        font-size: 18px;
        padding-right: 5px;
        margin-right: 10px;
    }

    .ns-expert-wrap .ns-expert-info p {
        font-size: 14px;
    }

    .expert-swiper-arrow .swiper-button-prev,
    .expert-swiper-arrow .swiper-button-next {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 768px) {
    #ns-page-body .swiper-slide {
        padding-bottom: 0;
    }

    section>.ns-container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    section>.ns-container>p {
        font-size: 14px;
    }

    .ns-container {
        width: auto;
        padding-left: 3.125vw;
        padding-right: 3.125vw;
    }

    .ns-container.ns-container-spacing {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    a.ns-btn {
        padding: 8px 16px;
        font-size: 15px;
    }

    a.ns-btn+a.ns-btn {
        margin-top: 10px;
    }

    a.ns-btn.ns-more-btn {
        margin-right: 0 !important;
        margin-bottom: 0;
        margin-top: 6px;
    }

    .ns-solution-layer .close-layer {
        width: 18px;
        height: 18px;
        top: 5px;
        right: 5px;
    }

    img.ns-img-pc {
        display: none;
    }

    img.ns-img-mb {
        display: inline;
    }

    .ns-rows-four,
    .ns-rows-three {
        flex-direction: column;
    }

    .ns-rows-four .ns-col,
    .ns-rows-three .ns-col {
        width: 100%;
        min-height: 25vw;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        margin-top: -15px;
    }

    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap {
        left: 0;
        background: rgba(0, 0, 0, 0.4);
    }

    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap.ns-banner-content-wrap-black .ns-link-list a,
    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap.ns-banner-content-wrap-black .ns-master-banner-content h2,
    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap.ns-banner-content-wrap-black .ns-master-banner-content p {
        color: #fff;
    }

    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-container {
        width: auto;
        padding: 0;
    }

    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content {
        top: 50%;
        left: 15px;
        right: 15px;
    }

    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h2,
    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h1 {
        margin-bottom: 25px;
        font-size: 30px;
        width: auto;
    }
    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h2.hz-210430-title{
        font-size: 30px;
    }
    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content p {
        margin-bottom: 25px;
        font-size: 15px;
        width: auto;
    }

    .ns-master-banner img.ns-banner {
        display: none;
        width: 100%;
    }

    .ns-master-banner img.ns-banner-mb {
        width: 100%;
        display: inline;
    }

    .ns-breadcrumb {
        display: none;
    }

    #secondMenu {
        position: relative;
    }

    #secondMenu h3 {
        position: relative;
        display: block;
        font-size: 15px;
        font-weight: 400;
        line-height: 3;
    }

    #secondMenu h3:after {
        position: absolute;
        content: '';
        width: 13px;
        height: 7px;
        top: 50%;
        right: 0;
        background: url('/cn/tres/NewWebUI/2020/images/arrow-second-menu.png') no-repeat;
        background-size: cover;
        transform: translateY(-50%) rotate(0);
        transition: 0.3s;
    }

    #secondMenu ul {
        flex-direction: column;
        transition: 0.3s;
        height: 0;
        overflow: hidden;
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 998;
        padding: 0 3.125vw;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    }

    #secondMenu ul li {
        margin-right: 0;
        border-bottom: 0;
        font-size: 15px;
    }

    #secondMenu.expanded h3:after {
        transform: translateY(-50%) rotate(180deg);
    }

    #secondMenu.expanded ul {
        height: auto;
    }

    .ns-page-summary {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ns-page-summary h3 {
        width: auto;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 1.25;
    }

    .ns-intro {
        flex-wrap: wrap;
    }

    .ns-intro>div {
        width: 100%;
    }

    .ns-intro .ns-intro-img {
        padding-top: 10px;
    }

    .ns-intro .ns-intro-text {
        padding-top: 20px;
    }

    .ns-intro .ns-intro-text.ns-intro-left {
        padding-left: 0;
    }

    .ns-intro .ns-intro-text.ns-intro-text-list1 {
        margin-bottom: 0;
    }

    .ns-intro .ns-intro-text h2 {
        font-size: 20px;
    }

    .ns-intro .ns-intro-text p {
        font-size: 12px;
        line-height: 1.5;
    }

    .ns-application>ul {
        padding: 0 3.125vw;
    }

    .ns-application>ul>li h2 {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .ns-application>ul>li p {
        width: 100%;
        line-height: 1.5;
        font-size: 12px;
    }

    .ns-application>ul>li .ns-link {
        margin-top: 10px;
    }

    .ns-application>ul>li .ns-number-list {
        padding: 20px 0;
    }

    .ns-application>ul>li .ns-number-list li {
        margin-right: 15px;
    }

    .ns-application>ul>li .ns-number-list li h3 {
        font-size: 20px;
    }

    .ns-application>ul>li .ns-number-list li p {
        font-size: 12px;
    }

    .ns-application .ns-application-more {
        width: 60%;
        position: relative;
        bottom: auto;
        right: auto;
        display: inline-block;
        font-size: 12px;
        padding: 15px 10px 20px;
    }

    .ns-application .ns-application-more::after {
        width: 14.66px;
        height: 9.33px;
        right: 10px;
        bottom: 10px;
    }

    .ns-summary-list {
        flex-wrap: wrap;
    }

    .ns-summary-list>li {
        width: 100%;
        padding-left: 3.125vw;
    }

    .ns-summary-list>li .ns-page-summary {
        width: auto;
    }

    .ns-page-trend {
        flex-direction: column;
    }

    .ns-page-trend>div {
        width: 100%;
    }

    .ns-page-trend>div .ns-page-trend-content {
        top: 50%;
        bottom: auto;
        right: 25%;
        transform: translateY(-50%);
    }

    .ns-page-trend>div .ns-page-trend-content h3 {
        font-size: 20px;
    }

    .ns-page-trend>div .ns-page-trend-content p {
        font-size: 12px;
    }

    .ns-page-trend>div .ns-page-trend-content a.ns-btn {
        font-size: 12px;
    }

    .ns-column-title.ns-column-title-flex .ns-red-next-arrow {
        margin-bottom: 15px;
    }

    .ns-column-title .ns-column-title-flex-list {
        flex-direction: column;
    }

    .ns-column-title .ns-column-title-flex-list .ns-red-next-arrow {
        margin-bottom: 5px;
        margin-right: 0;
    }

    .ns-column-title .ns-column-title-flex-list .ns-red-next-arrow:last-child {
        margin-bottom: 15px;
    }

    .ns-column-title.ns-column-url-end {
        padding-bottom: 10px;
    }

    .ns-column-title h2 {
        margin-bottom: 15px;
        font-size: 20px;
    }

    .ns-column-title p {
        font-size: 12px;
        padding-right: 0;
        line-height: 1.5;
        padding-bottom: 10px;
    }

    .ns-icon-info {
        position: relative;
        margin-bottom: 20px;
    }

    .ns-icon-info:last-child {
        margin-bottom: 0;
    }

    .ns-icon-info .ns-icon-info-column {
        margin-bottom: 0;
    }

    .ns-icon-info .ns-icon-info-column img {
        width: 70px;
    }

    .ns-icon-info .ns-icon-info-column h4 {
        position: absolute;
        left: 90px;
        top: 5%;
        font-size: 15px;
    }

    .ns-icon-info a {
        position: absolute;
        left: 90px;
        top: 25%;
        padding-left: 0;
    }

    .ns-icon-info a:before {
        display: none;
    }

    .ns-icon-info p {
        position: absolute;
        left: 90px;
        top: 35%;
        font-size: 12px;
    }

    .ns-btn-wrap {
        bottom: 20px;
    }

    .ns-btn-wrap a.ns-btn {
        font-size: 12px;
        padding: 6px 14px;
    }

    .ns-btn-wrap span {
        font-size: 12px;
        padding-left: 20px;
    }

    a.ns-btn i.ns-icon {
        margin-right: 5px;
    }

    a.ns-btn i.ns-icon.ns-icon-showroom {
        width: 14.66px;
        height: 16px;
    }

    .ns-img-text-box {
        flex-wrap: wrap;
    }

    .ns-img-text-box>img {
        margin-top: 0;
        width: 100%;
    }

    .ns-img-text-box .ns-img-text-content {
        width: 100%;
        padding: 0;
    }

    .ns-img-text-box .ns-img-text-content h2 {
        font-size: 16px;
    }

    .ns-img-text-box .ns-img-text-content p {
        font-size: 12px;
    }

    .ns-resoure-list {
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: -10px;
    }

    .ns-resoure-list li {
        margin: 0 5px 10px;
        width: calc(50% - 10px);
    }

    .ns-resoure-list li a {
        padding: 8px 5px;
        font-size: 12px;
    }

    .ns-resoure-list li a>img {
        width: 20px;
        margin-right: 5px;
    }

    .ns-wrap-contact {
        margin-left: -5px;
        margin-right: -5px;
        margin: -10px;
    }

    .ns-wrap-contact>li {
        width: calc(50% - 10px);
        margin: 0 5px 10px;
    }

    .ns-wrap-contact>li::after {
        width: 14.66px;
        height: 9.33px;
        right: 15px;
    }

    .ns-wrap-contact>li a {
        padding: 10px 15px;
    }

    .ns-wrap-contact>li h2 {
        font-size: 12px;
        padding-left: 5px;
    }

    .ns-wrap-contact>li img {
        width: 30px;
    }

    .ns-wrap-list {
        flex-direction: column;
        margin-bottom: 0 !important;
    }

    .ns-wrap-list.ns-wrap-list-link {
        flex-direction: row;
        margin: 0;
    }

    .ns-wrap-list.ns-wrap-list-link li {
        width: 50% !important;
        margin: 0 0 10px;
    }

    .ns-wrap-list.ns-li-demand li {
        border: 4px solid #c6c7d8;
    }

    .ns-wrap-list.ns-more-special {
        flex-direction: row;
        margin: 0 -5px -10px;
    }

    .ns-wrap-list.ns-more-special>li {
        margin: 0 5px 10px;
        width: calc(50% - 10px) !important;
    }

    .ns-wrap-list.ns-more-special>li a {
        font-size: 14px;
    }

    .ns-wrap-list.ns-more-special>li a::before {
        font-size: 16px;
    }

    .ns-wrap-list.ns-wrap-tab li h3 {
        font-size: 16px;
        padding: 15px;
    }

    .ns-wrap-list.ns-wrap-tab li:last-child {
        margin-bottom: 10px !important;
    }

    .ns-wrap-list.ns-wrap-list-links>li>.ns-red-next-arrow {
        position: absolute;
        left: 15px;
        bottom: 10px;
    }

    .ns-wrap-list.ns-wrap-list-links>li .ns-software-text {
        padding-bottom: 60px;
    }

    .ns-wrap-list.ns-wrap-list-links>li .ns-software-text .ns-red-next-arrow {
        bottom: 30px;
    }

    .ns-wrap-list.ns-wrap-list1>li {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .ns-wrap-list.ns-wrap-list1>li .ns-software-text,
    .ns-wrap-list.ns-wrap-list1>li div.ns-scale-image {
        width: 100%;
    }

    .ns-wrap-list.ns-wrap-list1>li .ns-software-text {
        padding: 15px 15px 20px;
    }

    .ns-wrap-list>li {
        margin-bottom: 10px !important;
        width: auto !important;
    }

    .ns-wrap-list>li .ns-wrap-list-content {
        padding: 15px 15px 40px;
    }

    .ns-wrap-list>li .ns-wrap-list-content .ns-links {
        left: 15px;
        right: 15px;
        bottom: 10px;
    }

    .ns-wrap-list>li .ns-wrap-list-content h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .ns-wrap-list>li .ns-wrap-list-content p {
        font-size: 12px;
    }

    .ns-wrap-list>li:last-child {
        margin-bottom: 0 !important;
    }

    .ns-wrap-list>li.news-list {
        padding: 20px;
    }

    .ns-wrap-list>li.news-list li {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .ns-wrap-list>li.news-list li label {
        font-size: 10px;
    }

    .ns-wrap-list>li.news-list li a {
        font-size: 14px;
    }

    .ns-wrap-list>li.news-list a.ns-btn {
        font-size: 12px;
    }

    .ns-wrap-list>li h4 {
        font-size: 14px;
        line-height: 1;
        padding-bottom: 10px;
    }

    .ns-wrap-list>li .ns-software-text {
        padding: 15px 15px 40px;
    }

    .ns-wrap-list>li .ns-software-text.link-list {
        padding-bottom: 15px;
    }

    .ns-wrap-list>li .ns-software-text.link-list .ns-red-next-arrow {
        margin-top: 6px;
    }

    .ns-wrap-list>li .ns-software-text.link-list .ns-red-next-arrow:nth-of-type(1) {
        margin-top: 10px;
    }

    .ns-wrap-list>li .ns-software-text h3 {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 1.5;
    }

    .ns-wrap-list>li .ns-software-text p {
        font-size: 12px;
        line-height: 1.5;
    }

    .ns-wrap-list>li .ns-software-text .ns-red-next-arrow {
        left: 15px;
        bottom: 10px;
    }

    .ns-wrap-list>li .time {
        line-height: 1.5;
        padding-bottom: 5px;
        font-size: 12px;
    }

    .ns-wrap-list .ns-column-title {
        width: auto;
    }

    .ns-link {
        font-size: 12px;
    }

    .ns-link.ns-link-arrow {
        padding-left: 20px;
        margin-right: 20px;
    }

    .ns-link.ns-link-arrow:before {
        width: 14.66px;
        height: 9.33px;
        background-size: 100% 100%;
    }

    .ns-link.ns-link-video {
        padding-left: 20px;
    }

    .ns-link.ns-link-video:before {
        width: 14.66px;
        height: 9.33px;
        background-size: 100% 100%;
    }

    .ns-card-container .ns-card-content {
        left: 35px;
        right: 35px;
        width: auto;
    }

    .ns-card-container .ns-card-content h3 {
        font-size: 24px;
        font-weight: 400;
    }

    .ns-card-container .ns-card-content h4 {
        font-size: 20px;
        font-weight: 400;
    }

    .ns-card-container .ns-card-content p {
        margin-top: 1.5625vw;
        font-size: 16px;
        line-height: 1.5;
        display: none;
    }

    .ns-card-container .ns-card-content .ns-btn {
        margin-top: 15px;
    }

    .ns-advantage-wrap {
        flex-wrap: wrap;
        padding-top: 0;
    }

    .ns-advantage-wrap .ns-advantage-img {
        width: 60%;
    }

    .ns-advantage-wrap .ns-advantage-text {
        width: 100%;
    }

    .ns-advantage-wrap .ns-advantage-text ul {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .ns-advantage-wrap .ns-advantage-text ul.ns-w3 li {
        width: 100%;
    }

    .ns-advantage-wrap .ns-advantage-text ul li {
        width: 100%;
        padding-right: 0;
        display: flex;
        margin-bottom: 20px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li.ns-advantage-li-content {
        margin: 0 0 20px;
        padding-top: 20px;
        flex-wrap: wrap;
    }

    .ns-advantage-wrap .ns-advantage-text ul li.ns-advantage-li-content h2 {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li.ns-advantage-li-content p {
        font-size: 12px;
        line-height: 1.5;
    }

    .ns-advantage-wrap .ns-advantage-text ul li h4 {
        font-size: 15px;
        margin: 0 0 10px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li p {
        font-size: 12px;
        line-height: 1.5;
    }

    .ns-advantage-wrap .ns-advantage-text ul li:last-child {
        margin-bottom: 0;
    }

    .ns-advantage-wrap .ns-advantage-text ul li img {
        width: 70px;
        height: 70px;
        margin-right: 30px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li dl dd {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li dl dd::before {
        top: 8px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li dl dt {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage-list {
        height: 58px;
        overflow: hidden;
    }

    .ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage h4::after {
        width: 10px;
        height: 5.33px;
        margin-left: 5px;
    }

    .ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage.active dt {
        padding-left: 0;
        font-weight: bold;
    }

    .ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage.active dt::before {
        display: none;
    }

    .ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage.active.ns-more-advantage-special dd {
        display: block;
    }

    .ns-advantage-wrap .ns-advantage-text ul li .ns-more-advantage.active .ns-more-advantage-list {
        height: auto;
        overflow: hidden;
    }

    .ns-advantage-wrap .ns-advantage-text h3 {
        padding-top: 20px;
        padding-bottom: 15px;
        font-size: 20px;
    }

    .ns-advantage-wrap.ns-advantage-wrap-full-screen .ns-advantage-text h3 {
        padding-top: 0;
    }

    .ns-server-list-wrap {
        margin: 0;
        padding-top: 25px;
    }

    .ns-server-list-wrap a {
        width: 100% !important;
        margin: 0 0 10px;
    }

    .ns-server-list-wrap a:last-child {
        margin-bottom: 0;
    }

    .ns-server-list-wrap a h3 {
        padding: 15px;
        font-size: 14px;
    }

    .ns-page-software .ns-column-title p {
        padding-right: 0;
    }

    .ns-red-next-arrow {
        font-size: 12px;
        padding-left: 20px;
    }

    .ns-red-next-arrow::before {
        width: 14.66px;
        height: 9.33px;
    }

    .ns-red-next-arrow.upper-spacing {
        margin-top: 0;
    }

    .ns-red-next-arrow.ns-next-arrow-phone::before,
    .ns-red-next-arrow.ns-next-arrow-scan::before,
    .ns-red-next-arrow.ns-next-arrow-down::before {
        height: 13.33px;
    }

    .ns-page-summary.ns-summary-pure-text {
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .ns-page-summary.ns-summary-pure-text.ns-spec-service .ns-summary-box-text {
        width: 100%;
    }

    .ns-page-summary.ns-summary-pure-text.ns-spec-service .ns-summary-box-text h3 {
        margin-bottom: 15px;
    }

    .ns-page-summary.ns-summary-pure-text .ns-summary-box-text h3 {
        margin-bottom: 15px;
    }

    .ns-page-summary .ns-summary-box-text {
        width: 100%;
    }

    .ns-page-summary .ns-summary-box-text h3 {
        line-height: 1.25;
    }

    .ns-page-summary .ns-summary-box-text p {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    .ns-page-summary .ns-summary-box-text .ns-link {
        margin-top: 0;
    }

    #ns-video-wrap .ns-video-box {
        width: 100%;
        height: auto;
        padding: 0 3%;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: 0;
        margin-left: 0;
        transform: translateY(-50%);
    }

    #ns-video-wrap .ns-video-box video {
        height: auto;
    }

    #ns-video-wrap .ns-video-box .ns-close-video {
        padding-right: 3%;
        top: -40px;
    }

    .bg-news {
        background: url('/cn/tres/NewWebUI/2020/images/ns-page-news-bg_mb.jpg');
        background-size: cover;
    }

    .bg-demand {
        background: url('/cn/tres/NewWebUI/2020/images/products/img-demand-bg_mb.jpg');
        background-size: cover;
    }

    .ns-product-intro {
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 0;
    }

    .ns-product-intro .ns-no-spacing {
        padding-left: 4vw;
    }

    .ns-product-intro>img {
        width: 80%;
    }

    .ns-product-intro .ns-product-content {
        padding-top: 0;
        width: 100%;
    }

    .ns-product-intro .ns-product-content h2 {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .ns-product-intro .ns-product-content p {
        font-size: 12px;
        line-height: 1.5;
    }

    .ns-product-details .ns-product-details-tab>li {
        width: 100% !important;
        padding: 10px 30px 10px 20px;
    }

    .ns-product-details .ns-product-details-tab>li::after {
        width: 10px;
        height: 5.33px;
    }

    .ns-product-details .ns-product-details-tab>li.active {
        margin-bottom: 0;
    }

    .ns-product-details .ns-product-details-tab>li.ns-tab-traget {
        display: block;
        margin-bottom: 0;
    }

    .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div {
        display: flex;
    }

    .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div h2 {
        font-size: 14px;
        padding: 5px 20px;
    }

    .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div p {
        font-size: 12px;
        padding: 5px 20px;
    }

    .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div a {
        width: 100%;
        padding: 5px 20px;
        font-size: 12px;
    }

    .ns-product-details .ns-product-details-tab.ns-product-noH2mb>li.ns-tab-traget {
        padding-top: 10px;
    }

    .ns-product-details .ns-product-details-tab.ns-product-noH2mb>li.ns-tab-traget>div h2 {
        display: none;
    }

    .ns-scenes-list {
        padding-bottom: 20px;
    }

    .ns-scenes-list>li {
        width: 33.33%;
    }

    .ns-scenes-list>li>img {
        width: 30px;
    }

    .ns-scenes-list>li h2 {
        font-size: 14px;
    }

    .ns-swiper-box .ns-swiper-content {
        position: absolute;
        left: 20px;
        bottom: 15px;
    }

    .ns-swiper-box .ns-swiper-content h2 {
        font-size: 14px;
        padding-bottom: 5px;
    }

    .ns-swiper-box .ns-swiper-content p {
        color: #fff;
        font-size: 12px;
        padding-bottom: 10px;
        line-height: 1.5;
    }

    .ns-security-set {
        flex-wrap: wrap;
    }

    .ns-security-set li {
        padding: 50px 10px 10px;
        width: calc(50% - 2px);
    }

    .ns-security-set li::after {
        width: 30px;
        height: 30px;
        left: 10px;
    }

    .ns-security-set li h2 {
        font-size: 12px;
    }

    .ns-security-set-details {
        padding: 0 10px 20px;
    }

    .ns-security-set-details.active {
        display: flex;
    }

    .ns-security-set-details h2 {
        margin-top: 15px;
        font-size: 12px;
    }

    .ns-security-set-details p {
        width: 50%;
        font-size: 12px;
        margin-top: 10px;
    }

    .ns-content-and-img>div {
        width: 100%;
    }

    .ns-content-and-img.ns-big-spacing {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .ns-content-and-img h2 {
        font-size: 16px;
    }

    .ns-content-and-img p {
        font-size: 12px;
        padding-top: 10px;
    }

    .ns-content-and-img .ns-list-left {
        padding-right: 0;
        padding-bottom: 20px;
    }

    .ns-content-and-img .ns-list-right {
        padding-left: 0;
    }

    .ns-solution-wrap {
        flex-direction: column;
    }

    .ns-solution-wrap .ns-solution-left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
    }

    .ns-solution-wrap .ns-solution-left h2 {
        font-size: 20px;
    }

    .ns-solution-wrap .ns-solution-left p {
        font-size: 12px;
        padding: 10px 0;
    }

    .ns-solution-wrap .ns-solution-right {
        width: 100%;
    }

    .ns-solution-wrap .ns-solution-right.ns-solution-right-imgs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ns-solution-wrap .ns-solution-right.ns-solution-right-imgs img {
        width: auto;
        height: 400px;
    }

    .ns-default-page {
        margin-top: 10px;
    }

    .ns-default-page img {
        width: 25px;
    }

    .ns-default-page span {
        margin: 0 3px;
        font-size: 12px;
    }

    .ns-default-page input {
        height: 25px;
        line-height: 25px;
        width: 40px;
        padding: 0 5px;
        font-size: 12px;
    }

    .ns-default-page .btn-submit {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        margin-left: 5px;
        padding: 0 10px;
    }

    .ns-download-box {
        padding-bottom: 15px;
    }

    .ns-download-results {
        padding: 6px 14px;
        font-size: 12px;
        border-radius: 15px;
    }

    .ns-download-results>img {
        width: 14px;
        margin-right: 5px;
    }

    .ns-screen-list {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: -15px;
    }

    .ns-screen-list>li {
        width: 100%;
        margin: 0 0 15px;
    }

    .ns-screen-list>li h2 {
        font-size: 12px;
        padding-bottom: 10px;
    }

    .ns-screen-list>li input {
        height: 32px;
        padding: 0 10px;
        font-size: 12px;
    }

    .ns-screen-list>li input.ns-software-icon {
        background-size: 16.5px 16.5px;
        right: 5px;
        width: 20px;
    }

    .ns-screen-list>li select {
        height: 32px;
        font-size: 12px;
        padding: 0 10px;
    }

    .ns-screen-list>li .ns-software-system .ns-system::after {
        bottom: 16px;
    }

    .ns-software-results .ns-results-header {
        padding: 15px 15px;
        border-width: 1px;
    }

    .ns-software-results .ns-results-header .ns-results-operation {
        display: none;
    }

    .ns-software-results .ns-results-body li .ns-results-content {
        padding: 15px 15px;
    }

    .ns-software-results .ns-results-body li .ns-results-content .ns-results-download {
        width: 16.5px;
        height: 16.5px;
    }

    .ns-software-results .ns-results-body li .ns-results-arrow {
        right: 15px;
    }

    .ns-software-results .ns-results-body li p {
        font-size: 12px;
    }

    .ns-software-results .ns-results-body li label {
        font-size: 12px;
    }

    .ns-software-results .ns-results-body li.active .ns-results-details {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-right: 30px;
        margin-left: 47px;
        padding: 10px 0 20px;
    }

    .ns-software-results .ns-results-body li.active .ns-results-details h3 {
        font-size: 12px;
        padding-top: 10px;
    }

    .ns-software-results .ns-results-body li.active .ns-results-details p {
        font-size: 12px;
        padding-top: 5px;
    }

    .ns-software-results .ns-results-body li.active .ns-results-details .ns-special-spacing {
        padding-top: 20px;
    }

    .ns-software-results .ns-results-body li.active .ns-results-details a {
        font-size: 12px;
        padding-top: 5px;
    }

    .ns-software-results .ns-results-body li.active .ns-results-details .ns-details-name {
        width: 100%;
    }

    .ns-software-results .ns-results-body li.active .ns-results-details .ns-details-date {
        width: 100%;
        margin-left: 0;
    }

    .ns-software-results .ns-results-body li.active .ns-results-arrow {
        background: url('/cn/tres/NewWebUI/2020/images/software/icon-arrow-up-red.png') no-repeat;
        background-size: 100% 100%;
    }

    .ns-software-results .ns-results-name {
        width: 80%;
        display: flex;
        align-items: center;
        padding-right: 10px;
    }

    .ns-software-results .ns-results-type {
        display: none;
    }

    .ns-software-results .ns-results-date {
        display: none;
    }

    .ns-software-results .ns-results-title {
        font-size: 12px;
        padding-left: 10px;
    }

    .ns-software-results .ns-results-operation {
        width: 20%;
        text-align: center;
    }

    .ns-software-results .ns-results-checkbox {
        margin-right: 20px;
        align-self: flex-start;
    }

    .ns-software-results .ns-results-checkbox input[type=checkbox] {
        width: 12px;
        height: 12px;
    }

    .ns-software-results .ns-results-checkbox input[type=checkbox]:checked+i::after {
        width: 3.5px;
        height: 7px;
        border-top-color: transparent;
        border-left-color: transparent;
        top: 42%;
    }

    .ns-software-results .ns-results-checkbox i::before {
        width: 12px;
        height: 12px;
    }

    .ns-software-details h2 {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .ns-software-details div {
        padding-bottom: 5px;
    }

    .ns-software-details div#divfilename p {
        flex-wrap: nowrap;
        display: block;
    }

    .ns-software-details div#divfilename p span {
        width: auto;
    }

    .ns-software-details strong {
        font-size: 12px;
    }

    .ns-software-details p {
        font-size: 12px;
    }

    .ns-software-details img {
        width: 16px;
    }

    .ns-software-tab {
        flex-wrap: wrap;
        margin-left: -3.125vw;
        margin-right: -3.125vw;
    }

    .ns-software-tab h3 {
        display: block;
        font-weight: normal;
        font-size: 14px;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 30px;
        background: #fff;
        width: 100%;
        position: relative;
    }

    .ns-software-tab h3::before {
        content: "";
        width: 12.5px;
        height: 7px;
        background: url('/cn/tres/NewWebUI/2020/images/arrow-second-menu.png') no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        right: 30px;
        transform: translateY(-50%);
        transition: all 0.5s;
    }

    .ns-software-tab h3.active::before {
        transform: translateY(-50%) rotate(180deg);
    }

    .ns-software-tab li {
        display: none;
        width: 100%;
        border: none;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 30px;
        margin-right: 0;
        font-size: 14px;
    }

    .ns-software-tab li.active {
        border-color: #e5e5e5;
        background: #fff;
        color: black;
    }

    .ns-software-tab-details {
        margin-top: 20px;
    }

    .ns-software-tab-details>li {
        padding: 15px 25px;
    }

    .ns-software-tab-details>li>div {
        padding: 15px 0;
    }

    .ns-software-tab-details>li h2 {
        font-size: 14px;
        font-weight: bold;
    }

    .ns-software-tab-details>li p {
        padding-top: 10px;
        font-size: 12px;
    }

    .ns-software-tab-details>li dl {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .ns-software-tab-details>li dl dd {
        margin-left: 12px;
        padding-left: 10px;
    }

    .ns-software-tab-details>li dl dd::before {
        top: 7px;
    }

    .ns-security-center .ns-security-title h3 {
        font-size: 20px;
        padding-bottom: 15px;
    }

    .ns-security-center .ns-security-list ul {
        padding: 10px 15px;
    }

    .ns-security-center .ns-security-list ul li {
        width: 100%;
        padding: 10px 16px;
        background: url(/cn/tres/NewWebUI/2020/images/icon-arrow-list-gray.png) no-repeat;
        background-position: 0px 15px;
    }

    .ns-security-center .ns-security-list ul li:nth-child(2n-1) {
        margin-right: 0px;
    }

    .ns-security-center .ns-security-list ul li:nth-child(2n) {
        margin-left: 0px;
    }

    .ns-security-center .ns-security-list ul li a {
        font-size: 14px;
    }

    .ns-security-center .ns-security-list ul li p {
        margin-top: 10px;
    }

    .ns-page-research li {
        padding: 10px;
    }

    .ns-page-research li a {
        display: flex;
        align-items: center;
    }

    .ns-page-research li .ns-scale-image {
        width: 30%;
    }

    .ns-page-research li .ns-software-text {
        width: 70%;
    }

    .ns-page-research li .time {
        padding-bottom: 1vw;
    }

    .ns-white-paper .ns-wrap-list {
        flex-direction: row;
    }

    .ns-white-paper .ns-wrap-list li {
        width: calc(50% - 15px) !important;
        margin: 0 10px 25px !important;
    }

    .ns-white-paper .ns-wrap-list li:last-child {
        margin-bottom: 25px !important;
    }

    .ns-white-paper .ns-wrap-list li:nth-child(2n-1) {
        margin-right: 5px !important;
    }

    .ns-white-paper .ns-wrap-list li:nth-child(2n) {
        margin-left: 5px !important;
    }

    .ns-white-paper li {
        padding: 2.34375vw;
    }

    .ns-white-paper li .ns-software-text {
        padding: 1.0937vw 0 0;
    }

    .ns-white-paper li .ns-software-text .ns-red-next-arrow {
        bottom: 0;
        left: 50%;
        text-indent: -9999px;
        width: 6.6666vw;
        height: 6.6666vw;
        transform: translate(-50%, 50%);
        border-radius: 50%;
        box-shadow: 0 2px 5px #eaeaea;
        background: url(/cn/tres/NewWebUI/2020/images/icon-white-paper-down.png) no-repeat 50% 50%;
        background-size: 100%;
    }

    .ns-white-paper li .ns-software-text .ns-red-next-arrow::before {
        display: none;
    }

    /* 2021-06-28 商用终端 */
    .trait-list {
        margin-bottom: -20px;
    }

    .trait-list li {
        margin-bottom: 20px;
        flex-direction: column;
    }

    .trait-list li:nth-child(odd) {
        flex-direction: column-reverse;
    }

    .trait-list li:nth-child(odd) dl {
        padding-left: 0;
    }

    .trait-list li:nth-child(even) dl {
        padding-right: 0;
    }

    .trait-list li .ns-wrap-image {
        width: 100%;
    }

    .trait-list li dl {
        width: 100%;
        padding-top: 0;
    }

    .trait-list li dl dt {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .trait-list li dl dd {
        font-size: 12px;
        margin-bottom: 10px !important;
    }

    .trait-list li dl dd::before {
        width: 4px;
        height: 4px;
    }

    .advantage-terminal-list {
        margin-bottom: -25px;
    }

    .advantage-terminal-list li {
        margin-bottom: 25px;
        flex-direction: column;
    }

    .advantage-terminal-list li:nth-child(odd) dl {
        padding-left: 0;
    }

    .advantage-terminal-list li:nth-child(even) {
        flex-direction: column-reverse;
    }

    .advantage-terminal-list li:nth-child(even) dl {
        padding-right: 0;
    }

    .advantage-terminal-list li .ns-wrap-image {
        width: 100%;
    }

    .advantage-terminal-list li dl {
        padding-top: 15px;
        width: 100%;
    }

    .advantage-terminal-list li dl dt {
        font-size: 16px;
    }

    .advantage-terminal-list li dl dd p {
        font-size: 12px;
        padding: 15px 0;
    }

    /* 2022-2-24 */
    .ns-expert-wrap .ns-expert-text {
        margin-top: 0;
    }

    .ns-expert-wrap .ns-expert-text::before {
        width: 15px;
        height: 14px;
        left: -20px;
    }

    .ns-expert-wrap .ns-expert-content {
        align-items: center;
    }

    .ns-expert-wrap .ns-expert-text p {
        font-size: 12px;
    }

    .ns-expert-wrap .ns-expert-text p img {
        width: 15px;
    }

    .ns-expert-wrap .ns-play-video {
        font-size: 12px;
    }

    .ns-expert-wrap .ns-expert-info {
        padding-left: 40px;
		height: 60px;
    }

    .ns-expert-wrap .ns-expert-info h4 {
        font-size: 16px;
    }

    .ns-expert-wrap .ns-expert-info p {
        font-size: 12px;
    }
}


.ns-security-set-details.hz-220519xg a {
    color: #595757;
}

.ns-security-set-details.hz-220519xg a:hover {
    color: #e60012;
}

.hz-220105-ns-security-set-details.hz-220519xg a {
    color: #595757;
}

.hz-220105-ns-security-set-details.hz-220519xg a:hover {
    color: #e60012;
}

.ns-security-set li h2::after {
    content: "";
    width: 15px;
    height: 8px;
    background: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/products/tab-arrow-white.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.ns-security-set li.active h2::after {
    background: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/products/tab-arrow-red.png) no-repeat;
    background-size: cover;
}

.ns-security-set.hz-220610-xg{
    margin-top:50px;
}

@media (max-width: 768px){
    .ns-security-set.hz-220610-xg{
     margin-top:20px;
}
} 
.ns-wrap-list.hz_220707xg{
    display:block;
    overflow:hidden;
    margin-bottom:30px;
}
.ns-wrap-list.ns-wrap-tab.hz_220707xg>li{
    width:16.4%;
    display:block;
    float:left;
    margin-left:0.2%;
    margin-bottom:0.2%;
}
@media (max-width: 768px){
    .ns-btnwrap-list.ns-wrap-tab>li:after{
        content: '';
        width: 15px;
        height: 8px;
        background: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/products/tab-arrow-white.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        transition: all 0.5s;
    }   
    .ns-wrap-list.ns-wrap-tab>li.active::after{
        transform: translateY(-50%) rotate(180deg);
    }   
}  

.container-fluid.hz-0707-testbanner1 {
    padding-top: 56px !important;
}
.ban_width .hz-0707-float {
    overflow: hidden;
}
.hz-0707-float h2 {
    padding-top: 124px;
}
.hz-0707-btn1 {
    background: #e60012;
    border-radius: 25px;
    width: 19%;
    margin-top: 3%;
    float: left;
    margin-right: 5%;
    transition: 0.5s;
    cursor: pointer;
}

.hz-0707-btn1-text {
    font-size: 16px;
    color: #ffffff;
    padding: 6% 21%;
    width: auto;
}

.hz-0707-jhj h2 {
    font-size: 32px;
}

.hz-0707-span {
    padding-top: 20px;
    display: block;
}

.hz-0707-xiahuaxian {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 2.5%;
    margin-bottom: 2.5%;
    padding-top: 1.5%;
}

.ns-advantage-wrap .hz-0707-ys h3 {
    font-size: 32px;
}

.HZ-0707-biaoti h2 {
    text-align: left;
}

.hz-220713-stat-wrap {
    padding-bottom: 26px;
}

.hz-220713-ns-container {
    padding-bottom: 2.8%;
}

.hz-220713-tit h2 {
    text-align: left;
    font-size: 32px;
    padding-top: 48px;
    color: #333;
    padding-bottom: 48px;
    margin-bottom: 0;
}

.hz-220713-ns-resoure-list li {
    cursor: pointer;
}

.hz-0707-btn1:hover {
    background: #d7171f;
}

.hz-220713-tit h2 {
    text-align: left;
    font-size: 32px;
    padding-top: 48px;
    color: #333;
    padding-bottom: 48px;
    margin-bottom: 0;
}

.hz-220713-ns-resoure-list li {
    cursor: pointer;
}

.hz-0707-btn1:hover {
    background: #d7171f;
}

@media (max-width: 1440px) {
    .hz-220713-tit h2 {
        font-size: 32px;
        margin-bottom: 0;
    }
}

@media (max-width: 1200px) {
    .ns-advantage-wrap .ns-advantage-text h3 {
        font-size: 32px;
    }
}

@media only screen and (max-width: 768px) {
    .hz-0707-banner {
        width: 100%;
        background: url(https://resource.h3c.com/cn/201706/23/20170623_2987583_Switches04_882241_30007_0.jpg) center center;
        background-size: cover;
        height: 280px;
        background-position-x: 68%;
    }
    .hz-0707-tit {
        font-size: 8vw;
        color: #ffffff;
        padding-top: 19.6%;
        padding-left: 4%;
    }
    .hz-0707-tit1 {
        font-size: 3.73vw;
        padding-top: 4%;
    }
    .hz-0707-btn1 {
        width: 29%;
        margin-left: 4%;
        margin-top: 8%;
    }
    .hz-0707-btn1-text {
        font-size: 3.73vw;
    }
    .hz-0707-jhj h2 {
        font-size: 6.4vw;
    }
    .hz-0707-xiahuaxian {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 6.8%;
        margin-bottom: 6.8%;
    }
    .ns-advantage-wrap .hz-0707-ys h3 {
        padding-bottom: 25px;
    }
    .ns-advantage-wrap .hz-0707-ys h3 {
        font-size: 6.4vw;
    }
    .product-inform {
        padding: 20px 0px;
    }
    .hz-220713-lineBottom {
        border-bottom: none;
    }
    .hz-220713-ns-container {
        padding-bottom: 7.8%;
    }
    .hz-220713-tit h2 {
        font-size: 6.4vw;
        padding-top: 6.8%;
        padding-bottom: 6.8%;
        margin-bottom: 0px;
    }
    .hz-220713-ns-resoure-list li a {
        padding: 8px 11px;
        font-size: 12px;
    }
    .container-fluid.testbanner1 {
        padding-top: 0 !important;
        height: 0px;
        min-height: 0px;
    }
    .HZ-0707-biaoti h2 {
        font-size: 6.4vw;
    }
    .hz-220713-stat-wrap {
        padding-bottom: 0;
    }
    .lineBottom {
        border-bottom: 1px solid #e6e6e6;
        padding: 0px;
    }
}


/* 文档中心 3D Show */
.show3d {
    margin-top: 15px;
}
.show3d .tabs {
    padding: 10px 0;
}
.show3d .tabs ul {
    display: flex;
    background: white;
}
.show3d .tabs ul li {
    flex: 1;
    font-size: 16px;
    text-align: center;
    line-height: 3;
    cursor: pointer;
    background: #ccc;
    border-right: 1px solid #efefef;
}
.show3d .tabs ul li:hover {
    text-decoration: underline;
}
.show3d .tabs ul li:last-child {
    border: 0;
}
.show3d .tabs ul li.active {
    background: #e60012;
    color: white;
}
.show3d .tabs ul li.active:hover {
    text-decoration: none;
}
.show3d .showlist-container {
    display: none;
}
.show3d .showlist-container.active {
    display: block;
}
.show3d .ns-column-title {
    padding-top: 30px;
}
.show3d .ns-column-title h2 {
    border-left: 5px solid #e60012;
    padding-left: 10px;
    font-size: 20px;
}
.show3d .ns-wrap-list.ns-wrap-list3>li {
    width: calc(25% - 20px);
}
.show3d .ns-wrap-list>li .ns-wrap-list-content {
    padding: 15px 15px 10px;
}
.show3d .ns-wrap-list>li .ns-wrap-list-content h3 {
    margin-bottom: 15px;
    font-size: 16px;
}
.show3d .ns-wrap-list>li .ns-wrap-list-content p {
    font-size: 14px;
    margin-bottom: 15px;
}
@media (max-width: 1440px) {
    .show3d .ns-wrap-list>li .ns-wrap-list-content h3 {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .show3d .ns-wrap-list>li .ns-wrap-list-content p {
        margin-bottom: 10px;
        font-size: 12px;
    }
}
/* 新增样式20230619 */
.hz-230619-box {
    position: relative;
    height: 100%;
    width: 62.5% !important;
}
.hz-230619-addbtn {
    position: absolute;
    top: 78% !important;
    left: 0;
    transform: translateY(-50%);
}
.hz-230619-addbtn a img {
    margin-left: 5px;
    transition: all .5s;
}
@media (max-width: 1200px) {
    .hz-230619-box {
        width: 68% !important;
    }
}
@media (max-width: 768px){
.hz-230619-cont {
    left: 0;
    background: none !important;
}
.hz-230619-addbtn {
    top: 86% !important;
    left: 33% !important;
    transform: translateY(-50%);
}
}


.ns-container.hz-proqb-container{
    width: 67.7vw !important;
}
.hz-proqb-t1{
    font-size:2.9vw;
    color:#333333;
    font-family:'PingFang_Bold';
}
.hz-proqb-t1 span{
    color:#2680D3;
}
.hz-220802-content.hz-proqb-p1{
    background-size:cover;
    background-position:center;
}
.hz-proqb-p0box{
    width:100%;
    overflow: hidden;
    margin-top:2.5%;
}
.hz-proqb-p0box>div:last-child{
    float:right;
}
.hz-proqb-p0img{
    width:48.2%;
    float:left;
    position: relative;
    border-radius:16px;
    overflow:hidden;
}
.hz-proqb-t2{
    font-size: 1.7vw;
    color:#333;
    position:absolute;
    left:8.1%;
    top:26.5%;
    line-height:1.4em;
    font-family:'PingFang_Bold';
}
.hz-proqb-t2>span{
    color:#2680D3;
}
.hz-proqb-t3{
    font-size:0.8vw;
    color:#333;
    opacity:0.6;
    position: absolute;
    left:8.1%;
    top:70.1%;
    font-family:'PingFang_Regular';
}
.hz-proqb-t4{
    font-size: 1.05vw;
    color:#333;
    position:absolute;
    left:8.3%;
    top:36.8%;
    line-height:1.4em;
    font-family:'PingFang_Bold';
}
.hz-proqb-t4 span{
    color:#2680D3;
    font-size:1.7vw;
}
.hz-proqb-t4.hz-proqb-top{
    top:53.8%;
}

.ns-container.hz-proqb-container2{
    width: 62.7vw !important;
}

.hz-proqb-title{
    font-size:2.9vw;
    color:#fff;
    font-family:'PingFang_Bold';
    text-align:center;
}
.hz-proqb-title span{
    color:#2680D3;
    font-size:2.9vw;
}
.hz-proqb-p1img{
    width:46.8%;
    float:left;
    position: relative;
    border-radius:16px;
    overflow:hidden;
}
.hz-proqb-t5{
    width:60.6%;
    position:absolute;
    left:28.2%;
    top:11.2%;
    font-size:1.2vw;
    color:#fff;
    line-height:1.5em;
    font-family:'PingFang_Regular';
}
.hz-proqb-t6{
    width:37%;
    position:absolute;
    left:28.6%;
    top:75.4%;
    font-size:1.2vw;
    color:#fff;
    line-height:1.5em;
    font-family:'PingFang_Regular';
}
.hz-proqb-p1tip{
    width:100%;
    text-align:right;
    font-size:0.6vw;
    color:#979797;
    margin-top:2%;
}

.swiper-proqb{
    width:69.7vw;
    margin:0 auto;
    overflow:hidden;
    position: relative;
}
.hz-proqb-p2box{
    width:35%;
    position:absolute;
    right:0;
    top:10.2%;
}
.hz-proqb-p2t1{
    font-size:2.9vw;
    color:#333;
    font-family:'PingFang_Bold';
}
.hz-proqb-p2t1>span{
    color:#2680D3;
}
.hz-proqb-p2icon{
    width:19.4%;
    margin-top:5%;
}
.hz-proqb-p2t2{
    font-size:1.1vw;
    font-family:'PingFang_Bold';
    color:#333;
    margin-top:2%;
}
.hz-proqb-p2t3{
    font-size:0.8vw;
    margin-top:2%;
    font-family:'PingFang_Regular';
    line-height:1.75em;
}
.hz-proqb-pagination{
    position:absolute;
    width:6.4% !important;
    right:28.4%;
    top:64%;
    left:auto !important;
    bottom:auto !important;
    z-index:100;
    display: block !important;
}
.hz-proqb-pagination>span{
    width:40%;
    height:5px;
    background-color:#fff;
    opacity:0.5;
    margin:0 5px;
    border-radius:0;
    cursor: pointer;
    
}
.hz-proqb-pagination>.swiper-pagination-bullet-active{
    opacity:1;
}

.hz-proqb-p3box{
    width:67vw;
    margin:4% auto 0;
    overflow:hidden;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
.hz-proqb-p3left{
    width:44.6%;
    overflow:hidden;
    
}
.hz-proqb-p3left>li{
    display:flex;
    align-items:center;
    overflow:hidden;
    justify-content:space-between;
    margin-bottom:5%;
}
.hz-proqb-p3icon{
    width:16%;
}
.hz-proqb-p3txt{
    width:80%;
}
.hz-proqb-p3t1{
    font-size:1.1vw;
    font-family:'PingFang_Bold';
    color:#fff;
    margin-bottom:3%;
}
.hz-proqb-p3t2{
    font-size:0.8vw;
    color:#fff;
    opacity:0.6;
    margin-bottom:1%;
    font-family:'PingFang_Regular';
}
.hz-proqb-line{
    width:100%;
    height:1px;
    background-color:#fff;
    opacity:0.3;
    margin-top:5%;
}
.hz-proqb-p3img1{
    width:50.9%;
}
.hz-proqb-p3tip{
    width:100%;
    font-size:0.6vw;
    margin-top:4%;
    padding-right:3%;
    color:#979797;
    text-align:right;
    font-family:'PingFang_Regular';
}
.hz-proqb-p4box{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
}                             
.ns-container.hz-proqb-container3{
    width: 66.2vw !important;
    overflow:hidden;
    margin:0% auto 0;
}
.hz-proqb-p4left{
    width:54%;
    display:none;
    position: relative;
}             
.hz-proqb-p4left.active{
    display:block;
}
.hz-proqb-p4tip{
    font-size:0.6vw;
    color:#979797;
    position:absolute;
    left:14%;
    bottom:0;
    font-family:'PingFang_Regular';
}
.hz-proqb-right{
    width:32.5%;

}    
.hz-proqb-list{
    width:100%;
    margin-bottom:4%;
    background-color:#fff;
    border-radius:16px;
    padding:6% 0;
    
}
.hz-proqb-p4icon{
    width:19.8%;
    margin-left:11%;
}
.hz-proqb-p4t1{
    font-size:1.1vw;
    
    color:#333;
    margin-left:11%;
    margin-top:4%;
    font-family:'PingFang_Regular';
}
.hz-proqb-p4t2{
    font-size:0.8vw;
    margin-top:1%;
    color:#333;
    opacity:0.6;
    margin-left:11%;
    font-family:'PingFang_Regular';
}
.hz-proqb-p4icon2{
    display:none;
}
.hz-proqb-list.active{
    background-color:#fff;
    background-image:linear-gradient(115deg,#0A77DC 0%,#4DA9DC 100%);
}
.hz-proqb-list.active .hz-proqb-p4icon2{
    display:block;
}
.hz-proqb-list.active .hz-proqb-p4icon1{
    display:none;
}
.hz-proqb-list.active .hz-proqb-p4t1{
    color:#fff;
}

.hz-proqb-list.active .hz-proqb-p4t2{
    color:#fff;
}
.hz-proqb-p5box{
    width:56.6vw;
    margin:0 auto;
}
.hz-proqb-p5title{
   font-size:2.9vw;
   text-align:center;
   font-family:'PingFang_Bold';
}
.hz-proqb-p5t3{
    font-size:1.05vw;
    text-align:center;
    font-family:'PingFang_Regular';
    margin-top:1%;
}
.hz-proqb-p5ul{
    width:100%;
    margin:3% auto 0;
    display:flex;
    justify-content:space-between;
    /* align-items:center; */
    flex-wrap:wrap
}
.hz-proqb-p5ul>li{
    width:19.2%;
    margin-left:7.73%;
    margin-bottom:3%;
}
.hz-proqb-p5ul>li:first-child,.hz-proqb-p5ul>li:nth-child(4n+1){
    margin-left:0;
}
.hz-proqb-p5icon{
    width:44.4%;
    margin:0 auto;
}
.hz-proqb-p5t1{
    font-size:1.05vw;
    font-family:'PingFang_Bold';
    margin-top:12px;
    text-align:center;
}
.hz-proqb-p5t2{
    font-size:0.8vw;
    font-family:'PingFang_Regular';
    margin-top:8px;
    line-height:1.8em;
    text-align:center;
}
.hz-proqb-p6t1{
    font-size:0.9vw;
    font-family:'PingFang_Bold';
    margin-top:10px;
    line-height:1.8em;
    text-align:center;
    color:#fff;
    font-weight:600;
}

.hz-proqb-p6box{
    width:62.6vw;
    margin:0% auto 0;
}
.hz-proqb-p7ul{
    width:100%;
    display: flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:5%;
}

.hz-proqb-p7ul>li{
    width:32.4%;
    height:210px;
    background-color:#fff;
    border-radius:16px;
    box-sizing:border-box;
    margin-left:1.4%;
    margin-bottom:1.4%;
}
.hz-proqb-p7ul>li:first-child,.hz-proqb-p7ul>li:nth-child(3n+1){
    margin-left:0;
}
.hz-proqb-p7icon{
    width:10.3%;
    margin-left:10.3%;
    margin-top:5%;
}
.hz-proqb-p7t1{
    margin-left:10.3%;
    margin-top:2.5%;
    font-family:'PingFang_Bold';
    font-size:1.1vw;
}
.hz-proqb-p7t2{
    width:73.3%;
    margin-left:10.3%;
    margin-top:2.5%;
    font-family:'PingFang_Regular';
    font-size:0.8vw;
    line-height:1.75em;
}

@media only screen and (max-width: 1200px){
    .ns-container.hz-proqb-container{
        width:90.4% !important;
        padding:0;
    }
    .hz-proqb-t1{
        font-size:8.5vw;
    }
    .hz-proqb-p0img{
        float:none;
        width:100%;
        margin-bottom:3%;
    }
    .hz-proqb-t2{
        font-size:3.4vw;
        line-height:2em;
        top:14.5%;
    }
    .hz-proqb-t2 span,.hz-proqb-t4 span{
        font-size:5.9vw;
    }
    .hz-proqb-t3{
        font-size:3vw;
        top:62.1%;
    }
    
    .hz-proqb-t4{
        font-size:3.4vw;
    }
    .ns-container.hz-proqb-container2{
        width:85.3% !important;
        padding:0;
    }
    .hz-proqb-title{
        font-size:8.5vw;
        text-align:left;
    }
    .hz-proqb-title span{
        font-size:8.5vw;
    }
    .hz-proqb-p1img{
        width:100%;
        float: none;
        margin-bottom:4%;
    }
    .hz-proqb-t5,.hz-proqb-t6{
        font-size:3.5vw;
    }
    .swiper-proqb{
        width:85.3% !important;
    }
    .hz-proqb-p2box{
        width:70.2%;
        right:auto;
        left:9%;
        top:8.4%;
    }
    .hz-proqb-p2t1{
        font-size:8.5vw;
    }
    .hz-proqb-p2icon{
        font-size:24.5%;
    }
    .hz-proqb-p2t2{
        font-size:4.2vw;
    }
    .hz-proqb-p2t3{
        font-size:2.7vw;
        margin-top:5%;
    }
    .hz-proqb-p1tip{
        font-size:2.8vw;
        text-align:left;
    }
    .hz-proqb-title{
        margin-left:4.8%;

    }

    .hz-proqb-p3box{
        width:90.1%;
        display: block;
        margin-top:5%;
    }
    .hz-proqb-p3left{
        width:89.2%;
        margin-left:2.8%;
        float:none;
    }
    .hz-proqb-p3left>li{
        display:block;
    }
    .hz-proqb-p3icon{
        width:20.2%;
    }
    .hz-proqb-p3txt{
        width:100%;
    }
    .hz-proqb-p3t1{
        font-size:4vw;
    }
    .hz-proqb-p3t2{
        font-size:2.8vw;
    }
    .hz-proqb-p3img1{
        width:100%;
        margin-top:5%;
    }
    .hz-proqb-p3tip{
        font-size:2.8vw;
        text-align:left;
        color:#979797;
    }
    .hz-proqb-p1.hz-proqb-p4bg{
        background-image:url(/cn/tres/NewWebUI/2020/images/products/business/hzproqb14-bg4w.jpg) !important;
    }
    .ns-container.hz-proqb-container3.hz-proqb-container4{
        width:100% !important;
        padding-left:0;
        padding-right:0;
    }
    .hz-proqb-p4title{
        margin-left:4.8%;
    }
    .hz-proqb-p4left{
        width:100%;
    }
    .hz-proqb-pagination{
        width: 33.4% !important;
        right: 58.4%;
        top: 46%;
    }
    .hz-proqb-pagination>span{
        height:3px;
        width:35%;
    }
    .hz-proqb-p4left{
        width:100%;
    }
    .hz-proqb-p4box{
        display:block;
        margin-top:5%;
    }
    .hz-proqb-right{
        width:83.7%;
        margin:5% auto 0;
    }
    .hz-proqb-p4icon{
        width:16.6%;
        margin-left:9.1%;
    }
    .hz-proqb-p4t1{
        font-size:4vw;
    }
    .hz-proqb-p4t2{
        font-size:2.8vw;
    }
    .hz-proqb-p4tip{
        position: relative;
        left:0;
        top:0;
        font-size:2.8vw;
        margin-top:7%;
    }
    .hz-proqb-p5box{
        width:100%;
    }
    .hz-proqb-p5title{
        font-size:8.5vw;
    }
    .hz-proqb-p5t3{
        font-size:3.2vw;
    }
    .hz-proqb-p5ul>li{
        width:50%;
        margin-left:0;
        margin-bottom:30px;
    }
    .hz-proqb-p5icon{
        width:33.1%;
    }
    .hz-proqb-p5t1{
        font-size:4.2vw;
    }
    .hz-proqb-p5t2{
        font-size:3vw;
    }
    .hz-proqb-p5ul{
        margin-top:5%;
    }
    .hz-proqb-p6t1{
        font-size:3.5vw;
    }
    .hz-proqb-p6box{
        width:100%;
    }
    .hz-proqb-p5sr{
        width:92.1%;
        margin-left:8%;
        margin-top:5%;
        overflow-y:scroll;
    }
    .hz-proqb-p7ul{
        width:330%;

    }
    .hz-proqb-p7ul>li{
        width:24.3%;
        margin-left:0.7% !important;
        height:150px;
    }
    .hz-proqb-p7ul>li:first-child,.hz-proqb-p7ul>li:nth-child(5){
        margin-left:0 !important;
    }
    .hz-proqb-p7icon{
        width:10.2%;
        margin-left:10%;
        margin-top:7%;
    }
    .hz-proqb-p7t1{
        font-size:3.95vw;
    }
    .hz-proqb-p7t2{
        font-size:3vw;
    }

}


/* WBC无线多业务中心方案 开始 */
/* WBC无线多业务中心方案 开始 */
.hz_0921_p2img{
    width: 100%;
    position: relative;
}
.hz_0921_p2_tbox{
  width: 32%;
  position: absolute;
  top: 1.5%;
  left: 0%;
}
.hz_0921_p2_tbox2{
    width: 32%;
    position: absolute;
    top: 1.5%;
   right: 0%;
  }
  .hz_0921_p2_tbox3,  .hz_0921_p2_tbox4{
    top: 60%;
  }
  .hz_0921_p2_img1{
    width: 100%;
  }
  .hz_0921_p2_img{
     width: 29.5%;
     position: absolute;
     top: 0%;
     left: 50%;
     transform: translateX(-50%);
  }
  .hz_0921_p2_k{
    width: 42%;
    position: absolute;
    top: 0%;
    left: 0%;
  }
  .hz_0921_p2_k2{
    width: 40.4%;
    position: absolute;
    top: 0%;
    right: 0%;
  }
  .hz_0921_p2_k3{
    width: 40%;
    position: absolute;
    bottom: 1%;
    right: 0%;
  }
  .hz_0921_p2_k4{
    width: 41.5%;
    position: absolute;
    bottom: 2%;
    left: 0%;
  }
.hz_0921_p2_tit{
    color: #fd0000;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}
.hz_0921_p2_txt{
    color: #333;
    font-size: 16px;
    margin-top: 4%;
    line-height: 1.8em;
    text-align: left;
}
.hz_0921_p2_tbox2 .hz_0921_p2_txt{
    text-align: left;
}
.hz_0921_p2_tbox3 .hz_0921_p2_txt,.hz_0921_p2_tbox4 .hz_0921_p2_txt{
    margin-top: 0%;
    margin-bottom: 4%;
}
.hz_0921_ulbox ul{
    width: 100%;
    overflow: hidden;
   display: flex;
   flex-wrap:  wrap;
   justify-content:flex-start;
}
.hz_0921_ulbox ul li{
    min-width: calc(25% - 1px);
    max-width: calc(50% - 1px);
    width: calc(25% - 1px);
    margin: 0 0.5px 20px;
    flex: 1;
    height: 50px;
    background-color: #c9caca;
    color: #333;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.hz_0921_ulbox ul li.active{
    background-color: #e60012;
    color: #fff;
}
.hz_0921_p3img{
    width: 95% !important;
    margin-left: 0;
    position: relative;
    display: none;
    overflow: hidden;
}
.hz_0921_p3img.active{
    display: block;
}
.hz_0921_right_p3box{
    width: 26%;
    float: right;
}
.hz_0921_p3img_txtbox {
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 22px;
    border-bottom: 0.75px solid #e6e6e6;
}
.hz_0921_p3_img3 {
    width: 72%;
   float: left;
}
.hz_0921_p3img_txt1{
font-size: 20px;
color: #333;
font-weight: 600;
text-align: left;
line-height: 1em;
border-left: 4px solid #e60012;
padding-left: 20px;
margin-bottom: 5%;
}
.hz_0921_p3img_txt2{
    font-size: 14px;
color: #666;
text-align: left;
line-height: 1.8em;
padding-left: 20px;
}


.hz_221007_tit{
    font-size: 28px;
    color: #333;
    text-align: left;
    margin-bottom:2%;
}
.hz_221007_tit1{
    font-size: 22px;
    color: #333;
    text-align: left;
    margin-bottom: 1%;
}
.hz_0921_table{
    font-size: 16px;
    margin-bottom: 5% !important;
}
.hz_0921_table tr{
    height: 50px;
}
.hz_0921_table tr td{
    text-align: left;
    padding-left: 30px;
    vertical-align: middle;
}
.hz_0921_table tr td:nth-child(1){
  font-weight: 600;
  border-right: 1px solid #c6c8ca;
}
.hz_0921_table tr td:nth-child(1) span b{
    font-weight: 600 !important;
  }
.hz_0921_table tr{
    background-color: #edf0f2;
}
.hz_0921_table tr:nth-child(2n){
    background-color: #fff;
}
.hz_bz{
    color: #666;
    font-size: 14px;
    text-align: left !important;
    margin-bottom: 5%;
}
.hz_0921_table2,.hz_0921_table3{
    margin-bottom: 1% !important;
}
.hz_0921_table3 tr{
    background-color: #fff;
}

.hz_0921_table3 tr:nth-child(1) td{
    background-color: #c6c8ca;
}
.hz_0921_table3 tr:nth-child(2n){
    background-color: #edf0f2;
}
.hz_0921_table tr td:nth-child(1){
    width: 24%;
}
.hz_0921_table3 tr td:nth-child(1){
    width: 24%;
}
.hz_0921_table3 tr td:nth-child(2){
    width: 38%;
}

.hz_0921_table3 tr td:nth-child(2){
    /* font-weight: 600; */
    border-right: 1px solid #c6c8ca;
  }
  .hz_0921_table3 tr:nth-child(1) td {
    font-weight: 600;
    border-right: 1px solid #fff;
}



.hz_0921_banner_txt h2{
    color: #082857 !important;
  }
  .hz_0921_banner_txt h2 span{
    color: #fe3d02 !important;
    font-weight: 600;
  }
  .hz_0921_banner_txt p {
    color: #082857 !important;
  }
  .hz_0921_banner_txt p span{
    color: #fe3d02 !important;
  }

@media screen and (max-width: 768px){

.hz_0921_p2img {
    width: 80%;
    position: relative;
}
.hz_0921_p2_tbox {
    width: 100%;
    position: absolute;
    top: 44.5%;
    left: 0%;
}
.hz_0921_p2_tbox2 {
    width: 100%;
    position: absolute;
    top: 63.8%;
    right: 0%;
}
.hz_0921_p2_tbox3 {
    width: 100%;
    position: absolute;
    top: 79.4%;
    left: 0%;
}
.hz_0921_p2_tbox4 {
    width: 100%;
    position: absolute;
    top: 95.8%;
    left: 0%;
}
.hz_0921_p2_tit {
    font-size: 4.26vw;
}
.hz_0921_p2_txt {
    font-size: 3.2vw;
    margin-top: 4%;
    text-align: justify;
}
.hz_0921_p2_tbox2 .hz_0921_p2_txt {
    text-align: justify;
}
.hz_0921_p2_tbox3 .hz_0921_p2_txt, .hz_0921_p2_tbox4 .hz_0921_p2_txt {
    margin-top: 4%;
    margin-bottom: 0%;
}
.hz_0921_ulbox ul li {
    width: 100%;
    float: none;
    height:auto;
    background-color: #c9caca;
    color: #333;
    font-size: 4.26vw;
    text-align: center;
    line-height: 2.8em;
    cursor: pointer;
    margin-bottom: 2%;
}
.hz_0921_right_p3box{
    width: 100%;
    float: none;
}
.hz_0921_p3img_txtbox {
    width: 100%;
    margin-bottom: 5%;
    padding-bottom: 4%;
}

.hz_0921_p3img_txt1 {
    font-size: 4.26vw;
    color: #333;
    font-weight: 600;
    text-align: left;
    line-height: 1em;
    border-left: 4px solid #e60012;
    padding-left: 4%;
    margin-bottom: 3.5%;
}
.hz_0921_p3img_txt2 {
    font-size: 3.2vw;
    color: #666;
    text-align: left;
    line-height: 1.8em;
    padding-left: 5%;
}

.hz_0921_table {
    font-size: 3.2vw;
}
.hz_0921_banner_txt{
    top: 46% !important;
}
.hz_0921_banner_txt2{
    top: 37% !important;
}
#secondMenu .hz-0921-ulcontainer ul ul{
    top: 0% !important;
}
.hz_0921_ulbox,.hz_0921_table_box{
    margin-top: 3vw;
}
.hz_0921_p2_img {
    width: 92%;
}
.hz_0921_p3_img3 {
    width: 100%;
float: none;
}
.hz_0921_p3img {
    width: 100%;
}
.hz_221007_tit {
    font-size: 4.27vw;
}
.hz_221007_tit1 {
    font-size: 3.73vw;
}

.hz_0921_table tr td {
    text-align: left;
    padding-left: 2%;
}

.hz_0921_table tr td:nth-child(1) {
    width: 29%;
}
.hz_bz {
    font-size: 3.2vw;
}
.hz_0921_table tr td:nth-child(1) {
    width: 33%;
}
.hz_0921_table3 tr td:nth-child(2) {
    width: 33%;
}
.hz_0921_ulbox ul li{
        min-width: 100%;
        max-width: 100%;
        width: 100%;
}
}


/* 新华三人才研学中心精品活动模版样式 */

.course-banner{
    width:100%;
    position: relative;
}
.course-banner>picture>img{
    width:100%;
}
.course-bannerWarp{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.course-banenr-container{
    width:1200px;
    margin:0 auto 0;
    padding-top:3%;
    overflow:hidden;
}
.course-banner-title{
    font-size:44px;
    font-weight:600;
    color:#e60012;
}
.course-banner-time{
    width:100%;
    font-size:20px;
    color:#333333;
    margin-top:1%;
}
.course-banner-time>img{
    width:28px;
    display: inline-block;
    vertical-align:middle;
    margin-right:15px;
}
.course-banner-address{
    width:100%;
    font-size:20px;
    color:#333333;
    margin-top:1%;
}
.course-banner-address>img{
    width:23px;
    display: inline-block;
    vertical-align:middle;
    margin-right:20px;
}
.course-banner-time.position, .course-banner-address.position, .course-banner-t1.position{ position: relative; padding-left: 40px;}
.course-banner-time.position>img, .course-banner-address.position>img{ position: absolute; left: 0; top: 0; margin-right: 0;}

.course-banner-t1{
    font-size:20px;
    margin-top:1%;
    color:#333;
}
.columWrapBox.course-dh{
    padding:0 0;
}
.course-wrapper{
    width:100%;
    margin:0 auto;
    overflow:hidden;
    padding:60px 0;
}
.course-wrapper.course-np{
    padding:0 0 60px;
}
.course-wrapper.course-bg{
    background:#e8f6ff;
}
.course-content{
    width:1200px;
    margin:0 auto;
}
.course-part-title{
    font-size:36px;
    color:#000;
}
.course-p1-t1{
    font-size:18px;
    color:#333;
    line-height:2em;
    margin-top:1.5%;
}
.course-p2-wrapper{
    width:100%;
    padding:2.5% 0;
    box-shadow:0 0 3px rgba(0, 0, 0, 0.15);
    margin:3% auto 0;
}
.course-p2-ul{
    width:100%;
    overflow:hidden;
    display: flex;
    flex-wrap:wrap;
}
.course-p2-ul>li{
    width:50%;
    margin-bottom:10px;
    box-sizing:border-box;
    padding-left:4%;
}
.course-p2-ul>li>div:last-child{
    margin-bottom:0;
}
.course-p2-list{
    font-size:18px;
    color:#333;
    margin-bottom:3.5%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.course-p2-list>p{
    font-size:18px;
}
.course-p2-list>img{
    width:8px;
    margin-right:7px;
    margin-top:1.5%;
}
.course-p3-wrapper{
    width:100%;
    display:flex;
    justify-content:space-between;
    margin-top:3%;
}

.course-p3-wrapper>div:last-child{
    margin-right:0;
}
.course-p3-list{
    margin-right:40px;
}
.course-p3-icon{
    width:70px;
}
.course-p3-icon>img{
    width:100%;
}
.course-p3-t1{
    font-size:18px;
    line-height:1.75em;
    margin-top:5%;
}
.course-p4-table1 table,.course-p4-table1 tr th, .course-p4-table1 tr td { 
    border:1px solid #b8d4e6; 
    border-collapse: collapse;
}
.course-p4-table1 table{
    width:100%;
    margin-top:3%;
    background-color:#fff;
}
.course-p4-table1 tr>td{
    font-size:18px;
    padding:20px 40px;
    vertical-align:middle;
    line-height:1.75em;
}

.course-p4-table1 table tr:nth-child(even){
    background-color:#f7fcff;
}
.course-p5-wrapper{
    width:100%;
    box-sizing:border-box;
    background-color:#f7f7f7;
    border:1px solid #cccccc;
    padding:4% 0;
    margin-top:3%;
}
.course-p5-wrapper>div{
    margin-bottom:3%;
    padding-bottom:3%;

    position:relative;
}
.course-p5-wrapper>div:last-child{
    margin-bottom:0;
    padding-bottom:0;
}
.course-p5-wrapper>div:last-child::after{
    border:none;
}
.course-p5-wrapper>div::after{
    content:'';
    position:absolute;
    width:90%;
    left:5%;
    bottom:0%;
    border-bottom: 1px dashed #cccccc;
}
.course-p5-list{
    width:100%;
    display: flex;
    justify-content:space-between;
    align-items:center;
}
.course-p5-img{
    width:25%;
    margin-left:6.7%;
}
.course-p5-img>img{
    width:100%;
}
.course-p5-right{
    width:57.6%;
    margin-right:6.1%;
}
.course-p5-t1{
    font-size:28px;
    font-weight:600;
    margin-left:4.2%;
}
.course-p5-icon{
    width:70%;
}
.course-p5-icon img{
    width:100%;
    margin-top:-30px;
}
.course-p5-ul{
    width:99%;
    margin-top:20px;
    margin-left:1%;
}
.course-p5-ul>li{
    width:100%;
    margin-bottom:2%;
    overflow:hidden;
}
.course-p5-ul>li:last-child{
    margin-bottom:0;
}
.course-p5-ul>li>img{
    width:8px;
   float: left;
    margin-right:7px;
    margin-top:12px;
}
.course-p5-ul>li>P{
    float:left;
    width:97%;
    font-size:18px;
    line-height:1.75em;
}
.course-p5-line{
    width:90%;
    border:1px dashed #cccccc;
    margin:3% auto;
}
.course-p5-flex{
    width:99%;
    margin-left:1%;
    margin-top:20px;
    display:flex;
    justify-content:space-between;
}
.course-p5-flex-c{
    width:49%;
    overflow: hidden;
}
.course-p5-flex-list{
    width:100%;
    overflow:hidden;
    margin-bottom:2%;
}
.course-p5-flex-list>img{
    width:8px;
   float: left;
    margin-right:7px;
    margin-top:12px;
}
.course-p5-flex-list>p{
    float:left;
    width:94%;
    font-size:18px;
    line-height:1.75em;
}

.course-p6-wrapper{
    width:100%;
    margin:3% auto 0;
}
.course-p6-list{
    width:100%;
    margin-bottom:2.5%;
    position: relative;
}
.course-p6-wrapper>div:last-child{
    margin-bottom:0;
}
.course-p6-list picture img{
    width:100%;
}
.course-p6-box{
    width:100%;
    position:absolute;
    height:100%;
    left:0;
    top:0;
    display: flex;
    align-items:center;
    justify-content:flex-start;
}
.course-p6-name{
    font-size:20px;
    margin-left:14%;
}
.course-p6-name>img{
    width:25px;
    display:inline-block;
    margin-right:19px;
    vertical-align:middle;
}
.course-p6-line{
    width:7px;
    margin-left:6.4%;
}
.course-p6-line>img{
    width:100%;
}
.course-p6-phone{
    font-size:20px;
    margin-left:5.5%;
}
.course-p6-phone>img{
    width:27px;
    display:inline-block;
    margin-right:19px;
    vertical-align:middle;
}
.course-p6-mail{
    font-size:20px;
    margin-left:5.5%;
}
.course-p6-mail>img{
    width:25px;
    display:inline-block;
    margin-right:19px;
    vertical-align:middle;
}


@media screen and (max-width: 1400px){
    .course-banenr-container,.course-content{
        width:960px;
    }
    .course-banner-title{
        font-size:34px;
    }
    .course-banner-time,.course-banner-address,.course-banner-t1{
        font-size:20px;
    }
    .course-banner-time>img{
        width:20px;
    }
    .course-banner-address>img{
        width:18px;
        margin-right:16px;
    }
	.course-banner-time.position, .course-banner-address.position, .course-banner-t1.position{ padding-left: 32px;}
	.course-banner-time.position>img, .course-banner-address.position>img{ top: 4px;}
	
    .course-part-title{
        font-size:30px;
    }
    .course-p1-t1,.course-p2-list>p,.course-p3-t1,.course-p4-ul>li,.course-p4-table1 tr>td,.course-p5-ul>li>P,.course-p5-flex-list>p{
        font-size:14px;
    }
    .course-p6-name,.course-p6-phone,.course-p6-mail{
        font-size:16px;
    }
    .course-wrapper{
        padding:40px 0;
    }
}

@media screen and (max-width: 768px){
    .course-banenr-container{
        width:100%;
    }
    .course-banner-title{
        font-size:6.7vw;
        margin-bottom:5%;
        padding-left:6.6%;
    }
    .course-banner-time,.course-banner-address,.course-banner-t1{
        padding-left:6.6%;
        font-size:3.2vw;
    }
    .course-banner-address{
        margin-top:2%;
    }
    .course-banner-time>img{
        width:16px;
        margin-right:7px;
    }
    .course-banner-address>img{
        width:15px;
        margin-right:8px;
    }
	
	.course-banner-time.position, .course-banner-address.position, .course-banner-t1.position{ margin-left: 6.6%; padding-left: 6.6%;}
	.course-banner-time.position>img, .course-banner-address.position>img{ top: 0;}
	
    .course-banner-t1{
        margin-top:2%;
    }
    .course-banenr-container{
        padding-top:8%;
    }
    .course-content{
        width:100%;
    }
    .course-part-title{
        font-size:4.8vw;
        padding-left:3.6%;
    }
    .course-p1-t1{
        font-size:3.2vw;
        width:92.4%;
        margin:15px auto 0;
    }
    .course-wrapper{
        padding:30px 0;
    }
    .course-p2-wrapper{
        width:92.4%;
        margin:15px auto 0;
        padding:5% 0;
    }
    .course-p2-ul{
        display: block;
    }
    .course-p2-ul>li{
        width:89.4%;
        margin:0 auto ;
        padding-left:0;
    }
    .course-p2-ul>li>div:last-child{
        margin-bottom:3.4%;
    }
    .course-p2-ul>li:last-child>div:last-child{
        margin-bottom:0;
    }
    .course-p2-list>p{
        font-size:3.2vw;
    }
    .course-wrapper.course-np{
        padding-bottom:30px;
    }
    .course-p3-wrapper{
        width:92.4%;
        margin:15px auto 0;
        display: block;
    }
    .course-p3-list{
        margin-right:0;
        overflow:hidden;
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-bottom:4%;
    }
    .course-p3-icon{
        width:10.3%;
        margin-left:2.6%;
        margin-right:5.9%;
    }
    .course-p3-t1{
        font-size:3.2vw;
        width:81.2%;
        margin-top:0;
    }
    .course-p4-table1 tr>td{
        white-space:normal;
        padding:10px 2vw;
        font-size:2.4vw;
    }
    .course-p4-table1 table{
        width:92.4%;
        margin:15px auto 0;
    }
    .course-p4-table1 tr>td.nobreak{
        white-space: nowrap;
    }

    .course-p5-wrapper{
        width:92.4%;
        margin:15px auto 0;
    }
     .course-p5-wrapper>div{
       margin-bottom: 6%;
        padding-bottom: 6%;
    }
    .course-p5-list{
        display: block;
        position: relative;
        
    }
    .course-p5-img{
        position: absolute;
        left:8.8%;
        top:0;
        width:31.7%;
        margin-left:0;
    }
    .course-p5-t1{
        font-size:4.5vw;
        margin-left:50.8%;
    }
    .course-p5-icon{
        margin-left:46.9%;
        width:42.5%;
    }
    .course-p5-right{
        width:100%;
        padding-top:13%;
    }
    .course-p5-ul{
        width:83.5%;
        margin:10% auto 0;
    }
    .course-p5-ul>li{
        display: flex;
        justify-content:flex-start;
        align-items:flex-start;
    }
    .course-p5-ul>li>P,.course-p5-flex-list>p{
        font-size:3.2vw;
        width:auto;
        float:none;
    }
    .course-p5-ul>li>img,.course-p5-flex-list>img{
        float: none;
        margin-top:2%;
    }
    .course-p5-line{
        margin:6% auto;
    }
    .course-p5-flex{
        width:83.5%;
        margin:10% auto 0;
        display: block;
    }
    .course-p5-flex-c{
        width:100%;
    }
    .course-p5-flex-list{
        display: flex;
        justify-content:flex-start;
        align-items:flex-start;
    }
    .course-p6-wrapper{
        width:92.4%;
        margin:15px auto 0;
    }
    .course-p6-box{
        height:auto;
        flex-wrap:wrap;
        align-items:flex-start;
        align-content: flex-start;
        justify-content:center;
        top:20%;
    }
    .course-p6-name>img{
        width:20px;
        margin-right:6px;
       
    }
    .course-p6-name,.course-p6-phone{
        font-size:4vw;
         margin-left:0;
    }
    .course-p6-phone{
        margin-left:9.3%;
    }
    .course-p6-phone>img{
        width:22px;
        margin-right:5px;
    }
    .course-p6-line{
        width:75.4%;
        margin-left:0;
    }
    .course-p6-mail{
        margin-left:0;
        margin-top:1%;
    }
    .course-p6-mail>img{
        width:20px;
        margin-right:6px;
    }
}

/* 新华三人才研学中心精品活动模版样式结束 */


/* 全光网高教弹窗代码 */

/* 全光网高教场景样式 */
.hz-pol-wrapper{
    width:100%;
    position:fixed;
    left:0;
    top:0;
    height:100%;
    z-index:99999;
    display: none;
}
.hz-pol-wrapper>img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.hz-pol-cjtitle{
    left:5%;
    position:absolute;
    top:6.8%;
    font-size:46px;
    font-weight:600;
}
.hz-pol-cjclose{
    width:48px;
    position: absolute;
    right:3.6%;
    top:5.3%;
    cursor: pointer;
}
.hz-pol-cjclose>img{
    width:100%;
}
.hz-pol-cjmain{
    width:auto;
    height:74.7%;
    position:absolute;
    left:25.8%;
    top:19.1%;
}
.hz-pol-cjmain .hz-pol-cjmainc>img{
    width:auto;
    height:100%;
}
.hz-pol-cjbtn1{
    position:absolute;
    width:10.5%;
    right:6.3%;
    top:26.1%;
    cursor: pointer;
    animation:polCjBtn 1s infinite linear
}

.hz-pol-cjbtn1 img{
    width:100%;
}
.hz-pol-cjbtn1>img{
    position:relative;
    z-index:10;
}
.hz-pol-cjbtn1>img:last-child,.hz-pol-cjbtn1.active>img:first-child{
    display:none;
}
.hz-pol-cjbtn1>img:nth-child(2){
    display:none;
}
.hz-pol-cjbtn1.active>img:nth-child(2){
    display: block;
}
.hz-pol-cjbtn2{
    left:37.6%;
    top:59.1%;
}
.hz-pol-cjbox{
    position:absolute;
    left:105%;
    top:10%;
    width:403px;
    padding:4% 0;
    background-color:#fff;
    border-radius:20px;
    box-shadow:0 0 16px rgba(208,211,214,0.75);
    opacity:0;
    z-index:-1;
    transition:0.5s;
}
.hz-pol-cjclosec{
    display: none;
}
.hz-pol-bw1{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    animation:polbw1 3s infinite linear;
    animation-timing-function: linear !important;
}

@keyframes polbw1{
    0%{
        opacity:0;
        transform:scale(0.25);
    }
    50%{
        opacity:1;
        transform:scale(0.5);
    }
    100%{
        opacity:0;
        transform:scale(1);
    }
}

.hz-pol-bw2{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    animation:polbw2 3s infinite linear;
    animation-delay:1.5s !important;
    animation-timing-function: linear !important;
    opacity:0;
}
@keyframes polbw2{
    0%{
        opacity:0;
        transform:scale(0.25);
    }
    50%{
        opacity:1;
        transform:scale(0.5);
    }
    100%{
        opacity:0;
        transform:scale(1);
    }
   
}


.hz-pol-cjmainc{
    height:100%;
}
.hz-pol-cjbox.active{
    opacity:1;
    z-index:100;
}
.hz-pol-cjbox::before{
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 2ch solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 20px solid transparent;
}
.hz-pol-cjbox img{
    width:100%;
}
.hz-pol-cjcp{
    width:26.4%;
    margin-left:11.7%;
}
.hz-pol-cjcptitle{
    font-size:18px;
    margin-left:15.3%;
    margin-top:4%;
}
.hz-pol-cjcptitle>b{
    font-weight:600;
}
.hz-pol-cjbtn{
    width:110px;
    height:30px;
    background-color:#e60012;
    font-size:14px;
    color:#fff;
    text-align:center;
    line-height:30px;
    color:#fff;
    margin-left:14%;
    margin-top:3%;
}
.hz-pol-cjbtn>a,.hz-pol-cjbtn>a:hover{
    color:#fff;
}
.hz-pol-cjbtn img{
    width:7px;
    display:inline-block;
    margin-left:5px;
}
.hz-pol-cjline{
    width:88.6%;
    margin:8% auto 5%;
}
.hz-pol-cjul{
    width:73%;
    margin:0 auto ;
}
.hz-pol-cjul>li{
    width:100%;
    display: flex;
    justify-content:flex-start;
    margin-bottom:3%;
}
.hz-pol-cjt1{
    font-size:15px;
    color:#666;
    margin-right:6px;
}
.hz-pol-cjt2{
    font-size:15px;
    color:#666;
    line-height:1.8em;
}
.hz-pol-cjwbtn{
    position:absolute;
        width: 38.3%;
    left: 36.7%;
    top: 33.2%;
    cursor:pointer;
}
.hz-pol-cjhand{
    position:absolute;
    width:11.4%;
    left:17.2%;
    top:24.9%;
    animation:cjhand 1s infinite linear;
}
@keyframes cjhand{
    0%{
        transform:translate(8px,8px)
    }
    100%{
        transform:translate(0,0)
    }
}

@media screen and (max-width: 1300px){
    .hz-pol-cjmain{
        height:65%;
    }
    .hz-pol-cjtitle{
        font-size:30px;
    }
    .hz-pol-cjclose{
        width:30px;
    }
    .hz-pol-cjbox{
        width:203px;
    }
    .hz-pol-cjcptitle{
        font-size:14px;
    }
    .hz-pol-cjt2{
        font-size:10px;
    }
    .hz-pol-cjbtn{
        width:70px;
        font-size:10px;
    }
}

@media screen and (max-width: 768px){
    .hz-pol-cjtitle{
        width:100%;
        left:0;
        text-align:center;
        font-size:6.5vw;
        top:15.7%;
    }
    .hz-pol-cjclose{
        width:8%;
        right:83.2%;
        top:4.5%;
        z-index:9;
    }
    .hz-pol-cjmain{
        left:0;
        top:0;
        width:100%;
        height:100%;
    }
    .hz-pol-cjmainc{
        width: 115%;
        height: auto;
        position:absolute;
        left: -20%;
        top:28%;
    }
    .hz-pol-cjmain .hz-pol-cjmainc>img{
        width:100%;
    
        height:auto;
    }
    .hz-pol-cjbox::before{
        display:none;
    }
    .hz-pol-cjmask{
        position: absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.3);
        display: none;
        z-index:10;
    }
    .hz-pol-cjbox{
        left: 23%;
        top: 0%;
        width: 76%;
        opacity:1;
        z-index:100;
        box-shadow:0 0 16px rgba(208,211,214,0);
        display:none;
    }
    .hz-pol-cjbox.active{
        display: block;
    }
    .hz-pol-cjclosec{
        width:7%;
        right:0;
        top:-10%;
        position:absolute;
        z-index:100;
        display: none;
    }
    .hz-pol-cjclosec>img{
        width:100%;
    }
    .hz-pol-cjcp{
        width:27.2%;
        margin-left:11.4%;
    }
    .hz-pol-cjcptitle{
        font-size:4vw;
    }
    .hz-pol-cjbtn>a{
        font-size:3.2vw;
    }
    .hz-pol-cjt2{
        font-size:3.6vw;
    }
}


/* 20231211新增企业页面css代码 */

.hz-20231211-p0box{
    width: 100%;
}
.hz-20231211-p0ul{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    overflow: hidden;
}
.hz-20231211-p0ul li{
  width: calc(33.33% - 0.5px);
  margin-bottom: 0.1%;
  margin-left: 0.8px;
  position: relative;
  color: #000;
  cursor: pointer;
}
.hz-20231211-p0ul li:nth-child(3n+1) {
    margin-left: 0px;
}
.hz-20231211-p0ul li img{
    width: 100%;
}
.hz-20231211-p0ul li .txt{
    font-size: 27.2px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-weight: 600;
}
.hz-20231211-p0ul li .maskbox{
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
position: absolute;
top: 0%;
left: 0%;
display: none;
}

.hz-20231211-p0ul li .maskbox .mask-item{
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}
.hz-20231211-p0ul li .maskbox .mask-tit{
    font-size: 22px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    line-height: 1.6em;
    margin-bottom: 5% ;
}

/* 行业资料 */
.hz-20231211-p2box {
background-color: #f7f7f7 !important;
}
.hz-20231211-p2box .hz-20231211-p2ul{
  width: 100%;
  display: flex;
  justify-content:space-between;
  flex-wrap:wrap;
  overflow: hidden;
}
.hz-20231211-p2box .hz-20231211-p2ul li{
    width: calc(50% - 10px);
    background-color: #fff;
    margin-top: 3%;
}
.hz-20231211-p2box .hz-20231211-p2ul li:nth-child(1),.hz-20231211-p2box .hz-20231211-p2ul li:nth-child(2){
    margin-top: 0%;
}

.hz-20231211-p2box .hz-20231211-p2ul li > img{
    width: 29.2%;
    display: inline-block;
}
.hz-20231211-p2-itembox{
    width: 70.8%;
    height: 100%;
    float: right;
    position: relative;
}
.hz-20231211-p2-tit{
    font-size: 20px;
    color: #333;
    line-height: 1.6em;
    margin-bottom: 6%;

}
.hz-20231211-p2-item{
    width: 81.8%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ns-red-next-arrow.ns-red-next-arrow-xz::before {
    background: url(../images/xz-icon.png) no-repeat;
    width: 18px;
    height: 18px;
}


/* 行业新闻 */


.hz-20231211-p3-item{
    width: 100%;
    overflow: hidden;
}
.hz-20231211-p3-item ul{
    width: 49%;
    float: left;
}
.hz-20231211-p3-item ul li{
 height: 116px;
 position: relative;
 border-bottom: 1px solid #ccc;
 color: #333;
 cursor: pointer;
}
.hz-20231211-p3-item ul li:nth-child(4){
    border-bottom: 1px solid transparent;
}
.hz-20231211-p3-item ul li:hover{
    background: #fff;
    border-bottom: 1px solid #fff;

}
.hz-20231211-p3-item ul li:hover .hz-20231211-p3-txtbox{
    left: 5%;
}
.hz-20231211-p3-item ul li:hover a{
    background: #fff;
    color: #e60012;
    display: block;
    width: 100%;
    height: 100%;
}
.hz-20231211-p3-txtbox{
    width: 89.3%;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    transition: all 0.5s;
}
.hz-20231211-p3-item ul li .hz-20231211-p3-txt1{
    font-size: 14px;
    margin-bottom: 2%;
}
.hz-20231211-p3-item ul li .hz-20231211-p3-txt2{
    font-size: 20px;
}
.hz-20231211-p3-right{
    width: 48.3%;
    float: right;
    overflow: hidden;
}
.hz-20231211-p3-right-img{
    width: 100%;
    overflow: hidden;
}
.hz-20231211-p3-right-img img{
    transition: all 0.3s;
}
.hz-20231211-p3-right img{
    width: 100%;
}
.hz-20231211-p3-right-txtbox{
    background: #fff;
    height: 200px;
    /* padding: 6% 0; */
}
.hz-20231211-p3-right-txt{
    width: 76%;
    margin: 0 auto;
    font-size: 22px;
    color: #333;
    position: relative;
    padding-top: 8%;
}
.hz-20231211-p3-right-txt::before {
    content: "";
    position: absolute;
    left: -8%;
    top: 43%;
    background: url(../images/yh-icon1.png) no-repeat;
    width: 18px;
    height: 14px;
}
.hz-20231211-p3-right-txt::after {
    content: "";
    position: absolute;
    right: -8%;
    bottom: 2%;
    background: url(../images/yh-icon2.png) no-repeat;
    width: 18px;
    height: 14px;
}
.hz-20231211-p3-right-txtbox .ns-red-next-arrow{
    margin-left: 12%;
    margin-top: 5%;
}
.hz-20231211-p1box{
    background: url(../images/qy-p1-bg.jpg) no-repeat;
    background-size: cover;
}
.hz-20231211-p3box{
    background: url(../images/qy-p3-bg.jpg) no-repeat;
    background-size: cover;
}
.hz-20231211-p3-right:hover .hz-20231211-p3-right-img img{
   transform: scale(1.05);
}
@media (max-width: 768px){
    .hz-20231211-p0ul li {
        width:100%;
        margin-bottom: 0.5%;
        position: relative;
    }
    .hz-20231211-p0ul li .txt {
        font-size: 5.3vw;
        font-weight: 600;
    }
    .hz-20231211-p0ul li .maskbox .mask-tit {
        font-size: 4.8vw;
    }
    .hz-20231211-p2-tit {
        font-size: 4vw;
        color: #333;
        line-height: 1.6em;
        margin-bottom: 6%;
    }
    .hz-20231211-p2-item .ns-red-next-arrow{
        font-size: 3.2vw;
    }
    .hz-20231211-p2box .hz-20231211-p2ul li {
        width: 100%;
        background-color: #fff;
        margin-top: 3%;
    }
    .hz-20231211-p2box .hz-20231211-p2ul li:nth-child(1), .hz-20231211-p2box .hz-20231211-p2ul li:nth-child(2) {
        margin-top: 3%;
    }
    .hz-20231211-p3-right {
        width: 100%;
        float: none;
    }
    .hz-20231211-p3-item ul {
        width: 100%;
        float: none;
        margin-top: 5%;
    }
    .hz-20231211-p3-right-txt {
        width: 76%;
        margin: 0 auto;
        font-size: 4.4vw;
        color: #333;
        position: relative;
        padding-top: 8%;
    }
    .hz-20231211-p3-right-txt::before {
        content: "";
        position: absolute;
        left: -9%;
        top: 40%;
        background: url(../images/yh-icon1.png) no-repeat;
        width: 18px;
        height: 14px;
    }
    .hz-20231211-p3-right-txtbox {
        background: #fff;
        height: auto;
        padding-bottom: 6%; 
    }
    .hz-20231211-p3-item ul li .hz-20231211-p3-txt1 {
        font-size: 3.2vw;
        margin-bottom: 2%;
    }
    .hz-20231211-p3-item ul li .hz-20231211-p3-txt2 {
        font-size: 4vw;
    }
    .hz-20231211-p3-item ul li {
        height: auto;
        padding: 15%;
    }
    .hz-20231211-p0box .ns-red-next-arrow::before,
    .hz-20231211-p1box .ns-red-next-arrow::before,
    .hz-20231211-p3box .ns-red-next-arrow::before {
        content: "";
        position: absolute;
        left: -9%;
        top: 52%;
        transform: translateY(-50%);
        background: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/arrow-link-red.png) no-repeat;
        background-size: 100% 100%;
        width: 22px;
        height: 10px;
    }
    .hz-20231211-p2box .ns-column-title-flex .ns-red-next-arrow:before {
        content: "";
        position: absolute;
        left: -9%;
        top: 52%;
        transform: translateY(-50%);
        background: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/arrow-link-red.png) no-repeat;
        background-size: 100% 100%;
        width: 22px;
        height: 10px;
    }
}
/* 新增 聚合页*/
.hz-231211-bannert1{
    width: 36.8%;
    font-size: 20px;
    color: #000;
    line-height: 1.7em;
    margin-top: 0%;
}
.hz-p-container{
    width: 1200px;
  
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.hz-231211p-titbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
}
.hz-231211p-tit{
    font-size: 36px;
    
}
.hz231211-red-arrow{
    font-size: 16px;
    color: #e60012;
    padding-left: 30px;
    position: relative;
    display: inline-block;
}

.hz231211-red-arrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/arrow-link-red.png) no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 14px;
}
.hz231211-ulbox{
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.hz231211-ulbox li{
    width: 20%;
}
.hz231211-uldiv{
    width: 75px;
    margin: 30px auto 0;
}
.hz231211-ulbox p{
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-top:20px ;
}
.hz-p-container-bg{

    background-size: cover;
    position: relative;
    padding-bottom: 100px;
}
.hz-p-container-bg5{
    background-image: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/hz-231211p-titbox-bg5.jpg);
}
.hz-p-container-bg4{
    background-image: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/hz-231211p-titbox-bg4.jpg);
}
.hz-p-container-bg1{
    background-image: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/hz-231211p-titbox-bg1.png);
}
.hz231211-siwperbox img{
    width: 100%;
}
.hz231211-siwperbox{
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}
.hz231211-slideimg{
    width: 100%;
}

.hz231211-slidetxtbox{
    height: 160px;
    position: relative;
    background: #fff;
}
.hz-231211-yh{
    width: 23px;
    position: absolute;
    left: 30px;
    top: 27px;
}
.hz-231211-yh2{
    width: 23px;
    position: absolute;
    right:30px;
    top: 67px;
}
.hz231211-slidetxt{
    font-size: 22px;
    width: 77%;
    position: absolute;
    left: 12%;
    top: 30px;
    line-height: 1.5;
    
}

.hz231211-slidelink{
    position: absolute;
    left: 12%;
    bottom: 10%;
}
.hz231211-slidelink .hz231211-red-arrow{
    font-size: 16px;
}   
.hz-231211-p3ulbox{
    display: flex;
    flex-wrap: wrap;
    margin-top: 36px;
}
.hz-231211-p3ulbox li{
    width: 33.33%;
    overflow: hidden;
}
.hz-231211-p3ulbox img{
    width: 100%;
}
.hz-231211p3-imgtxt{
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.hz-231211p3-imgbox{
    position: relative;
}
.hz-231211p3-imgtxt{
    font-size: 27.2px;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-weight: 600;
}
.hz-231211p3-imgmark{
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0%;
    background: rgba(0, 0, 0, 0.8);
    transform: translateY(101%);
    padding: 7% 6%;
}
.hz-231211p3-txt{
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #fff;
}
.hz-231211p3-imglink{
    position: absolute;
    left: 6%;
    bottom: 11%;
}
.hz-p-container-nobg{
    padding-bottom: 95px;
}
.hz-p-container-bg img{
    width: 100%;
}
/* 新修改 */
.hz-231211-p4btn{
    width: 206px;
    position: relative;
    height: 97px;
    cursor: pointer;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
}
.hz-231211-p4btn.active{
    background: #d5000f;
}
.hz-240118-sy{
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
.hz-231211-p4btn.active .hz-240118-sy{
    display: block;
}
.hz-20231211-p0ul li .maskbox .mask-tit{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}





.hz-231211-p4box{
    margin-top: 40px;
    overflow: hidden;
}
.hz-231211-p4btnbg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: none;
}
.hz-231211-p4btntxt{
    position: absolute;
    font-size: 16px;
    width: 145px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.hz-231211-p4btn.active .hz-231211-p4btnbg{
    display: block;
}
.hz-231211-p4btn.active .hz-231211-p4btntxt{
    color: #fff;
}
.hz-231211-p4btnbox .hz-231211-p4btn{
    margin-top: 14px;
}
.hz-231211-p4btnbox .hz-231211-p4btn:nth-child(1){
    margin-top: 0;
}
.hz-231211-p4btnbox{
    width: 253px;
    float: left;
}
.hz-231211-p4conbox{
    float: left;
    width: 947px;
}

.hz-231211-p4conbox:after{
    content: "";
    display: block; 
    height: 0; 
    clear:both; 
    visibility: hidden;
}
#father{
     zoom: 1;
}
.hz-231211p4-img{
    width: 629px;
    float: left;
    z-index: 2;
    position: relative;
    margin-top: 2.4%;
}
.hz-231211p4-imgtxt{
    width: 403px;
    float: left;
    margin-left: -90px;
    background: #fff;
    padding-left: 126px;
    padding-top: 84px;
    padding-right: 46px;
    border-radius: 10px;
    height: 430px;
    position: relative;
}
.hz-231211p4-imgtxtTit{
    font-size:22px ;
    font-weight: bold;
    color: #000
}
.hz-231211p4-imgtxtTxt{
    font-size:14px ;
    color: #666;
    line-height: 1.6;
}
.hz-231211p5-ulBox{
        display: flex;
        gap:20px
}
.hz-231211p5-li{
    height: 300px;
    background: #fff;
    padding: 40px 50px 50px 30px;
}
.hz231211p5-siwperbox{
    margin-top: 40px;
}
.hz-231211-p5Time{
    font-size: 14px;
    color: #333333;
}
.hz-231211-p5Txt{
    font-size: 20px;
    color: #333;
    line-height: 1.5;
    margin-top: 27px;
    min-height: 150px;
}

.hz-231211p4-imgtxtTxt{
    font-size: 14px;
    color: #666666;
    margin-top: 24px;
    min-height: 170px;
}
.hz-231211p4-link{
    width: 115px;
    border: 1px solid #e40012;
    text-align: center;
    line-height: 1;
    border-radius: 30px;
    padding: 11px 0;
    position: absolute;
    left:126px;
    bottom: 17%;
}
.hz-231211p4-link a{
    font-size: 16px;
    color: #e40012;
}
.hz-231211-p4con{
    display: none;
}
.hz-231211p3-imgbox:hover .hz-231211p3-imgmark{
    transform: translate(0);
}
/* .hz-231211p3-imgmark{
    transition: all 1s;
} */
.hz231211-slidetxtbox a:hover{
    color: unset;
}
.hz-p-container-swiper{
    padding-bottom: 50px;
}
.hz231211-siwperbox{
    padding-bottom: 50px;
}
.hz231211p2-swiper-pagination span.swiper-pagination-bullet-active{
    background: #e40012;
}
.hz-231211p2-btnlb{
    /* width: 5%; */
    width: 44px;
    position: absolute;
    left: 5%;
    top: 50%;
    z-index: 14;
}
.hz-231211p2-btnrb{
    /* width: 5%; */
    width: 44px;
    position: absolute;
    right: 5%;
    top: 50%;
    z-index: 14;
}
.hz-231211p2-btnrb img{
    transform: rotate(180deg);
}
.hz-231211p2-btnlr{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.hz-231211p2-btnlb:hover .hz-231211p2-btnlr{
    display: block;
}
.hz-231211p2-btnrb:hover .hz-231211p2-btnlr{
    display: block;
}
.hz-p-container img{
    width: 100%;
}
.hz231211p5-swiper-pagination{
    display: none;
}
.hz231211-red-arrow:hover{
    color: #f60;
}

@media (max-width: 1400px) {
    .hz-p-container {
        width: 1200px;
    }
}
@media (max-width: 1200px) {
    .hz-p-container {
        width: 960px;
    }
    .hz231211-uldiv {
    width: 70px;
    margin: 4% auto 0;
}
.hz-231211p3-imgtxt{
    font-size: 25px;
    color: #fff;
    font-weight: bold;
}
.hz-231211-p4conbox {
    
    width: 757px;
}

.hz-231211-p4btnbox {
    width: 203px;
    
}
/* 修改 */
.hz-231211-p4btn {
    width: 165px;
    height: 77px;
    position: relative;
}



.hz-231211p4-img {
    width: 502px;
    float: left;
    z-index: 2;
    position: relative;
    margin-top: 2.4%;
}
.hz-231211p4-imgtxt {
    width: 320px;
    float: left;

    padding-top: 3%;
    padding-right: 4%;
    border-radius: 10px;
    height: 352px;

}
.hz-231211p4-link {
    width: 96px;

    padding: 11px 0;
    bottom: 10%;
}
.hz-231211p4-link a{
    font-size: 14px;
}
.hz-231211p5-li {

    padding: 30px 30px 30px 20px;
}
.hz-231211-p5Txt{
    font-size: 18px;
}
}
@media (max-width: 960px) {
    .hz-p-container {
        width: 100%;
        padding: 0 3%;
    }
    .hz_bu_banner .secondWrapBox.hz-231211-secondWrapBox {
    height: auto;
    left: 0;
    top: 21%;
    transform: translateY(-50%);
}
.hz-231211-bannert1 {
    width: 70.8%;

}
    .hz-p-container-nobg{
        padding-bottom: 10%;
    }
    .hz231211-ulbox li{
        width: 25%;
        margin-top: 2%;
    }
    .hz231211-ulbox{
        padding-top: 4%;
    }
    .hz231211-uldiv{
        width: 50%;
    }
    .hz231211-ulbox p {
    font-size: 3.2vw;
    margin-top:5%;
    }
    .hz-231211p-titbox {
    margin-top: 6%;
    }
    .hz-231211p-tit {
    font-size: 5.33vw;
}
.hz-p-container .swiper-slide{
    padding-bottom: 0;
}
.hz231211-slidetxt{
    font-size: 4.4vw;
}
.hz-231211-yh {
    width: 4%;
    position: absolute;
    left: 6%;
    top: 16%;
}
.hz-231211-yh2 {
    width: 4%;
    position: absolute;
    right: 6%;
    top: 33%;
}
.hz231211-slidetxtbox {
    height: 40vw;
    position: relative;
    background: #fff;
}
.hz231211-slidelink .hz231211-red-arrow{
    font-size: 3.2vw;
    padding-left: 16px;
}
.hz231211-red-arrow::before {

    width: 14px;
    height: 8px;
}
.hz231211-slidelink {
    bottom: 19%;
}
.hz231211-siwperbox {
    padding-bottom: 9%;
    margin-top: 4%;
}
.hz-p-container-swiper{
    padding-bottom: 5%;
}
.hz-231211p2-btnlb {
    width: 8%;
    top: auto;
    bottom: 2%;
        z-index: 11;
}
.hz-231211p2-btnrb {
    width: 8%;
    top: auto;
    bottom: 2%;
    z-index: 11;
}
.hz231211-red-arrow {
    font-size: 3.2vw;
    padding-left: 15px;
}
.hz-231211-p3ulbox{
    display: block;
    margin-top: 4%;
}
.hz-231211-p3ulbox li{
    width: 100%;
}
.hz-231211p3-imgtxt{
    font-size: 5.33vw;
}
.hz-231211p3-txt{
    font-size: 4.8vw;
}
.hz-231211p3-imglink {
    position: absolute;
    left: 11%;
    bottom: 11%;
}
.hz-231211p3-imgmark {
    
    padding: 7% 11%;
}
.hz-231211-p4btnbox {
    width: 100%;
    float: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* 修改 */
.hz-231211-p4btn{
    width: 48%;
    margin-top: 0;
    height: 17vw;
}



.hz-231211-p4btnbox .hz-231211-p4btn{
    margin-top: 0;
    margin-bottom: 4%;
}
.hz-231211-p4btntxt{
    font-size:3.2vw ;
    width: 64%;
    text-align: center;
}
.hz-231211-p4conbox{
    width: 100%;
    float: none;
}
.hz-231211p4-img{
    float: none;
    width: 100%;
}
.hz-231211p4-imgtxt{
    width: 100%;
    float: none;
    margin-right: 0;
    margin-left: 0;
    margin-top: -10%;
    padding-left: 6%;
    padding-top: 14%;
    padding-right: 6%;

    height: auto;
}
.hz-231211p4-imgtxtTit{
    font-size: 4.4vw;
}
.hz-231211p4-imgtxtTxt{
    font-size: 2.8vw;
    min-height: 39vw;
}
.hz-231211p4-link a{
    font-size: 3.2vw;
}
.hz-231211p4-link {
    width: 24%;
    padding: 2% 0;
    left: 7%;
}
.hz-231211-p5Time{
    font-size: 3.2vw;
}
.hz-231211-p5Txt{
    font-size: 4.26vw;
    min-height:23vw;
}
.hz-231211p5-li{
    height: auto;
    padding:10% 6%;
}
.hz231211p5-siwperbox{
    padding-bottom: 7%;
    margin-top: 4%;
}
.hz-p-container-bg{
    padding-bottom: 10%;
}
.hz231211p5-swiper-pagination{
    display: block;
}
.hz-231211-p4box{
    margin-top: 4%;
}
}

/* 行业解决方案banner修改 */
.ns-master-banner-slide .hz-231106-unp0img+.secondWrap{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.ns-master-banner-slide:has(.hz-231106-unp0img){
    position: relative;
}
.hz-231211-secondWrapBox{
    width: 1232px;
    padding: 0 16px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.hz-231106-unp0img img{
    width: 100%;
}
.hz-231211-secondWrapBox img{
    width: 100%;
}
@media screen and (max-width: 960px){
    .hz-231211-secondWrapBox{
        height: auto;
        left: 0;
        top: 21%;
        transform: translateY(-50%);
        width: 100%;
    }
    .hz-231211-bannert1 {
        width: 29.8%;
    }

}
@media screen and (max-width: 768px){
    .hz-231211-secondWrapBox{
        height: auto;
        left: 0;
        top: 21%;
        transform: translateY(-50%);
        width: 100%;
    }
    .hz-231211-bannert1 {
        width: 70.8%;
    }

}
/* 20240110 全光页面新增按钮 */

.hz_240110_btnwrap{
    width:100%;
    display:flex;
    
}
.hz_240110_btnwrap>div:last-child{
    margin-left:4%;
}
.hz_240110_btn{
    width:40%;
    height:38px;
    line-height:36px;
    background-color:#e60012;
    font-size:14px;
    border-radius:20px;
    box-sizing:border-box;
}
.hz_220907_znlj_p2_img .hz_240110_btn img{
    display:inline-block;
    width:22px;
}
.hz_240110_btn.hz_240110_btncolor{
    width:44%;
    background-color:#fff;
    border:1px solid #e60012;
}
.hz_240110_btn.hz_240110_btncolor>a{
    color:#e60012;
}
.hz_240110_btn>a{
    color:#fff;
}
.hz_240110_btn>a:hover{
   color:#fff; 
}
.hz_240110_btn.hz_240110_btncolor>a:hover{
   color:#e60012; 
}
@media screen and (max-width: 768px){
    .hz_240110_btn{
    width:32%;
    font-size:13px;
    height:38px;
    line-height:38px;
}
.hz_240110_btn.hz_240110_btncolor{
    width:38%
}
.hz_240110_btn.hz_240110_btncolor{
    line-height:35px;
}
}
/* D732 */
.hz-20240201-banner img{
    width: 100%;
}
li{
    list-style:none;
}
.hz-20240201-banner+div+ul li{
    list-style:none;
}
.hz220823-D5-020S-ns-container li{
    list-style:none;
}
.hz-20240201-D732-banner-tit-box{
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 4.5vw;
}
.hz-20240201-D732-banner-tit-box p{
    font-family: 'PingFang_Regular';
    text-align: center;
    margin: 0;
    line-height: 1;
}
.ns-master-banner-slide:has(.hz-20240201-banner){
    position: relative;
}
.hz-20240201-banner{
    width: 100%;
}
.hz-20240201-D732-banner-tit-box .hz-20240201-D732-banner-tit1{
    color: #db0012;
    font-size: 3.02vw;
    font-family: 'PingFang_Regular';
}
.hz-20240201-D732-banner-tit-box .hz-20240201-D732-banner-tit2{
    color: #000000;
    font-size: 1.55vw;
    margin-top: 0.6vw;
    letter-spacing: 0.5vw;
    font-family: 'PingFang_Regular';
    
}
.hz-20240201-D732-banner-tit-box .hz-20240201-D732-banner-tit3{
    color: #000000;
    font-size: 3.02vw;
    word-spacing: 2.9vw;
    letter-spacing: 0.4vw;
    margin-top: 3vw;
    font-family: 'PingFang_Regular';
}
.hz-20240201-D732-banner-li li{
    width: fit-content;
    font-size: 0.93vw;
    font-family: 'PingFang_Regular';
    float: left;
    margin: 0 10px;
    line-height: 1;
}
.hz-20240201-D732-banner-li{
    width: max-content;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3.5vw;
    overflow: hidden;
    padding-left: 0;
}
.hz-20240201-con{
    background-color: #edf0f4;
}
.hz-20240201-p-tit1{
    font-size: 2.5vw;
    font-family: 'PingFang_Regular';
    text-align: center;
    line-height: 1;
   
}
.hz-20240201-p-tit2{
    font-size: 0.93vw;
    text-align: center;
    font-family: 'PingFang_Regular';
    line-height: 1.7vw;
    width: 62.5vw;
    margin: 1.5625vw auto 0;
    color: #575757;
}
.hz-20240201-D732-pbox{
    padding-top: 3.125vw;
    padding-bottom:3.125vw ;
    position: relative;
}
.hz-20240201-swiper{
    width: 100%;
    margin-top: 2.08vw;
}
.hz-20240201-con img{
    width: 100%;
}
.hz-20240201-slide-txt{
    width: 100%;
    padding: 1.19vw 0 1.04vw 2.76vw;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    backdrop-filter: blur(40px);
    display: none;
}
.hz-20240201-slide-txt-p1{
    font-size: 1.66vw;
    font-family: 'PingFang_Regular';
    line-height: 1;
}
.hz-20240201-slide-txt-p2{
    font-size: 0.83vw;
    font-family: 'PingFang_Regular';
    line-height: 1;
    margin-top: 0.85vw;
}
.hz-20240201-swiper-pagination{
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 1vw !important;
}
.hz-20240201-swiper-pagination .swiper-pagination-bullet-active{
    background-color: #000;
}
.hz-20240201-swiper .swiper-slide{
    opacity: 0.6;
}
.hz-20240201-swiper .swiper-slide.swiper-slide-active{
    opacity: 1;
}
.hz-20240201-swiper .swiper-slide.swiper-slide-active .hz-20240201-slide-txt{
    display: block;
}
.hz-20240201-D732-p1box{
    background: #fff;
}
.hz-20240201-p1ul{
    width: 72.9vw;
    margin: 2.08vw auto 0;
}

.hz-20240201-p1li{
   
    
    background: #f7f8fa;
    padding-top: 2.6vw;
    padding-bottom: 0.5vw;
}
.hz-20240201-p1li-txt1{
    padding-left: 2.08vw;
    padding-right: 2.29vw;
    font-family: 'PingFang_Regular';
    font-size: 1.66vw;
    color: #000;
    font-weight: bold;
}
.hz-20240201-p1li-txt2{
    padding-left: 2.08vw;
    padding-right: 2.29vw;
    font-size: 1.14vw;
    font-family: 'PingFang_Regular';
    color: #575757;
    margin-top: 1.04vw;
    line-height: 1.7vw;
   margin-bottom: 2.08vw;
}
.hz-20240201-D732-p2box{
    background-color: #000;
}
.hz-20240201-D732-p2box .hz-20240201-p-tit1{
    color: #fff;
}
.hz-20240201-D732-p2box .hz-20240201-p-tit2{
    color: #fff;
}
.hz-20240201-p2img0{
    width: 72.9vw;
    margin: 0 auto;
}
.hz-20240201-D732-p3box{
    background-image: url(https://resource.h3c.com/cn/tres/NewWebUI/2024/images/hz-20240201-D732-p3boxbg.png);
    background-position: center;
    background-size: cover;
}
.hz-20240201-D732-p3box .hz-20240201-p-tit1{
    color: #000;
    width: 33.25vw;
    font-weight: bold;
    font-family: 'PingFang_Regular';
    font-size: 1.66vw;
    line-height: 3vw;
    margin: 0 auto;
}
.hz-20240201-D732-p3box .hz-20240201-p-tit1 span{
    font-size: 2.5vw;
    font-family: 'PingFang_Regular';
    font-weight: bold;
}
.hz-20240201-p3img0{
    width: 68.54vw ;
    margin: 2.81vw auto 0;
}
.hz-20240201-D732-p4box{
    background-image: url(https://resource.h3c.com/cn/tres/NewWebUI/2024/images/hz-20240201-D732-p4boxbg.png);
    background-size: cover;
}
.hz-20240201-p4imgbox{
    display: flex;
    width: 62.5vw;
    align-items:center;
    margin: 2vw auto 0;
    justify-content:space-between;
}
.hz-20240201-p4box-left{
    width: 23.54vw;
}
.hz-20240201-p4box-right{
    width: 30.15vw;
}
.hz-20240201-p4img-txt1{
    font-size: 1.14vw;
    font-weight: bold;
    font-family: 'PingFang_Regular';
    padding-bottom: 0.78vw;
    border-bottom: 1px solid #575757;
}
.hz-20240201-p4img1{
    margin-top: 0.94vw;
}
.hz-20240201-p4img-txt2{
    font-size: 1.14vw;
    font-family: 'PingFang_Regular';
    font-weight: bold;
    padding-bottom: 0.78vw;
    border-bottom: 1px solid #575757;
    margin-top: 1.875vw;
}
.hz-20240201-p0jt1{
    width: 3vw;
    position: absolute;
   
    top: 22vw;
    left: 25vw;
z-index: 10;
}
.hz-20240201-p0jt2{
    width: 3vw;
    position: absolute;
    top: 22vw;
    right: 25vw;
    z-index: 10;
}
.hz-20240201-p0jt2 img{
    transform: rotate(190deg);
}
.hz20240201show-pc{
    display: block !important;
}
.hz20240201show-phone{
    display: none !important;
}
.hz-20240201-p1ul .swiper-slide{
    height: auto;
}
@media (max-width: 1400px){
    .hz-20240201-swiper .swiper-slide{
        height: auto;
    }
}
@media (max-width: 960px){
    .hz20240201show-pc{
        display: none !important;
    }
    .hz20240201show-phone{
        display: block !important;
    }
    .hz-20240201-D732-banner-tit-box {
        width: 100%;
        left: 50%;
        top: 16vw;
    }
    .hz-20240201-D732-banner-tit-box .hz-20240201-D732-banner-tit1 {
        font-size: 7.73vw;
    }
    .hz-20240201-D732-banner-tit-box .hz-20240201-D732-banner-tit2 {
        font-size: 4vw;
        margin-top: 1.6vw;
        letter-spacing: 1.3vw;
    }
    .hz-20240201-D732-banner-tit-box .hz-20240201-D732-banner-tit3 {
        width: 54.26vw;
        font-size: 7.73vw;
        word-spacing: 2.9vw;
        letter-spacing: 0.8vw;
        margin: 6vw auto 0;
        line-height: 11.7vw;
    }
    .hz-20240201-D732-banner-li li {
        width: fit-content;
        font-size:3.2vw;
        float: left;
        margin: 0 10px;
        line-height: 1;
    }
    .hz-20240201-D732-banner-li {
        width: 67.7%;
        text-align: center;
        top: 70vw;
        bottom: auto;
        overflow: hidden;
        padding-left: 0;
    }
    .hz-20240201-D732-banner-li li {
       
        font-size: 3.2vw;
        float: none;
        display: inline-block;
        margin: 0 5px;
        line-height: 5.8vw;
    }
    .hz-20240201-D732-pbox {
        padding-top: 17.6vw;
        padding-bottom: 15.6vw;
        position: relative;
    }
    .hz-20240201-p-tit1 {
        font-size: 8.53vw;
        text-align: left;
        padding-left: 5.33vw;
        width: 66vw;
        font-weight: bold;
        line-height: 11vw;
    }
    .hz-20240201-p-tit2 {
        font-size: 3.73vw;
        text-align: left;
        line-height: 6vw;
        padding:0 5.33vw;
        width: 100%;
        margin: 4.8vw auto 0;
    }
    .hz-20240201-swiper {
       
        margin-top: 8vw;
    }
    .hz-20240201-swiper-pagination {
        
        bottom: 7vw !important;
    }
    .hz-20240201-slide-txt{
        position: relative;
        background: #fff;
        backdrop-filter: blur(0px);
        padding-top: 8.26vw;
        padding-bottom: 8.26vw;
        display: block;
    }
    .hz-20240201-slide-txt-p1 {
        font-size: 5.03vw;
        line-height: 1;
        color: #000;
        text-align: center;
    }
    .hz-20240201-slide-txt-p2 {
        font-size: 3.2vw;
        line-height: 1;
        color: #000;
        margin-top: 4.4vw;
        text-align: center;    
    }
    .hz-20240201-swiper img{
        display: block;
    }
    .hz-20240201-D732-p1box .hz-20240201-p-tit1 {
        width: 86vw;
    }
    .hz-20240201-p1ul {
        width: 95.06vw;
        margin: 8vw auto 0;
        margin-left: 5.33vw;
        overflow: hidden;
    }
    .hz-20240201-p1li {
        background: #f7f8fa;
        padding-top: 12vw;
        padding-bottom: 4.65vw;
    }
    .hz-20240201-p1li-txt1 {
        padding-left:6.66vw;
        padding-right: 6vw;
        font-size: 5.33vw;
        color: #000;
        font-weight: bold;
    }
    .hz-20240201-p1li-txt2 {
        padding-left:6.66vw;
        padding-right: 6vw;
        font-size: 3.46vw;
        color: #575757;
        margin-top: 1.04vw;
        line-height: 4.7vw;
        margin-bottom: 2.08vw;
    }
    .hz-20240201-p2img0{
        width: 100%;
        margin-top: 8vw;
    }
    .hz-20240201-D732-p3box .hz-20240201-p-tit1 {
        color: #000;
        width: 67.66vw;
        font-size:5.6vw;
        line-height: 11vw;
        margin: unset;
    }
    .hz-20240201-D732-p3box .hz-20240201-p-tit1 span {
        font-size:8.53vw;
    }
    .hz-20240201-p3img0{
        width: 87.46vw;
        margin: 8vw auto 0;
    }
    .hz-20240201-D732-p4box .hz-20240201-p-tit1{
        width: 83vw;
    }
    .hz-20240201-p4imgbox{
        padding: 0 5.33vw;
        width: 100%;
        display: block;
    }
    .hz-20240201-p4box-left{
        width: 53.3vw;
        margin: 0 auto;
    }
    .hz-20240201-p4box-right{
        width: 100%;
    }
    .hz-20240201-p4img-txt1{
        font-size: 4.26vw;
    }
    .hz-20240201-p4img-txt2{
        font-size: 4.26vw;
        margin-top: 4.8vw;
    }
}

/* 271Q */
.hz-20240220-con{
    background: #fbfbfb;
    overflow: hidden;
}
.hz-20240220-con img{
    width: 100%;
    display: block;
}
.hz-20240220-271Q-banner-li li{
    width: fit-content;
    font-size: 0.93vw;
    font-family: 'PingFang_Regular';
    float: left;
    margin: 0 10px;
    line-height: 1;
}
.hz-20240220-271Q-banner-li{
    width: max-content;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3.5vw;
    overflow: hidden;
    padding-left: 0;
}
.hz-20240220-271Q-banner-tit-box {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 4.6vw;
}
.hz-20240220-271Q-banner-tit-box p{
    font-family: 'PingFang_Regular';
    text-align: center;
    margin: 0;
    line-height: 1;
}
.hz-20240220-271Q-banner-tit-box .hz-20240220-271Q-banner-tit1 {
    color: #db0012;
    font-size: 1.25vw;
    font-family: 'PingFang_Regular';
}
.hz-20240220-271Q-banner-tit-box .hz-20240220-271Q-banner-tit3 {
    color: #000000;
    font-size: 3.02vw;

    margin-top: 1.7vw;
    font-weight: bold;
    font-family: 'PingFang_Regular';
}
.hz-20240220-271Q-p-tit1{
    font-size: 2.5vw;
    font-family: 'PingFang_Regular';
    text-align: center;
    margin-top: 3vw;
    font-weight: bold;
}
.hz-20240220-271Q-p-tit1 p{
    display: inline-block;
    font-family: 'PingFang_Regular';
    font-weight: bold;
}
.hz-20240220-271Q-p0icontxt2 p{
    display: inline-block;
    font-family: 'PingFang_Regular';
}
.hz-20240220-271Q-w1400{
    width: 73%;
    margin: 0 auto;
    position: relative;
}
.hz-20240220-271Q-p0img1{
    width: 41.77vw;
    margin: 0 auto;
    transform: translateX(-2vw);
}
.hz-20240220-271Q-p0icon-box{
    width: 100%;
    position: absolute;
    left: 0;
    /* top: 2vw; */
    overflow: hidden;
}
.hz-20240220-271Q-p0icon-box-left{
    float: left;
    width: 16vw;
}
.hz-20240220-271Q-p0icon-box-left1{
    margin-top: 2.7vw;
}
.hz-20240220-271Q-p0icon{
    width: 5vw;
}
.hz-20240220-271Q-p0icontxt1{
    font-size: 1.14vw;
    font-weight: bold;
    font-family: 'PingFang_Regular';
    color: #000000;
    margin-top: 1vw;
}
.hz-20240220-271Q-p0icontxt2{
    font-size:0.83vw;
    color: #666666;
    font-family: 'PingFang_Regular';
    margin-top: 0.9vw;
}
.hz-20240220-271Q-p0icon-box-right{
    float: right;
    width: 14vw;
}
.hz-20240220-271Q-p0icon-box-right1{
    margin-top: 2.7vw;
}
.hz-20240220-271Q-p0icon-box-right2{
    margin-top: 5.7vw;
}
.hz-20240220-271Q-p1box{
    position: relative;
}
.hz-20240220-271Q-p1-tit1{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.hz-20240220-271Q-p1-tit1 p{ margin: 0;}
.hz-20240220-271Q-p1-tit2{
    font-size: 0.93vw;
    font-family: 'PingFang_Regular';
    text-align: center;
    position: absolute;
    left: 0;
    top: 7vw;
    line-height: 1.6vw;
    width: 100%;
    color: #575757;
}
.hz-20240220-271Q-p1-tit3{
    font-size: 0.72vw;
    font-family: 'PingFang_Regular';
    color: #000000;
    position: absolute;
    right: 14%;
    bottom: 4%;
}
.hz-20240220-271Q-p2box{
    background-image: url(https://resource.h3c.com/cn/tres/NewWebUI/2024/images/hz20240220-p2bg.png);
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.hz20240220-p2img1{
    width: 42.55vw;
    margin: 2.3vw auto 0;
}
.hz-20240220-p2ul{
    width: 1400px;
    margin: 2.08vw auto 0;
}
.hz-20240220-p2li {
    background: #f7f8fa;
    padding-top: 1.66vw;
    padding-bottom:  1.66vw;
    padding-left: 1.46vw;
    padding-right: 1.45vw;
	list-style: none;
}
.hz-20240220-p2li>div{
    display: flex;
    gap:20px;
}
.hz-20240220-p2li-txt1{
   
    font-family: 'PingFang_Regular';
    font-size: 1.145vw;
    color: #000;
    font-weight: bold;
    margin-top: 1.45vw;
}
.hz-20240220-p2li-txt2 {
  
    font-size: 0.833vw;
    font-family: 'PingFang_Regular';
    color: #666;
    margin-top: 1.14vw;
    line-height: 1;
 
}
.hz20240220-p2icon1{
    width: 3.85vw;
}
.hz20240220-p3img1{
    width: 62.5vw;
    margin:2.3vw auto 0 ;
}
.hz-20240220-271Q-p-tit2{
    width: 100%;
    text-align: center;
    font-size: 0.93vw;
    font-family: 'PingFang_Regular';
    line-height: 1.6vw;
    margin-top: 1.5vw;
    color: #575757;
}
.hz-20240220-271Q-p3box{
    padding-bottom: 4.1vw;
    background: #fff;
    overflow: hidden;
}
.hz20240220-p4img1{
    width: 100%;
}
.hz-20240220-271Q-p4box{
    overflow: hidden;
    background: #edf0f4;
}
.hz-20240220-p2ul .swiper-slide{
    height: auto;
}

.hy-241225-ns-container .ns-security-set li{ width: calc(25% - 2px);}
.hy-241225-ns-container .ns-security-set-details p{ width: 100%;}


.zkty-bg{ background: url(../../images/zkty-bg.jpg) top center repeat-y; background-size: 100% auto; line-height: 1.5;}
.zkty-base-title{ position: relative;}
.zkty-base-title h2{ font-size: 45px; text-align: center; line-height: 1;}
.zkty-base-title .view-all{ font-size: 16px; position: absolute; top: 50%; transform:translateY(-50%); right: 0;}
.zkty-base-title .view-all a{ text-decoration: underline !important; text-underline-offset: 5px;}

.foundation-list{ margin-top: 20px;}
.foundation-list ul{ margin: 0 -20px;}
.foundation-list li{ float: left; width: 50%; padding: 0 20px; margin-top: 2.084vw;}
.foundation-list li .block-box{ background-color: #fff; padding: 30px 60px; position: relative; border-radius: 8px; box-shadow:0 47px 81px rgba(141, 156, 199, 0.13); transition: 0.3s;}
.foundation-list li .block-box .icon{ width: 16%; position: absolute; top: 50%; transform:translateY(-50%); left: 30px;}
.foundation-list li .block-box .icon img{ display: block; width: 100%;}
.foundation-list li .block-box .cont-box{ float: right; width: 82%; font-size: 14px;}
.foundation-list li .block-box .cont-box .type{ font-size: 20px; color: #e60414; font-weight: bold;}
.foundation-list li .block-box .cont-box .tit{ font-size: 20px; margin-top: 5px;}
.foundation-list li .block-box:hover{ background-color: #f1f5fb; box-shadow: 0 0 25px #fff inset; transform: scale(1.1);}

.plan-inner{ position: relative;}
.plan-inner .pic-box{ float: right; width: 50%; position: relative; cursor: pointer;}
.plan-inner .pic-box img{ display: block; width: 100%;}
.plan-inner .pic-box .video-play{ width: 100%; height: 100%; background: url(../../images/icon-play.png) center no-repeat; background-size: 78px; position: absolute; top: 0; left: 0;}
.plan-inner .cont-inner{ width: 50%; position: absolute; top: 50%; transform:translateY(-50%); left: 0; padding: 0 60px;}
.plan-inner .cont-inner .zkty-base-title h2{ text-align: left;}
.plan-inner .cont-inner .cont{ font-size: 20px; margin-top: 15px;}
.plan-inner .cont-inner .btn-box{ margin-top: 20px;}
.plan-inner .cont-inner .btn-box a{ display: inline-block; vertical-align: top; font-size: 14px; line-height: 1; padding: 10px 32px; border: 1px solid transparent; border-radius: 40px; background-color: #e60414; color: #fff;}
.plan-inner .cont-inner .btn-box a:hover{ background-color: #d7000f; border-color: #d7000f; color: #fff;}

.suitable-inner{ margin-top: 2.084vw; position: relative;}
.suitable-tabs-swiper .swiper-wrapper{ display: block;}
.suitable-tabs-swiper .swiper-slide{ text-align: center; font-size: 20px; line-height: 36px; cursor: pointer; float: left; width: 16.666%; margin-top: 15px;}
.suitable-tabs-swiper .swiper-slide .tit{ display: inline-block; vertical-align: top; position: relative; padding-bottom: 5px; transition: 0.5s all;}
.suitable-tabs-swiper .swiper-slide .tit::before{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; transition: 0.5s all;}
.suitable-tabs-swiper .swiper-slide.active,.suitable-tabs-swiper .swiper-slide:hover{ font-size: 22px;}
.suitable-tabs-swiper .swiper-slide.active .tit,.suitable-tabs-swiper .swiper-slide:hover .tit{ color: #e60414; font-weight: bold;}
.suitable-tabs-swiper .swiper-slide.active .tit::before,.suitable-tabs-swiper .swiper-slide:hover .tit::before{ background-color: #e60414;}

.suitable-content-swiper{ margin-top: 1.562vw; box-shadow:0 47px 81px rgba(141, 156, 199, 0.3);}
.suitable-content-swiper .swiper-slide{ background-color: #f1f5fb; box-shadow:0 0 25px #fff inset; border: 1px solid #fff; border-radius: 8px; padding: 70px;}
.suitable-tabs-top .top-title{ font-size: 30px; font-weight: bold; text-align: center; color: #e60414;}
.suitable-tabs-top .cont-inner{ margin-top: 2.084vw;}
.suitable-tabs-top .cont-inner a{ color: #000;}
.suitable-tabs-top .cont-inner .pic{ float: left; width: 42.5%; -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, transparent, transparent, transparent, rgba(0, 0, 0, 0.2)); /* overflow: hidden; */ transition: 0.3s;}
.suitable-tabs-top .cont-inner .pic img{ display: block; width: 100%;}
.suitable-tabs-top .cont-inner .cont-box{ float: right; width: 52.5%; font-size: 14px; margin-top: 15px;}
.suitable-tabs-top .cont-inner .cont-box .more-btn-box{ margin-top: 20px;}
.suitable-tabs-top .cont-inner:hover .pic{ transform: scale(1.1);}

.more-btn-box{ display: inline-block; vertical-align: top; padding: 10px 21px 10px 23px; border: 1px solid transparent; border-radius: 40px; background-color: #e60414; font-size: 14px; color: #fff; line-height: 1;}
.more-btn-box span{ display: block; padding-right: 18px; background: url(../../images/icon-more-arrow.png) right center no-repeat; background-size: 8px auto; color: #fff;}
.more-btn-box:hover{ background-color: #d7000f; border-color: #d7000f; color: #fff;}

.suitable-select-box{ margin-top: 3.125vw; text-align: center;}
.suitable-select-box .select-box{ display: inline-block; vertical-align: top; min-width: 194px; margin: 0 5px;}
.suitable-select-box .select-box select{ width: 100%; height: 48px;  color: #666; font-size: 16px; color: #000; cursor: pointer; border-radius: 4px; transition: all .5s linear;border:solid #d8dce8 1px; -webkit-appearance: none;background:url("https://www.h3c.com/cn/aspx/images/tip1.png") 95% center no-repeat #fff; padding: 0 40px 0 20px;}

.swiper-page{ text-align: center; margin-top: 3.125vw; height: 32px;}
.swiper-page-inner{ display: inline-block; vertical-align: top; padding: 0 98px; position: relative;}
.swiper-page-inner .swiper-arrow{ width: 52px; height: 52px; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: rgba(000, 000, 000, 0.08); border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); cursor: pointer;}
.swiper-page-inner .swiper-arrow-prev{ background-image: url(../../images/icon-swiper-prev.png); left: 0;}
.swiper-page-inner .swiper-arrow-next{ background-image: url(../../images/icon-swiper-next.png); right: 0;}
/* .swiper-page-inner .swiper-arrow.swiper-button-disabled{ display: none;} */
.swiper-page-inner .swiper-pagination{ position: initial; font-size: 0;}
.swiper-page-inner .swiper-pagination-bullet{ margin: 0 4px;;}
.swiper-page-inner .swiper-pagination-bullet-active{ background-color: #e60414;}

.star-product-swiper{ margin-top: 3.125vw; overflow: hidden;}
.star-product-swiper .swiper-container{ margin: 0 -17% !important;}
.star-product-swiper .swiper-slide{ transform: scale(0.8);}
.star-product-swiper .swiper-slide .block-box{ background-color: #f1f5fb; box-shadow:0 0 25px #fff inset; border: 1px solid #fff; border-radius: 8px;}
.star-product-swiper .swiper-slide .block-box a{ color: #000;}
.star-product-swiper .swiper-slide .block-box .pic{ background: url(../../images/star-product-swiper-bg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.star-product-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition: 0.3s;}
.star-product-swiper .swiper-slide .block-box .cont-box{ padding: 25px 60px; font-size: 14px;}
.star-product-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 20px; font-weight: bold;}
.star-product-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 10px;}
.star-product-swiper .swiper-slide .block-box .cont-box .cont span{ color: #e60414;}
.star-product-swiper .swiper-slide .block-box .cont-box .more-btn-box{ margin-top: 20px; opacity: 0;}
.star-product-swiper .swiper-slide-active{ transform: scale(1); z-index: 5;}
.star-product-swiper .swiper-slide-active .block-box .cont-box .more-btn-box{ opacity: 1;}
.star-product-swiper .swiper-slide-prev{ transform: scale(0.8) translate3d(35%, 0px, 0px);}
.star-product-swiper .swiper-slide-next{ transform: scale(0.8) translate3d(-35%, 0px, 0px);}
.star-product-swiper .swiper-slide .block-box:hover .pic img{ transform: scale(1.1);}
.star-product-swiper .swiper-slide .block-box:hover .cont-box .tit{ color: #e60414;}

.solution-swiper{ margin: 3.125vw -15px 0 -15px;}
.solution-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0 15px;}
.solution-swiper .swiper-slide .block-box{ background-color: #f1f5fb;}
.solution-swiper .swiper-slide .block-box a{ color: #000;}
.solution-swiper .swiper-slide .block-box .pic{ overflow: hidden;}
.solution-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition: 0.3s;}
.solution-swiper .swiper-slide .block-box .cont-box{ padding: 25px; font-size: 14px;}
.solution-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 20px; font-weight: bold;}
.solution-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 10px;}
.solution-swiper .swiper-slide .block-box .cont-box .more-btn-box{ margin-top: 20px;}
.solution-swiper .swiper-page{ display: none;}
.solution-swiper.swiper-animate .swiper-page{ display: block;}
.solution-swiper .swiper-slide .block-box:hover .pic img{ transform: scale(1.1);}
.solution-swiper .swiper-slide .block-box:hover .cont-box .tit{ color: #e60414;}

.panorama-inner{ margin-top: 2.084vw; padding: 0 115px; font-size: 14px;}
.panorama-inner .cont{ text-align: center;}
.panorama-inner .img{ margin-top: 2.084vw; box-shadow:0 47px 81px rgba(141, 156, 199, 0.3);}
.panorama-inner .img img{ display: block; width: 100%;}

.application-scenario-swiper{ margin: 3.125vw -15px 0 -15px;}
.application-scenario-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0 15px;}
.application-scenario-swiper .swiper-slide .block-box{ background-color: #e60414;}
.application-scenario-swiper .swiper-slide .block-box .pic{ overflow: hidden;}
.application-scenario-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition: 0.3s;}
.application-scenario-swiper .swiper-slide .block-box .cont-box{ padding: 15px 25px; font-size: 14px; color: #fff;}
.application-scenario-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 20px; font-weight: bold;}
.application-scenario-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 10px;}
.application-scenario-swiper .swiper-slide .block-box .cont-box .more-btn-box{ margin-top: 20px;}
.application-scenario-swiper .swiper-page{ display: none;}
.application-scenario-swiper.swiper-animate .swiper-slide{ opacity: 0.5;}
.application-scenario-swiper.swiper-animate .swiper-slide-active{ opacity: 1;}
.application-scenario-swiper.swiper-animate .swiper-page{ display: block;}
.application-scenario-swiper.swiper-animate .swiper-container{ overflow: initial;}
.application-scenario-swiper .swiper-slide .block-box:hover .pic img{ transform: scale(1.1);}

.success-case-tabs{ margin-top: 2.084vw; font-size: 0; text-align: center;}
.success-case-tabs ul{ margin: 0 -30px;}
.success-case-tabs li{ display: inline-block; vertical-align: top; margin: 0 30px; cursor: pointer;}
.success-case-tabs li .tit{ font-size: 20px; line-height: 36px; padding-bottom: 4px; border-bottom: 1px solid transparent; transition: 0.5s all;}
.success-case-tabs li.active .tit,.success-case-tabs li:hover .tit{ font-weight: bold; font-size: 22px; color: #e60414; border-color: #e60414;}
.success-case-content{ margin-top: 2.084vw;}
.success-case-content .box{ display: none}
.success-case-swiper{ margin: 0 -15px;}
.success-case-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0 15px;}
.success-case-swiper .swiper-slide .block-box{ background-color: #f1f5fb;}
.success-case-swiper .swiper-slide .block-box a{ color: #000;}
.success-case-swiper .swiper-slide .block-box .pic{ overflow: hidden;}
.success-case-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition: 0.3s;}
.success-case-swiper .swiper-slide .block-box .cont-box{ padding: 25px; font-size: 14px; box-shadow: 0 0 25px #fff inset; border: 1px solid #fff;}
.success-case-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 20px; font-weight: bold; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.success-case-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 10px;}
.success-case-swiper .swiper-slide .block-box .cont-box .more-btn-box{ margin-top: 20px;}
.success-case-swiper .swiper-page{ display: none;}
.success-case-swiper.swiper-animate .swiper-page{ display: block;}
.success-case-swiper .swiper-slide .block-box:hover .pic img{ transform: scale(1.1);}
.success-case-swiper .swiper-slide .block-box:hover .cont-box .tit{ color: #e60414;}

.related-resource-inner{ background-color: #f1f5fb; box-shadow:0 0 25px #fff inset; border: 1px solid #fff; border-radius: 8px; padding: 50px 100px;}
.related-resource-list{ margin-top: 3.125vw;}
.related-resource-list ul{ display: flex;}
.related-resource-list li{ flex: 1; padding: 0 30px;}
.related-resource-list li .block-box .top-tit{ border-bottom: 2px solid #d4e0f1; padding-bottom: 10px; font-size: 0;}
.related-resource-list li .block-box .top-tit .icon,.related-resource-list li .block-box .top-tit span{ display: inline-block; vertical-align: middle;}
.related-resource-list li .block-box .top-tit .icon{ width: 30px; margin-right: 8px;}
.related-resource-list li .block-box .top-tit .icon img{ display: block; width: 100%;}
.related-resource-list li .block-box .top-tit span{ font-size: 20px; font-weight: bold;}
.related-resource-list li .block-box dl{ font-size: 14px; padding-top: 10px;}
.related-resource-list li .block-box dd{ margin-top: 8px;}
.related-resource-list li .block-box dd span{ color: #e60414;}
.related-resource-list li .block-box dd a:hover{ color: #e60414; font-weight: bold;}

.related-video-list{ margin-top: 3.125vw;}
.related-video-list ul{ margin: 0 -15px;}
.related-video-list li{ float: left; width: 33.333%; padding: 0 15px;}
.related-video-list li .block-box{ background-color: #f1f5fb; cursor: pointer;}
.related-video-list li .block-box .pic{ position: relative; overflow: hidden;}
.related-video-list li .block-box .pic img{ display: block; width: 100%; transition: 0.3s;}
.related-video-list li .block-box .pic .video-play{ width: 100%; height: 100%; background: url(../../images/icon-play.png) center no-repeat; background-size: 60px; position: absolute; top: 0; left: 0;}
.related-video-list li .block-box .cont-box{ padding: 25px;}
.related-video-list li .block-box .cont-box .tit{ font-size: 20px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.related-video-list li .block-box:hover .pic img{ transform: scale(1.1);}
.related-video-list li .block-box:hover .cont-box .tit{ color: #e60414;}

.news-information-swiper{ margin: 3.125vw -15px 0 -15px;}
.news-information-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0 15px;}
.news-information-swiper .swiper-slide .block-box{ background-color: #f1f5fb;}
.news-information-swiper .swiper-slide .block-box a{ color: #000;}
.news-information-swiper .swiper-slide .block-box .pic{ overflow: hidden;}
.news-information-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; transition: 0.3s;}
.news-information-swiper .swiper-slide .block-box .cont-box{ padding: 25px; font-size: 14px;}
.news-information-swiper .swiper-slide .block-box .cont-box .time{ color: #818181;}
.news-information-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 20px; font-weight: bold; margin-top: 10px; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news-information-swiper .swiper-slide .block-box .cont-box .more-btn-box{ margin-top: 20px;}
.news-information-swiper .swiper-page{ display: none;}
.news-information-swiper.swiper-animate .swiper-page{ display: block;}
.news-information-swiper .swiper-slide .block-box:hover .pic img{ transform: scale(1.1);}
.news-information-swiper .swiper-slide .block-box:hover .cont-box .tit{ color: #e60414;}

.related-resources2-inner{ margin-top: 3.125vw;}
.related-resources2-inner ul{ display: flex; margin: 0 -15px;}
.related-resources2-inner li{ flex: 1; margin: 0 15px; box-shadow:0 47px 81px rgba(141, 156, 199, 0.3);}
.related-resources2-inner li .block-box{ background-color: #f1f5fb; box-shadow: 0 0 25px #fff inset; border: 1px solid #fff; border-radius: 8px; font-size: 0; text-align: center; transition: 0.3s;}
.related-resources2-inner li .block-box .icon,.related-resources2-inner li .block-box span{ display: inline-block; vertical-align: middle;}
.related-resources2-inner li .block-box .icon{ width: 30px; margin-right: 8px;}
.related-resources2-inner li .block-box .icon img{ display: block; width: 100%;}
.related-resources2-inner li .block-box span{ font-size: 20px; font-weight: bold;}
.related-resources2-inner li .block-box a{ display: block; padding: 15px; color: #000;}
.related-resources2-inner li .block-box:hover{ transform: scale(1.1);}
.related-resources2-inner li .block-box:hover a{ color: #e60414;}


a.ns-btn i.ns-icon.ns-icon-service{ width: 23px; height: 23px; background: url(../../images/icon-service.png) no-repeat; background-size: cover; margin: 0 0 0 10px;}
a.ns-btn i.ns-icon.ns-icon-download{ width: 23px; height: 23px; background: url(../../images/icon-download.png) no-repeat; background-size: cover; margin: 0 0 0 10px;}

.integration-solution-inner{ margin-top: 3.125vw;}
.integration-solution-inner .pic-box{ float: left; width: 50%; border-radius: 8px; overflow: hidden; position: relative;}
.integration-solution-inner .pic-box img{ display: block; width: 100%;}
.integration-solution-inner .pic-box .video-play{ width: 100%; height: 100%; background: url(../../images/icon-play.png) center no-repeat; background-size: 78px; position: absolute; top: 0; left: 0; cursor: pointer;}
.integration-solution-inner .cont-inner{ float: right; width: 50%; padding: 0 30px 0 50px; font-size: 14px;}
.integration-solution-inner .cont-inner .cont{ line-height: 2;}
.integration-solution-item{ padding-top: 20px;}
.integration-solution-item .item{ margin-top: 15px; padding: 15px 20px 15px 40px; background: url(../../images/integration-solution-icon.png) 15px center no-repeat #fff; border-radius: 8px; box-shadow: 0 0 80px rgba(141,156,199,0.13); display: none; transition: 0.3s;}
.integration-solution-item .item strong{ font-size: 16px; color: #e60414; font-weight: bold; margin-right: 10px;}
.integration-solution-item .item-expand{ margin-top: 25px;}
.integration-solution-item .item-expand .expand-arrow{ width: 10px; height: 10px; background: url(../../images/icon-expand-arrow.png) center no-repeat; background-size: cover; margin: 0 auto; cursor: pointer;}
.integration-solution-item .item:nth-of-type(1),.integration-solution-item .item:nth-of-type(2){ display: block;}
.integration-solution-item .item:hover{ background-color: #f1f5fb; box-shadow: 0 0 25px #fff inset; transform: scale(1.1);}

.liquid-solution-inner{ margin-top: 20px;}
.liquid-solution-inner .tabs-li{ font-size: 0; text-align: center;}
.liquid-solution-inner .tabs-li ul{ margin: 0 -30px;}
.liquid-solution-inner .tabs-li li{ display: inline-block; vertical-align: top; margin: 0 30px;}
.liquid-solution-inner .tabs-li li .tit{ font-size: 20px; line-height: 36px; cursor: pointer; padding-bottom: 5px; border-bottom: 1px solid transparent; transition: 0.5s all;}
.liquid-solution-inner .tabs-li li.active .tit,.liquid-solution-inner .tabs-li li:hover .tit{ font-size: 22px; color: #e60414; border-color: #e60414; font-weight: bold;}
.liquid-solution-inner .tabs-container{ margin-top: 40px;}
.liquid-solution-inner .tabs-container .swiper-slide{ background-color: #f1f5fb; box-shadow:0 0 25px #fff inset; border: 1px solid #fff; border-radius: 8px; padding: 30px 60px; position: relative;}
/* .liquid-solution-inner .tabs-container .box{ background-color: #f1f5fb; box-shadow:0 0 25px #fff inset; border: 1px solid #fff; border-radius: 8px; padding: 30px 60px; position: relative; display: none;} */
.liquid-solution-left-box{ float: left; width: 24%; padding-right: 30px;}
.liquid-solution-left-box .side-box{ font-size: 14px; margin-top: 80px;}
.liquid-solution-left-box .side-box .tit{ font-size: 30px; font-weight: bold;}
.liquid-solution-left-box .side-box .cont{ margin-top: 20px;}
.liquid-solution-left-box .side-box .cont p{ margin-top: 15px;}

.more-content-btn-box{ display: inline-block; vertical-align: top; padding: 10px 21px 10px 23px; border: 1px solid #e60414; border-radius: 40px; /* background-color: #e60414; */ color: #fff; line-height: 1;}
.more-content-btn-box span{ display: block; padding-right: 18px; background: url(../../images/icon-more-content.png) right center no-repeat; background-size: auto 100%; color: #000;}
.more-content-btn-box:hover{ background-color: #d7000f; border-color: #d7000f; color: #fff;}
.more-content-btn-box:hover span{ color: #fff; background-image: url(../../images/icon-more-content-on.png);}

.liquid-solution-btn-box{ /* margin-top: 100px; */ position: absolute; left: 60px; bottom: 80px;}
.liquid-solution-btn-box .more-btn-box,.liquid-solution-btn-box .more-content-btn-box{ display: block;}
.liquid-solution-btn-box .more-content-btn-box{ margin-top: 20px;}
.liquid-solution-right-box{ float: right; width: 75%;}
.liquid-solution-right-box img{ display: block; width: 100%;}
.liquid-solution-center-box{ float: none; margin: 0 auto;}

.view-all-box{ margin-top: 15px; text-align: right;}
.view-all-btn{ display: inline-block; vertical-align: top; padding: 10px 21px 10px 23px; border: 1px solid #e60414; border-radius: 40px; /* background-color: #e60414; */ color: #fff; line-height: 1; text-align: center;}
.view-all-btn span{ display: block; padding-right: 18px; background: url(../../images/icon-more-content.png) right center no-repeat; background-size: auto 100%; color: #000;}
.view-all-btn:hover{ background-color: #d7000f; border-color: #d7000f; color: #fff;}
.view-all-btn:hover span{ color: #fff; background-image: url(../../images/icon-more-content-on.png);}

.core-advantage-swiper{ margin: 20px -15px 0 -15px;}
.core-advantage-swiper .swiper-slide{ float: left; width: 50%; padding: 0 15px;}
.core-advantage-swiper .swiper-slide .block-box{ background-color: #f1f5fb; box-shadow:0 0 25px #fff inset; border: 1px solid #fff; border-radius: 8px; padding: 40px; font-size: 14px; transition: 0.3s all;}
.core-advantage-swiper .swiper-slide .block-box .icon{ height: 40px;}
.core-advantage-swiper .swiper-slide .block-box .icon img{ display: block; width: auto; height: 100%;}
.core-advantage-swiper .swiper-slide .block-box .tit{ font-size: 30px; color: #e60414; font-weight: bold; margin-top: 10px;}
.core-advantage-swiper .swiper-slide .block-box .cont{ margin-top: 20px; line-height: 2;}
.core-advantage-swiper .swiper-page{ display: none;}
.core-advantage-swiper.swiper-animate .swiper-page{ display: block;}
.core-advantage-swiper.swiper-animate .swiper-container{ overflow: initial;}
.core-advantage-swiper .swiper-slide .block-box:hover{ transform: scale(1.05);}


.core-product-inner{ margin-top: 40px;}
.core-product-tabs{ font-size: 0; text-align: center;}
.core-product-tabs ul{ margin: 0 -30px;}
.core-product-tabs li{ display: inline-block; vertical-align: top; margin: 0 30px;}
.core-product-tabs li .tit{ font-size: 20px; line-height: 36px; cursor: pointer; padding-bottom: 5px; border-bottom: 1px solid transparent; transition: 0.5s all;}
.core-product-tabs li.active .tit,.core-product-tabs li:hover .tit{ font-size: 22px; color: #e60414; border-color: #e60414; font-weight: bold;}
.core-product-content .box{ display: none;}
.core-product-swiper{ margin: 20px -15px 0 -15px;}
.core-product-swiper .swiper-slide{ float: left; width: 33.333%; padding: 0 15px;}
.core-product-swiper .swiper-slide .block-box{ background: url(../../images/core-product-swiper-bg.jpg) bottom center no-repeat #fbfcfd; background-size: 100% auto; font-size: 18px; text-align: center;}
.core-product-swiper .swiper-slide .block-box a{ display: block; padding: 60px 30px;}
.core-product-swiper .swiper-slide .block-box .cont-box{ color: #000; text-align: left;}
.core-product-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 24px; font-weight: bold;}
.core-product-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 20px;}
.core-product-swiper .swiper-slide .block-box .pic{ margin-top: 40px; -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, transparent, transparent, transparent, rgba(0, 0, 0, 0.2));}
.core-product-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.core-product-swiper .swiper-slide .block-box .more-btn-box{ margin-top: 40px;}
.core-product-swiper .swiper-page{ display: none;}
.core-product-swiper.swiper-animate .swiper-page{ display: block;}
.core-product-swiper .swiper-slide .block-box:hover .pic img{ transform: scale(1.1);}
.core-product-swiper .swiper-slide .block-box:hover .cont-box .tit{ color: #e60414;}
.core-product-swiper-html{ display: none;}

.latest-news-swiper{ margin: 20px -20px 0 -20px;}
.latest-news-swiper .swiper-slide{ float: left; width: 25%; padding: 0 20px;}
.latest-news-swiper .swiper-slide .block-box{ background-color: #f1f5fb; border-radius: 8px; overflow: hidden;}
.latest-news-swiper .swiper-slide .block-box .pic{ overflow: hidden;}
.latest-news-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.latest-news-swiper .swiper-slide .block-box .cont-box{ padding: 25px; font-size: 12px; color: #000; line-height: 1.5;}
.latest-news-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 18px; margin-top: 10px; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.latest-news-swiper .swiper-slide .block-box .cont-box .more-btn-box{ margin-top: 40px;}
.latest-news-swiper .swiper-page{ display: none;}
.latest-news-swiper.swiper-animate .swiper-page{ display: block;}
.latest-news-swiper .swiper-slide .block-box:hover .pic img{ transform: scale(1.1);}
.latest-news-swiper .swiper-slide .block-box:hover .cont-box .tit{ color: #e60414;}

.download-btn-box{ display: inline-block; vertical-align: top; padding: 10px 21px 10px 23px; border: 1px solid transparent; border-radius: 40px; background-color: #e60414; font-size: 14px; color: #fff; line-height: 1;}
.download-btn-box span{ display: block; color: #fff;}
.download-btn-box:hover{ background-color: #d7000f; border-color: #d7000f; color: #fff;}

.related-resource-swiper{ margin: 20px -40px 0 -40px;}
.related-resource-swiper .swiper-slide{ float: left; width: 20%; padding: 0 40px;}
.related-resource-swiper .swiper-slide .block-box{ padding-top: 6px;}
.related-resource-swiper .swiper-slide .block-box .pic{ overflow: hidden; box-shadow: 6px -6px 0 #dce2f1;}
.related-resource-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.related-resource-swiper .swiper-slide .block-box .cont-box{ padding: 20px 0; font-size: 14px; color: #000; line-height: 1.5;}
.related-resource-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.related-resource-swiper .swiper-slide .block-box .cont-box .cont{ height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.related-resource-swiper .swiper-slide .block-box .cont-box .download-btn-box{ margin-top: 20px;}
.related-resource-swiper .swiper-page{ display: none;}
.related-resource-swiper.swiper-animate .swiper-page{ display: block;}
.related-resource-swiper .swiper-slide .block-box:hover .pic img{ transform: scale(1.1);}
.related-resource-swiper .swiper-slide .block-box:hover .cont-box .tit{ color: #e60414;}



@media (max-width: 1400px) {
    .hz-20240220-p2ul {
        width: 1200px;
        margin: 2.08vw auto 0;
    }
	
	.zkty-base-title h2{ font-size: 36px;}
	.zkty-base-title .view-all{ font-size: 14px;}
	.foundation-list li .block-box .cont-box .type{ font-size: 18px;}
	.foundation-list li .block-box .cont-box .tit{ font-size: 18px;}
	
	.plan-inner .pic-box .video-play{ background-size: 62px;}
	.plan-inner .cont-inner .cont{ font-size: 18px;}
	
	.suitable-tabs-swiper .swiper-slide{ font-size: 18px;}
	
	.suitable-tabs-top .top-title{ font-size: 24px;}
	
	.panorama-inner{ padding: 0;}
	.related-resource-inner{ padding: 50px 30px;}
	.related-resource-list ul{ margin: 0 -15px;}
	.related-resource-list li{ padding: 0 15px;}
	
	.related-resources2-inner li .block-box span{ font-size: 18px;}
	
	
}
@media (max-width: 1200px) {
    .hz-20240220-p2ul {
        width: 960px;
        margin: 2.08vw auto 0;
    }
	
	.related-resources2-inner li{ flex: auto;}
	
	
}
@media (max-width: 960px){
    .hz-20240220-271Q-banner-tit-box{
        width: 60%;
        top: 19.6vw;
    }
    .hz-20240220-271Q-banner-tit-box .hz-20240220-271Q-banner-tit1 {
        font-size: 3.25vw;
    }
    .hz-20240220-271Q-banner-tit-box .hz-20240220-271Q-banner-tit3{  
        width: 54%;
        margin: 5.3vw auto 0;
        font-size: 7.73vw;
        line-height: 11.6vw;
    }
    .hz-20240220-271Q-banner-li li {
        width: fit-content;
        font-size:3.2vw;
        float: left;
        margin: 0 10px;
        line-height: 1;
    }
    .hz-20240220-271Q-banner-li {
        width: 70.7%;
        text-align: center;
        top: 59vw;
        bottom: auto;
        overflow: hidden;
        padding-left: 0;
    }
    .hz-20240220-271Q-banner-li li {
       
        font-size: 3.2vw;
        float: none;
        display: inline-block;
        margin: 0 5px;
        line-height: 5.8vw;
    }
    .hz-20240220-271Q-p-tit1{
        text-align: left;
        font-size: 8.53vw;
        margin-top: 16vw;
        margin-left: 5.33vw;
    }
    .hz-20240220-271Q-p-tit1 p{
        display: block;

    }
    .hz-20240220-271Q-p-tit1 p span{
        display: none;
    }
    .hz-20240220-271Q-p0icon-box {
        width: 86%;
        position: relative;
        left: 0;
        top: 0vw;
        overflow: hidden;
        margin: 0 auto;
    }
    .hz-20240220-271Q-w1400{
        width: 100%;
    }
    .hz-20240220-271Q-p1-tit2{
        font-size: 3.73vw;
        text-align: left;
        width: 91%;
        line-height: 5.86vw;
        top: 41.46vw;
        margin-left: 5.33vw;
    }
    .hz-20240220-271Q-p1-tit3{
        font-size: 2.66vw;
        bottom: auto;
        right: auto;
        top: 88.93vw;
        left: 5.33vw;
    }
    .hz-20240220-271Q-p0img1 {
        width: 110%;
        margin: 0 auto;
        margin-left: -12%;
        transform: translateX(0);
    }
    .hz-20240220-271Q-p0icon-box-right{
        float: left;
        width: 50%;
        padding-left: 4vw;
    }
    .hz-20240220-271Q-p0icon-box-left {
        width: 50%;
    }
    .hz-20240220-271Q-p0icontxt1{
        font-size: 4vw;
        margin-top: 4.6vw;
    }
    .hz-20240220-271Q-p0icontxt2{
        font-size: 2.93vw;
        margin-top: 1.5vw;
    }
    .hz-20240220-271Q-p0icontxt2 p{
        display: block;
    }
    .hz-20240220-271Q-p0icon {
        width: 16vw;
    }
    .hz-20240220-271Q-p0icon-box-left1 {
        margin-top: 5.7vw;
    }
    .hz-20240220-271Q-p0icon-box-right1 {
        margin-top: 5.7vw;
    }
    .hz-20240220-271Q-p0icon-box-right1 .hz-20240220-271Q-p0icontxt1{
        margin-top: 7vw;
    }
    .hz-20240220-271Q-p0icon-box-right1 .hz-20240220-271Q-p0icontxt2{
        margin-top: 4.6vw;
    }
    .hz-20240220-271Q-p0icon-box-right2 .hz-20240220-271Q-p0icontxt1{
        margin-top: 10vw;
    }
    .hz-20240220-271Q-p0icon-box-right2 .hz-20240220-271Q-p0icontxt2{
        margin-top: 4.6vw;
    }
    .hz20240220-p2img1{
        margin: 14.13vw auto 0;
        width: 100%;
    }
    .hz-20240220-p2ul{
        width: 100%;
        margin-left: 5.33vw;
        overflow: hidden;
        margin-top: 12vw;
        padding-bottom: 15.3vw;
    }
    .hz-20240220-p2li-txt1{
        font-size:4.26vw ;
        margin-top: 5.3vw;
    }
    .hz-20240220-p2li-txt2{
        font-size:3.06vw ;
        margin-top: 4vw;
    }
    .hz-20240220-p2li {
     
        padding-top: 6.66vw;
        padding-bottom: 6.86vw;
        padding-left: 6.26vw;
        padding-right: 4.45vw;
    }
    .hz-20240220-p2ul .swiper-slide{
        height: auto;
    }
    .hz20240220-p2icon1 {
        width: 14.13vw;
    }
    .hz-20240220-swiper-pagination {
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 7vw !important;
    }
    .hz-20240220-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #000;
    }
    .hz-20240220-271Q-p-tit2{
        font-size: 3.73vw;
        text-align: left;
        margin-left: 5.33vw;
        width: 91%;
        line-height: 5.86vw;
        margin-top: 3.6vw;
        margin-right: 8.23vw;
    }
    .hz20240220-p3img1 {
        width: 155%;
        margin:6vw auto 0;
        margin-left: -29%;
    }
    .hz-20240220-271Q-p3box{
        padding-bottom: 0;
    }
    .hz20240220-p4img1 {
        width: 220%;
        margin: 0 auto;
        margin-left: -60%;
    }
	
	.hy-241225-ns-container .ns-security-set li{ width: calc(50% - 2px);}
	
	
	.zkty-base-title h2{ font-size: 20px;}
	.zkty-base-title .view-all{ font-size: 12px;}
	
	.foundation-list{ margin-top: 5px;}
	.foundation-list li{ float: none; width: 100%; margin-top: 15px;}
	.foundation-list li .block-box{ padding: 20px;}
	.foundation-list li .block-box .icon{ left: 10px;}
	.foundation-list li .block-box .cont-box{ font-size: 12px;}
	.foundation-list li .block-box .cont-box .type{ font-size: 16px;}
	.foundation-list li .block-box .cont-box .tit{ font-size: 16px;}
	
	.plan-inner .pic-box{ float: none; width: 100%;}
	.plan-inner .cont-inner{ width: 100%; position: initial; transform: translateY(0); padding: 20px;}
	.plan-inner .cont-inner .cont{ font-size: 14px;}
	.plan-inner .cont-inner .btn-box a{ font-size: 12px;}
	.plan-inner .pic-box .video-play{ background-size: 50px;}
	
	.more-btn-box span{ background-size: 6px auto;}
	
	.suitable-inner{ margin-top: 20px;}
	.suitable-tabs-swiper .swiper-wrapper{ margin: 0 -15px; display: block; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.suitable-tabs-swiper .swiper-slide{ float: none; display: inline-block; width: auto; margin: 0 15px; font-size: 16px; line-height: 32px;}
	.suitable-tabs-swiper .swiper-slide .tit{ padding-bottom: 5px;}
	.suitable-tabs-swiper .swiper-slide.active,.suitable-tabs-swiper .swiper-slide:hover{ font-size: 18px;}
	.suitable-content-swiper{ margin-top: 15px;}
	.suitable-content-swiper .swiper-slide{ padding: 30px 20px !important;}
	.suitable-tabs-top .top-title{ font-size: 18px;}
	.suitable-tabs-top .cont-inner{ margin-top: 20px;}
	.suitable-tabs-top .cont-inner .pic{ float: none; width: 60%; margin: 0 auto;}
	.suitable-tabs-top .cont-inner .cont-box{ float: none; width: 100%; font-size: 12px; margin-top: 30px;}
	
	.suitable-select-box{ margin-top: 30px;}
	.suitable-select-box .select-box{ display: block; margin: 15px 0 0 0;}
	.suitable-select-box .select-box select{ font-size: 14px;}
	
	.swiper-page{ margin-top: 30px; height: 24px;}
	.swiper-page-inner{ padding: 0 60px;}
	.swiper-page-inner .swiper-arrow{ width: 36px; height: 36px;}
	
	.star-product-swiper{ margin-top: 20px;}
	.star-product-swiper .swiper-container{ margin: 0 !important;}
	.star-product-swiper .swiper-slide .block-box .cont-box{ padding: 20px; font-size: 12px;}
	.star-product-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 16px;}
	
	.solution-swiper{ margin-top: 20px;}
	.solution-swiper .swiper-slide{ float: none; width: 100%;}
	.solution-swiper .swiper-slide .block-box .cont-box{ padding: 20px; font-size: 12px;}
	.solution-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 16px;}
	
	.panorama-inner{ font-size: 12px; margin-top: 20px;}
	.panorama-inner .img{ margin-top: 20px;}
	
	.application-scenario-swiper{ margin-top: 20px;}
	.application-scenario-swiper .swiper-slide{ float: none; width: 100%;}
	.application-scenario-swiper .swiper-slide .block-box .cont-box{ padding: 20px; font-size: 12px;}
	.application-scenario-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 16px;}
	
	.success-case-tabs{ margin-top: 20px;}
	.success-case-tabs li{ margin: 0 15px;}
	.success-case-tabs li .tit{ font-size: 16px;}
	.success-case-content{ margin-top: 20px;}
	.success-case-swiper .swiper-slide .block-box .cont-box{ padding: 20px; font-size: 12px;}
	.success-case-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 16px;}
	
	.related-resource-inner{ padding: 30px 20px;}
	.related-resource-list{ margin-top: 0;}
	.related-resource-list ul{ display: block;}
	.related-resource-list li{ flex: auto; width: 100%; margin-top: 30px;}
	.related-resource-list li .block-box .top-tit .icon{ width: 24px;}
	.related-resource-list li .block-box .top-tit span{ font-size: 16px;}
	.related-resource-list li .block-box dl{ font-size: 12px;}
	
	.related-video-list{ margin-top: 0;}
	.related-video-list li{ float: none; width: 100%; margin-top: 20px;}
	.related-video-list li .block-box .pic .video-play{ background-size: 50px;}
	.related-video-list li .block-box .cont-box{ padding: 20px;}
	.related-video-list li .block-box .cont-box .tit{ font-size: 16px;}
	
	.news-information-swiper{ margin-top: 20px;}
	.news-information-swiper .swiper-slide{ float: none; width: 100%;}
	.news-information-swiper .swiper-slide .block-box .cont-box{ padding: 20px; font-size: 12px;}
	.news-information-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 16px;}
	
	.related-resources2-inner{ margin-top: 5px;}
	.related-resources2-inner ul{ display: block;}
	.related-resources2-inner li{ flex: auto; margin-top: 15px;}
	.related-resources2-inner li .block-box .icon{ width: 24px;}
	.related-resources2-inner li .block-box span{ font-size: 16px;}
	
	
	a.ns-btn i.ns-icon.ns-icon-service{ width: 16px; height: 16px; margin-left: 5px;}
	a.ns-btn i.ns-icon.ns-icon-download{ width: 16px; height: 16px; margin-left: 5px;}
	
	.integration-solution-inner{ margin-top: 20px;}
	.integration-solution-inner .pic-box{ float: none; width: 100%;}
	.integration-solution-inner .pic-box .video-play{ background-size: 50px;}
	.integration-solution-inner .cont-inner{ float: none; width: 100%; padding: 20px 0; font-size: 12px;}
	.integration-solution-inner .cont-inner .cont{ padding: 0 20px;}
	.integration-solution-item .item{ background-position: 15px 20px;}
	.integration-solution-item .item strong{ display: block; margin-right: 0;}
	
	.liquid-solution-inner .tabs-li ul{ margin: 0 -15px; display: block; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.liquid-solution-inner .tabs-li li{ display: inline-block; width: auto; margin: 0 15px;}
	.liquid-solution-inner .tabs-li li .tit{ font-size: 16px;}
	.liquid-solution-inner .tabs-container{ margin-top: 15px;}
	.liquid-solution-inner .tabs-container .swiper-slide{ padding: 30px 20px !important;}
	/* .liquid-solution-inner .tabs-container .box{ padding: 30px 20px;} */
	.liquid-solution-left-box{ float: none; width: 100%; padding-right: 0; margin-top: 20px;}
	.liquid-solution-left-box .side-box{ margin-top: 0; font-size: 12px;}
	.liquid-solution-left-box .side-box .tit{ font-size: 18px;}
	.liquid-solution-left-box .side-box .cont p{ margin-top: 10px;}
	.liquid-solution-btn-box{ position: initial; display: inline-block; margin-top: 20px;}
	.liquid-solution-btn-box .more-content-btn-box{ margin-top: 15px;}
	.liquid-solution-right-box{ float: none; width: 100%;}
	
	.core-advantage-swiper .swiper-slide{ float: none; width: 100%;}
	.core-advantage-swiper .swiper-slide .block-box{ padding: 30px 20px; font-size: 12px;}
	.core-advantage-swiper .swiper-slide .block-box .icon{ height: 30px;}
	.core-advantage-swiper .swiper-slide .block-box .tit{ font-size: 18px;}
	.core-advantage-swiper .swiper-slide .block-box .cont{ margin-top: 15px;}
	
	.core-product-inner{ margin-top: 20px;}
	.core-product-tabs ul{ margin: 0 -15px;}
	.core-product-tabs li{ display: inline-block; width: auto; margin: 0 15px;}
	.core-product-tabs li .tit{ font-size: 16px;}
	.core-product-swiper .swiper-slide{ float: none; width: 100%;}
	.core-product-swiper .swiper-slide .block-box{ font-size: 14px;}
	.core-product-swiper .swiper-slide .block-box a{ padding: 30px 20px;}
	.core-product-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 18px;}
	.core-product-swiper .swiper-slide .block-box .cont-box .cont{ margin-top: 15px;}
	.core-product-swiper .swiper-slide .block-box .pic{ margin-top: 30px;}
	.core-product-swiper .swiper-slide .block-box .more-btn-box{ margin-top: 30px;}
	
	.latest-news-swiper .swiper-slide{ float: none; width: 100%;}
	.latest-news-swiper .swiper-slide .block-box .cont-box{ padding: 20px;}
	.latest-news-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 16px;}
	.latest-news-swiper .swiper-slide .block-box .cont-box .more-btn-box{ margin-top: 20px;}
	
	.related-resource-swiper{ margin: 20px -20px 0 -20px;}
	.related-resource-swiper .swiper-slide{ float: none; width: 100%; padding: 0 20px;}
	.related-resource-swiper .swiper-slide .block-box .cont-box{ font-size: 12px;}
	.related-resource-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 16px;}
	
	
	
	
	
	
	
	
}