@import 'reset.css'; @import 'iconfont.css'; @import 'menu.css'; body, html { color: #000; font-family: Arial, sans-serif } input.btn:active:focus { outline: 0; box-shadow: none } #ns2022 { margin: 0; padding: 0; background: #fff; font-family: Arial, sans-serif } #ns2022 * { box-sizing: border-box } #ns2022 li, #ns2022 ul { list-style: none } #ns2022 img.img-responsive { max-width: 100%; height: auto; border: 0 } #ns2022 section { position: relative; padding-top: 50px; padding-bottom: 60px } #ns2022 section.fill { padding: 0 } /* 20251029 去掉了 #ns2022的上级索引，现在线上不支持#ns2022 #page这种方式*/ #page { position: relative; padding-top: 100px } #ns2022 .gray { background: #efefef } #ns2022 .swiper-button-next, #ns2022 .swiper-button-prev { width: 60px; height: 60px; background-size: 60px 60px; margin-top: -30px } #ns2022 .swiper-container .swiper-button-prev { background-image: url(/jp/tres/NewWebUI/2022/images/icon-swiper-button-prev.png); left: 1.5vw } #ns2022 .swiper-container .swiper-button-next { background-image: url(/jp/tres/NewWebUI/2022/images/icon-swiper-button-next.png); right: 1.5vw } #ns2022 .swiper-pagination .swiper-pagination-bullet-active { background: #e60012 } #ns2022 .section-title { display: flex; justify-content: space-between; margin-bottom: 34px } #ns2022 .section-title h2 { font-size: 30px; color: #000; font-weight: 400 } #ns2022 .section-title h2.white { color: #fff } #ns2022 .pc { display: block } #ns2022 .mb { display: none } #ns2022 .line-clamp-2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical } #ns2022 .line-clamp-3 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical } #ns2022 .line-clamp-4 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical } #ns2022 a.link { font-size: 16px; color: #e60012; line-height: 1; text-decoration: none } #ns2022 a.link:hover { text-decoration: underline } #ns2022 a.link:hover:before { transform: translateX(5px) } #ns2022 a.link+a.link { margin-top: 10px } #ns2022 a.link.link-arrow { display: inline-flex; align-items: center; flex: none } #ns2022 a.link.link-arrow:before { display: block; margin-right: 9px; content: ''; width: 26px; height: 15px; background: url(/jp/tres/NewWebUI/2022/images/link-arrow.png) no-repeat; transition: .5s } #ns2022 a.link.link-video { display: inline-flex; align-items: center } #ns2022 a.link.link-video:before { display: block; margin-right: 9px; content: ''; width: 26px; height: 15px; background: url(/jp/tres/NewWebUI/2022/images/link-video.png) no-repeat; transition: .5s } #ns2022 a.link.link-plus { display: inline-flex; align-items: center } #ns2022 a.link.link-plus:before { display: block; margin-right: 9px; content: ''; width: 24px; height: 24px; background: url(/jp/tres/NewWebUI/2022/images/link-plus.png) no-repeat; transition: .5s } #ns2022 a.link.link-minus { display: inline-flex; align-items: center } #ns2022 a.link.link-minus:before { display: block; margin-right: 9px; content: ''; width: 24px; height: 24px; background: url(/jp/tres/NewWebUI/2022/images/link-minus.png) no-repeat; transition: .5s } #ns2022 a.btn { display: inline-flex; padding: 12px 20px; background: #e60012; border: 1px solid #e60012; font-size: 16px; color: #fff; line-height: 1; text-decoration: none; border-radius: 20px; transition: .5s } #ns2022 a.btn:hover { background: #d7000f; border-color: #d7000f } #ns2022 a.btn.border { background: 0 0; color: #e60012 } #ns2022 a.btn.border:hover { background: #e60012; border-color: #e60012; color: #fff } #ns2022 a.btn.btn-video { background: #fff; color: #000; border-color: transparent } #ns2022 a.btn.btn-video:before { content: ''; margin-right: 10px; width: 26px; height: 15px; background: url(/jp/tres/NewWebUI/2022/images/icon-btn-video.png) no-repeat; background-size: cover } #ns2022 a.btn.btn-video:hover { color: #f60; border-color: #e60012 } #ns2022 .btn-group { display: flex; flex-direction: column } #ns2022 .btn-group a.btn { margin-bottom: 10px } #ns2022 .btn-group a.btn:last-child { margin-bottom: 0 } #ns2022 .btn-group.row { flex-direction: row; justify-content: flex-start; align-items: flex-start } #ns2022 .btn-group.row a.btn { flex: none; margin-bottom: 0 } #ns2022 .btn-group.row a.btn+a.btn { margin-left: 15px } #ns2022 #page { max-width: 1920px; margin: 0 auto } #ns2022 .container { margin: 0 auto; width: 1400px; padding: 0 20px } #ns2022 #secondary-navi { position: relative; background: #fff; max-width: 1920px; border-bottom: 1px solid #e1e1e1 } #ns2022 #secondary-navi h3 { display: none } #ns2022 #secondary-navi ul { display: flex } #ns2022 #secondary-navi ul li { border-bottom: 4px solid #fff; padding: 12px 0; font-size: 16px; color: #000; line-height: 1.2; cursor: pointer; transition: all .5s } #ns2022 #secondary-navi ul li.active { border-bottom-color: #e60012 } #ns2022 #secondary-navi ul li:hover { border-bottom-color: #e60012 } #ns2022 #secondary-navi ul li+li { margin-left: 40px } #ns2022 #secondary-navi.fixed { position: fixed; width: 100%; top: 90px; z-index: 998 } #ns2022 .recommend { display: flex } #ns2022 .recommend .section { flex: 1; background: url(/jp/tres/NewWebUI/2022/images/industries/recommend_bg.png) no-repeat; background-size: 100% 100% } #ns2022 .recommend .section .box { width: 700px; padding: 65px 70px } #ns2022 .recommend .section .box h4 { margin-bottom: 30px; font-size: 30px; color: #000; min-height: 2em } #ns2022 .recommend .section .box p { margin-bottom: 40px; font-size: 16px; color: #000 } #ns2022 .recommend .section:first-child { display: flex; justify-content: flex-end } #ns2022 .recommend .section:first-child .box { padding-left: 20px } #ns2022 .recommend.one .section:first-child { justify-content: center } #ns2022 .recommend.one .section:first-child .box { width: 1400px } #ns2022 .tabs { display: flex } #ns2022 .tabs li { flex: 1; padding: 16px; background: #ccc; font-size: 16px; color: #000; line-height: 1; text-align: center } #ns2022 .tabs li.active { background: #e60012; color: #fff } #ns2022 .more-right { display: flex; justify-content: flex-end; padding: 12px 0 } #ns2022 .cards.gray { background: #f6f6f6 } #ns2022 .cards.gray .cards-container li { background: #fff } #ns2022 .cards .cards-container { display: flex } #ns2022 .cards .cards-container li { flex: 1; margin-right: 1%; padding-top: 10px; background: #f6f6f6 } #ns2022 .cards .cards-container li.bg-transparent { background: 0 0 } #ns2022 .cards .cards-container li.bg-transparent .section-title { flex-direction: column } #ns2022 .cards .cards-container li.bg-transparent .section-title h2 { margin-bottom: 34px } #ns2022 .cards .cards-container li.holder, #ns2022 .cards .cards-container li.transparent { background: 0 0 } #ns2022 .cards .cards-container li:last-child { margin-right: 0 } #ns2022 .cards .cards-container li:hover .img img { transform: scale(1.1) } #ns2022 .cards .cards-container li .img { position: relative; display: block; margin-top: -10px; margin-bottom: 22px; overflow: hidden; font-size: 0 } #ns2022 .cards .cards-container li .img img { transition: .5s } #ns2022 .cards .cards-container li .img.video:before { position: absolute; content: ''; width: 64px; height: 64px; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(/jp/tres/NewWebUI/2022/images/icon-video.png) no-repeat; z-index: 99 } #ns2022 .cards .cards-container li .card-info { display: block; padding: 20px 40px } #ns2022 .cards .cards-container li label.time { display: block; margin-bottom: 20px; font-size: 14px } #ns2022 .cards .cards-container li h4 { margin-bottom: 20px; font-size: 20px; color: #000; min-height: 2.5em } #ns2022 .cards .cards-container li p { margin-bottom: 25px; font-size: 16px; color: #666; line-height: 1.75; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical } #ns2022 .cards .cards-container li .btn-group { padding: 0 40px 40px } #ns2022 .cards .cards-container.wrap { flex-wrap: wrap } #ns2022 .cards .cards-container.wrap.three li { width: 32.2%; flex: none } #ns2022 .cards .cards-container.wrap li { margin-bottom: 1% } #ns2022 .icon-list p.intro { margin-bottom: 55px } #ns2022 .icon-list .icon-items { display: flex; margin: 0 -25px } #ns2022 .icon-list .icon-items.column3 .icon-item { flex: none; width: 33.3% } #ns2022 .icon-list .icon-items.column4 .icon-item { flex: none; width: 25% } #ns2022 .icon-list .icon-items.wrap { flex-wrap: wrap } #ns2022 .icon-list .icon-items.wrap .icon-item { margin-bottom: 30px } #ns2022 .icon-list .icon-items .icon-item { flex: 1; padding: 0 25px } #ns2022 .icon-list .icon-items .icon-item .img img { max-width: 100%; width: 140px } #ns2022 .icon-list .icon-items .icon-item h3 { margin-bottom: 32px; font-size: 22px; color: #000; min-height: 2em } #ns2022 .icon-list .icon-items .icon-item p { font-size: 16px; line-height: 1.75 } #ns2022 .icon-list .icon-items .icon-item i { font-style: normal; font-size: 14px; color: #3d3d3d; line-height: 1.85 } #ns2022 .icon-list-row { background: #F8F8F8 } #ns2022 .icon-list-row .icon-items { display: flex; align-items: center; justify-content: space-between } #ns2022 .icon-list-row .icon-items .icon-item { flex: none; display: flex; align-items: center; padding: 0 40px } #ns2022 .icon-list-row .icon-items .icon-item .img { width: 90px; flex: none } #ns2022 .icon-list-row .icon-items .icon-item .icon-intro { margin-left: 50px } #ns2022 .icon-list-row .icon-items .icon-item .icon-intro p { font-size: 24px; color: #000; line-height: 1 } #ns2022 .icon-list-row .icon-items a.icon-item:hover .icon-intro p { color: #e60012 } #ns2022 .banner { position: relative; font-size: 0 } #ns2022 .banner.text-center .banner-content { top: 50%; transform: translate(-50%, -50%) } #ns2022 .banner.pc-text-black .banner-content h1, #ns2022 .banner.pc-text-black .banner-content p { color: #000 } #ns2022 .banner.text-black .banner-content h1, #ns2022 .banner.text-black .banner-content p { color: black; } #ns2022 .banner .banner-wrapper { position: absolute; width: 100%; height: 100%; top: 0; } #ns2022 .banner .banner-content { position: absolute; left: 50%; top: 15%; transform: translateX(-50%); } #ns2022 .banner .banner-content h1 { width: 65%; margin-bottom: 35px; font-size: 36px; font-weight: bold; color: white; line-height: 1.25; } #ns2022 .banner .banner-content p { width: 55%; font-size: 20px; color: white; line-height: 1.5; height: 4.5em; overflow: hidden; } #ns2022 .banner .banner-content a.btn { margin-top: 35px; } #ns2022 .breadcrumbs { background: #efefef; padding: 5px 0; color: #3d3d3d; } #ns2022 .breadcrumbs a { color: #3d3d3d; } #ns2022 .breadcrumbs ul { display: flex; margin: 0; } #ns2022 .breadcrumbs ul li { display: flex; margin-right: 8px; font-size: 14px; color: #3d3d3d; line-height: 20px; } #ns2022 .breadcrumbs ul li a { color: #3d3d3d; text-decoration: none; } #ns2022 .breadcrumbs ul li a:hover { text-decoration: underline; } #ns2022 .breadcrumbs ul li:not(:last-child):after { margin-left: 8px; content: '>'; font-size: 14px; color: #3d3d3d; } #ns2022 .order .com-text-img:nth-child(even) { background: #f5f5f5; } #ns2022 .order .com-text-img:nth-child(even) .container { flex-direction: row-reverse; } #ns2022 .order .com-text-img:nth-child(even) .container .img { margin-right: 0; margin-left: 3%; } #ns2022 .com-text-img { padding: 60px 0; } #ns2022 .com-text-img .container { display: flex; align-items: flex-start; } #ns2022 .com-text-img .container .img { flex: none; width: 30%; margin-right: 3%; overflow: hidden; } #ns2022 .com-text-img .container .img img { transition: 0.5s; } #ns2022 .com-text-img .container .text-content h2 { margin-bottom: 22px; font-size: 24px; color: #333; font-weight: 400; line-height: 1.5; } #ns2022 .com-text-img .container .text-content p { margin-bottom: 18px; font-size: 16px; color: #333; line-height: 1.75; } #ns2022 .com-text-img .container:hover .img img { transform: scale(1.1); } #ns2022 .com-text-img.reverse .container { flex-direction: row-reverse; } #ns2022 .com-text-img.reverse .container .img { margin-right: 0; margin-left: 3%; } #ns2022 .com-text-img.gray { background: #f5f5f5; } #ns2022 .overview { background: url('/en/tres/NewWebUI/2022/images/products/overview-bg.jpg') no-repeat; background-size: cover; } #ns2022 .overview .overview-box .overview-text:after { content: ''; clear: both; display: block; height: 0; } #ns2022 .overview .overview-box .overview-text .overview-img { float: right; width: 45%; margin-left: 10%; } #ns2022 .overview .overview-box .overview-text h2 { font-size: 30px; color: black; font-weight: 600; margin-bottom: 27px; } #ns2022 .overview .overview-box .overview-text p { margin-bottom: 20px; font-size: 16px; color: black; line-height: 1.75; } #ns2022 .application.fill .container { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); } #ns2022 .application .ns-scenes-list { display: flex; justify-content: center; padding-bottom: 40px; } #ns2022 .application .ns-scenes-list > li { display: flex; align-items: center; cursor: pointer; } #ns2022 .application .ns-scenes-list > li .ns-swiper-wrap { display: none; } #ns2022 .application .ns-scenes-list > li.active h2 { color: #e60012; } #ns2022 .application .ns-scenes-list > li.active > img { transform: scale(1.2); } #ns2022 .application .ns-scenes-list > li > img { width: 70px; transition: all 0.3s; } #ns2022 .application .ns-scenes-list > li h2 { font-size: 20px; padding-left: 5px; margin-right: 20px; font-weight: bold; } #ns2022 .application .ns-swiper-box { position: relative; } #ns2022 .application .ns-swiper-box > img { width: 100%; } #ns2022 .application .ns-swiper-box .mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none; } #ns2022 .application .ns-swiper-box .ns-swiper-content { position: absolute; width: 70%; left: 40px; bottom: 30px; display: none; } #ns2022 .application .ns-swiper-box .ns-swiper-content.ns-swiper-text-black h2, #ns2022 .application .ns-swiper-box .ns-swiper-content.ns-swiper-text-black p { color: #000 } #ns2022 .application .ns-swiper-box .ns-swiper-content h2 { color: #fff; font-size: 20px; font-weight: 700; padding-bottom: 10px } #ns2022 .application .ns-swiper-box .ns-swiper-content p { color: #fff; font-size: 16px; line-height: 1.7 } #ns2022 .application .ns-swiper-box .ns-swiper-content a.link { margin-top: 20px } #ns2022 .application .overlapping .swiper-slide-active .ns-swiper-box.nomask .mask { display: none } #ns2022 .application .overlapping .swiper-slide-active .ns-swiper-box .mask, #ns2022 .application .overlapping .swiper-slide-active .ns-swiper-box .ns-swiper-content { display: block } #ns2022 .resource { background: url(/jp/tres/NewWebUI/2022/images/products/resource-bg.jpg) no-repeat; background-size: cover } #ns2022 .resource .resource-container { display: flex; flex-wrap: wrap; justify-content: space-between } #ns2022 .resource .resource-container li { flex: none; width: 32.2%; margin-bottom: 20px } #ns2022 .resource .resource-container li a.icon { display: flex; align-items: center; border: 1px solid #959596; padding: 15px 25px; font-size: 14px; color: #000 } #ns2022 .resource .resource-container li a.icon:before { flex: none; content: ''; margin-right: 13px; width: 30px; height: 30px } #ns2022 .resource .resource-container li a.icon.icon-related:before { background: url(/jp/tres/NewWebUI/2022/images/icon-related_prroduct.png) center center no-repeat; background-size: cover } #ns2022 .resource .resource-container li a.icon.icon-download:before { background: url(/jp/tres/NewWebUI/2022/images/icon-download.png) center center no-repeat; background-size: cover } #ns2022 .img-half .img-half-container { position: relative; overflow: hidden } #ns2022 .img-half .img-half-container:hover img { transform: scale(1.15) } #ns2022 .img-half .img-half-container img { transition: all .5s; width: 100% } #ns2022 .img-half .img-half-container img.partner-mb { display: none } #ns2022 .img-half .img-half-container .content { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 45% } #ns2022 .img-half .img-half-container .content h2 { font-size: 36px; font-weight: 700; text-transform: uppercase } #ns2022 .img-half .img-half-container .content p { line-height: 1.6; font-size: 16px; padding: 30px 0 50px } #ns2022 .cross-img-half { padding: 0; font-size: 0 } #ns2022 .cross-img-half .cross-img-half-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; display: flex; justify-content: flex-end } #ns2022 .cross-img-half .cross-img-half-container .content { flex: none; width: 50%; padding: 20px 0 } #ns2022 .cross-img-half .cross-img-half-container .content p { margin-bottom: 35px; font-size: 20px } #ns2022 .ns-wrap-list { margin-left: -10px; margin-right: -10px; margin-bottom: -20px; display: flex; flex-wrap: wrap } #ns2022 .ns-wrap-list.ns-more-special>li { width: calc(20% - 20px) } #ns2022 .ns-wrap-list.ns-more-special>li a { font-size: 16px; color: #000 } #ns2022 .ns-wrap-list.ns-more-special>li a:hover { color: #e60012 } #ns2022 .ns-wrap-list.ns-more-special>li a::before { content: "<"; display: inline-block; color: #e60012; margin-right: 10px; font-size: 20px } #ns2022 .ns-wrap-list.ns-title-bc-cbcbcd li h4 { background: #cbcbcd } #ns2022 .ns-wrap-list.ns-title-bc-fff li h4 { background: #fff } #ns2022 .ns-wrap-list.ns-title-bc-efefef li h4 { background: #efefef } #ns2022 .ns-wrap-list.ns-li-f6f6f6 li { background: #f6f6f6 } #ns2022 .ns-wrap-list.ns-li-transparent li { background: 0 0 } #ns2022 .ns-wrap-list.ns-li-efefef li { background: #efefef } #ns2022 .ns-wrap-list.ns-li-demand li { background: rgba(255, 255, 255, .9); border: 8px solid #c6c7d8 } #ns2022 .ns-wrap-list.ns-wrap-list4>li { width: calc(25% - 20px) } #ns2022 .ns-wrap-list.ns-wrap-list3>li { width: calc(33.33% - 20px) } #ns2022 .ns-wrap-list.ns-wrap-list3>li.ns-wrap-item-two { width: calc(66.66% - 20px) } #ns2022 .ns-wrap-list.ns-wrap-list2>li { width: calc(50% - 20px) } #ns2022 .ns-wrap-list.ns-wrap-list1>li { width: 100%; display: flex; align-items: center } #ns2022 .ns-wrap-list.ns-wrap-list1>li .ns-software-text { width: 51% } #ns2022 .ns-wrap-list.ns-wrap-list1>li div.ns-scale-image { width: 49% } #ns2022 .ns-wrap-list.ns-wrap-list1>li .ns-software-text { padding: 0 4vw } #ns2022 .ns-wrap-list.ns-wrap-tab { margin-left: -.5px; margin-right: -.5px; margin-bottom: 10px } #ns2022 .ns-wrap-list.ns-wrap-tab a { text-decoration: none !important } #ns2022 .ns-wrap-list.ns-wrap-tab.ns-wrap-list2>li { width: calc(50% - 1px); flex: none } #ns2022 .ns-wrap-list.ns-wrap-tab.ns-wrap-list3>li { width: calc(33.33% - 1px); flex: none } #ns2022 .ns-wrap-list.ns-wrap-tab.ns-wrap-list4>li { width: calc(25% - 1px); flex: none } #ns2022 .ns-wrap-list.ns-wrap-tab.ns-wrap-list5 { margin-bottom: -1px } #ns2022 .ns-wrap-list.ns-wrap-tab.ns-wrap-list5>li { width: calc(20% - 1px); flex: none; margin-bottom: 1px } #ns2022 .ns-wrap-list.ns-wrap-tab>li { margin: 0 .5px 1px; flex: 1 } #ns2022 .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 } #ns2022 .ns-wrap-list.ns-wrap-tab>li h3.active { color: #fff; background: #e60012 } #ns2022 .ns-wrap-list.ns-wrap-list-links>li>.ns-red-next-arrow { position: absolute; left: 1.5625vw; bottom: 1.7vw } #ns2022 .ns-wrap-list.ns-wrap-list-links>li .ns-software-text { padding-bottom: 6vw } #ns2022 .ns-wrap-list.ns-wrap-list-links>li .ns-software-text .ns-red-next-arrow { bottom: 3.2vw } #ns2022 .ns-wrap-list>li { position: relative; background: #fff; margin: 0 10px 20px } #ns2022 .ns-wrap-list>li a:hover { text-decoration: none !important } #ns2022 .ns-wrap-list>li h4 { font-size: 20px; font-weight: 700; background: #f6f6f6; line-height: 1.7 } #ns2022 .ns-wrap-list>li .ns-software-text-subhead { display: block } #ns2022 .ns-wrap-list>li .ns-software-text { padding: 1.5625vw 1.5625vw 4vw } #ns2022 .ns-wrap-list>li .ns-software-text.link-list { padding-bottom: 2vw } #ns2022 .ns-wrap-list>li .ns-software-text.link-list .ns-red-next-arrow { position: relative; left: auto; bottom: auto; margin-top: 12px } #ns2022 .ns-wrap-list>li .ns-software-text.link-list .ns-red-next-arrow:nth-of-type(1) { margin-top: 20px } #ns2022 .ns-wrap-list>li .ns-software-text h3 { font-size: 20px; padding-bottom: 1vw; line-height: 1.7; font-weight: 700; color: #000 } #ns2022 .ns-wrap-list>li .ns-software-text p { font-size: 16px; line-height: 1.7; color: #666 } #ns2022 .ns-wrap-list>li .ns-software-text .ns-red-next-arrow { position: absolute; left: 1.5625vw; bottom: 1.7vw } #ns2022 .ns-wrap-list>li .time { font-size: 16px; display: block; line-height: 1.7; color: #000 } #ns2022 .ns-wrap-list>li img { width: 100% } #ns2022 .ns-wrap-list>li.ns-transparent { background: 0 0 !important } #ns2022 .ns-wrap-list>li div.ns-scale-image { font-size: 0; overflow: hidden } #ns2022 .ns-wrap-list>li div.ns-scale-image img { width: 100%; transition: .3s } #ns2022 .ns-wrap-list>li:hover div.ns-scale-image img { transform: scale(1.1) } #ns2022 .ns-wrap-list>li .ns-wrap-list-content { padding: 1.5625vw 1.5625vw 4vw } #ns2022 .ns-wrap-list>li .ns-wrap-list-content h3 { margin-bottom: 1vw; font-size: 20px; color: #000 } #ns2022 .ns-wrap-list>li .ns-wrap-list-content p { margin-bottom: 1vw; font-size: 16px; color: #666; line-height: 1.7 } #ns2022 .ns-wrap-list>li .ns-wrap-list-content .ns-links { position: absolute; bottom: 1.7vw; left: 1.5625vw; right: 1.5625vw } #ns2022 .ns-wrap-list>li.news-list { display: flex; flex-direction: column; align-items: center; padding: 1.5625vw } #ns2022 .ns-wrap-list>li.news-list li { padding-bottom: 1vw; margin-bottom: 1vw; border-bottom: 1px solid #cfcfcf } #ns2022 .ns-wrap-list>li.news-list li label { display: block; margin-bottom: .5vw; font-size: 16px; color: #000 } #ns2022 .ns-wrap-list>li.news-list li a { font-size: 20px; color: #000; font-weight: 600 } #ns2022 .ns-wrap-tab-list, #ns2022 .ns-wrap-tab-list2 { display: none } #ns2022 .ns-btn-wrap { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; flex-direction: column; position: absolute; bottom: 1.5vw } #ns2022 .ns-btn-wrap .ns-red-next-arrow { position: relative !important; left: auto !important; bottom: auto !important; margin: 5px 10px 5px 0; font-size: 16px; color: #e60012; padding-left: 30px; position: relative; display: inline-block } #ns2022 .ns-btn-wrap .ns-red-next-arrow:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(/jp/tres/NewWebUI/2022/images/link-arrow.png) no-repeat; background-size: 100% 100%; width: 26px; height: 15px } #ns2022 .ns-product-intro { display: flex; padding-top: 10px; padding-bottom: 20px } #ns2022 .ns-product-intro.ns-no-spacing { padding-top: 0 } #ns2022 .ns-product-intro.ns-no-spacing pad .ns-product-content { padding-left: 20px; padding-top: 0 } #ns2022 .ns-product-intro.hide { display: none } #ns2022 .ns-product-intro .ns-product-content { padding-left: 4vw; padding-top: 20px } #ns2022 .ns-product-intro .ns-product-content h2 { font-size: 30px; padding-bottom: 20px; font-weight: 700 } #ns2022 .ns-product-intro .ns-product-content p { font-size: 16px; line-height: 1.7 } #ns2022 .ns-product-details .ns-product-details-tab { display: flex; flex-wrap: wrap; margin: 0 -2px } #ns2022 .ns-product-details .ns-product-details-tab.ns-details-list3>li { width: calc(33.33% - 4px) } #ns2022 .ns-product-details .ns-product-details-tab.ns-details-list4>li { width: calc(25% - 4px) } #ns2022 .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 } #ns2022 .ns-product-details .ns-product-details-tab>li>div { display: none } #ns2022 .ns-product-details .ns-product-details-tab>li.active { background: #6d6d6d; color: #fff } #ns2022 .ns-product-details .ns-product-details-tab>li.active::before { content: ''; width: 100%; height: 4px; background: #fff; position: absolute; left: 0; bottom: -4px } #ns2022 .ns-product-details .ns-product-details-tab>li.active::after { transform: translateY(-50%) rotate(180deg) } #ns2022 .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 } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget { padding: 0; background: #fff; width: 100% } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget::after, #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget::before { display: none } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div { display: flex; flex-wrap: wrap } #ns2022 .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 } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div p { padding: 10px 30px; width: 100%; font-size: 14px; color: #000 } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div a { width: 33.333%; padding: 5px 30px; color: #000; font-size: 14px } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div a i { color: #e60012 } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div a:hover { text-decoration: underline } #ns2022 .ns-product-details .ns-product-details-tab.bg-red>li.active { background: #e60012 } #ns2022 .ns-product-details .ns-product-details-tab.bg-red>li.ns-tab-traget { padding-bottom: 10px } #ns2022 .ns-product-details .ns-wrap-tab-notice { margin-top: 15px; font-size: 12px; color: #e60012; display: none } #ns2022 .ns-product-adaptation .ns-scale-image { text-align: center } #ns2022 .ns-product-adaptation .ns-scale-image img { width: 70% !important } #ns2022 .ns-video-wrap { width: 80%; position: fixed; top: 50%; left: 50%; transform: translateY(-50%, -50%); display: none } #ns2022 #ns-video-wrap { width: 100%; height: 100%; position: fixed; z-index: 1001; top: 0; left: 0; background: rgba(0, 0, 0, .7); display: none } #ns2022 #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 } #ns2022 #ns-video-wrap .ns-video-box video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1 } #ns2022 #ns-video-wrap .ns-video-box .posterimg { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } #ns2022 #ns-video-wrap .ns-video-box .ns-close-video { position: absolute; top: -30px; right: 0; cursor: pointer } @media screen and (max-width:1441px) { #ns2022 .container { width: 1200px } #ns2022 .banner .banner-content h1 { width: 75%; margin-bottom: 36px; font-size: 32px; font-weight: 700; color: #fff; line-height: 1.25 } #ns2022 .banner .banner-content p { width: 65%; font-size: 18px; color: #fff; line-height: 1.5 } #ns2022 #secondary-navi ul li { font-size: 14px } #ns2022 #secondary-navi ul li+li { margin-left: 25px } #ns2022 .recommend .section .box { width: 600px } #ns2022 .recommend.one .section:first-child .box { width: 1200px } #ns2022 .cards .cards-container li .card-info { padding: 10px 20px 40px } #ns2022 .cards .cards-container li .btn-group { padding: 0 20px 40px } #ns2022 .application .ns-scenes-list { flex-wrap: wrap; justify-content: flex-start; padding-bottom: 20px } #ns2022 .application .ns-scenes-list>li h2 { font-size: 14px } #ns2022 .ns-wrap-list.ns-wrap-tab li h3 { font-size: 16px } #ns2022 .ns-wrap-list>li .ns-wrap-list-content h3 { font-size: 16px } #ns2022 .ns-wrap-list>li .ns-wrap-list-content p { font-size: 14px } #ns2022 .ns-wrap-list>li.news-list li label { font-size: 14px } #ns2022 .ns-wrap-list>li.news-list li a { font-size: 16px } } @media screen and (max-width:1025px) { #ns2022 section { padding-top: 30px; padding-bottom: 40px } #ns2022 .container { width: 900px } #ns2022 a.btn { margin-top: 0; padding: 8px 15px; font-size: 12px } #ns2022 a.link { font-size: 12px } #ns2022 a.link.link-plus:before { width: 12px; height: 12px; background-size: cover } #ns2022 .banner .banner-content h1 { margin-bottom: 20px; width: auto; font-size: 20px } #ns2022 .banner .banner-content p { margin-bottom: 25px; width: 60%; font-size: 14px } #ns2022 .breadcrumbs ul li { font-size: 12px } #ns2022 #secondary-navi ul li { font-size: 12px } #ns2022 .recommend.one .section:first-child .box { width: 900px } #ns2022 .recommend.one .section:first-child .box h4 { font-size: 22px; margin-bottom: 15px } #ns2022 .recommend.one .section:first-child .box p { font-size: 12px; margin-bottom: 20px } #ns2022 .overview .overview-box .overview-text .overview-img { width: 35%; margin-left: 5% } #ns2022 .overview .overview-box .overview-text h2 { font-size: 24px } #ns2022 .overview .overview-box .overview-text p { font-size: 12px } #ns2022 .icon-list .icon-items { flex-direction: column } #ns2022 .icon-list .icon-items .icon-item { display: flex; border-bottom: 1px solid #ccc; padding: 15px 25px; align-items: center } #ns2022 .icon-list .icon-items .icon-item:last-child { border-color: transparent } #ns2022 .icon-list .icon-items .icon-item .img { width: 20% } #ns2022 .icon-list .icon-items .icon-item .icon-info { flex: 1 } #ns2022 .icon-list .icon-items .icon-item .icon-info h3 { min-height: auto; margin-bottom: 20px } #ns2022 .recommend .section .box { width: 485px } #ns2022 .cards .cards-container { flex-direction: column } #ns2022 .cards .cards-container li { margin-right: 0; margin-bottom: 25px; display: flex } #ns2022 .cards .cards-container li.bg-transparent { margin-bottom: 0 } #ns2022 .cards .cards-container li.bg-transparent .section-title { width: 100% } #ns2022 .cards .cards-container li .img { flex: 1; margin-bottom: 0 } #ns2022 .cards .cards-container li .img img { width: 100% } #ns2022 .cards .cards-container li .card-info { flex: 1; padding: 20px 0 } #ns2022 .cards .cards-container li .card-info>* { padding: 0 20px } #ns2022 .cards .cards-container li .card-info h4 { margin-bottom: 10px; min-height: auto } #ns2022 .cards .cards-container li .card-info p { margin-bottom: 15px } #ns2022 .ns-wrap-list.ns-wrap-list4 { flex-wrap: wrap } #ns2022 .ns-wrap-list.ns-wrap-list4 li { width: calc(50% - 20px) } #ns2022 .ns-wrap-list.ns-wrap-list4.ns-wrap-tab li { width: calc(50% - 1px) } } @media screen and (max-width:768px) { /* 20251029 去掉了 #ns2022的上级索引，现在线上不支持#ns2022 #page这种方式*/ #page { padding-top: 44px; overflow: hidden } #ns2022 section { padding-top: 25px; padding-bottom: 30px } #ns2022 .pc { display: none } #ns2022 .mb { display: block } #ns2022 .container { margin: 0 auto; width: auto; padding: 0 15px } #ns2022 .swiper-button-next, #ns2022 .swiper-button-prev { width: 30px; height: 30px; background-size: 30px 30px; margin-top: -15px } #ns2022 .section-title { margin-bottom: 18px } #ns2022 .section-title h2 { font-size: 26px } #ns2022 #secondary-navi.expanded h3:after { transform: translateY(-50%) rotate(180deg) } #ns2022 #secondary-navi.expanded ul { height: auto } #ns2022 #secondary-navi h3 { display: none; position: relative; font-size: 15px; font-weight: 400; line-height: 3 } #ns2022 #secondary-navi h3:after { position: absolute; content: ''; width: 13px; height: 7px; top: 50%; right: 0; background: url(/jp/tres/NewWebUI/2022/images/arrow-second-menu.png) no-repeat; background-size: cover; transform: translateY(-50%) rotate(0); transition: .3s } #ns2022 #secondary-navi 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 rgb(0 0 0) } #ns2022 #secondary-navi ul li { margin-right: 0; border-bottom: 0; font-size: 15px } #ns2022 .breadcrumbs { display: none } #ns2022 .order .com-text-img:nth-child(even) .container { flex-direction: column } #ns2022 .order .com-text-img:nth-child(even) .container .img { margin-left: 0 } #ns2022 .banner.pc-text-black .banner-content h1, #ns2022 .banner.pc-text-black .banner-content p { color: #fff } #ns2022 .banner .banner-wrapper { background: rgba(0, 0, 0, .4) } #ns2022 .banner .banner-content { width: 100%; top: 10% } #ns2022 .banner .banner-content h1 { width: auto; margin-bottom: 36px; font-size: 26px; font-weight: 700; color: #fff; line-height: 1.25 } #ns2022 .banner .banner-content p { width: auto; font-size: 16px; color: #fff; line-height: 1.5 } #ns2022 .banner .banner-content .btn-group.row { flex-direction: column } #ns2022 .banner .banner-content .btn-group.row a.btn+a.btn { margin-left: 0; margin-top: 10px } #ns2022 .recommend { flex-direction: column } #ns2022 .recommend .section .box { width: auto; padding: 30px 15px !important } #ns2022 .recommend .section .box h4 { font-size: 26px } #ns2022 .com-text-img { padding: 30px 0 } #ns2022 .com-text-img .container { flex-direction: column } #ns2022 .com-text-img .container .img { width: auto; margin: 0 0 15px 0 } #ns2022 .com-text-img .container .text-content h2 { margin-bottom: 16px } #ns2022 .com-text-img .container .text-content p { line-height: 1.5 } #ns2022 .com-text-img.reverse .container { flex-direction: column } #ns2022 .com-text-img.reverse .container .img { width: auto; margin: 0 0 15px 0 } #ns2022 .icon-list .icon-items { margin: 0 -15px } #ns2022 .icon-list .icon-items .icon-item { justify-content: flex-start } #ns2022 .icon-list .icon-items .icon-item .img { flex: none; width: 30%; text-align: center } #ns2022 .icon-list .icon-items .icon-item .icon-info { padding-left: 15px } #ns2022 .icon-list .icon-items .icon-item .icon-info h3 { margin-bottom: 10px; font-size: 18px } #ns2022 .icon-list .icon-items .icon-item .icon-info p { line-height: 1.25 } #ns2022 .icon-list .icon-items.column3 .icon-item, #ns2022 .icon-list .icon-items.column4 .icon-item { flex: auto; width: auto } #ns2022 .icon-list .icon-items.wrap .icon-item { margin-bottom: 0 } #ns2022 .icon-list-row .icon-items { flex-direction: column; align-items: flex-start; margin-left: -15px; margin-right: -15px } #ns2022 .icon-list-row .icon-items .icon-item { margin-bottom: 15px; padding-bottom: 15px; width: 100%; border-bottom: 1px solid #DBDBDB } #ns2022 .icon-list-row .icon-items .icon-item:last-child { border: none; padding-bottom: 0; margin-bottom: 0 } #ns2022 .icon-list-row .icon-items .icon-item .img { width: 50px } #ns2022 .icon-list-row .icon-items .icon-item .icon-intro { margin-left: 30px } #ns2022 .icon-list-row .icon-items .icon-item .icon-intro p { font-size: 16px } #ns2022 .tabs { flex-direction: column } #ns2022 .cards .cards-container li { flex-direction: column } #ns2022 .cards .cards-container li.holder { display: none } #ns2022 .cards .cards-container.three li { width: auto; flex: none } #ns2022 .cards .cards-container.wrap.three li { width: auto; margin-bottom: 3% } #ns2022 .img-half .img-half-container img.partner-pc { display: none !important } #ns2022 .img-half .img-half-container img.partner-mb { display: block !important } #ns2022 .img-half .img-half-container .content { position: static; right: auto; top: auto; transform: translateY(0); width: 100% } #ns2022 .img-half .img-half-container .content h2 { margin-top: -25px; padding: 0 20px; font-size: 18px } #ns2022 .img-half .img-half-container .content div { padding: 0 20px 20px; background: #fff; text-align: center } #ns2022 .img-half .img-half-container .content div p { font-size: 12px; padding: 15px 0 20px; text-align: left } #ns2022 .cross-img-half .cross-img-half-container { position: absolute; transform: none; top: auto; bottom: 0; left: 0; display: block } #ns2022 .cross-img-half .cross-img-half-container .content { width: auto } #ns2022 .cross-img-half .cross-img-half-container .content p { font-size: 12px; margin-bottom: 15px } #ns2022 .overview .overview-box { flex-direction: column } #ns2022 .overview .overview-box .overview-text { display: flex; flex-direction: column; padding-right: 0; margin-bottom: 20px } #ns2022 .overview .overview-box .overview-text .overview-img { order: 99; float: none; width: auto; margin-left: 0; margin-top: 20px } #ns2022 .resource .resource-container { flex-wrap: nowrap; flex-direction: column } #ns2022 .resource .resource-container li { width: auto; flex: auto } #ns2022 .resource .resource-container li:last-child { margin-bottom: 0 } #ns2022 .application .ns-scenes-list { flex-wrap: wrap; justify-content: flex-start; padding-bottom: 20px } #ns2022 .application .ns-scenes-list>li { width: 50% } #ns2022 .application .ns-scenes-list>li>img { width: 30px } #ns2022 .application .ns-scenes-list>li h2 { font-size: 14px } #ns2022 .application .ns-swiper-box .ns-swiper-content { position: absolute; left: 20px; bottom: 15px } #ns2022 .application .ns-swiper-box .ns-swiper-content h2 { font-size: 14px; padding-bottom: 5px } #ns2022 .application .ns-swiper-box .ns-swiper-content p { color: #fff; font-size: 12px; line-height: 1.5 } #ns2022 .application .overlapping .swiper-slide .ns-swiper-box .ns-swiper-content { left: 20px; right: 20px; bottom: 15px; width: auto } #ns2022 .application .overlapping .swiper-slide .ns-swiper-box .ns-swiper-content a.link { margin-top: 10px; font-size: 12px } #ns2022 .application .overlapping .swiper-slide .ns-swiper-box .ns-swiper-content a.link.link-arrow:before { width: 13px; height: 8px; background-size: cover } #ns2022 .ns-wrap-list { flex-direction: column; margin-bottom: 0 !important } #ns2022 .ns-wrap-list>li { margin-bottom: 10px !important; width: auto !important } #ns2022 .ns-wrap-list>li .ns-wrap-list-content { padding: 15px 15px 40px } #ns2022 .ns-wrap-list.ns-wrap-list4.ns-wrap-tab li { width: auto !important; margin-bottom: 10px !important } #ns2022 .ns-product-intro { flex-wrap: wrap; justify-content: center; padding-top: 0 } #ns2022 .ns-product-intro .ns-no-spacing { padding-left: 4vw } #ns2022 .ns-product-intro>img { width: 80% } #ns2022 .ns-product-intro .ns-product-content { padding-top: 0; width: 100% } #ns2022 .ns-product-intro .ns-product-content h2 { font-size: 16px; padding-bottom: 10px } #ns2022 .ns-product-intro .ns-product-content p { font-size: 12px; line-height: 1.5 } #ns2022 .ns-product-details .ns-product-details-tab>li { width: 100% !important; padding: 10px 30px 10px 20px } #ns2022 .ns-product-details .ns-product-details-tab>li::after { width: 10px; height: 5.33px } #ns2022 .ns-product-details .ns-product-details-tab>li.active { margin-bottom: 0 } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget { display: block; margin-bottom: 0 } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div { display: flex } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div h2 { font-size: 14px; padding: 5px 20px } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div p { font-size: 12px; padding: 5px 20px } #ns2022 .ns-product-details .ns-product-details-tab>li.ns-tab-traget>div a { width: 100%; padding: 5px 20px; font-size: 12px } #ns2022 .ns-product-details .ns-product-details-tab.ns-product-noH2mb>li.ns-tab-traget { padding-top: 10px } #ns2022 .ns-product-details .ns-product-details-tab.ns-product-noH2mb>li.ns-tab-traget>div h2 { display: none } #ns2022 #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%) } #ns2022 #ns-video-wrap .ns-video-box video { height: auto } #ns2022 #ns-video-wrap .ns-video-box .ns-close-video { padding-right: 3%; top: -40px } } .pagination2022 { display: flex; clear: both; overflow: hidden; padding-top: 80px; margin: 0 auto; max-width: 400px } .pagination2022 img { margin: 0 10px } .pagination2022 .form, .pagination2022 img, .pagination2022 p, .pagination2022 span, .pagination2022 input, .pagination2022 p, .pagination2022 span { display: flex; height: 30px; line-height: 30px; box-sizing: border-box } .pagination2022 .page-text { border: 1px solid #000; width: 80px; text-align: center; margin: 0 10px 0 15px } .pagination2022 .page-button { display: flex; justify-content: center; background: #333; width: 40px; cursor: pointer; transition: .5s; color: #fff; text-transform: Uppercase } .pagination2022 .page-button:hover { background: #e60012 } .pagination2022 .statu { background: url(/en/tres/NewWebUI/images/pagebar_line.png) no-repeat center } .pagination2022 .statu span { margin: 0 8px } @media screen and (max-width:768px) { .pagination2022 { padding-top: 40px } .pagination2022 img { margin: 0 5px } .pagination2022 .page-text { width: 60px; margin: 0 5px 0 10px } } .search-wrap-iservice { width: 100%; height: 50px; padding-right: 190px; position: relative; margin-top: 30px; } .search-wrap-iservice .search-iservice-keywords { width: 100%; height: 50px; border: 1px solid #d2d2d2; padding: 0 22px; font-size: 16px; } .search-wrap-iservice .handle-search-iservice { width: 60px; height: 50px; line-height: 40px; color: #fff; position: absolute; top: 0; right: 190px; text-align: center; display: flex; align-items: center; justify-content: center; } .search-wrap-iservice .handle-search-iservice i { color: #e60012; } .search-wrap-iservice .handle-search-iservice .iservice-handle { cursor: pointer; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; background: transparent; } .search-wrap-iservice .high-search { width: 180px; height: 50px; line-height: 50px; background: #fff; font-size: 16px; color: #999; position: absolute; top: 0; right: 0; display: inline-flex; justify-content: center; align-items: center; font-weight: bold; } .search-wrap-iservice .high-search img { width: 12px; height: 10px; margin-left: 10px; } h3.subscribe { color: #fff; font-size: 16px; padding: 0 15px; background: #e60012; cursor: pointer; height: 30px; line-height: 30px; } .document-serach { display: flex; align-items: center; justify-content: space-between; padding: 10px 0px; margin-bottom: 20px; background: #fff; } .document-serach .left-content { display: flex; align-items: center; } .document-serach .left-content > div { display: flex; align-items: center; padding-right: 10px; } .document-serach .left-content > div p { font-size: 16px; margin-right: 10px; } .document-serach .left-content > div select { padding: 0 36px 0 12px; height: 30px; border: 1px solid #ccc; } .document-serach .right-content { position: relative; } .document-serach .right-content .search-keyword { padding: 5px 25px 5px 10px; font-size: 14px; background: #fff; border: 1px solid #ccc; } .document-serach .right-content .right-content-item div { position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 100%; color: #fff; background: #e60012; padding: 0 7px; display: flex; align-items: center; } .document-serach .right-content .right-content-item div input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .common-close-style { height: 20px; position: relative; } .common-close-style span { width: 20px; height: 3px; position: absolute; top: 50%; right: 10px; background: #999999; cursor: pointer; } .common-close-style span:nth-of-type(1) { transform: translateY(-50%) rotate(45deg); } .common-close-style span:nth-of-type(2) { transform: translateY(-50%) rotate(-45deg); } .subscribe-layer { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); width: 400px; text-align: center; padding: 10px 0 30px; display: none; } .subscribe-layer h2 { font-size: 18px; margin-bottom: 25px; } .subscribe-layer a { font-weight: bold; color: #fff; background-color: #e60012; display: inline-block; padding: 3px 15px; border-radius: 5px; } .feedback { float: right; font-size: 16px; color: #e60012; cursor: pointer; margin: 0; font-weight: normal; } .rating-container { display: flex; } .rating-container.mt { margin-top: 20px; } .rating-container.end { justify-content: flex-end; } .download-data-wrap { display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: 10px; } .download-star-wrap { display: flex; justify-content: space-between; align-items: flex-start; } .download-star-wrap .score-text { min-width: 74px; } .select-star { display: flex; align-items: center; margin-bottom: 10px; } .select-star .required { color: #e60012; font-size: 14px; } .select-star h3 { margin: 0 !important; font-size: 15px; padding-bottom: 0; color: #000; font-weight: normal; } .select-star ul { display: flex; margin-left: 10px; } .select-star ul li { width: 20px; height: 20px; background: url(/en/tres/NewWebUI/2022/images/icon-rating.png) no-repeat; background-size: 40px 20px; cursor: pointer; } .select-star ul li.selected { background-position-x: -20px; } .score-text { padding-left: 10px; font-size: 16px; color: #000; margin: 0 !important; font-family: "Arial", "sans-serif"; min-width: 110px; line-height: 1 !important; } .feedback-layer { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; width: 50vw; z-index: 99999; padding: 40px; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.4); font-size: 18px; color: #000; display: none; } .feedback-layer a { text-decoration: none !important; } .feedback-layer p { margin-left: 0; font-family: "Arial", "sans-serif"; } .feedback-layer .feedback-close { position: absolute; top: 15px; right: 15px; height: 15px; font-size: 30px; font-weight: 200; transform: rotate(45deg); color: #999; padding: 5px; cursor: pointer; font-family: "Microsoft Yahei", arial, "\5b8b\4f53"; } .feedback-layer .score-text { font-size: 14px; min-width: 60px; } .feedback-layer h3 { font-size: 14px; margin-bottom: 5px; padding-bottom: 0; color: #000; font-weight: normal; } .feedback-layer .required { color: #e60012; font-size: 14px; } .feedback-layer input[type='text'] { padding: 10px; width: 50%; border: 1px solid #d4d4d4; margin-bottom: 10px; } .feedback-layer textarea { width: 100%; height: 80px; border: 1px solid #d4d4d4; resize: none; padding: 10px; font-size: 14px; } .feedback-layer .feedback-tip { font-size: 14px; margin-bottom: 10px; color: #e60012; } .feedback-layer .feedback-upload { margin: 10px 0; display: flex; align-items: center; } .feedback-layer .feedback-upload input[type=button] { font-size: 14px; padding: 5px 10px; border-radius: 5px; border: 0; color: #fff; background: #e60012; width: auto; margin-right: 5px; } .feedback-layer .agree-rule { display: flex; align-items: center; } .feedback-layer .agree-rule p { font-size: 14px; } .feedback-layer .agree-rule .feedback-check { position: relative; margin: 0 3px; } .feedback-layer .agree-rule input[type=checkbox] { visibility: hidden; position: absolute; width: 15px; height: 15px; cursor: pointer; margin: 0; } .feedback-layer .agree-rule input[type=checkbox]:checked + label { background: #616060 url(/en/tres/NewWebUI/2022/images/icon-check.png) no-repeat; background-size: 100% 100%; } .feedback-layer .agree-rule label { width: 15px; height: 15px; margin-bottom: 0; border: 1px solid #6b6a6a; background-color: #e2e1e1; display: block; border-radius: 3px; cursor: pointer; } .feedback-layer .agree-rule a { color: #00a2e8; } .feedback-layer input[type=submit] { margin-top: 20px; padding: 10px 40px; background: #e60012; border-radius: 30px; border: 0; font-size: 18px; color: #fff; width: auto; } .support_cont.style0718 .content.subnavboxContent .table.show-all table tr { display: table-row; } .support_cont.style0718 .content.subnavboxContent .table table tr { display: none; } .support_cont.style0718 .content.subnavboxContent .table table tr:nth-of-type(1), .support_cont.style0718 .content.subnavboxContent .table table tr:nth-of-type(2), .support_cont.style0718 .content.subnavboxContent .table table tr:nth-of-type(3), .support_cont.style0718 .content.subnavboxContent .table table tr:nth-of-type(4), .support_cont.style0718 .content.subnavboxContent .table table tr:nth-of-type(5) { display: table-row; } .support_cont.style0718 .content .table dt:hover img.download, .support_cont.style0718 .content .table dd:hover img.download { opacity: 1; } .support_cont.style0718 .content .table dt ul li:hover img.download, .support_cont.style0718 .content .table dd ul li:hover img.download { opacity: 1; } .support_cont.style0718 .content .table dt a, .support_cont.style0718 .content .table dd a { display: inline-flex; align-items: center; } .support_cont.style0718 .content .table dt img, .support_cont.style0718 .content .table dd img { margin-left: 5px; vertical-align: middle; } .support_cont.style0718 .content .table dt img.download, .support_cont.style0718 .content .table dd img.download { width: 15px; opacity: 0; transition: 0.5s; cursor: pointer; margin-top: -3px; } .look-more-style { padding-left: 15px; padding-top: 10px; padding-bottom: 10px; display: flex; align-items: center; } .look-more-style.position-end { justify-content: flex-end; } .look-more-style div { display: flex; align-items: center; } .look-more-style div.expand span.default { display: none; } .look-more-style div.expand span.active { display: block; } .look-more-style div.expand i::before { transform: rotate(180deg); } .look-more-style span { position: relative; color: #e60012; font-size: 14px; cursor: pointer; } .look-more-style span.active { display: none; } .look-more-style i { cursor: pointer; font-style: normal; } .look-more-style i::before { content: "\e625"; font-family: "iconfont" !important; display: inline-block; color: #e60012; font-size: 14px; margin-left: 5px; transition: 0.5s; } .recommend-img { width: 82px; } .support_download .txt.pt { padding-top: 20px; } .support_filecont_catalg .support_download .txt { font-size: 15px; } .manual-info { display: flex; align-items: center; justify-content: flex-end; } .manual-info.pb { padding-bottom: 15px; } .manual-info.pb30 { padding-bottom: 30px; } .manual-info.spec-position { padding-top: 9px; padding-bottom: 22px; } .manual-info li { font-size: 16px; color: #000; margin-right: 25px; } .manual-info li:last-child { margin-right: 0; } .mb20 { margin-bottom: 20px; } .support-video-container { padding: 15px 15px; overflow: hidden; } .support-video-container ul { display: flex; margin: 0 -5px -10px; flex-wrap: wrap; } .support-video-container ul li { width: calc(25% - 10px); margin: 0 5px 10px; } .support-video-container ul li img { width: 100%; margin-bottom: 10px; } .support-video-container ul li h3 { font-size: 14px; color: #3f3733; padding: 0 10px; } .support-video-container ul li p { font-size: 15px; color: #333; padding: 0 10px; } .about-video.show-all ul li { display: block; } .about-video ul { display: flex; flex-wrap: wrap; margin: 0 -5px -10px; } .about-video ul li { margin: 0 5px 10px; width: calc(25% - 10px); display: none; } .about-video ul li:nth-of-type(1), .about-video ul li:nth-of-type(2), .about-video ul li:nth-of-type(3), .about-video ul li:nth-of-type(4) { display: block; } .about-video ul li img { width: 100%; margin-bottom: 10px; } .about-video ul li a { text-decoration: none; } .about-video ul li h3 { color: #3f3733; font-size: 14px; padding: 0 10px; } .download-layer { position: absolute; background: #efefef; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); min-width: 320px; border-radius: 3px; } .download-layer .common-close-style span { background: #fff; right: 0; } .download-layer .top { position: relative; padding: 6px 16px; background-color: #e9e9e9; color: #fff; background-color: #e60012; border: 1px solid #ddd; cursor: move; display: flex; align-items: center; justify-content: space-between; } .download-layer .top h2 { font-size: 16px; height: 28px; line-height: 28px; } .download-layer .document-center-close span { background: #fff; } .download-layer ul { padding: 0 25px; } .download-layer ul li { display: flex; align-items: center; justify-content: space-between; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #ccc; } .download-layer ul li:last-child { border: none; margin-bottom: 0; } .download-layer ul li div { padding-right: 20px; display: flex; align-items: center; } .download-layer ul li div p { font-size: 14px; margin-left: 5px; transition: all 0.5s; white-space: nowrap; } .download-layer ul li div p:hover { color: #e60012; } .download-layer ul li img { width: 50%; } .floating-directory .support_left { position: sticky; top: 100px; height: calc(100vh - 100px); overflow-y: auto; } .floating-directory.support_filecont .support_left dd li.active a span::before { transform: translateY(-50%) rotate(90deg); } .floating-directory.support_filecont .support_left dd li.active ul { display: block; } .floating-directory.support_filecont .support_left dd li a { padding: 15px 40px 15px 0; } .floating-directory.support_filecont .support_left dd li a::before { display: none; } .floating-directory.support_filecont .support_left dd li a span::before { content: "\e608"; font-family: "iconfont" !important; color: #e60012; font-size: 14px; font-weight: normal; transition: 0.5s; position: absolute; top: 50%; right: 10px; transform: translateY(-50%) rotate(180deg); } .floating-directory.support_filecont .support_left dd li ul { display: none; padding-left: 20px; } .floating-directory.support_filecont .support_left dd li ul li { font-size: 14px; } .support_cont .tab_nav_new { margin-bottom: 30px; } .support_cont .tab_nav_new ul { display: flex; } .support_cont .tab_nav_new ul li { flex: 1; } .support_cont .tab_nav_new a { font-size: 18px; background-color: #ccc; display: block; padding: 20px 0; text-align: center; color: #fff; font-weight: bold; } .support_cont .tab_nav_new a.selected { position: relative; background: #e60012; } .support_cont .tab_nav_new a.selected::after { content: ""; border-width: 10px; border-color: #e60012 transparent transparent transparent; border-style: solid; position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%); } .support_cont.style0718 .content.subnavboxContent .txt { border: 1px solid #e6e6e6; border-bottom: none; padding: 10px 15px; background: #f2f2f2; font-size: 15px; } .support_cont.style0718 .content.subnavboxContent .table { border: 1px solid #e6e6e6; } .support_cont.style0718 .content.subnavboxContent .table th { border: none; background: #f2f2f2; border-bottom: 1px solid #e6e6e6; padding: 7px 15px; } .support_cont.style0718 .content.subnavboxContent .table th.th-title { text-align: left; } .support_cont.style0718 .content.subnavboxContent .table td { border: none; padding: 0 15px 7px; } .support_cont.style0718 .content.subnavboxContent .table tr:first-child td { padding-top: 7px; } .support_cont.style0718 .content .txt { font-size: 24px; color: #000; padding-bottom: 30px; } .support_cont.style0718 .content .txt-son { padding: 0 0 10px; font-size: 15px; margin: 0; } .support_cont.style0718 .content .table { border-top: none; margin-bottom: 30px; } .support_cont.style0718 .content .table dt a { font-size: 15px; } .support_cont.style0718 .content .table td { font-size: 15px; padding: 15px 20px; border-bottom: 1px solid #e5e5e5; } .support_cont.style0718 .content .table td.td4 { text-align: right; } .global-feedback { position: fixed; right: 10px; bottom: 180px; background-color: #e60012; padding: 10px 25px; font-size: 16px; border-radius: 20px; transition: 0.5s; z-index: 999; color: white; text-decoration: none; } .global-feedback:hover { color: #fff; } .download-list h6 { display: flex; align-items: center; margin: 0 0 15px; line-height: 1.4; font-weight: normal !important; } .download-list h6 a { font-size: 15px; color: #6aaae1; } .download-list h6 .download-size { font-size: 15px; margin-left: 10px; color: #000; } .download-list .download-icon { margin-right: 5px; } .download-list .download-icon::before { content: "\e609"; font-family: "iconfont" !important; font-size: 18px; color: #6aaae1; display: block; } .border-style { border-bottom: 1px solid #e5e5e5; } .subnavboxContent .subnavboxVideo table { display: none; } .subnavboxContent.all .subnavboxVideo .support-video-container { display: none; } .subnavboxContent.all .subnavboxVideo table { display: table; } .support_filecont_catalg { overflow: visible !important; } .support_filecont_catalg .support_left { position: sticky; top: 100px; max-height: calc(100vh - 100px); width: 300px; } .support_left .carousel-inner.expand dt { background-image: url(/en/tres/NewWebUI/2022/images/icon-reduce-20220701.png); } .support_left .carousel-inner dt { padding-left: 20px; padding-bottom: 0 !important; margin-bottom: 15px; cursor: pointer; background-image: url(/en/tres/NewWebUI/2022/images/icon-add-20220701.png); background-position: left center; background-repeat: no-repeat; background-size: 15px; } .support_left .carousel-inner dd > ul { max-height: calc(100vh - 160px); overflow: auto; } .support_left .carousel-inner dd > ul > li { border: none; } .support_left .carousel-inner dd > ul > li a { font-size: 15px; } .support_left .carousel-inner dd > ul > li a.current-page { color: #248fd1 !important; background: #eee !important; } .support_left .carousel-inner dd > ul > li.active a::after { transform: rotate(90deg); transform-origin: 50% 51%; top: 10px; left: 3px; } .support_left .carousel-inner dd > ul > li.active ul { display: block; } .support_left .carousel-inner dd > ul > li > a { padding: 5px 10px 5px 30px; } .support_left .carousel-inner dd > ul > li > a::before { display: none !important; } .support_left .carousel-inner dd > ul > li > a span { position: absolute; top: 0; left: 0; width: 30px; height: 30px; z-index: 1; } .support_left .carousel-inner dd > ul > li > a::after { content: ""; background: url(//www.h3c.com/cn/tres/WebUI/images/sj_solve.png) no-repeat; background-size: cover; width: 15px; height: 30px; position: absolute; top: 7px; left: 8px; } .support_left .carousel-inner dd > ul > li ul { border: none; padding-left: 20px; display: none; margin-top: 5px; } .support_left .carousel-inner dd > ul > li ul li { border: none; } .support_left .carousel-inner dd > ul > li ul li a { padding: 5px 20px; color: #333; font-size: 15px; display: block; position: relative; } .support_left .carousel-inner dd > ul > li ul li a::before { display: none !important; } .subnav_new { float: left; width: 25%; padding-right: 45px; } .subnav_new > ul > li { border-bottom: 1px solid #d7d7d7; cursor: pointer; } .subnav_new > ul > li a { padding: 15px 20px; display: inline-block; width: 100%; font-size: 15px; outline: 0; color: #242424; background: #f2f2f2; } .subnav_new > ul > li.active a { color: #fff; background: #e60012; } .subnav_new > ul > li.active ul { display: block; padding: 0 15px 10px; } .subnav_new > ul > li.active ul li { position: relative; } .subnav_new > ul > li.active ul li.active a { color: #e60012; } .subnav_new > ul > li.active ul li::before { content: ''; position: absolute; width: 3px; height: 3px; background: #242424; left: 10px; top: 18px; } .subnav_new > ul > li.active ul li a { background: #fff; color: #242424; padding: 10px 24px; } .subnav_new > ul > li ul { display: none; } .m-doc-info, .m-doc-type { display: none; } @media (max-width:768px) { .recommend-img { width: 64px; } .support_cont .tab_nav_new { margin: 0 0 15px; background: transparent; } .support_cont .tab_nav_new .box { overflow: hidden; } .support_cont .tab_nav_new .box ul { width: 100% !important; padding: 0 8px; } .support_cont .tab_nav_new .box ul li { width: 50% !important; padding: 0 6px; white-space: nowrap; } .support_cont .tab_nav_new .box ul li a { font-size: 16px; color: #727171; font-weight: normal; border-bottom: 4px solid transparent; background-color: transparent; padding: 15px 0; } .support_cont .tab_nav_new .box ul li a.selected { position: relative; border-color: #e60012; color: #e60012; } .support_cont .tab_nav_new .box ul li a::after { display: none; } .supportsort_cont_new.supportsort_products { background: #fff; } .supportsort_cont_new.supportsort_products dl { box-shadow: none; padding: 10px 15px; font-size: 13px; background: #fcfcfc; border: 1px solid #f7f6f6; } .supportsort_cont_new.supportsort_products .often_txt { font-size: 26px; margin-bottom: 30px; position: relative; padding-bottom: 10px; } .supportsort_cont_new.supportsort_products .often_txt::after { content: ""; width: 8%; height: 3px; background: #e60012; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .support_new .searchbox { flex-direction: row; } .support_new .searchbox .search_before { font-size: 12px; width: 110px; height: 30px; line-height: 30px; } .support_new .searchbox input { height: 30px; font-size: 12px; padding: 5px; } .support_new .item_box { border: none; } .support_new .support_sortlist dl { padding-bottom: 25px; } .support_new .support_sortlist dt { font-size: 18px; margin-bottom: 0; } .support_new .support_sortlist li { font-size: 15px; border-bottom: 1px solid #eee; margin-bottom: 5px; padding-bottom: 3px; } .subnav_new { float: none; width: 100%; padding-right: 0; padding: 0 0 20px; border-bottom: 1px solid #e0e0e0; } .subnav_new > ul { display: flex; flex-wrap: wrap; } .subnav_new > ul > li { width: 50%; border-bottom: none; cursor: pointer; border-radius: 15px; display: flex; align-items: center; } .subnav_new > ul > li a { padding: 5px 17px; font-size: 12px; outline: 0; color: #727171; background: transparent; vertical-align: middle; width: auto; } .subnav_new > ul > li.active a { color: #e60012; background: #ffeaea; border-radius: 15px; } .subnav_new > ul > li.active ul { display: none; } .rating { font-size: 12px; white-space: nowrap; } .rating .star { display: inline-block; width: 10px; height: 10px; background: url(/en/tres/NewWebUI/2022/images/icon-rating.png) no-repeat; background-size: 20px 10px; } .rating .star.selected { background-position-x: -10px; } .support_filecont_catalg { padding: 20px 0; } .support_filecont_catalg .support_left { position: relative; top: auto; max-height: auto; } .support_left .carousel-inner.expand { position: fixed !important; top: 10vh; left: 50%; transform: translateX(-50%); z-index: 999; background-color: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); max-height: 60vh; overflow: auto; width: 80%; } .support_left .carousel-inner.expand dt { background: #f2f2f2 url(//www.h3c.com/cn/tres/NewWebUI/2020/images/catalogue-close.png) 10px 50% no-repeat !important; background-size: 15px 15px !important; border-bottom: 1px solid #d7d7d7; margin: 0 !important; padding-left: 30px !important; } .support_left .carousel-inner.expand dt::before { display: none !important; } .support_left .carousel-inner.expand dd { display: block !important; } .support_left .carousel-inner.expand dd > ul { display: block; } .support_left .carousel-inner.expand dd > ul > li a { font-size: 14px; } .support_left .carousel-inner dt { border: none; background: transparent url(//www.h3c.com/cn/tres/NewWebUI/2020/images/catalogue-icon.png) 0 50% no-repeat !important; background-size: 15px 15px !important; padding: 10px 10px 10px 20px !important; margin-bottom: 0; } .support_left .carousel-inner dt::before { display: none; } .support_left .carousel-inner dd > ul { display: none; } .support_left .carousel-inner dd > ul > li { margin: 0; } .support_left .carousel-inner dd > ul > li ul li { margin: 0; } .support_left .carousel-inner dd > ul > li ul li a { font-size: 14px; } .download-star-wrap { align-items: flex-start; flex-direction: column; } .download-star-wrap .score-text { min-width: auto; } .download-list h6 { align-items: flex-start; margin: 0 0 10px; } .download-list h6 a { font-size: 14px; } .download-list h6 .download-size { font-size: 14px; margin-left: 5px; white-space: nowrap; } .download-list .download-icon::before { font-size: 16px; } .manual-info { display: none; } .search-wrap-iservice { height: auto; padding-right: 0; margin-top: 20px; } .search-wrap-iservice .serach-content-inner { position: relative; height: 40px; } .search-wrap-iservice .search-iservice-keywords { height: 40px; padding-right: 62px; font-size: 12px; padding-left: 10px; } .search-wrap-iservice .search-iservice-keywords::placeholder { font-size: 12px; } .search-wrap-iservice .handle-search-iservice { width: 40px; height: 40px; line-height: 40px; right: 0; } .search-wrap-iservice .high-search { width: auto; padding: 0 10px; white-space: nowrap; height: 40px; line-height: 40px; font-size: 14px; width: 160px; text-align: center; display: block; margin: 0 auto; position: static; margin-top: 10px; } .nopb { padding-bottom: 0 !important; } h3.subscribe { font-size: 14px; margin-left: 10px; } .document-header-m { display: flex !important; align-items: center; justify-content: space-between; padding: 20px 0; min-height: 70px; } .document-header-m h2 { font-size: 18px; color: #727171; font-weight: bold; } .document-serach { padding: 10px 0; margin-bottom: 0; flex-direction: column; position: relative; } .document-serach.show .right-content { display: block; } .document-serach .left-content { margin-bottom: 10px; width: 100%; } .document-serach .left-content .document-mobile-search { width: 20px; margin-left: 10px; } .document-serach .left-content > div { flex: 1; border-top: 1px solid #9fa0a0; border-bottom: 1px solid #9fa0a0; } .document-serach .left-content > div select { outline: none; appearance: none; border: none; background: transparent; height: 28px; width: 100%; background: url(//www.h3c.com/cn/tres/NewWebUI/2020/images/icon-show.png) no-repeat 100% center; font-size: 14px; } .document-serach .right-content { width: 100%; position: absolute; top: 100%; left: -12px; width: calc(100% + 24px); border-top: 1px solid #efefef; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 2; display: none; } .document-serach .right-content .right-content-item { padding: 15px 12px; background: #fff; position: relative; } .document-serach .right-content .right-content-item div { background: transparent; height: auto; right: 12px; } .document-serach .right-content .right-content-item div i { color: #e60012; } .document-serach .right-content .search-keyword { width: 100%; height: 35px; } .subscribe-layer { width: 90%; } .select-star h3 { font-size: 14px; } .select-star ul li { width: 15px; height: 15px; background: url(/en/tres/NewWebUI/2022/images/icon-rating.png) no-repeat; background-size: 30px 15px; } .select-star ul li.selected { background-position-x: -15px; } .score-text { min-width: auto; display: none !important; } .feedback-layer { width: 90vw; padding: 30px 20px; font-size: 14px; } .feedback-layer input[type='text'] { width: 100%; } .feedback-layer .feedback-close { top: 0; right: 0; } .feedback-layer .select-star h3 { font-size: 14px; } .feedback-layer input[type=submit] { margin-top: 20px; padding: 5px 10px; border-radius: 5px; font-size: 14px; } .feedback-layer .agree-rule { align-items: flex-start; } .feedback { float: none; margin-top: 10px; } #ns2022 .tabs li a { padding: 10px 0; font-size: 12px; } .support-video-container.middle_page .m-doc-type { display: none !important; } .support-video-container ul li { width: calc(50% - 10px); display: flex; flex-direction: column; justify-content: space-between; } .support-video-container ul li img { margin-bottom: 5px; } .support-video-container ul li h3 { font-size: 12px; padding: 0; } .support-video-container ul li p { font-size: 12px; padding: 0; } .about-video ul li { width: calc(50% - 10px); } .about-video ul li img { margin-bottom: 5px; } .about-video ul li h3 { font-size: 12px; } .mobile_subnav { background: #1b1b11; color: #fff; padding: 10px 20px; margin-bottom: 10px; position: relative; font-size: 15px; display: block; } .mobile_subnav:hover { color: #fff; } .mobile_subnav::before { content: "\e625"; font-family: "iconfont" !important; font-size: 14px; font-weight: normal; position: absolute; right: 10px; top: 12px; transition: 0.5s; } .mobile_subnav.expand { background: #e60012; } .mobile_subnav.expand::before { transform: rotate(-90deg); } .support_cont .content .table dt img.download { display: none; } .support_cont.style0718 .wrap { margin: 0; padding: 0 12px; } .support_cont.style0718 .recommendnewbtn { width: auto; display: inline; } .support_cont.style0718 .recommendnewbtn img { width: 37%; } .support_cont.style0718 .content.subnavboxContent .table { border: none; margin-bottom: 0; } .support_cont.style0718 .content.subnavboxContent .table table tr { display: table-row; } .support_cont.style0718 .content.subnavboxContent .txt { display: none !important; } .support_cont.style0718 .content .txt-son { display: none; } .support_cont.style0718 .content .txt { font-size: 18px; padding-bottom: 15px; } .support_cont.style0718 .content .m-doc-type { color: #aaa9a8; font-size: 12px; padding-top: 5px; display: block; } .support_cont.style0718 .content .m-doc-type a { color: #6aaae1; padding-left: 5px; font-size: 12px !important; } .support_cont.style0718 .content .m-doc-type a::before { display: none; } .support_cont.style0718 .content .table { margin-bottom: 15px; } .support_cont.style0718 .content .table dt a { font-size: 14px; padding-left: 0; display: inline-block; } .support_cont.style0718 .content .table dt a::before { display: none; } .support_cont.style0718 .content .table dt a.but { padding-left: 25px; } .support_cont.style0718 .content .table dt a.but::before { display: block; } .support_cont.style0718 .content .table dd a { padding-left: 0; } .support_cont.style0718 .content .table dd a::before { display: none; } .support_cont.style0718 .content .table table tr { display: table-row; border-bottom: 1px solid #e0e0e0; } .support_cont.style0718 .content .table table tr td { padding: 10px 12px !important; } .support_cont.style0718 .content .table table tr td .m-doc-info { padding-top: 5px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #aaa9a8; line-height: 1; } .support_cont.style0718 .content .table table tr td .m-doc-info .p { padding: 0; } .support_cont.style0718 .content .look-more-list { display: none; } .floating-directory .support_left { position: relative; top: auto; height: auto; } .floating-directory.support_filecont .support_left dd li ul { padding-left: 10px; } .howtobuy { padding: 5px 10px; font-size: 12px; border-radius: 15px; } .global-feedback { bottom: 160px; font-size: 12px; padding: 5px 21px; } } .tool-3d-tabs { padding-top: 10px; } .tool-3d-tabs ul { display: flex; } .tool-3d-tabs ul li { flex: 1; font-size: 16px; text-align: center; line-height: 3; cursor: pointer; border-right: 1px solid #efefef; background: #ccc; } .tool-3d-tabs ul li.active { background: #e60012; color: white; } .tool-children-title { padding-bottom: 20px; } .tool-children-title h2 { border-left: 5px solid #e60012; padding-left: 10px; font-size: 20px; } .tool-list-container { display: none; } .tool-list-container.active { display: block; } .bg-tool-3d { background: url(/en/tres/NewWebUI/2022/images/img-server-bg.jpg) no-repeat; background-size: cover; } @media (max-width:768px) { .tool-children-title { padding-bottom: 25px; } .tool-3d-tabs { padding-top: 10px; margin: 0 -15px; } } #ns2022 .section-title.weight-wide h2 { font-weight: bold; } #ns2022 .leftp-rightb-swiper-arrow { display: flex; align-items: center; justify-content: space-between; padding-top: 30px; } #ns2022 .leftp-rightb-swiper-arrow.end { justify-content: flex-end; } #ns2022 .leftp-rightb-swiper-arrow .swiper-pagination { position: relative; text-align: left; } #ns2022 .leftp-rightb-swiper-arrow .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: #666666; opacity: 1; margin: 0 10px; } #ns2022 .leftp-rightb-swiper-arrow .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0; } #ns2022 .leftp-rightb-swiper-arrow .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: #e60012; border-radius: 10px; } #ns2022 .leftp-rightb-swiper-arrow .swiper-arrow-box { display: flex; } #ns2022 .leftp-rightb-swiper-arrow .swiper-button-prev, #ns2022 .leftp-rightb-swiper-arrow .swiper-button-next { width: 36px; height: 36px; left: auto; right: auto; position: static; background: #e60012 url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/arrow-white.png) center center no-repeat; background-size: 22px 18px; border-radius: 50%; margin: 0 10px; } #ns2022 .leftp-rightb-swiper-arrow .swiper-button-prev { transform: rotate(180deg); } #ns2022 .leftp-rightb-swiper-arrow .swiper-button-next { margin-right: 0; } #ns2022 .leftp-rightb-swiper-arrow .swiper-button-next.swiper-button-disabled, #ns2022 .leftp-rightb-swiper-arrow .swiper-button-prev.swiper-button-disabled { opacity: 1; background: #ffffff url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/arrow-gray.png) center center no-repeat; background-size: 22px 18px; } #ns2022 .leftp-rightb-swiper-arrow .swiper-button-next.swiper-button-disabled.gray, #ns2022 .leftp-rightb-swiper-arrow .swiper-button-prev.swiper-button-disabled.gray { background: #F6F7FA url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/arrow-gray.png) center center no-repeat; background-size: 22px 18px; } #ns2022 .irregular-swiper-box { padding-left: 20px; } #ns2022 .overview.gray { background: #F6F7FA; } #ns2022 .overview.white { background: #fff; } #ns2022 .overview.overviewnew .overview-box .overview-text p:last-child { margin-bottom: 0; } #ns2022 .ict-view h2 { font-size: 30px; margin-bottom: 25px; font-weight: bold; } #ns2022 .ict-view img { width: 100%; } #ns2022 .ict-view ul { display: flex; margin-top: 25px; } #ns2022 .ict-view ul li { width: 42.5%; } #ns2022 .ict-view ul li:first-child { width: 57.5%; } #ns2022 .insights { overflow: hidden; } #ns2022 .insights.gray { background: #F6F7FA; } #ns2022 .insights.challenge .insights-box .swiper-slide:nth-of-type(3n+1) { background-image: url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/challenge-bg01.jpg); } #ns2022 .insights.challenge .insights-box .swiper-slide:nth-of-type(3n+2) { background-image: url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/challenge-bg02.jpg); } #ns2022 .insights.challenge .insights-box .swiper-slide:nth-of-type(3n+3) { background-image: url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/challenge-bg03.jpg); } #ns2022 .insights.features .insights-box .swiper-slide:nth-of-type(3n+1) { background-image: url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/features-bg01.jpg); } #ns2022 .insights.features .insights-box .swiper-slide:nth-of-type(3n+2) { background-image: url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/features-bg02.jpg); } #ns2022 .insights.features .insights-box .swiper-slide:nth-of-type(3n+3) { background-image: url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/features-bg03.jpg); } #ns2022 .insights .insights-box .swiper-container { padding: 1px; } #ns2022 .insights .insights-box .swiper-slide { height: auto; min-height: 100%; width: 27%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-size: cover; background-position: bottom right; } #ns2022 .insights .insights-box .swiper-slide:nth-of-type(3n+1) { background-image: url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/insights-bg01.jpg); } #ns2022 .insights .insights-box .swiper-slide:nth-of-type(3n+2) { background-image: url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/insights-bg02.jpg); } #ns2022 .insights .insights-box .swiper-slide:nth-of-type(3n+3) { background-image: url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/insights-bg03.jpg); } #ns2022 .insights .insights-swiper-content { padding: 30px 40px; } #ns2022 .insights .insights-swiper-content h3 { font-size: 29px; color: #e60012; padding-left: 15px; position: relative; margin-bottom: 30px; font-weight: normal; } #ns2022 .insights .insights-swiper-content h3::before { content: ""; width: 4px; height: 90%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #e60012; } #ns2022 .insights .insights-swiper-content p { font-size: 16px; color: #666666; line-height: 1.5; } #ns2022 .capabilities .capabilities-tab { display: flex; border-bottom: 1px solid #D8D8D8; margin-bottom: 30px; } #ns2022 .capabilities .capabilities-tab li { flex: 1; text-align: center; } #ns2022 .capabilities .capabilities-tab li.active span { color: #e60012; } #ns2022 .capabilities .capabilities-tab li.active span::after { content: ""; background: #e60012; width: 100%; height: 4px; position: absolute; left: 0; bottom: -1px; } #ns2022 .capabilities .capabilities-tab li span { font-size: 20px; font-weight: bold; display: inline-block; padding: 10px 0; position: relative; cursor: pointer; } #ns2022 .capabilities .capabilities-list .capabilities-img { text-align: center; } #ns2022 .capabilities .capabilities-list .capabilities-img > img { height: 445px; } #ns2022 .capabilities .capabilities-list .capabilities-img + .capabilities-text { padding-bottom: 0; } #ns2022 .capabilities .capabilities-list > div { display: none; } #ns2022 .capabilities .capabilities-list > div ul { display: flex; background: url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/capabilities-bg.png) top left no-repeat; } #ns2022 .capabilities .capabilities-list > div ul li { flex: 1; padding: 40px 30px; color: #fff; border-right: 1px solid rgba(224, 232, 245, 0.5); transition: all 0.5s; } #ns2022 .capabilities .capabilities-list > div ul li:hover { background-color: rgba(255, 255, 255, 0.3); } #ns2022 .capabilities .capabilities-list > div ul li h2 { font-size: 20px; margin: 30px 0 15px; font-weight: bold; } #ns2022 .capabilities .capabilities-list > div ul li p { font-size: 16px; line-height: 1.55; } #ns2022 .capabilities .capabilities-intro { font-size: 16px; margin-top: 25px; line-height: 1.55; color: #666; } #ns2022 .gray .capabilities-text { background: #fcfefd; } #ns2022 .capabilities-text { padding: 25px 40px; position: relative; } #ns2022 .capabilities-text p { font-size: 16px; color: #666; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; } #ns2022 .our-solutions.gray { background: #F6F7FA; } #ns2022 .our-solutions .swiper-slide { width: 84%; } #ns2022 .our-solutions .irregular-swiper { position: relative; } #ns2022 .our-solutions .irregular-swiper .swiper-button-prev, #ns2022 .our-solutions .irregular-swiper .swiper-button-next { width: 45px; height: 45px; margin-top: 0; transform: translateY(-50%); background: #e60012 url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/arrow-white.png) center center no-repeat; background-size: 22px 18px; } #ns2022 .our-solutions .irregular-swiper .swiper-button-prev { transform: translateY(-50%) rotate(180deg); left: 0; } #ns2022 .our-solutions .irregular-swiper .swiper-button-prev.swiper-button-disabled { opacity: 0; } #ns2022 .our-solutions .irregular-swiper .swiper-button-next { right: 0; } #ns2022 .our-solutions .irregular-swiper .swiper-button-next.swiper-button-disabled { opacity: 0; } #ns2022 .our-solutions .our-content { display: flex; } #ns2022 .our-solutions .our-content:hover .our-img img { transform: scale(1.1); } #ns2022 .our-solutions .our-content .our-img { overflow: hidden; font-size: 0; width: 61%; } #ns2022 .our-solutions .our-content .our-img img { transition: all 0.5s; width: 100%; } #ns2022 .our-solutions .our-content .our-text { padding: 20px 40px; flex: 1; background: #fff; display: flex; align-items: center; } #ns2022 .our-solutions .our-content .our-text > div { width: 100%; } #ns2022 .our-solutions .our-content .our-text h2 { font-size: 20px; font-weight: bold; } #ns2022 .our-solutions .our-content .our-text p { font-size: 16px; color: #666; line-height: 1.5; margin: 25px 0 40px; } #ns2022 .our-solutions .our-tab { display: flex; margin-bottom: 30px; } #ns2022 .our-solutions .our-tab li { flex: 1; background: #fff; margin-right: 2px; padding: 25px 30px; font-size: 16px; position: relative; border-bottom: 4px solid #d8d8d8; cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center; } #ns2022 .our-solutions .our-tab li::after { content: ""; width: 1px; height: 60%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #D8D8D8; z-index: 1; } #ns2022 .our-solutions .our-tab li::before { content: ""; width: 2px; height: 100%; background: #fff; position: absolute; top: 0; right: -2px; } #ns2022 .our-solutions .our-tab li.active { font-weight: bold; color: #e60012; border-color: #e60012; } #ns2022 .our-solutions .our-tab li:last-child { margin-right: 0; } #ns2022 .our-solutions .our-tab li:last-child::after, #ns2022 .our-solutions .our-tab li:last-child::before { display: none; } #ns2022 .our-solutions .our-list .our-item { display: none; } #ns2022 .our-solutions .architecture-img { text-align: center; background: #fff; } #ns2022 .our-solutions .architecture-img img { height: 445px; } #ns2022 .stories .swiper-slide { width: 27%; background: #F6F7FA; display: flex; flex-direction: column; height: auto; min-height: 100%; } #ns2022 .stories .swiper-slide:hover .stories-img img { transform: scale(1.1); } #ns2022 .stories .stories-img { overflow: hidden; font-size: 0; } #ns2022 .stories .stories-img img { transition: all 0.5s; width: 100%; } #ns2022 .stories .stories-text { padding: 20px 40px; } #ns2022 .stories .stories-text h2 { font-size: 20px; min-height: 2.5em; line-height: 1.1; margin-bottom: 20px; } #ns2022 .stories .stories-text p { font-size: 16px; margin-bottom: 25px; color: #666; line-height: 1.55; } #ns2022 .stories .btn-group { flex: 1; display: flex; justify-content: flex-end; padding: 0 40px 40px; } #ns2022 .featured-products.gray { background: #F6F7FA; } #ns2022 .featured-products.gray .featured-content { background-color: #fff; } #ns2022 .featured-products.gray .featured-content .featured-text .featured-wrap { background-color: #fff; } #ns2022 .featured-products .swiper-slide:hover .featured-img img { transform: scale(1.1); } #ns2022 .featured-products .featured-img { overflow: hidden; font-size: 0; } #ns2022 .featured-products .featured-img img { width: 100%; transition: all 0.5s; } #ns2022 .featured-products .featured-content { position: relative; padding-bottom: 124px; background: #F6F7FA; } #ns2022 .featured-products .featured-content:hover .featured-text { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; } #ns2022 .featured-products .featured-content:hover .featured-text .featured-wrap { background: #3b3b3b; } #ns2022 .featured-products .featured-content:hover .featured-text .featured-bg { flex: 1; background: linear-gradient(to top, #3b3b3b, rgba(59, 59, 59, 0)); } #ns2022 .featured-products .featured-content:hover .featured-text h3 { color: #fff; } #ns2022 .featured-products .featured-content:hover .featured-text p { color: #fff; margin-bottom: 20px; line-height: 1.5; font-size: 16px; display: block; } #ns2022 .featured-products .featured-content .featured-text { position: absolute; left: 0; bottom: 0; width: 100%; } #ns2022 .featured-products .featured-content .featured-text .featured-wrap { padding: 30px; background: #F6F7FA; } #ns2022 .featured-products .featured-content .featured-text h3 { font-size: 20px; line-height: 1.4; margin-bottom: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #ns2022 .featured-products .featured-content .featured-text p { display: none; } #ns2022 .featured-resources .featured-resources-content { display: flex; } #ns2022 .featured-resources .featured-resources-content .btn-group { flex: 1; display: flex; justify-content: flex-end; } #ns2022 .featured-resources .featured-resources-content ul li h2 { font-size: 20px; font-weight: bold; } #ns2022 .featured-resources .featured-resources-content ul li p { font-size: 16px; line-height: 1.55; color: #666; } #ns2022 .featured-resources .featured-resources-content ul li .featured-resources-img { overflow: hidden; font-size: 0; } #ns2022 .featured-resources .featured-resources-content ul li .featured-resources-img img { transition: all 0.5s; overflow: hidden; } #ns2022 .featured-resources .featured-resources-content .featured-resources-left { width: 46.8%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: #F6F7FA; } #ns2022 .featured-resources .featured-resources-content .featured-resources-left ul li { display: flex; flex-direction: column; } #ns2022 .featured-resources .featured-resources-content .featured-resources-left ul li:hover .featured-resources-img img { transform: scale(1.1); } #ns2022 .featured-resources .featured-resources-content .featured-resources-left ul li .featured-resources-text { padding: 40px 35px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-left ul li .btn-group { padding: 0 40px 35px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-left ul li h2 { margin-bottom: 30px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right { flex: 1; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul { display: flex; flex-direction: column; justify-content: space-between; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul li { display: flex; width: 100%; margin-bottom: 20px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul li:last-child { margin-bottom: 0; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul .featured-resources-item { margin-left: 20px; flex: 1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); background: #F6F7FA; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul .featured-resources-item:hover .featured-resources-img img { transform: scale(1.1); } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul .featured-resources-item .featured-resources-text { padding: 35px 28px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul .featured-resources-item .featured-resources-text h2 { margin-bottom: 20px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul .featured-resources-item .btn-group { padding: 0 28px 35px; } #ns2022 .application.scenarios .ns-scenes-list { border-bottom: 1px solid #D8D8D8; margin-bottom: 40px; padding-bottom: 0; } #ns2022 .application.scenarios .ns-scenes-list > li { flex: 1; flex-direction: column; text-align: center; } #ns2022 .application.scenarios .ns-scenes-list > li.active > img { transform: scale(1); } #ns2022 .application.scenarios .ns-scenes-list > li.active h2 { color: black; } #ns2022 .application.scenarios .ns-scenes-list > li.active h2::after { content: ""; width: 100%; height: 4px; background: #e60012; position: absolute; bottom: -2px; left: 0; } #ns2022 .application.scenarios .ns-scenes-list > li h2 { padding: 0 5px 20px; margin-right: 0; position: relative; } #ns2022 .application.scenarios .ns-swiper-box::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } #ns2022 .application.scenarios .overlapping .swiper-slide-active .ns-swiper-box::before { display: none; } #ns2022 .application.scenarios .swiper-container .swiper-button-prev, #ns2022 .application.scenarios .swiper-container .swiper-button-next { border-radius: 0; width: 45px; height: 45px; margin-top: -22.5px; background: #e60012 url(/en/tres/NewWebUI/2022/images/Industry/MedicalTrentment/arrow-white.png) center center no-repeat; background-size: 22px 18px; z-index: 3; } #ns2022 .application.scenarios .swiper-container .swiper-button-prev { transform: rotate(180deg); left: 0; } #ns2022 .application.scenarios .swiper-container .swiper-button-next { right: 0; } @media (max-width:768px) { #ns2022 .leftp-rightb-swiper-arrow { padding-top: 20px; } #ns2022 .leftp-rightb-swiper-arrow .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; } #ns2022 .leftp-rightb-swiper-arrow .swiper-pagination .swiper-pagination-bullet-active { width: 20px; } #ns2022 .irregular-swiper-box { padding: 0 15px; } #ns2022 .overview.gray { background: #F6F7FA; } #ns2022 .ict-view h2 { font-size: 24px; } #ns2022 .ict-view img { width: 100%; } #ns2022 .ict-view ul { flex-direction: column; margin-top: 0; } #ns2022 .ict-view ul li { width: 100%; margin-top: 25px; } #ns2022 .ict-view ul li:first-child { width: 100%; } #ns2022 .insights .insights-box .swiper-slide { width: 100%; } #ns2022 .insights .insights-swiper-content { padding: 20px 30px; } #ns2022 .insights .insights-swiper-content h3 { font-size: 25px; margin-bottom: 20px; } #ns2022 .insights .insights-swiper-content h3::before { content: ""; width: 4px; height: 90%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: #e60012; } #ns2022 .insights .insights-swiper-content p { font-size: 16px; color: #666666; line-height: 1.5; } #ns2022 .capabilities .capabilities-tab { margin-bottom: 20px; } #ns2022 .capabilities .capabilities-tab li span { font-size: 16px; } #ns2022 .capabilities .capabilities-list .capabilities-img img { width: 100%; height: auto; } #ns2022 .capabilities .capabilities-list > div ul { flex-wrap: wrap; background-size: cover; } #ns2022 .capabilities .capabilities-list > div ul li { width: 50%; padding: 20px 15px; border: none; border-bottom: 1px solid rgba(224, 232, 245, 0.5); } #ns2022 .capabilities .capabilities-list > div ul li:nth-of-type(odd) { border-right: 1px solid rgba(224, 232, 245, 0.5); } #ns2022 .capabilities .capabilities-list > div ul li img { width: 70px; } #ns2022 .capabilities .capabilities-list > div ul li h2 { font-size: 20px; margin: 30px 0 15px; font-weight: bold; } #ns2022 .capabilities .capabilities-list > div ul li p { font-size: 16px; line-height: 1.55; } #ns2022 .capabilities-text { padding: 20px 25px; } #ns2022 .capabilities-text::before, #ns2022 .capabilities-text::after { content: ""; width: 12px; height: 10px; } #ns2022 .capabilities-text p { font-size: 16px; color: #666; line-height: 1.55; } #ns2022 .our-solutions .swiper-slide { width: 100%; } #ns2022 .our-solutions .irregular-swiper .swiper-button-prev, #ns2022 .our-solutions .irregular-swiper .swiper-button-next { width: 35px; height: 35px; display: none; } #ns2022 .our-solutions .our-content { flex-direction: column; } #ns2022 .our-solutions .our-content .our-img { width: 100%; } #ns2022 .our-solutions .our-content .our-text { width: 100%; padding: 20px; } #ns2022 .our-solutions .our-content .our-text p { margin: 15px 0 30px; } #ns2022 .our-solutions .our-tab { margin-bottom: 20px; } #ns2022 .our-solutions .our-tab li { padding: 20px 5px; font-size: 14px; } #ns2022 .our-solutions .our-tab li.active { font-weight: normal; } #ns2022 .our-solutions .architecture-img img { width: 100%; height: auto; } #ns2022 .stories .swiper-slide { width: 100%; } #ns2022 .stories .stories-text { padding: 20px; } #ns2022 .stories .stories-text h2 { min-height: auto; margin-bottom: 15px; } #ns2022 .stories .stories-text p { margin-bottom: 20px; } #ns2022 .stories .btn-group { flex: 1; display: flex; justify-content: flex-end; padding: 0 20px 20px; } #ns2022 .featured-products .featured-content { padding-bottom: 98px; } #ns2022 .featured-products .featured-content .featured-text .featured-wrap { padding: 20px; } #ns2022 .featured-products .featured-content .featured-text h3 { margin-bottom: 15px; } #ns2022 .featured-resources .featured-resources-content { flex-direction: column; } #ns2022 .featured-resources .featured-resources-content .featured-resources-left { width: 100%; margin-bottom: 15px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-left ul li .featured-resources-text { padding: 20px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-left ul li .btn-group { padding: 0 20px 20px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-left ul li h2 { margin-bottom: 15px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul { margin: 0 -7.5px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul li { display: flex; width: 100%; margin-bottom: 15px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul .featured-resources-item { margin: 0 7.5px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul .featured-resources-item .featured-resources-text { padding: 17px 16px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul .featured-resources-item .featured-resources-text h2 { margin-bottom: 15px; } #ns2022 .featured-resources .featured-resources-content .featured-resources-right ul .featured-resources-item .btn-group { padding: 0 15px 20px; } #ns2022 .application.scenarios .ns-scenes-list { border-bottom: none; margin-bottom: 20px; } #ns2022 .application.scenarios .ns-scenes-list > li { flex: none; flex-direction: row; margin-bottom: 5px; } #ns2022 .application.scenarios .ns-scenes-list > li.active > img { transform: scale(1); } #ns2022 .application.scenarios .ns-scenes-list > li.active h2 { color: #e60012; } #ns2022 .application.scenarios .ns-scenes-list > li.active h2::after { display: none; } #ns2022 .application.scenarios .ns-scenes-list > li h2 { padding: 0; margin-right: 20px; padding-left: 5px; } #ns2022 .application.scenarios .swiper-container .swiper-button-prev, #ns2022 .application.scenarios .swiper-container .swiper-button-next { width: 28px; height: 28px; margin-top: -14px; background-size: 14.667px 12px; } }