@import url(swiper.min.css);
@import url(reset.css);
@import url(iconfont.css);
.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 }
body,
html { background: #fff }
#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: #fff; font-size: 18px; color: #000; border-radius: 30px; border: 1px solid transparent; transition: all .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: #fff }
a.ns-btn.ns-btn-primary:hover { border-color: #d7000f; background: #d7000f }
a.ns-btn.ns-btn-transparent { background: 0 0; 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: #000 !important }
.ns-color-red { color: #e60012 !important }
.ns-mask { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(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-next,
.swiper-button-prev { 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-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 { margin-bottom: 1.5vw; font-size: 36px; color: #fff; 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: #fff; 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: #000; line-height: 1 }
.ns-breadcrumb a { color: #000; margin-right: 10px; display: inline-block }
.ns-breadcrumb a:hover { text-decoration: underline }
.ns-breadcrumb img { margin-right: 10px; vertical-align: middle }
#secondMenu { background: #fff; border-bottom: 1px solid #e1e1e1 }
#secondMenu h3 { display: none }
#secondMenu ul { display: flex }
#secondMenu ul li { border-bottom: 4px solid #fff; margin-right: 56px; font-size: 16px; color: #000; line-height: 3; cursor: pointer; transition: all .5s }
#secondMenu ul li.active { border-bottom-color: #e60012 }
#secondMenu ul li:hover { border-bottom-color: #e60012 }
#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: #000; line-height: 1.7 }
.ns-icon-info a { position: relative; display: block; padding-left: 30px; font-size: 16px; color: #000; 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: #000 }
.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: #000; 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: #000; font-weight: 400; 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: #000; 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: #000; 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: #000; 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: #000; line-height: 1.5 }
.ns-page-trend > div.ns-page-trend-cross { width: auto }
.ns-wrap-tab-list { display: none }
.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: 700 }
.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: #000; background: rgba(153, 153, 153, .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(/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 .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::after,
.ns-product-details .ns-product-details-tab > li.ns-tab-traget::before { 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: #000; width: 100%; padding: 10px 30px; font-size: 16px }
.ns-product-details .ns-product-details-tab > li.ns-tab-traget > div a { width: 33.333%; padding: 5px 30px; color: #000; font-size: 14px }
.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: 400 }
.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: #000; 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: #000 }
.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: 400 }
.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: 700 }
.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: 400 }
.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-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: 400; 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: #000 }
.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: 0 0 }
.ns-wrap-list.ns-li-efefef li { background: #efefef }
.ns-wrap-list.ns-li-demand li { background: rgba(255, 255, 255, .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-tab { margin-left: -.5px; margin-right: -.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 .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: 400; background: #c9caca; color: #000; 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: #fff; 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: #000 }
.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: #000 }
.ns-wrap-list > li img { width: 100% }
.ns-wrap-list > li.ns-transparent { background: 0 0 !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: .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: #000 }
.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: .5vw; font-size: 16px; color: #000 }
.ns-wrap-list > li.news-list li a { font-size: 20px; color: #000; 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: 400 }
.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: 400 }
.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: #000; 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: 400 }
.ns-advantage-wrap .ns-advantage-text ul li dl dt::before { content: ""; width: 2px; height: 2px; background: #000; 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 .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, .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: 700 }
.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: .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, .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 }
.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 .3s }
.ns-scenes-list > li h2 { font-size: 20px; padding-left: 5px; margin-right: 40px; font-weight: 700 }
.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: #000 }
.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: 400; color: #000 }
.ns-screen-list > li input { width: 100%; border: 1px solid #c1c1c1; height: 42px; padding: 0 15px; color: #000; font-size: 16px }
.ns-screen-list > li input.ns-software-icon { background: url(../images/search-icon.png) no-repeat; position: absolute; top: 70%; 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: 0; 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: #666; line-height: 1.4 }
.ns-software-results .ns-results-body li label { font-size: 16px; color: #000; 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 #ddd; padding: 17px 0 30px }
.ns-software-results .ns-results-body li.active .ns-results-details h3 { font-size: 16px; font-weight: 700; 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-date,
.ns-software-results .ns-results-body .ns-results-type { 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: #000; font-weight: 700; 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: #000 }
.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#ctl00_ContentBody_divfilename { align-items: flex-start }
.ns-software-details div#ctl00_ContentBody_divfilename p { flex-wrap: wrap }
.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: #000 }
.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: #000; 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: 700 }
.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 }
.hz-0426-tablebox li:nth-child(3) table { border: 1px solid #e5e5e5; }
.hz-0426-tablebox li:nth-child(3) table td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 10px 20px; }
.hz-0426-tablebox li:nth-child(3) table tr td:nth-child(2n) { border-right: none; }
.ns-software-tab-details.hz-0426-tablebox> li p { padding: 8px 0; }
@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 }
}
@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 { 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 a { padding: 5px 20px; font-size: 12px }
}
@media (max-width:768px) {
    .secondDiv .secondBanner { margin-top: 44px }
    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-next,
    .swiper-button-prev { 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, .4) }
    .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 { margin-bottom: 25px; font-size: 30px; width: auto }
    .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: .3s }
    #secondMenu ul { flex-direction: column; transition: .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, .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 > 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: 700 }
    .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-down::before,
    .ns-red-next-arrow.ns-next-arrow-phone::before,
    .ns-red-next-arrow.ns-next-arrow-scan::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 a { width: 100%; padding: 5px 20px; font-size: 12px }
    .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: 400; 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 .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: #000 }
    .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: 700 }
    .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 }
}
.hz-220406-xg .ns-container { width: 1360px; }
.hz-220406-xg .ns-container table tr td:last-child { padding: 0 20px; }
.hz-220406-btn { width: 114px; height: 47px; margin-left: 42%; margin-top: 30px; cursor: pointer; }
.hz-220406-btn img { width: 100%; }
.hz-220406-btn2 { display: none; }
.hz-220406-btn:hover .hz-220406-btn1 { display: none; }
.hz-220406-btn:hover .hz-220406-btn2 { display: block; }
@media (max-width:768px) {
    .hz-220406-btn { width: 90px; margin-left: 0; }
}