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-phone-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: 100px; } .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-phone{ 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-phone-box{ background: #555555; } .ui-page-product-detail .ui-product-detail .ui-product-phone-box2 .order a { background: #555555; } .ui-page-product-detail .ui-product-detail .ui-product-phone-box2 .order i, .ui-page-product-detail .ui-product-detail .ui-product-phone-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: true; background: url(//saas-image.jingwxcx.com/upload_files/2021/01/15/5a6fc7deb8eb8d3a3300df4e01c4360b.png?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) center top repeat-x; } .ui-footer>.main{ height: 275px; } .ui-image-text .ui-image-text-btn{ background: #555555; } .ui-copy-right{ min-height: 50px; /*line-height: 50px;*/ background: rgba(0, 0, 0, 1); 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: url(//saas-image.jingwxcx.com/upload_files/2021/01/15/5a6fc7deb8eb8d3a3300df4e01c4360b.png?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) #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-phone{ 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: 45px; height: 55px; z-index: 10; background: rgba(255, 255, 255, 0) 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: right; height: 55px; white-space: nowrap; } .ui-navigation .main-wrap{ height: 55px; /* background: rgba(255, 255, 255, 0) center no-repeat;*/ } .ui-navigation.narrow .main-wrap{ position: absolute; left: 0px; width: 1200px; background: rgba(255, 255, 255, 0) center no-repeat; } .ui-navigation .first-level>.ui-navigation-item{ height: 55px; line-height: 55px; width: 135px; background-color: rgba(102, 102, 102, 0); 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(55, 55, 55, 1); font-size: 16px; /* 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, 108, 191, 1); color: #ffffff; } .ui-navigation .ui-navigation-wrap .separate{ display: none; width: px; height: 55px; background-color: transparent; } .ui-navigation .second-level .ui-navigation-item-link{ background: rgba(0, 108, 191, 1); 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: rgba(0, 91, 162, 1); left: -0px; } .ui-navigation .ui-navigation-wrap .second-level .ui-navigation-item:hover > .ui-navigation-item-link{ background: rgba(0, 91, 162, 1); color: #ffffff; } .ui-navigation-drop{ width: ; } .ui-72982{ left: 3.9760766px; top: 8px; z-index: 12; background: none; width: 220px; /*height: 84px;*/ height: 84px; } .ui-72982 .ui-picture-img{ opacity: 1; } .ui-72982.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-72982 .ui-picture-animate-img{ width: 800px; height: 305px; } .ui-72982 .ui-picture-animate-img.animate-1, .ui-72982 .ui-picture-animate-img.animate-2 { margin-left: -400px; } .ui-72982 .ui-picture-animate-img.animate-3, .ui-72982 .ui-picture-animate-img.animate-4 { margin-top: -152.5px; } .ui-72983{ background: none; padding: 5px; left: 654px; top: 7px; z-index: 1; width: 119px; } .ui-72984{ background: none; padding: 5px; left: 753px; top: 8px; z-index: 1; width: 173px; } .ui-72985{ left: 921px; top: 4px; z-index: 10; } .ui-72985 .ui-search-box .ui-search-keyword{ height: 29px; } .ui-72985 .ui-search-box.layout-0 .ui-search-keyword{ width: 254px; } .ui-72985 .ui-search-box.layout-1 .ui-search-keyword{ width: 254px; /* width: 184px; */ } .ui-72985 .main { padding: 3px; } body > .ui-72985 .ui-search-box .ui-search-keyword{ width: 324px !important; } body > .ui-72985 .ui-search-box.type .ui-search-keyword{ width: 394px !important; } .ui-72985 .ui-search-box.layout-0{ outline: 1px solid rgba(0, 108, 191, 1); border: 1px solid rgba(0, 108, 191, 1); } .ui-72985 .ui-search-box.layout-0 .ui-search-keyword{ border: none; } .ui-72985 .ui-search-type-box .cms-icon{ line-height: 26px; } .ui-72985 .ui-search-type-box .ui-search-type-current{ line-height: 29px; } .ui-72985 .ui-search-box.layout-0 .ui-search-type-box .ui-search-type-item-box{ border: 2px solid rgba(0, 108, 191, 1); border-top: none; } .ui-72985 .ui-search-type-box .ui-search-type-item:hover, .ui-72985 .ui-search-type-box .ui-search-type-item.active{ color: rgba(0, 108, 191, 1); } .ui-72985 .ui-search-icon-wrap{ height: 29px; line-height: 29px; } .ui-72985 .ui-search-box.layout-0 .ui-search-icon-wrap{ background: rgba(0, 108, 191, 1); } .ui-72985 .ui-search-box.layout-1 .ui-search-icon-wrap .cms-icon{ color: rgba(0, 108, 191, 1); } .ui-72985 .ui-search-recommand .ui-search-recommand-item:hover{ color: rgba(0, 108, 191, 1); } .ui-72985 .ui-search .ui-search-recommand .ui-search-recommand-item { font-family: 微软雅黑; font-size: 14px; color: rgb(102,102,102); font-weight: normal; text-decoration: none; font-style: normal; } .ui-72985 .ui-search .ui-search-recommand .ui-search-recommand-item:hover { color: rgba(0, 108, 191, 1); } .ui-1287154{ position: relative; height: 588px; background: false repeat center; background-color: #fff; } .ui-1287154 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1287154>.main, .ui-1287154>.tempWrap [data-fullmeasure], .ui-1287154>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 588px; position: relative; } .ui-1287154.theme-1 [data-fullmeasure]>.carousel-item-box{ background: repeat center; } .ui-1287155{ position: relative; height: 611px; background: #fff repeat center; background-color: #fff; } .ui-1287155 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1287155>.main, .ui-1287155>.tempWrap [data-fullmeasure], .ui-1287155>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 611px; position: relative; } .ui-1287155.theme-1 [data-fullmeasure]>.carousel-item-box{ background: #fff repeat center; } .ui-1287156{ left: 3px; top: 100.896408px; z-index: 1; background: none; width: 612px; /*height: 422px;*/ height: 422px; } .ui-1287156 .ui-picture-img{ opacity: 1; } .ui-1287156.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-1287156 .ui-picture-animate-img{ width: 440px; height: 330px; } .ui-1287156 .ui-picture-animate-img.animate-1, .ui-1287156 .ui-picture-animate-img.animate-2 { margin-left: -220px; } .ui-1287156 .ui-picture-animate-img.animate-3, .ui-1287156 .ui-picture-animate-img.animate-4 { margin-top: -165px; } .ui-1287157{ background: none; padding: 5px; left: 654px; top: 150px; z-index: 1; width: 470px; } .ui-1287158{ background: none; padding: 5px; left: 661px; top: 230px; z-index: 1; width: 540px; } .ui-1287159{ left: 661px; top: 202px; z-index: 1; background: none; width: 103px; /*height: 2px;*/ height: 2px; } .ui-1287159 .ui-picture-img{ opacity: 1; } .ui-1287159.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-1287159 .ui-picture-animate-img{ width: 103px; height: 2px; } .ui-1287159 .ui-picture-animate-img.animate-1, .ui-1287159 .ui-picture-animate-img.animate-2 { margin-left: -51.5px; } .ui-1287159 .ui-picture-animate-img.animate-3, .ui-1287159 .ui-picture-animate-img.animate-4 { margin-top: -1px; } .ui-1287160 { left: 669px; top: 471px; z-index: 1; } .ui-1287160 .ui-button-link{ line-height: 35px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 108, 191, 1); border: 2px solid rgba(0, 108, 191, 1); 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: 160px; height: 35px; } .ui-1287160.old { background: ; } .ui-1287160.old.layout-2 .ui-button-link { background-color: rgba(0, 108, 191, 1); } .ui-1287160 .ui-button-link:hover{ background-color: rgba(255, 255, 255, 1); color: rgba(0, 108, 191, 1); } .ui-1287166{ position: relative; height: 656px; background: rgba(243, 243, 243, 1) repeat center; background-color: rgba(243, 243, 243, 1); } .ui-1287166 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1287166>.main, .ui-1287166>.tempWrap [data-fullmeasure], .ui-1287166>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 656px; position: relative; } .ui-1287166.theme-1 [data-fullmeasure]>.carousel-item-box{ background: rgba(243, 243, 243, 1) repeat center; } .ui-1287167{ left: 426px; top: 92px; z-index: 1; background: none; width: 349px; /*height: 98px;*/ height: 98px; } .ui-1287167 .ui-picture-img{ opacity: 1; } .ui-1287167.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-1287167 .ui-picture-animate-img{ width: 349px; height: 98px; } .ui-1287167 .ui-picture-animate-img.animate-1, .ui-1287167 .ui-picture-animate-img.animate-2 { margin-left: -174.5px; } .ui-1287167 .ui-picture-animate-img.animate-3, .ui-1287167 .ui-picture-animate-img.animate-4 { margin-top: -49px; } .ui-1287168{ left: 550px; top: 187px; z-index: 1; background: none; width: 103px; /*height: 2px;*/ height: 2px; } .ui-1287168 .ui-picture-img{ opacity: 1; } .ui-1287168.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-1287168 .ui-picture-animate-img{ width: 103px; height: 2px; } .ui-1287168 .ui-picture-animate-img.animate-1, .ui-1287168 .ui-picture-animate-img.animate-2 { margin-left: -51.5px; } .ui-1287168 .ui-picture-animate-img.animate-3, .ui-1287168 .ui-picture-animate-img.animate-4 { margin-top: -1px; } .ui-1287169{ background: none; padding: 5px; left: 524px; top: 74px; z-index: 1; width: 160px; } .ui-1287170{ background: none; padding: 5px; left: 428px; top: 129px; z-index: 1; width: 353px; } .ui-1287171 { width: 1238px; height: 331px; left: -16px; top: 204px; z-index: 1; background: center no-repeat; background-size: cover; } body > .ui-1287171.layout-10 > .main { height: 331px; } .ui-1287171.layout-0 .ui-product-item-wrap, .ui-1287171.layout-1 .ui-product-item-wrap, .ui-1287171.layout-1 .ui-product-item-wrap .auto-img-box, .ui-1287171.layout-3 .ui-product-item-wrap .auto-img-box, .ui-1287171.layout-4 .ui-product-item-wrap, .ui-1287171.layout-5 .auto-img-box, .ui-1287171.layout-6 .ui-product-item-wrap, .ui-1287171.layout-8 .auto-img-box, .ui-1287171.layout-9 .ui-product-item-wrap{ border-radius: 0px; } .ui-1287171.layout-0 .ui-product-info-box, .ui-1287171.layout-3 .ui-product-info-box, .ui-1287171.layout-10 .ui-product-info-box, .ui-1287171.layout-4 .ui-product-info-box{ background: #ffffff; display: block } .ui-1287171.layout-0 .carousel-item-box:hover .ui-product-info-box, .ui-1287171.layout-3 .carousel-item-box:hover .ui-product-info-box, .ui-1287171.layout-10 .carousel-item-box:hover .ui-product-info-box, .ui-1287171.layout-4 .carousel-item-box:hover .ui-product-info-box{ background: #f2f2f2; } .ui-1287171.layout-0 .ui-product-title, .ui-1287171.layout-3 .ui-product-title, .ui-1287171.layout-4 .ui-product-title, .ui-1287171.layout-10 .ui-product-title, .ui-1287171.layout-9 .ui-product-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: ; } .ui-1287171.layout-0 .carousel-item-box:hover .ui-product-title, .ui-1287171.layout-3 .carousel-item-box:hover .ui-product-title, .ui-1287171.layout-4 .carousel-item-box:hover .ui-product-title, .ui-1287171.layout-10 .carousel-item-box:hover .ui-product-title, .ui-1287171.layout-9 .carousel-item-box:hover .ui-product-title{ color: #000000; } .ui-1287171.layout-2 .main { padding-top: 10px; } .ui-1287171.layout-0 .ui-product-item-wrap { box-shadow: 0 0 10px rgb(0 0 0 / 10%); } .ui-1287172 { left: 474px; top: 537px; z-index: 1; } .ui-1287172 .ui-button-link{ line-height: 40px; border-radius: 6px; color: #ffffff; background: no-repeat center / cover rgba(0, 108, 191, 1); border: 2px solid rgba(0, 108, 191, 1); 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: 40px; } .ui-1287172.old { background: ; } .ui-1287172.old.layout-2 .ui-button-link { background-color: rgba(0, 108, 191, 1); } .ui-1287172 .ui-button-link:hover{ background-color: rgba(255, 255, 255, 1); color: rgba(0, 108, 191, 1); } .ui-1287161{ position: relative; height: 531px; background: url(//saas-image.jingwxcx.com/upload_files/2021/01/19/432bfca4d52041d31be1315bdf100606.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: rgba(243, 243, 243, 1); } .ui-1287161 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1287161>.main, .ui-1287161>.tempWrap [data-fullmeasure], .ui-1287161>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 531px; position: relative; } .ui-1287161.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(//saas-image.jingwxcx.com/upload_files/2021/01/19/432bfca4d52041d31be1315bdf100606.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1287162{ left: 426px; top: 92px; z-index: 1; background: none; width: 349px; /*height: 98px;*/ height: 98px; } .ui-1287162 .ui-picture-img{ opacity: 1; } .ui-1287162.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-1287162 .ui-picture-animate-img{ width: 349px; height: 98px; } .ui-1287162 .ui-picture-animate-img.animate-1, .ui-1287162 .ui-picture-animate-img.animate-2 { margin-left: -174.5px; } .ui-1287162 .ui-picture-animate-img.animate-3, .ui-1287162 .ui-picture-animate-img.animate-4 { margin-top: -49px; } .ui-1287163{ background: none; padding: 5px; left: 524.5px; top: 74px; z-index: 1; width: 160px; } .ui-1287164{ background: none; padding: 5px; left: 428px; top: 131px; z-index: 1; width: 353px; } .ui-1287165 { width: 1198px; height: 309px; left: 2.5px; top: 205px; z-index: 1; background: center no-repeat; background-size: cover; } body > .ui-1287165.layout-10 > .main { height: 309px; } .ui-1287165.layout-0 .ui-product-item-wrap, .ui-1287165.layout-1 .ui-product-item-wrap, .ui-1287165.layout-1 .ui-product-item-wrap .auto-img-box, .ui-1287165.layout-3 .ui-product-item-wrap .auto-img-box, .ui-1287165.layout-4 .ui-product-item-wrap, .ui-1287165.layout-5 .auto-img-box, .ui-1287165.layout-6 .ui-product-item-wrap, .ui-1287165.layout-8 .auto-img-box, .ui-1287165.layout-9 .ui-product-item-wrap{ border-radius: 0px; } .ui-1287165.layout-0 .ui-product-info-box, .ui-1287165.layout-3 .ui-product-info-box, .ui-1287165.layout-10 .ui-product-info-box, .ui-1287165.layout-4 .ui-product-info-box{ background: #ffffff; display: block } .ui-1287165.layout-0 .carousel-item-box:hover .ui-product-info-box, .ui-1287165.layout-3 .carousel-item-box:hover .ui-product-info-box, .ui-1287165.layout-10 .carousel-item-box:hover .ui-product-info-box, .ui-1287165.layout-4 .carousel-item-box:hover .ui-product-info-box{ background: #f2f2f2; } .ui-1287165.layout-0 .ui-product-title, .ui-1287165.layout-3 .ui-product-title, .ui-1287165.layout-4 .ui-product-title, .ui-1287165.layout-10 .ui-product-title, .ui-1287165.layout-9 .ui-product-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: ; } .ui-1287165.layout-0 .carousel-item-box:hover .ui-product-title, .ui-1287165.layout-3 .carousel-item-box:hover .ui-product-title, .ui-1287165.layout-4 .carousel-item-box:hover .ui-product-title, .ui-1287165.layout-10 .carousel-item-box:hover .ui-product-title, .ui-1287165.layout-9 .carousel-item-box:hover .ui-product-title{ color: #000000; } .ui-1287165.layout-2 .main { padding-top: 10px; } .ui-1287165.layout-0 .ui-product-item-wrap { box-shadow: 0 0 10px rgb(0 0 0 / 10%); } .ui-1287173{ position: relative; height: 747px; background: #fff repeat center; background-color: #fff; } .ui-1287173 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1287173>.main, .ui-1287173>.tempWrap [data-fullmeasure], .ui-1287173>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 747px; position: relative; } .ui-1287173.theme-1 [data-fullmeasure]>.carousel-item-box{ background: #fff repeat center; } .ui-1287188 { left: 517.5px; top: 455px; z-index: 1; } .ui-1287188 .ui-button-link{ line-height: 41px; border-radius: 50px; color: #ffffff; background: no-repeat center / cover rgba(0, 108, 191, 1); border: 1px solid rgba(0, 108, 191, 1); 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: 160px; height: 41px; } .ui-1287188.old { background: ; } .ui-1287188.old.layout-2 .ui-button-link { background-color: rgba(0, 108, 191, 1); } .ui-1287188 .ui-button-link:hover{ background-color: rgba(255, 255, 255, 1); color: rgba(0, 108, 191, 1); } .ui-1287179{ left: 387px; top: 211px; z-index: 0; background: none; width: 419px; /*height: 419px;*/ height: 419px; } .ui-1287179 .ui-picture-img{ opacity: 1; } .ui-1287179.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-1287179 .ui-picture-animate-img{ width: 419px; height: 419px; } .ui-1287179 .ui-picture-animate-img.animate-1, .ui-1287179 .ui-picture-animate-img.animate-2 { margin-left: -209.5px; } .ui-1287179 .ui-picture-animate-img.animate-3, .ui-1287179 .ui-picture-animate-img.animate-4 { margin-top: -209.5px; } .ui-1287180{ left: 1px; top: 261px; z-index: 1; background: none; width: 379px; /*height: 120px;*/ height: 120px; } .ui-1287180 .ui-picture-img{ opacity: 1; } .ui-1287180.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-1287180 .ui-picture-animate-img{ width: 379px; height: 120px; } .ui-1287180 .ui-picture-animate-img.animate-1, .ui-1287180 .ui-picture-animate-img.animate-2 { margin-left: -189.5px; } .ui-1287180 .ui-picture-animate-img.animate-3, .ui-1287180 .ui-picture-animate-img.animate-4 { margin-top: -60px; } .ui-1287181{ left: 0px; top: 525px; z-index: 1; background: none; width: 379px; /*height: 120px;*/ height: 120px; } .ui-1287181 .ui-picture-img{ opacity: 1; } .ui-1287181.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-1287181 .ui-picture-animate-img{ width: 379px; height: 120px; } .ui-1287181 .ui-picture-animate-img.animate-1, .ui-1287181 .ui-picture-animate-img.animate-2 { margin-left: -189.5px; } .ui-1287181 .ui-picture-animate-img.animate-3, .ui-1287181 .ui-picture-animate-img.animate-4 { margin-top: -60px; } .ui-1287182{ left: 813px; top: 525px; z-index: 1; background: none; width: 379px; /*height: 120px;*/ height: 120px; } .ui-1287182 .ui-picture-img{ opacity: 1; } .ui-1287182.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-1287182 .ui-picture-animate-img{ width: 379px; height: 120px; } .ui-1287182 .ui-picture-animate-img.animate-1, .ui-1287182 .ui-picture-animate-img.animate-2 { margin-left: -189.5px; } .ui-1287182 .ui-picture-animate-img.animate-3, .ui-1287182 .ui-picture-animate-img.animate-4 { margin-top: -60px; } .ui-1287187{ left: 809.5px; top: 262px; z-index: 1; background: none; width: 379px; /*height: 120px;*/ height: 120px; } .ui-1287187 .ui-picture-img{ opacity: 1; } .ui-1287187.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-1287187 .ui-picture-animate-img{ width: 379px; height: 120px; } .ui-1287187 .ui-picture-animate-img.animate-1, .ui-1287187 .ui-picture-animate-img.animate-2 { margin-left: -189.5px; } .ui-1287187 .ui-picture-animate-img.animate-3, .ui-1287187 .ui-picture-animate-img.animate-4 { margin-top: -60px; } .ui-1287177{ left: 501.5px; top: 350.5813px; z-index: 1; background: none; width: 193px; /*height: 73px;*/ height: 73px; } .ui-1287177 .ui-picture-img{ opacity: 1; } .ui-1287177.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-1287177 .ui-picture-animate-img{ width: 800px; height: 305px; } .ui-1287177 .ui-picture-animate-img.animate-1, .ui-1287177 .ui-picture-animate-img.animate-2 { margin-left: -400px; } .ui-1287177 .ui-picture-animate-img.animate-3, .ui-1287177 .ui-picture-animate-img.animate-4 { margin-top: -152.5px; } .ui-1287174{ left: 394px; top: 87px; z-index: 1; background: none; width: 403px; /*height: 29px;*/ height: 29px; } .ui-1287174 .ui-picture-img{ opacity: 1; } .ui-1287174.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-1287174 .ui-picture-animate-img{ width: 403px; height: 29px; } .ui-1287174 .ui-picture-animate-img.animate-1, .ui-1287174 .ui-picture-animate-img.animate-2 { margin-left: -201.5px; } .ui-1287174 .ui-picture-animate-img.animate-3, .ui-1287174 .ui-picture-animate-img.animate-4 { margin-top: -14.5px; } .ui-1287175{ background: none; padding: 5px; left: 402px; top: 36px; z-index: 1; width: 159px; } .ui-1287176{ background: none; padding: 5px; left: 556px; top: 50px; z-index: 1; width: 238px; } .ui-1287178{ background: none; padding: 5px; left: 394px; top: 82px; z-index: 1; width: 408px; } .ui-1287183{ background: none; padding: 5px; left: 807.5px; top: 171px; z-index: 1; width: 388px; } .ui-1287184{ background: none; padding: 5px; left: -1px; top: 162px; z-index: 1; width: 388px; } .ui-1287185{ background: none; padding: 5px; left: -2px; top: 455px; z-index: 1; width: 388px; } .ui-1287186{ background: none; padding: 5px; left: 807px; top: 455px; z-index: 1; width: 388px; } .ui-1287189{ position: relative; height: 280px; background: url(//saas-image.jingwxcx.com/upload_files/2023/09/28/0d8dc5e7daf58d4d96091996ed0429b6.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: #fff; } .ui-1287189 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1287189>.main, .ui-1287189>.tempWrap [data-fullmeasure], .ui-1287189>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 280px; position: relative; } .ui-1287189.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(//saas-image.jingwxcx.com/upload_files/2023/09/28/0d8dc5e7daf58d4d96091996ed0429b6.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1287190{ background: none; padding: 5px; left: 0px; top: 79px; z-index: 1; width: 618px; } .ui-1287191{ background: none; padding: 5px; left: 958px; top: 74px; z-index: 1; width: 208px; } .ui-1287192{ background: none; padding: 5px; left: 957px; top: 99px; z-index: 1; width: 244px; } .ui-1287193{ background: none; padding: 5px; left: 0px; top: 139px; z-index: 1; width: 522px; } .ui-1287194 { left: 955px; top: 145px; z-index: 1; } .ui-1287194 .ui-button-link{ line-height: 41px; border-radius: 50px; color: #ffffff; background: no-repeat center / cover rgba(255, 157, 0, 1); border: 1px solid rgba(0, 108, 191, 1); 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: 160px; height: 41px; } .ui-1287194.old { background: ; } .ui-1287194.old.layout-2 .ui-button-link { background-color: rgba(255, 157, 0, 1); } .ui-1287194 .ui-button-link:hover{ background-color: rgba(255, 255, 255, 1); color: rgba(255, 157, 0, 1); } .ui-1287195{ position: relative; height: 531px; background: #fff repeat center; background-color: #fff; } .ui-1287195 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1287195>.main, .ui-1287195>.tempWrap [data-fullmeasure], .ui-1287195>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 531px; position: relative; } .ui-1287195.theme-1 [data-fullmeasure]>.carousel-item-box{ background: #fff repeat center; } .ui-1287197{ left: 0px; top: 54px; z-index: 1; background: none; width: 242px; /*height: 67.9541547277939px;*/ height: 67.9541547277939px; } .ui-1287197 .ui-picture-img{ opacity: 1; } .ui-1287197.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-1287197 .ui-picture-animate-img{ width: 349px; height: 98px; } .ui-1287197 .ui-picture-animate-img.animate-1, .ui-1287197 .ui-picture-animate-img.animate-2 { margin-left: -174.5px; } .ui-1287197 .ui-picture-animate-img.animate-3, .ui-1287197 .ui-picture-animate-img.animate-4 { margin-top: -49px; } .ui-1287196{ left: 659px; top: 54.045845px; z-index: 1; background: none; width: 242px; /*height: 67.9541547277939px;*/ height: 67.9541547277939px; } .ui-1287196 .ui-picture-img{ opacity: 1; } .ui-1287196.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-1287196 .ui-picture-animate-img{ width: 349px; height: 98px; } .ui-1287196 .ui-picture-animate-img.animate-1, .ui-1287196 .ui-picture-animate-img.animate-2 { margin-left: -174.5px; } .ui-1287196 .ui-picture-animate-img.animate-3, .ui-1287196 .ui-picture-animate-img.animate-4 { margin-top: -49px; } .ui-1287198{ background: none; padding: 5px; left: 65px; top: 40px; z-index: 1; width: 119px; } .ui-1287199{ background: none; padding: 5px; left: 725px; top: 40px; z-index: 1; width: 119px; } .ui-1287200{ background: none; padding: 5px; left: 0px; top: 79px; z-index: 1; width: 245px; } .ui-1287201{ background: none; padding: 5px; left: 660px; top: 79px; z-index: 1; width: 245px; } .ui-1287202 { width: 618px; height: 342px; left: -21px; top: 146px; z-index: 1; background: none center no-repeat; background-size: cover; } body > .ui-1287202.layout-18 > .main { height: 342px; } .ui-1287202.layout-10 .ui-article-item-wrap{ background: #ffffff; } .ui-1287202.layout-10 .ui-article-item-wrap:hover{ background: #f2f2f2; } .ui-1287202.layout-10 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1287202.layout-11 .main { padding: 10px; } .ui-1287202.layout-4 .auto-img-box, .ui-1287202.layout-5 .auto-img-box, .ui-1287202.layout-6 .ui-article-item-wrap, .ui-1287202.layout-8 .auto-img-box, .ui-1287202.layout-10 .auto-img-box, .ui-1287202.layout-11 .ui-article-item-wrap, .ui-1287202.layout-13 .ui-article-item-wrap, .ui-1287202.layout-12 .card .auto-img-box, .ui-1287202.layout-16 .auto-img-box, .ui-1287202.layout-17 .tempWrap{ border-radius: 0px; } .ui-1287202.layout-11 .ui-article-info-box, .ui-1287202.layout-13 .ui-article-info-box{ background: #ffffff; display: block } .ui-1287202.layout-10 .ui-article-info-box:hover, .ui-1287202.layout-11 .carousel-item-box:hover .ui-article-info-box, .ui-1287202.layout-18 .ui-article-info-box:hover, .ui-1287202.layout-13 .carousel-item-box:hover .ui-article-info-box { background: #f2f2f2; } .ui-1287202.layout-9 .ui-article-title { font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1287202.layout-11 .ui-article-title, .ui-1287202.layout-13 .ui-article-title, .ui-1287202.layout-18 .ui-article-title, .ui-1287202.layout-17 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: } .ui-1287202.layout-11 .ui-article-title { margin: 0 !important; } .ui-1287202.layout-9 .carousel-item-box:hover .ui-article-title, .ui-1287202.layout-10 .carousel-item-box:hover .ui-article-title, .ui-1287202.layout-11 .carousel-item-box:hover .ui-article-title, .ui-1287202.layout-18 .carousel-item-box:hover .ui-article-title, .ui-1287202.layout-13 .carousel-item-box:hover .ui-article-title, .ui-1287202.layout-17 .carousel-item-box:hover .ui-article-title{ color: #000000; } .ui-1287202.layout-9 .ui-article-remark, .ui-1287202.layout-10 .ui-article-remark, .ui-1287202.layout-11 .ui-article-remark, .ui-1287202.layout-13 .ui-article-remark{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: #919191; display: none; } .ui-1287202.layout-9 .ui-article-remark { text-align: left; } .ui-1287202.layout-9 .carousel-item-box:hover .ui-article-remark, .ui-1287202.layout-10 .carousel-item-box:hover .ui-article-remark, .ui-1287202.layout-11 .carousel-item-box:hover .ui-article-remark, .ui-1287202.layout-13 .carousel-item-box:hover .ui-article-remark{ color: #555555; } .ui-1287202.layout-9 .ui-article-time1, .ui-1287202.layout-10 .ui-article-time, .ui-1287202.layout-11 .ui-article-time, .ui-1287202.layout-13 .ui-article-time{ font-family: Microsoft Yahei; font-size: 12px; text-align: left; color: #919191; display: inline } .ui-1287202.layout-9 .carousel-item-box:hover .ui-article-time1, .ui-1287202.layout-10 .carousel-item-box:hover .ui-article-time, .ui-1287202.layout-11 .carousel-item-box:hover .ui-article-time, .ui-1287202.layout-13 .carousel-item-box:hover .ui-article-time{ color: #555555; } .ui-1287202.layout-9 .ui-article-remark-wrap, .ui-1287202.layout-13 .ui-article-remark-wrap{ display: none; } .ui-1287202.layout-13 .ui-article-time{ display: block } .ui-1287202.layout-18 .ui-article-info-box{ background: #ffffff; } .ui-1287202.layout-13 .ui-article-swiper-box { height: auto; } .ui-1287202.layout-13 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .ui-1287203 { width: 558px; height: 308px; left: 641px; top: 132px; z-index: 1; background: none center no-repeat; background-size: cover; } body > .ui-1287203.layout-18 > .main { height: 308px; } .ui-1287203.layout-10 .ui-article-item-wrap{ background: #ffffff; } .ui-1287203.layout-10 .ui-article-item-wrap:hover{ background: #f2f2f2; } .ui-1287203.layout-10 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1287203.layout-11 .main { padding: 10px; } .ui-1287203.layout-4 .auto-img-box, .ui-1287203.layout-5 .auto-img-box, .ui-1287203.layout-6 .ui-article-item-wrap, .ui-1287203.layout-8 .auto-img-box, .ui-1287203.layout-10 .auto-img-box, .ui-1287203.layout-11 .ui-article-item-wrap, .ui-1287203.layout-13 .ui-article-item-wrap, .ui-1287203.layout-12 .card .auto-img-box, .ui-1287203.layout-16 .auto-img-box, .ui-1287203.layout-17 .tempWrap{ border-radius: 0px; } .ui-1287203.layout-11 .ui-article-info-box, .ui-1287203.layout-13 .ui-article-info-box{ background: #ffffff; display: block } .ui-1287203.layout-10 .ui-article-info-box:hover, .ui-1287203.layout-11 .carousel-item-box:hover .ui-article-info-box, .ui-1287203.layout-18 .ui-article-info-box:hover, .ui-1287203.layout-13 .carousel-item-box:hover .ui-article-info-box { background: #f2f2f2; } .ui-1287203.layout-9 .ui-article-title { font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1287203.layout-11 .ui-article-title, .ui-1287203.layout-13 .ui-article-title, .ui-1287203.layout-18 .ui-article-title, .ui-1287203.layout-17 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: } .ui-1287203.layout-11 .ui-article-title { margin: 0 !important; } .ui-1287203.layout-9 .carousel-item-box:hover .ui-article-title, .ui-1287203.layout-10 .carousel-item-box:hover .ui-article-title, .ui-1287203.layout-11 .carousel-item-box:hover .ui-article-title, .ui-1287203.layout-18 .carousel-item-box:hover .ui-article-title, .ui-1287203.layout-13 .carousel-item-box:hover .ui-article-title, .ui-1287203.layout-17 .carousel-item-box:hover .ui-article-title{ color: #000000; } .ui-1287203.layout-9 .ui-article-remark, .ui-1287203.layout-10 .ui-article-remark, .ui-1287203.layout-11 .ui-article-remark, .ui-1287203.layout-13 .ui-article-remark{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: #919191; display: none; } .ui-1287203.layout-9 .ui-article-remark { text-align: left; } .ui-1287203.layout-9 .carousel-item-box:hover .ui-article-remark, .ui-1287203.layout-10 .carousel-item-box:hover .ui-article-remark, .ui-1287203.layout-11 .carousel-item-box:hover .ui-article-remark, .ui-1287203.layout-13 .carousel-item-box:hover .ui-article-remark{ color: #555555; } .ui-1287203.layout-9 .ui-article-time1, .ui-1287203.layout-10 .ui-article-time, .ui-1287203.layout-11 .ui-article-time, .ui-1287203.layout-13 .ui-article-time{ font-family: Microsoft Yahei; font-size: 12px; text-align: left; color: #919191; display: none } .ui-1287203.layout-9 .carousel-item-box:hover .ui-article-time1, .ui-1287203.layout-10 .carousel-item-box:hover .ui-article-time, .ui-1287203.layout-11 .carousel-item-box:hover .ui-article-time, .ui-1287203.layout-13 .carousel-item-box:hover .ui-article-time{ color: #555555; } .ui-1287203.layout-9 .ui-article-remark-wrap, .ui-1287203.layout-13 .ui-article-remark-wrap{ display: none; } .ui-1287203.layout-13 .ui-article-time{ display: none } .ui-1287203.layout-18 .ui-article-info-box{ background: #ffffff; } .ui-1287203.layout-13 .ui-article-swiper-box { height: auto; } .ui-1287203.layout-13 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .ui-72989{ left: 0px; top: 41px; z-index: 1; background: none; width: 216px; /*height: 82px;*/ height: 82px; } .ui-72989 .ui-picture-img{ opacity: 1; } .ui-72989.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-72989 .ui-picture-animate-img{ width: 800px; height: 305px; } .ui-72989 .ui-picture-animate-img.animate-1, .ui-72989 .ui-picture-animate-img.animate-2 { margin-left: -400px; } .ui-72989 .ui-picture-animate-img.animate-3, .ui-72989 .ui-picture-animate-img.animate-4 { margin-top: -152.5px; } .ui-72990{ left: 1043px; top: 44px; z-index: 1; background: none; width: 140px; /*height: 140px;*/ height: 140px; } .ui-72990 .ui-picture-img{ opacity: 1; } .ui-72990.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-72990 .ui-picture-animate-img{ width: 400px; height: 400px; } .ui-72990 .ui-picture-animate-img.animate-1, .ui-72990 .ui-picture-animate-img.animate-2 { margin-left: -200px; } .ui-72990 .ui-picture-animate-img.animate-3, .ui-72990 .ui-picture-animate-img.animate-4 { margin-top: -200px; } .ui-72991{ background: none; padding: 5px; left: -1px; top: 123px; z-index: 1; width: 53px; } .ui-72992{ background: none; padding: 5px; left: 34px; top: 131px; z-index: 1; width: 237px; } .ui-72993{ background: none; padding: 5px; left: 282px; top: 35px; z-index: 1; width: 545px; } .ui-72994{ background: none; padding: 5px; left: 1091.5px; top: 184px; z-index: 1; width: 87px; } .ui-72987 .main { height: 150px; } .ui-72987 .ui-float-open-box { background: 0% / 100% 100% #00000099; height: 150px; } .ui-72987 .ui-float-close-box{ margin-left: -100px; width: 100px; height: 140px; background: url("//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; }