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: 180px; } .ui-top-box .ui-top-wrap{ height: inherit; background: none center top no-repeat rgba(255, 255, 255, 1); } .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: rgba(255, 255, 255, 1); /*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: false; background: rgba(7, 86, 158, 1) center top repeat-x; } .ui-footer>.main{ height: 300px; } .ui-image-text .ui-image-text-btn{ background: #555555; } .ui-copy-right{ min-height: 50px; /*line-height: 50px;*/ background: rgba(0, 73, 135, 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: rgba(7, 86, 158, 1) 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: 121px; height: 60px; z-index: 10; background: rgba(0, 81, 151, 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: left; height: 60px; white-space: nowrap; } .ui-navigation .main-wrap{ height: 60px; /* background: rgba(0, 81, 151, 1) center no-repeat;*/ } .ui-navigation.narrow .main-wrap{ position: absolute; left: 0px; width: 1200px; background: rgba(0, 81, 151, 1) center no-repeat; } .ui-navigation .first-level>.ui-navigation-item{ height: 60px; line-height: 60px; width: 150px; background-color: rgba(0, 81, 151, 1); border-radius: 0px; } .ui-navigation .first-level>.ui-navigation-item>.ui-navigation-item-link{ border-radius: 0px; border: 0 solid rgba(255, 0, 0, 1); border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; color: rgba(255, 255, 255, 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, 73, 140, 1); color: rgba(255, 255, 255, 1); } .ui-navigation .ui-navigation-wrap .separate{ display: none; width: px; height: 60px; background-color: rgba(26, 30, 41, 1); } .ui-navigation .second-level .ui-navigation-item-link{ background: rgba(7, 86, 158, 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, 129, 247, 1); left: -0px; } .ui-navigation .ui-navigation-wrap .second-level .ui-navigation-item:hover > .ui-navigation-item-link{ background: rgba(0, 129, 247, 1); color: #ffffff; } .ui-navigation-drop{ width: ; } .ui-63222{ left: 891px; top: 33px; z-index: 1; background: none; width: 65px; /*height: 65px;*/ height: 65px; } .ui-63222 .ui-picture-img{ opacity: 1; } .ui-63222.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-63222 .ui-picture-animate-img{ width: 65px; height: 65px; } .ui-63222 .ui-picture-animate-img.animate-1, .ui-63222 .ui-picture-animate-img.animate-2 { margin-left: -32.5px; } .ui-63222 .ui-picture-animate-img.animate-3, .ui-63222 .ui-picture-animate-img.animate-4 { margin-top: -32.5px; } .ui-63005{ left: 0px; top: 26.5px; z-index: 1; background: none; width: 640px; /*height: 80px;*/ height: 80px; } .ui-63005 .ui-picture-img{ opacity: 1; } .ui-63005.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-63005 .ui-picture-animate-img{ width: 640px; height: 80px; } .ui-63005 .ui-picture-animate-img.animate-1, .ui-63005 .ui-picture-animate-img.animate-2 { margin-left: -320px; } .ui-63005 .ui-picture-animate-img.animate-3, .ui-63005 .ui-picture-animate-img.animate-4 { margin-top: -40px; } .ui-63213{ background: none; padding: 5px; left: 970px; top: 55px; z-index: 1; width: 235px; } .ui-63214{ background: none; padding: 5px; left: 970px; top: 33px; z-index: 1; width: 235px; } .ui-1224001{ position: relative; height: 746px; background: false repeat center; background-color: #fff; } .ui-1224001 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1224001>.main, .ui-1224001>.tempWrap [data-fullmeasure], .ui-1224001>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 746px; position: relative; } .ui-1224001.theme-1 [data-fullmeasure]>.carousel-item-box{ background: repeat center; } .ui-1223617{ position: relative; height: 926px; background: url(//saas-image.jingwxcx.com/upload_files/2022/10/31/4f6a11081ef9c3dd8185e9e59a21edff.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: #fff; } .ui-1223617 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1223617>.main, .ui-1223617>.tempWrap [data-fullmeasure], .ui-1223617>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 926px; position: relative; } .ui-1223617.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(//saas-image.jingwxcx.com/upload_files/2022/10/31/4f6a11081ef9c3dd8185e9e59a21edff.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1223643{ background: none; padding: 5px; left: 410px; top: 90px; z-index: 1; width: 390px; } .ui-1223618{ background: none; padding: 5px; left: 411px; top: 134px; z-index: 1; width: 390px; } .ui-1223636 { left: 2px; top: 186px; z-index: 1; } .ui-1223636 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 81, 151, 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: 180px; height: 50px; } .ui-1223636.old { background: ; } .ui-1223636.old.layout-2 .ui-button-link { background-color: rgba(0, 81, 151, 1); } .ui-1223636 .ui-button-link:hover{ background-color: #dd0000; color: #ffffff; } .ui-1223637 { left: 203px; top: 186px; z-index: 1; } .ui-1223637 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 81, 151, 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: 180px; height: 50px; } .ui-1223637.old { background: ; } .ui-1223637.old.layout-2 .ui-button-link { background-color: rgba(0, 81, 151, 1); } .ui-1223637 .ui-button-link:hover{ background-color: #dd0000; color: #ffffff; } .ui-1223638 { left: 403.5px; top: 186px; z-index: 1; } .ui-1223638 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 81, 151, 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: 180px; height: 50px; } .ui-1223638.old { background: ; } .ui-1223638.old.layout-2 .ui-button-link { background-color: rgba(0, 81, 151, 1); } .ui-1223638 .ui-button-link:hover{ background-color: #dd0000; color: #ffffff; } .ui-1223639 { left: 604px; top: 186px; z-index: 1; } .ui-1223639 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 81, 151, 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: 180px; height: 50px; } .ui-1223639.old { background: ; } .ui-1223639.old.layout-2 .ui-button-link { background-color: rgba(0, 81, 151, 1); } .ui-1223639 .ui-button-link:hover{ background-color: #dd0000; color: #ffffff; } .ui-1228827 { left: 808px; top: 186px; z-index: 1; } .ui-1228827 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 81, 151, 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: 180px; height: 50px; } .ui-1228827.old { background: ; } .ui-1228827.old.layout-2 .ui-button-link { background-color: rgba(0, 81, 151, 1); } .ui-1228827 .ui-button-link:hover{ background-color: #dd0000; color: #ffffff; } .ui-1223640 { left: 1012px; top: 186px; z-index: 1; } .ui-1223640 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(0, 81, 151, 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: 180px; height: 50px; } .ui-1223640.old { background: ; } .ui-1223640.old.layout-2 .ui-button-link { background-color: rgba(0, 81, 151, 1); } .ui-1223640 .ui-button-link:hover{ background-color: #dd0000; color: #ffffff; } .ui-1223628 { width: 1233px; height: 605px; left: -20px; top: 242px; z-index: 1; background: none center no-repeat; background-size: cover; } body > .ui-1223628.layout-18 > .main { height: 605px; } .ui-1223628.layout-10 .ui-article-item-wrap{ background: #ffffff; } .ui-1223628.layout-10 .ui-article-item-wrap:hover{ background: #f2f2f2; } .ui-1223628.layout-10 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1223628.layout-11 .main { padding: 10px; } .ui-1223628.layout-4 .auto-img-box, .ui-1223628.layout-5 .auto-img-box, .ui-1223628.layout-6 .ui-article-item-wrap, .ui-1223628.layout-8 .auto-img-box, .ui-1223628.layout-10 .auto-img-box, .ui-1223628.layout-11 .ui-article-item-wrap, .ui-1223628.layout-13 .ui-article-item-wrap, .ui-1223628.layout-12 .card .auto-img-box, .ui-1223628.layout-16 .auto-img-box, .ui-1223628.layout-17 .tempWrap{ border-radius: 0px; } .ui-1223628.layout-11 .ui-article-info-box, .ui-1223628.layout-13 .ui-article-info-box{ background: #ffffff; display: block } .ui-1223628.layout-10 .ui-article-info-box:hover, .ui-1223628.layout-11 .carousel-item-box:hover .ui-article-info-box, .ui-1223628.layout-18 .ui-article-info-box:hover, .ui-1223628.layout-13 .carousel-item-box:hover .ui-article-info-box { background: #f2f2f2; } .ui-1223628.layout-9 .ui-article-title { font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1223628.layout-11 .ui-article-title, .ui-1223628.layout-13 .ui-article-title, .ui-1223628.layout-18 .ui-article-title, .ui-1223628.layout-17 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: } .ui-1223628.layout-11 .ui-article-title { margin: 0 !important; } .ui-1223628.layout-9 .carousel-item-box:hover .ui-article-title, .ui-1223628.layout-10 .carousel-item-box:hover .ui-article-title, .ui-1223628.layout-11 .carousel-item-box:hover .ui-article-title, .ui-1223628.layout-18 .carousel-item-box:hover .ui-article-title, .ui-1223628.layout-13 .carousel-item-box:hover .ui-article-title, .ui-1223628.layout-17 .carousel-item-box:hover .ui-article-title{ color: #000000; } .ui-1223628.layout-9 .ui-article-remark, .ui-1223628.layout-10 .ui-article-remark, .ui-1223628.layout-11 .ui-article-remark, .ui-1223628.layout-13 .ui-article-remark{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: #919191; display: none; } .ui-1223628.layout-9 .ui-article-remark { text-align: left; } .ui-1223628.layout-9 .carousel-item-box:hover .ui-article-remark, .ui-1223628.layout-10 .carousel-item-box:hover .ui-article-remark, .ui-1223628.layout-11 .carousel-item-box:hover .ui-article-remark, .ui-1223628.layout-13 .carousel-item-box:hover .ui-article-remark{ color: #555555; } .ui-1223628.layout-9 .ui-article-time1, .ui-1223628.layout-10 .ui-article-time, .ui-1223628.layout-11 .ui-article-time, .ui-1223628.layout-13 .ui-article-time{ font-family: Microsoft Yahei; font-size: 12px; text-align: left; color: #919191; display: none } .ui-1223628.layout-9 .carousel-item-box:hover .ui-article-time1, .ui-1223628.layout-10 .carousel-item-box:hover .ui-article-time, .ui-1223628.layout-11 .carousel-item-box:hover .ui-article-time, .ui-1223628.layout-13 .carousel-item-box:hover .ui-article-time{ color: #555555; } .ui-1223628.layout-9 .ui-article-remark-wrap, .ui-1223628.layout-13 .ui-article-remark-wrap{ display: none; } .ui-1223628.layout-13 .ui-article-time{ display: none } .ui-1223628.layout-18 .ui-article-info-box{ background: #ffffff; } .ui-1223628.layout-13 .ui-article-swiper-box { height: auto; } .ui-1223628.layout-13 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .ui-1244696 { height: 201px; } .ui-1244696>.main{ background: none center no-repeat #ffffff; height: 100%; } .ui-1223621{ position: relative; height: 2148px; background: rgba(244, 244, 244, 1) repeat center; background-color: rgba(244, 244, 244, 1); } .ui-1223621 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1223621>.main, .ui-1223621>.tempWrap [data-fullmeasure], .ui-1223621>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 2148px; position: relative; } .ui-1223621.theme-1 [data-fullmeasure]>.carousel-item-box{ background: rgba(244, 244, 244, 1) repeat center; } .ui-1224023{ left: -29px; top: 303px; z-index: 1; background: none; width: 580px; /*height: 300px;*/ height: 300px; } .ui-1224023 .ui-picture-img{ opacity: 1; } .ui-1224023.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-1224023 .ui-picture-animate-img{ width: 580px; height: 300px; } .ui-1224023 .ui-picture-animate-img.animate-1, .ui-1224023 .ui-picture-animate-img.animate-2 { margin-left: -290px; } .ui-1224023 .ui-picture-animate-img.animate-3, .ui-1224023 .ui-picture-animate-img.animate-4 { margin-top: -150px; } .ui-1224024{ left: 672px; top: 640px; z-index: 1; background: none; width: 580px; /*height: 300px;*/ height: 300px; } .ui-1224024 .ui-picture-img{ opacity: 1; } .ui-1224024.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-1224024 .ui-picture-animate-img{ width: 580px; height: 300px; } .ui-1224024 .ui-picture-animate-img.animate-1, .ui-1224024 .ui-picture-animate-img.animate-2 { margin-left: -290px; } .ui-1224024 .ui-picture-animate-img.animate-3, .ui-1224024 .ui-picture-animate-img.animate-4 { margin-top: -150px; } .ui-1224025{ left: -28px; top: 991px; z-index: 1; background: none; width: 580px; /*height: 300px;*/ height: 300px; } .ui-1224025 .ui-picture-img{ opacity: 1; } .ui-1224025.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-1224025 .ui-picture-animate-img{ width: 580px; height: 300px; } .ui-1224025 .ui-picture-animate-img.animate-1, .ui-1224025 .ui-picture-animate-img.animate-2 { margin-left: -290px; } .ui-1224025 .ui-picture-animate-img.animate-3, .ui-1224025 .ui-picture-animate-img.animate-4 { margin-top: -150px; } .ui-1227509{ left: 673px; top: 1341px; z-index: 1; background: none; width: 580px; /*height: 300px;*/ height: 300px; } .ui-1227509 .ui-picture-img{ opacity: 1; } .ui-1227509.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-1227509 .ui-picture-animate-img{ width: 580px; height: 300px; } .ui-1227509 .ui-picture-animate-img.animate-1, .ui-1227509 .ui-picture-animate-img.animate-2 { margin-left: -290px; } .ui-1227509 .ui-picture-animate-img.animate-3, .ui-1227509 .ui-picture-animate-img.animate-4 { margin-top: -150px; } .ui-1224002{ left: -6px; top: 1684px; z-index: 1; background: none; width: 550px; /*height: 344.483985765124px;*/ height: 344.483985765124px; } .ui-1224002 .ui-picture-img{ opacity: 1; } .ui-1224002.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-1224002 .ui-picture-animate-img{ width: 580px; height: 363px; } .ui-1224002 .ui-picture-animate-img.animate-1, .ui-1224002 .ui-picture-animate-img.animate-2 { margin-left: -290px; } .ui-1224002 .ui-picture-animate-img.animate-3, .ui-1224002 .ui-picture-animate-img.animate-4 { margin-top: -181.5px; } .ui-1223622{ left: 576px; top: 289px; z-index: 1; background: none; width: 67px; /*height: 1747px;*/ height: 1747px; } .ui-1223622 .ui-picture-img{ opacity: 1; } .ui-1223622.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-1223622 .ui-picture-animate-img{ width: 67px; height: 1747px; } .ui-1223622 .ui-picture-animate-img.animate-1, .ui-1223622 .ui-picture-animate-img.animate-2 { margin-left: -33.5px; } .ui-1223622 .ui-picture-animate-img.animate-3, .ui-1223622 .ui-picture-animate-img.animate-4 { margin-top: -873.5px; } .ui-1244697{ left: 626px; top: 1959px; z-index: 1; background: none; width: 32px; /*height: 20px;*/ height: 20px; } .ui-1244697 .ui-picture-img{ opacity: 1; } .ui-1244697.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-1244697 .ui-picture-animate-img{ width: 48px; height: 30px; } .ui-1244697 .ui-picture-animate-img.animate-1, .ui-1244697 .ui-picture-animate-img.animate-2 { margin-left: -24px; } .ui-1244697 .ui-picture-animate-img.animate-3, .ui-1244697 .ui-picture-animate-img.animate-4 { margin-top: -15px; } .ui-1223623{ background: none; padding: 5px; left: 211px; top: 78px; z-index: 1; width: 814px; } .ui-1223624{ background: none; padding: 5px; left: 210px; top: 132px; z-index: 1; width: 814px; } .ui-1223625{ left: 18.5px; top: 172px; z-index: 1; background: none; width: 1201px; /*height: 82px;*/ height: 82px; } .ui-1223625 .ui-picture-img{ opacity: 1; } .ui-1223625.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-1223625 .ui-picture-animate-img{ width: 1201px; height: 82px; } .ui-1223625 .ui-picture-animate-img.animate-1, .ui-1223625 .ui-picture-animate-img.animate-2 { margin-left: -600.5px; } .ui-1223625 .ui-picture-animate-img.animate-3, .ui-1223625 .ui-picture-animate-img.animate-4 { margin-top: -41px; } .ui-1223626{ background: none; padding: 5px; left: 278px; top: 193.5px; z-index: 1; width: 698px; } .ui-1223649{ background: none; padding: 5px; left: 661px; top: 303px; z-index: 1; width: 418px; } .ui-1223654{ background: none; padding: 5px; left: 148px; top: 649px; z-index: 1; width: 417px; } .ui-1223658{ background: none; padding: 5px; left: 661px; top: 1000px; z-index: 1; width: 418px; } .ui-1227510{ background: none; padding: 5px; left: 141px; top: 1351px; z-index: 1; width: 418px; } .ui-1223650{ background: none; padding: 5px; left: 662px; top: 1711px; z-index: 1; width: 418px; } .ui-1223651{ background: none; padding: 5px; left: 148px; top: 730px; z-index: 1; width: 418px; } .ui-1223652{ background: none; padding: 5px; left: 62px; top: 770px; z-index: 1; width: 504px; } .ui-1223653{ background: none; padding: 5px; left: 62px; top: 810px; z-index: 1; width: 504px; } .ui-1223644{ background: none; padding: 5px; left: 62px; top: 850px; z-index: 1; width: 504px; } .ui-1223645{ background: none; padding: 5px; left: 653px; top: 367px; z-index: 1; width: 514px; } .ui-1223646{ background: none; padding: 5px; left: 653px; top: 407px; z-index: 1; width: 514px; } .ui-1223647{ background: none; padding: 5px; left: 653px; top: 447px; z-index: 1; width: 514px; } .ui-1223655{ background: none; padding: 5px; left: 653px; top: 487px; z-index: 1; width: 514px; } .ui-1223659{ background: none; padding: 5px; left: 653px; top: 1081px; z-index: 1; width: 514px; } .ui-1223660{ background: none; padding: 5px; left: 51.5px; top: 1553px; z-index: 1; width: 514px; } .ui-1223661{ background: none; padding: 5px; left: 50px; top: 1471px; z-index: 1; width: 514px; } .ui-1223662{ background: none; padding: 5px; left: 50px; top: 1514px; z-index: 1; width: 514px; } .ui-1227511{ background: none; padding: 5px; left: 51px; top: 1431px; z-index: 1; width: 514px; } .ui-1227543{ background: none; padding: 5px; left: 663.5px; top: 1791px; z-index: 1; width: 514px; } .ui-1227544{ background: none; padding: 5px; left: 663.5px; top: 1831px; z-index: 1; width: 514px; } .ui-1227545{ background: none; padding: 5px; left: 663.5px; top: 1871px; z-index: 1; width: 514px; } .ui-1223656{ background: none; padding: 5px; left: 663.5px; top: 1911px; z-index: 1; width: 514px; } .ui-1223657{ background: none; padding: 5px; left: 653px; top: 1121px; z-index: 1; width: 514px; } .ui-1223648{ background: none; padding: 5px; left: 653px; top: 1155px; z-index: 1; width: 533px; } .ui-1244698{ left: 567px; top: 1587.98755px; z-index: 1; background: none; width: 27px; /*height: 29px;*/ height: 29px; } .ui-1244698 .ui-picture-img{ opacity: 1; } .ui-1244698.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-1244698 .ui-picture-animate-img{ width: 40px; height: 43px; } .ui-1244698 .ui-picture-animate-img.animate-1, .ui-1244698 .ui-picture-animate-img.animate-2 { margin-left: -20px; } .ui-1244698 .ui-picture-animate-img.animate-3, .ui-1244698 .ui-picture-animate-img.animate-4 { margin-top: -21.5px; } .ui-1223979{ position: relative; height: 928px; background: url(//saas-image.jingwxcx.com/upload_files/2022/10/31/8cc759525f4fca0b4e885173ee0127a9.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: #fff; } .ui-1223979 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1223979>.main, .ui-1223979>.tempWrap [data-fullmeasure], .ui-1223979>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 928px; position: relative; } .ui-1223979.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(//saas-image.jingwxcx.com/upload_files/2022/10/31/8cc759525f4fca0b4e885173ee0127a9.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1223980{ background: none; padding: 5px; left: -7px; top: 130px; z-index: 1; width: 205px; } .ui-1223981{ background: none; padding: 5px; left: -7px; top: 163px; z-index: 1; width: 522px; } .ui-1223982{ background: none; padding: 5px; left: -3px; top: 289px; z-index: 1; width: 584px; } .ui-1223983{ left: 3px; top: 681px; z-index: 1; background: none; width: 115px; /*height: 115px;*/ height: 115px; } .ui-1223983 .ui-picture-img{ opacity: 1; } .ui-1223983.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-1223983 .ui-picture-animate-img{ width: 115px; height: 115px; } .ui-1223983 .ui-picture-animate-img.animate-1, .ui-1223983 .ui-picture-animate-img.animate-2 { margin-left: -57.5px; } .ui-1223983 .ui-picture-animate-img.animate-3, .ui-1223983 .ui-picture-animate-img.animate-4 { margin-top: -57.5px; } .ui-1223984{ left: 167px; top: 682px; z-index: 1; background: none; width: 115px; /*height: 115px;*/ height: 115px; } .ui-1223984 .ui-picture-img{ opacity: 1; } .ui-1223984.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-1223984 .ui-picture-animate-img{ width: 115px; height: 115px; } .ui-1223984 .ui-picture-animate-img.animate-1, .ui-1223984 .ui-picture-animate-img.animate-2 { margin-left: -57.5px; } .ui-1223984 .ui-picture-animate-img.animate-3, .ui-1223984 .ui-picture-animate-img.animate-4 { margin-top: -57.5px; } .ui-1223985{ left: 324px; top: 683px; z-index: 1; background: none; width: 115px; /*height: 115px;*/ height: 115px; } .ui-1223985 .ui-picture-img{ opacity: 1; } .ui-1223985.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-1223985 .ui-picture-animate-img{ width: 115px; height: 115px; } .ui-1223985 .ui-picture-animate-img.animate-1, .ui-1223985 .ui-picture-animate-img.animate-2 { margin-left: -57.5px; } .ui-1223985 .ui-picture-animate-img.animate-3, .ui-1223985 .ui-picture-animate-img.animate-4 { margin-top: -57.5px; } .ui-1223986{ left: 478px; top: 682px; z-index: 1; background: none; width: 115px; /*height: 115px;*/ height: 115px; } .ui-1223986 .ui-picture-img{ opacity: 1; } .ui-1223986.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-1223986 .ui-picture-animate-img{ width: 115px; height: 115px; } .ui-1223986 .ui-picture-animate-img.animate-1, .ui-1223986 .ui-picture-animate-img.animate-2 { margin-left: -57.5px; } .ui-1223986 .ui-picture-animate-img.animate-3, .ui-1223986 .ui-picture-animate-img.animate-4 { margin-top: -57.5px; } .ui-1223987{ background: none; padding: 5px; left: 13.5px; top: 811px; z-index: 1; width: 101px; } .ui-1223988{ background: none; padding: 5px; left: 177.5px; top: 811px; z-index: 1; width: 101px; } .ui-1223989{ background: none; padding: 5px; left: 334.5px; top: 811px; z-index: 1; width: 101px; } .ui-1223990{ background: none; padding: 5px; left: 488.5px; top: 811px; z-index: 1; width: 101px; } .ui-1227546 { width: 585px; height: 392px; left: 608px; top: 99px; z-index: 1; } .ui-1227546 .cover { background: url(//saas-image.jingwxcx.com/upload_files/2022/11/07/4bd08554c491c178e42e3c28f947b45b.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) center no-repeat transparent; background-size: cover; } .ui-1227547{ background: none; padding: 5px; left: 853px; top: 703px; z-index: 1; width: 348px; } .ui-1227548{ background: none; padding: 5px; left: 852px; top: 672px; z-index: 1; width: 348px; } .ui-1227549 { left: 937px; top: 761px; z-index: 1; } .ui-1227549 .ui-button-link{ line-height: 50px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(248, 178, 0, 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: 249px; height: 50px; } .ui-1227549.old { background: ; } .ui-1227549.old.layout-2 .ui-button-link { background-color: rgba(248, 178, 0, 1); } .ui-1227549 .ui-button-link:hover{ background-color: #dd0000; color: #ffffff; } .ui-1223627{ position: relative; height: 723px; background: #fff repeat center; background-color: #fff; } .ui-1223627 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1223627>.main, .ui-1223627>.tempWrap [data-fullmeasure], .ui-1223627>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 723px; position: relative; } .ui-1223627.theme-1 [data-fullmeasure]>.carousel-item-box{ background: #fff repeat center; } .ui-1223629 { width: 1219px; height: 519px; left: -18px; top: 180px; z-index: 1; background: center no-repeat; background-size: cover; } body > .ui-1223629.layout-10 > .main { height: 519px; } .ui-1223629.layout-0 .ui-product-item-wrap, .ui-1223629.layout-1 .ui-product-item-wrap, .ui-1223629.layout-1 .ui-product-item-wrap .auto-img-box, .ui-1223629.layout-3 .ui-product-item-wrap .auto-img-box, .ui-1223629.layout-4 .ui-product-item-wrap, .ui-1223629.layout-5 .auto-img-box, .ui-1223629.layout-6 .ui-product-item-wrap, .ui-1223629.layout-8 .auto-img-box, .ui-1223629.layout-9 .ui-product-item-wrap{ border-radius: 0px; } .ui-1223629.layout-0 .ui-product-info-box, .ui-1223629.layout-3 .ui-product-info-box, .ui-1223629.layout-10 .ui-product-info-box, .ui-1223629.layout-4 .ui-product-info-box{ background: #ffffff; display: block } .ui-1223629.layout-0 .carousel-item-box:hover .ui-product-info-box, .ui-1223629.layout-3 .carousel-item-box:hover .ui-product-info-box, .ui-1223629.layout-10 .carousel-item-box:hover .ui-product-info-box, .ui-1223629.layout-4 .carousel-item-box:hover .ui-product-info-box{ background: #f2f2f2; } .ui-1223629.layout-0 .ui-product-title, .ui-1223629.layout-3 .ui-product-title, .ui-1223629.layout-4 .ui-product-title, .ui-1223629.layout-10 .ui-product-title, .ui-1223629.layout-9 .ui-product-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: ; } .ui-1223629.layout-0 .carousel-item-box:hover .ui-product-title, .ui-1223629.layout-3 .carousel-item-box:hover .ui-product-title, .ui-1223629.layout-4 .carousel-item-box:hover .ui-product-title, .ui-1223629.layout-10 .carousel-item-box:hover .ui-product-title, .ui-1223629.layout-9 .carousel-item-box:hover .ui-product-title{ color: #000000; } .ui-1223629.layout-2 .main { padding-top: 10px; } .ui-1223629.layout-0 .ui-product-item-wrap { box-shadow: 0 0 10px rgb(0 0 0 / 10%); } .ui-1224003{ background: none; padding: 5px; left: 498.5px; top: 77px; z-index: 1; width: 205px; } .ui-1223630{ background: none; padding: 5px; left: 302.5px; top: 127px; z-index: 1; width: 600px; } .ui-1222284{ position: relative; height: 635px; background: rgba(247, 247, 247, 1) repeat center; background-color: rgba(247, 247, 247, 1); } .ui-1222284 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1222284>.main, .ui-1222284>.tempWrap [data-fullmeasure], .ui-1222284>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 635px; position: relative; } .ui-1222284.theme-1 [data-fullmeasure]>.carousel-item-box{ background: rgba(247, 247, 247, 1) repeat center; } .ui-1222291{ background: none; padding: 5px; left: 492px; top: 73px; z-index: 1; width: 214px; } .ui-1222293{ background: none; padding: 5px; left: 443.5px; top: 127px; z-index: 1; width: 311px; } .ui-1223631 { width: 1209px; height: 410px; left: -12.5px; top: 167px; z-index: 1; background: none center no-repeat; background-size: cover; } body > .ui-1223631.layout-18 > .main { height: 410px; } .ui-1223631.layout-10 .ui-article-item-wrap{ background: #ffffff; } .ui-1223631.layout-10 .ui-article-item-wrap:hover{ background: #f2f2f2; } .ui-1223631.layout-10 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1223631.layout-11 .main { padding: 10px; } .ui-1223631.layout-4 .auto-img-box, .ui-1223631.layout-5 .auto-img-box, .ui-1223631.layout-6 .ui-article-item-wrap, .ui-1223631.layout-8 .auto-img-box, .ui-1223631.layout-10 .auto-img-box, .ui-1223631.layout-11 .ui-article-item-wrap, .ui-1223631.layout-13 .ui-article-item-wrap, .ui-1223631.layout-12 .card .auto-img-box, .ui-1223631.layout-16 .auto-img-box, .ui-1223631.layout-17 .tempWrap{ border-radius: 0px; } .ui-1223631.layout-11 .ui-article-info-box, .ui-1223631.layout-13 .ui-article-info-box{ background: #ffffff; display: block } .ui-1223631.layout-10 .ui-article-info-box:hover, .ui-1223631.layout-11 .carousel-item-box:hover .ui-article-info-box, .ui-1223631.layout-18 .ui-article-info-box:hover, .ui-1223631.layout-13 .carousel-item-box:hover .ui-article-info-box { background: #f2f2f2; } .ui-1223631.layout-9 .ui-article-title { font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1223631.layout-11 .ui-article-title, .ui-1223631.layout-13 .ui-article-title, .ui-1223631.layout-18 .ui-article-title, .ui-1223631.layout-17 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: } .ui-1223631.layout-11 .ui-article-title { margin: 0 !important; } .ui-1223631.layout-9 .carousel-item-box:hover .ui-article-title, .ui-1223631.layout-10 .carousel-item-box:hover .ui-article-title, .ui-1223631.layout-11 .carousel-item-box:hover .ui-article-title, .ui-1223631.layout-18 .carousel-item-box:hover .ui-article-title, .ui-1223631.layout-13 .carousel-item-box:hover .ui-article-title, .ui-1223631.layout-17 .carousel-item-box:hover .ui-article-title{ color: #000000; } .ui-1223631.layout-9 .ui-article-remark, .ui-1223631.layout-10 .ui-article-remark, .ui-1223631.layout-11 .ui-article-remark, .ui-1223631.layout-13 .ui-article-remark{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: #919191; display: ; } .ui-1223631.layout-9 .ui-article-remark { text-align: left; } .ui-1223631.layout-9 .carousel-item-box:hover .ui-article-remark, .ui-1223631.layout-10 .carousel-item-box:hover .ui-article-remark, .ui-1223631.layout-11 .carousel-item-box:hover .ui-article-remark, .ui-1223631.layout-13 .carousel-item-box:hover .ui-article-remark{ color: #555555; } .ui-1223631.layout-9 .ui-article-time1, .ui-1223631.layout-10 .ui-article-time, .ui-1223631.layout-11 .ui-article-time, .ui-1223631.layout-13 .ui-article-time{ font-family: Microsoft Yahei; font-size: 12px; text-align: left; color: #919191; display: none } .ui-1223631.layout-9 .carousel-item-box:hover .ui-article-time1, .ui-1223631.layout-10 .carousel-item-box:hover .ui-article-time, .ui-1223631.layout-11 .carousel-item-box:hover .ui-article-time, .ui-1223631.layout-13 .carousel-item-box:hover .ui-article-time{ color: #555555; } .ui-1223631.layout-9 .ui-article-remark-wrap, .ui-1223631.layout-13 .ui-article-remark-wrap{ display: ; } .ui-1223631.layout-13 .ui-article-time{ display: none } .ui-1223631.layout-18 .ui-article-info-box{ background: #ffffff; } .ui-1223631.layout-13 .ui-article-swiper-box { height: auto; } .ui-1223631.layout-13 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .ui-63218{ background: none; padding: 5px; left: 0px; top: 162px; z-index: 1; width: 353px; } .ui-63219{ background: none; padding: 5px; left: 389px; top: 98px; z-index: 1; width: 353px; } .ui-63012{ background: none; padding: 5px; left: 389px; top: 180px; z-index: 1; width: 573px; } .ui-63215{ background: none; padding: 5px; left: 0px; top: 113px; z-index: 1; width: 324px; } .ui-63220{ left: 339px; top: 113px; z-index: 1; background: none; width: 40px; /*height: 40px;*/ height: 40px; } .ui-63220 .ui-picture-img{ opacity: 1; } .ui-63220.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-63220 .ui-picture-animate-img{ width: 40px; height: 40px; } .ui-63220 .ui-picture-animate-img.animate-1, .ui-63220 .ui-picture-animate-img.animate-2 { margin-left: -20px; } .ui-63220 .ui-picture-animate-img.animate-3, .ui-63220 .ui-picture-animate-img.animate-4 { margin-top: -20px; } .ui-63221{ left: 340px; top: 194px; z-index: 1; background: none; width: 40px; /*height: 40px;*/ height: 40px; } .ui-63221 .ui-picture-img{ opacity: 1; } .ui-63221.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-63221 .ui-picture-animate-img{ width: 40px; height: 40px; } .ui-63221 .ui-picture-animate-img.animate-1, .ui-63221 .ui-picture-animate-img.animate-2 { margin-left: -20px; } .ui-63221 .ui-picture-animate-img.animate-3, .ui-63221 .ui-picture-animate-img.animate-4 { margin-top: -20px; } .ui-63013{ background: none; padding: 5px; left: 0px; top: 16px; z-index: 1; width: 1205px; } .ui-63216{ left: 1069.5px; top: 95px; z-index: 1; background: none; width: 127px; /*height: 127px;*/ height: 127px; } .ui-63216 .ui-picture-img{ opacity: 1; } .ui-63216.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-63216 .ui-picture-animate-img{ width: 400px; height: 400px; } .ui-63216 .ui-picture-animate-img.animate-1, .ui-63216 .ui-picture-animate-img.animate-2 { margin-left: -200px; } .ui-63216 .ui-picture-animate-img.animate-3, .ui-63216 .ui-picture-animate-img.animate-4 { margin-top: -200px; } .ui-63217{ background: none; padding: 5px; left: 1078px; top: 234px; z-index: 1; width: 113px; } .ui-63007 .main { height: 150px; } .ui-63007 .ui-float-open-box { background: 0% / 100% 100% #00000099; height: 150px; } .ui-63007 .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; }