body { background: #f5f5f5; background-position: center top; background-repeat: no-repeat; } a:hover, a:active { color: #555555; } .main{ width: 1200px; box-sizing: border-box; } body>.ui-page-product-list>.main, body>.ui-page-product-detail>.main, body>.ui-page-article-list>.main, body>.ui-page-article-detail>.main, body>.ui-page-about>.main, body>.ui-page-contact>.main, body>.ui-page-ly>.main, body>.ui-page-renova-design-detail>.main, body>.ui-page-renova-design-team-list>.main, body>.ui-page-renova-example-detail>.main, body>.ui-page-renova-example-list>.main { padding-left: 0px; padding-right: 0px; padding-top: 20px; padding-bottom: 0px; background-color: ; background-image: ; background-position: center top; background-repeat: no-repeat; } body>.ui-container>.main, body>.ui-search-panel>.main, body>.ui-product-center>.main, body>.ui-collapse>.main, body>.ui-product-list>.main, body>.ui-tabedy>.main, body>.ui-tabedx>.main, body>.ui-richtext>.main, body>.ui-form>.main, body>.ui-button>.main, body>.ui-article-list>.main{ width: 1200px; } .ui-richtext .ql-editor a:hover { /*color: #555555 !important;*/ opacity: .7; } .ui-float { z-index: 100; display: none; } .ui-navigation.narrow{ width: 1200px; } .category-box .category-item.active{ background: #555555; } .category-aside-box .category-aside-title{ background: #555555; } .category-aside-box .category-aside-item-link.active{ background: #555555; } .category-aside-box .category-aside-phones-number{ color: #555555; } .condition-filter-box .condition-filter-item-link.active, .condition-filter-box .condition-filter-item-link:hover{ background:#555555; } .ui-page .ui-page-item.active{ background: #555555; border-color: #555555; } .ui-top-box{ zoom: 1; height: 180px; } .ui-top-box .ui-top-wrap{ height: inherit; background: none center top no-repeat #ffffff; } .ui-top-box .ui-top-wrap.is-fixed { position: fixed; /*height: inherit;*/ } .ui-top-box .ui-top-wrap.is-absolute { position: absolute; /*height: inherit;*/ } .ui-top-box .ui-top-wrap.is-absolute.is-float { position: fixed; animation: fadeInDown .2s ease; background: #ffffff; /*height: inherit;*/ } .ui-header{ background: ; } .ui-header .ui-header-logo-box .ui-header-contact-box{ color: #555555; } .ui-header .ui-header-content-box{ background: ; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap{ color: ; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap:hover{ color: ; } .ui-header.layout-0 .ui-header-content-box .ui-header-navigation-item-wrap:hover, .ui-header.layout-2 .ui-header-content-box .ui-header-navigation-item-wrap:hover{ background: ; } .ui-header .ui-header-content-box .ui-header-seconed-navigation-box{ background: ; } .ui-header .ui-header-content-box .ui-header-navigation-item-wrap:after{ border-color: ; } .ui-header.layout-1 .ui-header-content-box .ui-header-navigation-item-wrap:hover{ background: #555555; } .ui-header.layout-2 .ui-header-content-box .ui-header-contact-box{ color: #555555; } .ui-article-list .carousel-item-box:hover .ui-article-title{ color: #555555; } .ui-article-list .ui-article-time5 .ui-article-time5-day{ color: #555555; } .ui-article-list .ui-article-time6{ background: #555555; } .ui-article-list .ui-article-btn{ background: #555555; } .ui-product-list.layout-1 .carousel-item-box:hover .ui-product-title{ color: #555555; } .ui-form .form-submit-btn{ background: #555555; } .ui-product-center .ui-product-category-title{ background: #555555; } .ui-product-center .ui-product-contact-phones{ color: #555555; } .ui-product-center.layout-1 .ui-product-category-item-footer{ background: #555555; } .ui-product-center.layout-1 .ui-product-category-item:hover{ background: #555555; color:#fff; } .ui-product-scroll-pack .ui-product-swiper-btn{ background: #555555; } .ui-center-navigation-link .ui-center-navigation-link-item:hover{ background: #555555; } .ui-page-product-list .ui-control-layout-1 .data-item-shadow .hl { background: #555555; } .ui-page-product-detail .ui-product-detail .ui-product-phones-box{ background: #555555; } .ui-page-product-detail .ui-product-detail .ui-product-phones-box2 .order a { background: #555555; } .ui-page-product-detail .ui-product-detail .ui-product-phones-box2 .order i, .ui-page-product-detail .ui-product-detail .ui-product-phones-box2 .hotline i { color: #555555; } .ui-page-product-detail .ui-product-detail .ui-product-content-head-item.active{ box-shadow: 0 5px 0 0px #555555 inset; color: #555555; } .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .item:hover .name, .ui-page-contact .ui-control-layout-1 .ui-page-contact-info-scroll .item.active .name { color: #555555; } .ui-many-image.layout-0 .dots li.active{ background: #555555; } .ui-many-image.layout-1 .dots li.active{ background: #555555; border-color: #555555; } .ui-button.old.layout-1 .ui-button-link:hover{ color: #555555 } .ui-footer{ z-index: false; background: #555555 center top repeat-x; } .ui-footer>.main{ height: 300px; } .ui-image-text .ui-image-text-btn{ background: #555555; } .ui-copy-right{ height: 50px; /*line-height: 50px;*/ background: ; text-align: center; font-size: 14px; font-family: 微软雅黑; font-weight: normal; text-decoration: none; font-style: normal; } .ui-copy-right .ui-copy-right-item{ color: #f1f1f1; } .ui-copy-right .ui-copy-right-item-link:hover{ color: #999999; } .ui-bottom{ background: #555555 center top repeat-x; color: ; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap{ background: ; } .ui-toolbar .ui-toolbar-wrap.layout-2 .ui-toolbar-item-wrap + .ui-toolbar-item-wrap:before{ background: ; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-head{ color: ; background: ; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap{ background: ; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap .ui-toolbar-item{ color: ; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap .ui-toolbar-item::before{ border-bottom: 10px solid ; } .ui-toolbar .ui-toolbar-wrap.layout-3 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item{ border-top: 75px solid ; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap{ background: ; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap .ui-toolbar-item{ color: ; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-head{ background: ; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item:before{ border-left: 75px solid ; border-right: 75px solid ; } .ui-toolbar .ui-toolbar-wrap.layout-4 .ui-toolbar-item-wrap.layout-0 .ui-toolbar-item-text{ background: ; } .ui-page-ly .ui-page-ly-phones{ color: #555555; } .ui-pagination .page-block { color: #555555; } .ui-pagination .page-block:hover, .ui-pagination .page-block.active { background: #555555; } .ui-navigation .ui-navigation-wrap{ top: 110px; height: 70px; z-index: 10; background: rgba(255, 255, 255, 1) center no-repeat; } .ui-navigation.narrow .ui-navigation-wrap>.main{ position: relative; } .ui-navigation.narrow .ui-navigation-wrap{ background: none; } .ui-navigation .first-level{ text-align: center; height: 70px; white-space: nowrap; } .ui-navigation .main-wrap{ height: 70px; /* background: rgba(255, 255, 255, 1) center no-repeat;*/ } .ui-navigation.narrow .main-wrap{ position: absolute; left: 0px; width: auto; background: rgba(255, 255, 255, 1) center no-repeat; } .ui-navigation .first-level>.ui-navigation-item{ height: 70px; line-height: 70px; width: 120px; background-color: rgba(255, 255, 255, 1); border-radius: 0px; } .ui-navigation .first-level>.ui-navigation-item>.ui-navigation-item-link{ border-radius: 0px; border: 0 solid ; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; color: rgba(0, 156, 132, 1); font-size: 18px; /* text-align: left; */ font-weight: normal; font-style: normal; text-decoration: none; } .ui-navigation .ui-navigation-wrap .first-level>.ui-navigation-item:hover>.ui-navigation-item-link{ background: rgba(0, 156, 132, 1); color: #ffffff; } .ui-navigation .ui-navigation-wrap .separate{ display: ; width: 60px; height: 70px; background-color: transparent; } .ui-navigation .second-level .ui-navigation-item-link{ background: #666666; border-radius: 0px; border: 0 solid ; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; color: #ffffff; font-size: 14px; text-align: left; font-weight: normal; font-style: normal; text-decoration: none; } .ui-navigation .third-level::before { border-left-color: #000000; left: -0px; } .ui-navigation .ui-navigation-wrap .second-level .ui-navigation-item:hover > .ui-navigation-item-link{ background: #000000; color: #ffffff; } .ui-navigation-drop{ width: ; } .ui-33205{ left: 0px; top: 32px; z-index: 1; background: none; width: 173px; /*height: auto;*/ height: 0px; } .ui-33205 .ui-picture-img{ opacity: 1; } .ui-33205.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-33205 .ui-picture-animate-img{ width: 1796px; height: 679px; } .ui-33205 .ui-picture-animate-img.animate-1, .ui-33205 .ui-picture-animate-img.animate-2 { margin-left: -898px; } .ui-33205 .ui-picture-animate-img.animate-3, .ui-33205 .ui-picture-animate-img.animate-4 { margin-top: -339.5px; } .ui-33358{ background: none; padding: 5px; left: 280px; top: 28px; z-index: 1; width: 555px; } .ui-33209{ background: none; padding: 5px; left: 73px; top: 29px; z-index: 1; width: 167px; } .ui-53617{ left: 0px; top: 24px; z-index: 1; background: none; width: 71px; /*height: 70px;*/ height: 70px; } .ui-53617 .ui-picture-img{ opacity: 1; } .ui-53617.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-53617 .ui-picture-animate-img{ width: 195px; height: 198px; } .ui-53617 .ui-picture-animate-img.animate-1, .ui-53617 .ui-picture-animate-img.animate-2 { margin-left: -97.5px; } .ui-53617 .ui-picture-animate-img.animate-3, .ui-53617 .ui-picture-animate-img.animate-4 { margin-top: -99px; } .ui-33207{ background: none; padding: 5px; left: 280px; top: 55px; z-index: 1; width: 339px; } .ui-33210{ background: none; padding: 5px; left: 854px; top: 38px; z-index: 1; width: 333px; } .ui-1013206{ position: relative; height: 600px; background: false repeat center; background-color: #fff; } .ui-1013206 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1013206>.main, .ui-1013206>.tempWrap [data-fullmeasure], .ui-1013206>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 600px; position: relative; } .ui-1013206.theme-1 [data-fullmeasure]>.carousel-item-box{ background: repeat center; } .ui-1013210{ position: relative; height: 1183px; background: #fff repeat center; background-color: #fff; } .ui-1013210 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1013210>.main, .ui-1013210>.tempWrap [data-fullmeasure], .ui-1013210>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 1183px; position: relative; } .ui-1013210.theme-1 [data-fullmeasure]>.carousel-item-box{ background: #fff repeat center; } .ui-1013211{ background: none; padding: 5px; left: 539px; top: 68px; z-index: 1; width: 161px; } .ui-1013212{ background: none; padding: 5px; left: 152.5px; top: 125px; z-index: 1; width: 906px; } .ui-1013213{ left: 41px; top: 191px; z-index: 1; background: none; width: 525px; /*height: 394px;*/ height: 394px; } .ui-1013213 .ui-picture-img{ opacity: 1; } .ui-1013213.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-1013213 .ui-picture-animate-img{ width: 600px; height: 450px; } .ui-1013213 .ui-picture-animate-img.animate-1, .ui-1013213 .ui-picture-animate-img.animate-2 { margin-left: -300px; } .ui-1013213 .ui-picture-animate-img.animate-3, .ui-1013213 .ui-picture-animate-img.animate-4 { margin-top: -225px; } .ui-1013214{ background: none; padding: 5px; left: 592px; top: 197px; z-index: 1; width: 440px; } .ui-1013215{ background: none; padding: 5px; left: 41px; top: 631px; z-index: 1; width: 379px; } .ui-1013216{ background: none; padding: 5px; left: 588px; top: 263px; z-index: 1; width: 563px; } .ui-1013217{ background: none; padding: 5px; left: 41px; top: 711px; z-index: 1; width: 550px; } .ui-1013218{ left: 599px; top: 641px; z-index: 1; background: none; width: 566px; /*height: 425px;*/ height: 425px; } .ui-1013218 .ui-picture-img{ opacity: 1; } .ui-1013218.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-1013218 .ui-picture-animate-img{ width: 600px; height: 450px; } .ui-1013218 .ui-picture-animate-img.animate-1, .ui-1013218 .ui-picture-animate-img.animate-2 { margin-left: -300px; } .ui-1013218 .ui-picture-animate-img.animate-3, .ui-1013218 .ui-picture-animate-img.animate-4 { margin-top: -225px; } .ui-1013219 { left: 599px; top: 518px; z-index: 1; } .ui-1013219 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 18px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 160px; height: 50px; } .ui-1013219.old { background: ; } .ui-1013219.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013219 .ui-button-link:hover{ background-color: rgba(7, 184, 157, 1); color: #ffffff; } .ui-1013220 { left: 41px; top: 974px; z-index: 1; } .ui-1013220 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 18px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 160px; height: 50px; } .ui-1013220.old { background: ; } .ui-1013220.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013220 .ui-button-link:hover{ background-color: rgba(7, 184, 157, 1); color: #ffffff; } .ui-1013221{ position: relative; height: 661px; background: url(https://saas-image.jingwxcx.com/upload_files/2020/09/18/27eaf56736c6e80db6ea9773362c003a.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: #fff; } .ui-1013221 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1013221>.main, .ui-1013221>.tempWrap [data-fullmeasure], .ui-1013221>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 661px; position: relative; } .ui-1013221.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(https://saas-image.jingwxcx.com/upload_files/2020/09/18/27eaf56736c6e80db6ea9773362c003a.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1013222{ left: 537px; top: 222px; z-index: 1; background: none; width: 640px; /*height: 340px;*/ height: 340px; } .ui-1013222 .ui-picture-img{ opacity: 1; } .ui-1013222.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-1013222 .ui-picture-animate-img{ width: 640px; height: 340px; } .ui-1013222 .ui-picture-animate-img.animate-1, .ui-1013222 .ui-picture-animate-img.animate-2 { margin-left: -320px; } .ui-1013222 .ui-picture-animate-img.animate-3, .ui-1013222 .ui-picture-animate-img.animate-4 { margin-top: -170px; } .ui-1013224{ background: none; padding: 5px; left: 138px; top: 222px; z-index: 1; width: 411px; } .ui-1013226{ background: none; padding: 5px; left: 138px; top: 271px; z-index: 1; width: 362px; } .ui-1013227 { left: 138px; top: 473px; z-index: 1; } .ui-1013227 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 18px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 160px; height: 50px; } .ui-1013227.old { background: ; } .ui-1013227.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013227 .ui-button-link:hover{ background-color: rgba(13, 186, 159, 1); color: #ffffff; } .ui-1013228{ position: relative; height: 1135px; background: #fff repeat center; background-color: #fff; } .ui-1013228 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1013228>.main, .ui-1013228>.tempWrap [data-fullmeasure], .ui-1013228>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 1135px; position: relative; } .ui-1013228.theme-1 [data-fullmeasure]>.carousel-item-box{ background: #fff repeat center; } .ui-1013229{ background: none; padding: 5px; left: 519px; top: 65px; z-index: 1; width: 160px; } .ui-1013230 { left: 0px; top: 151px; z-index: 1; } .ui-1013230 .ui-button-link{ line-height: 50px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 226px; height: 50px; } .ui-1013230.old { background: ; } .ui-1013230.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013230 .ui-button-link:hover{ background-color: rgba(13, 183, 157, 1); color: #ffffff; } .ui-1013231 { left: 240px; top: 153px; z-index: 1; } .ui-1013231 .ui-button-link{ line-height: 50px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 226px; height: 50px; } .ui-1013231.old { background: ; } .ui-1013231.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013231 .ui-button-link:hover{ background-color: rgba(13, 183, 157, 1); color: #ffffff; } .ui-1013232 { left: 484.5px; top: 151px; z-index: 1; } .ui-1013232 .ui-button-link{ line-height: 50px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 226px; height: 50px; } .ui-1013232.old { background: ; } .ui-1013232.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013232 .ui-button-link:hover{ background-color: rgba(13, 183, 157, 1); color: #ffffff; } .ui-1013234 { left: 728px; top: 152px; z-index: 1; } .ui-1013234 .ui-button-link{ line-height: 50px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 226px; height: 50px; } .ui-1013234.old { background: ; } .ui-1013234.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013234 .ui-button-link:hover{ background-color: rgba(13, 183, 157, 1); color: #ffffff; } .ui-1013235 { left: 969px; top: 153px; z-index: 1; } .ui-1013235 .ui-button-link{ line-height: 50px; border-radius: 0px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 226px; height: 50px; } .ui-1013235.old { background: ; } .ui-1013235.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013235 .ui-button-link:hover{ background-color: rgba(13, 183, 157, 1); color: #ffffff; } .ui-1013238 { left: 466.5px; top: 1001px; z-index: 1; } .ui-1013238 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 18px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 260px; height: 50px; } .ui-1013238.old { background: ; } .ui-1013238.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013238 .ui-button-link:hover{ background-color: rgba(15, 187, 160, 1); color: #ffffff; } .ui-1013236 { width: 1213px; height: 742px; left: -7px; top: 240px; z-index: auto; background: center no-repeat; background-size: cover; } body > .ui-1013236.layout-10 > .main { height: 742px; } .ui-1013236.layout-0 .ui-product-item-wrap, .ui-1013236.layout-1 .ui-product-item-wrap, .ui-1013236.layout-1 .ui-product-item-wrap .auto-img-box, .ui-1013236.layout-3 .ui-product-item-wrap .auto-img-box, .ui-1013236.layout-4 .ui-product-item-wrap, .ui-1013236.layout-5 .auto-img-box, .ui-1013236.layout-6 .ui-product-item-wrap, .ui-1013236.layout-8 .auto-img-box, .ui-1013236.layout-9 .ui-product-item-wrap{ border-radius: 0px; } .ui-1013236.layout-0 .ui-product-info-box, .ui-1013236.layout-3 .ui-product-info-box, .ui-1013236.layout-10 .ui-product-info-box, .ui-1013236.layout-4 .ui-product-info-box{ background: #ffffff; display: block } .ui-1013236.layout-0 .carousel-item-box:hover .ui-product-info-box, .ui-1013236.layout-3 .carousel-item-box:hover .ui-product-info-box, .ui-1013236.layout-10 .carousel-item-box:hover .ui-product-info-box, .ui-1013236.layout-4 .carousel-item-box:hover .ui-product-info-box{ background: #f2f2f2; } .ui-1013236.layout-0 .ui-product-title, .ui-1013236.layout-3 .ui-product-title, .ui-1013236.layout-4 .ui-product-title, .ui-1013236.layout-10 .ui-product-title, .ui-1013236.layout-9 .ui-product-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: ; } .ui-1013236.layout-0 .carousel-item-box:hover .ui-product-title, .ui-1013236.layout-3 .carousel-item-box:hover .ui-product-title, .ui-1013236.layout-4 .carousel-item-box:hover .ui-product-title, .ui-1013236.layout-10 .carousel-item-box:hover .ui-product-title, .ui-1013236.layout-9 .carousel-item-box:hover .ui-product-title{ color: #000000; } .ui-1013236.layout-2 .main { padding-top: 10px; } .ui-1013236.layout-0 .ui-product-item-wrap { box-shadow: 0 0 10px rgb(0 0 0 / 10%); } .ui-1013237{ position: relative; height: 647px; background: url(https://saas-image.jingwxcx.com/upload_files/2020/09/18/3d393522a3070643a0cd35dd238390c5.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: #fff; } .ui-1013237 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1013237>.main, .ui-1013237>.tempWrap [data-fullmeasure], .ui-1013237>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 647px; position: relative; } .ui-1013237.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(https://saas-image.jingwxcx.com/upload_files/2020/09/18/3d393522a3070643a0cd35dd238390c5.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1013239{ background: none; padding: 5px; left: 527px; top: 71px; z-index: 1; width: 161px; } .ui-1013240 { width: 1199px; height: 380px; left: 6.5px; top: 147px; z-index: 1; background: none center no-repeat; background-size: cover; } body > .ui-1013240.layout-18 > .main { height: 380px; } .ui-1013240.layout-10 .ui-article-item-wrap{ background: #ffffff; } .ui-1013240.layout-10 .ui-article-item-wrap:hover{ background: #f2f2f2; } .ui-1013240.layout-10 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1013240.layout-11 .main { padding: 10px; } .ui-1013240.layout-4 .auto-img-box, .ui-1013240.layout-5 .auto-img-box, .ui-1013240.layout-6 .ui-article-item-wrap, .ui-1013240.layout-8 .auto-img-box, .ui-1013240.layout-10 .auto-img-box, .ui-1013240.layout-11 .ui-article-item-wrap, .ui-1013240.layout-13 .ui-article-item-wrap, .ui-1013240.layout-12 .card .auto-img-box, .ui-1013240.layout-16 .auto-img-box, .ui-1013240.layout-17 .tempWrap{ border-radius: 0px; } .ui-1013240.layout-11 .ui-article-info-box, .ui-1013240.layout-13 .ui-article-info-box{ background: #ffffff; display: block } .ui-1013240.layout-10 .ui-article-info-box:hover, .ui-1013240.layout-11 .carousel-item-box:hover .ui-article-info-box, .ui-1013240.layout-18 .ui-article-info-box:hover, .ui-1013240.layout-13 .carousel-item-box:hover .ui-article-info-box { background: #f2f2f2; } .ui-1013240.layout-9 .ui-article-title { font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1013240.layout-11 .ui-article-title, .ui-1013240.layout-13 .ui-article-title, .ui-1013240.layout-18 .ui-article-title, .ui-1013240.layout-17 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: } .ui-1013240.layout-11 .ui-article-title { margin: 0 !important; } .ui-1013240.layout-9 .carousel-item-box:hover .ui-article-title, .ui-1013240.layout-10 .carousel-item-box:hover .ui-article-title, .ui-1013240.layout-11 .carousel-item-box:hover .ui-article-title, .ui-1013240.layout-18 .carousel-item-box:hover .ui-article-title, .ui-1013240.layout-13 .carousel-item-box:hover .ui-article-title, .ui-1013240.layout-17 .carousel-item-box:hover .ui-article-title{ color: #000000; } .ui-1013240.layout-9 .ui-article-remark, .ui-1013240.layout-10 .ui-article-remark, .ui-1013240.layout-11 .ui-article-remark, .ui-1013240.layout-13 .ui-article-remark{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: #919191; display: none; } .ui-1013240.layout-9 .ui-article-remark { text-align: left; } .ui-1013240.layout-9 .carousel-item-box:hover .ui-article-remark, .ui-1013240.layout-10 .carousel-item-box:hover .ui-article-remark, .ui-1013240.layout-11 .carousel-item-box:hover .ui-article-remark, .ui-1013240.layout-13 .carousel-item-box:hover .ui-article-remark{ color: #555555; } .ui-1013240.layout-9 .ui-article-time1, .ui-1013240.layout-10 .ui-article-time, .ui-1013240.layout-11 .ui-article-time, .ui-1013240.layout-13 .ui-article-time{ font-family: Microsoft Yahei; font-size: 12px; text-align: left; color: #919191; display: none } .ui-1013240.layout-9 .carousel-item-box:hover .ui-article-time1, .ui-1013240.layout-10 .carousel-item-box:hover .ui-article-time, .ui-1013240.layout-11 .carousel-item-box:hover .ui-article-time, .ui-1013240.layout-13 .carousel-item-box:hover .ui-article-time{ color: #555555; } .ui-1013240.layout-9 .ui-article-remark-wrap, .ui-1013240.layout-13 .ui-article-remark-wrap{ display: none; } .ui-1013240.layout-13 .ui-article-time{ display: none } .ui-1013240.layout-18 .ui-article-info-box{ background: #ffffff; } .ui-1013240.layout-13 .ui-article-swiper-box { height: auto; } .ui-1013240.layout-13 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .ui-1013241 { left: 477.5px; top: 494px; z-index: 1; } .ui-1013241 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 14px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 260px; height: 50px; } .ui-1013241.old { background: ; } .ui-1013241.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013241 .ui-button-link:hover{ background-color: rgba(17, 186, 160, 1); color: #ffffff; } .ui-1013242{ position: relative; height: 700px; background: url(https://saas-image.jingwxcx.com/upload_files/2020/09/18/534350be7d9fdc8784de698d095c8fe7.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: #fff; } .ui-1013242 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1013242>.main, .ui-1013242>.tempWrap [data-fullmeasure], .ui-1013242>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 700px; position: relative; } .ui-1013242.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(https://saas-image.jingwxcx.com/upload_files/2020/09/18/534350be7d9fdc8784de698d095c8fe7.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1013243 { width: 600px; height: 390px; left: 600px; top: 80px; z-index: 1; background: none center no-repeat; background-size: cover; } body > .ui-1013243.layout-18 > .main { height: 390px; } .ui-1013243.layout-10 .ui-article-item-wrap{ background: #ffffff; } .ui-1013243.layout-10 .ui-article-item-wrap:hover{ background: #f2f2f2; } .ui-1013243.layout-10 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1013243.layout-11 .main { padding: 10px; } .ui-1013243.layout-4 .auto-img-box, .ui-1013243.layout-5 .auto-img-box, .ui-1013243.layout-6 .ui-article-item-wrap, .ui-1013243.layout-8 .auto-img-box, .ui-1013243.layout-10 .auto-img-box, .ui-1013243.layout-11 .ui-article-item-wrap, .ui-1013243.layout-13 .ui-article-item-wrap, .ui-1013243.layout-12 .card .auto-img-box, .ui-1013243.layout-16 .auto-img-box, .ui-1013243.layout-17 .tempWrap{ border-radius: 0px; } .ui-1013243.layout-11 .ui-article-info-box, .ui-1013243.layout-13 .ui-article-info-box{ background: #ffffff; display: block } .ui-1013243.layout-10 .ui-article-info-box:hover, .ui-1013243.layout-11 .carousel-item-box:hover .ui-article-info-box, .ui-1013243.layout-18 .ui-article-info-box:hover, .ui-1013243.layout-13 .carousel-item-box:hover .ui-article-info-box { background: #f2f2f2; } .ui-1013243.layout-9 .ui-article-title { font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1013243.layout-11 .ui-article-title, .ui-1013243.layout-13 .ui-article-title, .ui-1013243.layout-18 .ui-article-title, .ui-1013243.layout-17 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: } .ui-1013243.layout-11 .ui-article-title { margin: 0 !important; } .ui-1013243.layout-9 .carousel-item-box:hover .ui-article-title, .ui-1013243.layout-10 .carousel-item-box:hover .ui-article-title, .ui-1013243.layout-11 .carousel-item-box:hover .ui-article-title, .ui-1013243.layout-18 .carousel-item-box:hover .ui-article-title, .ui-1013243.layout-13 .carousel-item-box:hover .ui-article-title, .ui-1013243.layout-17 .carousel-item-box:hover .ui-article-title{ color: #000000; } .ui-1013243.layout-9 .ui-article-remark, .ui-1013243.layout-10 .ui-article-remark, .ui-1013243.layout-11 .ui-article-remark, .ui-1013243.layout-13 .ui-article-remark{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: #919191; display: ; } .ui-1013243.layout-9 .ui-article-remark { text-align: left; } .ui-1013243.layout-9 .carousel-item-box:hover .ui-article-remark, .ui-1013243.layout-10 .carousel-item-box:hover .ui-article-remark, .ui-1013243.layout-11 .carousel-item-box:hover .ui-article-remark, .ui-1013243.layout-13 .carousel-item-box:hover .ui-article-remark{ color: #555555; } .ui-1013243.layout-9 .ui-article-time1, .ui-1013243.layout-10 .ui-article-time, .ui-1013243.layout-11 .ui-article-time, .ui-1013243.layout-13 .ui-article-time{ font-family: Microsoft Yahei; font-size: 12px; text-align: left; color: #919191; display: inline } .ui-1013243.layout-9 .carousel-item-box:hover .ui-article-time1, .ui-1013243.layout-10 .carousel-item-box:hover .ui-article-time, .ui-1013243.layout-11 .carousel-item-box:hover .ui-article-time, .ui-1013243.layout-13 .carousel-item-box:hover .ui-article-time{ color: #555555; } .ui-1013243.layout-9 .ui-article-remark-wrap, .ui-1013243.layout-13 .ui-article-remark-wrap{ display: ; } .ui-1013243.layout-13 .ui-article-time{ display: block } .ui-1013243.layout-18 .ui-article-info-box{ background: #ffffff; } .ui-1013243.layout-13 .ui-article-swiper-box { height: auto; } .ui-1013243.layout-13 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .ui-1013245{ background: none; padding: 5px; left: 159px; top: 96px; z-index: 1; width: 161px; } .ui-1013244 { left: 769px; top: 507px; z-index: 1; } .ui-1013244 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 156, 132, 1); border: 0px solid currentColor; font-family: Microsoft Yahei; font-size: 18px; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; box-shadow: 0px 0px 0px currentColor; width: 260px; height: 50px; } .ui-1013244.old { background: ; } .ui-1013244.old.layout-2 .ui-button-link { background-color: rgba(0, 156, 132, 1); } .ui-1013244 .ui-button-link:hover{ background-color: rgba(21, 187, 161, 1); color: #ffffff; } .ui-33212{ background: none; padding: 5px; left: 0px; top: 32px; z-index: 1; width: 119px; } .ui-33213{ background: none; padding: 5px; left: 226px; top: 35px; z-index: 1; width: 119px; } .ui-33214{ background: none; padding: 5px; left: 457px; top: 34px; z-index: 1; width: 119px; } .ui-33215{ background: none; padding: 5px; left: 646px; top: 33px; z-index: 1; width: 119px; } .ui-33216{ background: none; padding: 5px; left: 0px; top: 94px; z-index: 1; width: 93px; } .ui-33218{ background: none; padding: 5px; left: 1028px; top: 204px; z-index: 1; width: 97px; } .ui-33219{ background: none; padding: 5px; left: 646px; top: 93px; z-index: 1; width: 297px; } .ui-33222{ background: none; padding: 5px; left: 0px; top: 134px; z-index: 1; width: 93px; } .ui-33225{ left: 999px; top: 33px; z-index: 1; background: none; width: 150px; /*height: 150px;*/ height: 150px; } .ui-33225 .ui-picture-img{ opacity: 1; } .ui-33225.animate-4:hover .ui-picture-img-wrap{ border: 0 solid #000000; border-left-width: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; box-shadow: 0px 0px 15px #000000; } .ui-33225 .ui-picture-animate-img{ width: 260px; height: 260px; } .ui-33225 .ui-picture-animate-img.animate-1, .ui-33225 .ui-picture-animate-img.animate-2 { margin-left: -130px; } .ui-33225 .ui-picture-animate-img.animate-3, .ui-33225 .ui-picture-animate-img.animate-4 { margin-top: -130px; } .ui-33359 .main { height: 150px; } .ui-33359 .ui-float-open-box { background: 0% / 100% 100% #00000099; height: 150px; } .ui-33359 .ui-float-close-box{ margin-left: -100px; width: 100px; height: 140px; background: url("https://saas-image.jingwxcx.com/upload_files/2020/09/28/9abb57a1dcd7d7e64e6b4cae52cca7fc.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100") 0% / cover #0009; }