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: false; background: rgba(52, 52, 52, 1) center top repeat-x; } .ui-footer>.main{ height: 320px; } .ui-image-text .ui-image-text-btn{ background: #555555; } .ui-copy-right{ min-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: rgba(52, 52, 52, 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: 22px; height: 78px; 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: 80px; white-space: nowrap; } .ui-navigation .main-wrap{ height: 78px; /* 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: 80px; line-height: 80px; width: 100px; background-color: rgba(255, 255, 255, 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(51, 51, 51, 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, 0, 0, 0); color: rgba(255, 58, 72, 1); } .ui-navigation .ui-navigation-wrap .separate{ display: none; width: px; height: 80px; 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-39746{ left: 15px; top: 26px; z-index: 22; background: none; width: 344px; /*height: 51.3432835820895px;*/ height: 51.3432835820895px; } .ui-39746 .ui-picture-img{ opacity: 1; } .ui-39746.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-39746 .ui-picture-animate-img{ width: 494px; height: 74px; } .ui-39746 .ui-picture-animate-img.animate-1, .ui-39746 .ui-picture-animate-img.animate-2 { margin-left: -247px; } .ui-39746 .ui-picture-animate-img.animate-3, .ui-39746 .ui-picture-animate-img.animate-4 { margin-top: -37px; } .ui-39760{ background: none; padding: 5px; left: 1007px; top: 16px; z-index: 21; width: 187px; } .ui-1057832{ position: relative; height: 651px; background: false repeat top/cover; background-color: #fff; } .ui-1057832 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1057832>.main, .ui-1057832>.tempWrap [data-fullmeasure], .ui-1057832>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 651px; position: relative; } .ui-1057832.theme-1 [data-fullmeasure]>.carousel-item-box{ background: repeat top/cover; } .ui-1057877{ left: 195px; top: 118px; z-index: 0; background: none; width: 805px; /*height: 416.27750611247px;*/ height: 416.27750611247px; } .ui-1057877 .ui-picture-img{ opacity: 1; } .ui-1057877.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-1057877 .ui-picture-animate-img{ width: 818px; height: 423px; } .ui-1057877 .ui-picture-animate-img.animate-1, .ui-1057877 .ui-picture-animate-img.animate-2 { margin-left: -409px; } .ui-1057877 .ui-picture-animate-img.animate-3, .ui-1057877 .ui-picture-animate-img.animate-4 { margin-top: -211.5px; } .ui-1059698{ left: -44px; top: 128.53125px; z-index: 19; background: none; width: 603px; /*height: 394px;*/ height: 394px; } .ui-1059698 .ui-picture-img{ opacity: 1; } .ui-1059698.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-1059698 .ui-picture-animate-img{ width: 580px; height: 379px; } .ui-1059698 .ui-picture-animate-img.animate-1, .ui-1059698 .ui-picture-animate-img.animate-2 { margin-left: -290px; } .ui-1059698 .ui-picture-animate-img.animate-3, .ui-1059698 .ui-picture-animate-img.animate-4 { margin-top: -189.5px; } .ui-1059699{ left: 22px; top: 62.53271px; z-index: 19; background: none; width: 535px; /*height: 502px;*/ height: 502px; } .ui-1059699 .ui-picture-img{ opacity: 1; } .ui-1059699.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-1059699 .ui-picture-animate-img{ width: 535px; height: 502px; } .ui-1059699 .ui-picture-animate-img.animate-1, .ui-1059699 .ui-picture-animate-img.animate-2 { margin-left: -267.5px; } .ui-1059699 .ui-picture-animate-img.animate-3, .ui-1059699 .ui-picture-animate-img.animate-4 { margin-top: -251px; } .ui-1057833{ position: relative; height: 602px; background: url(https://saas-image.jingwxcx.com/upload_files/2021/01/16/c51af2415b30c0eceb3a74b31f6938c7.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; background-color: #fff; } .ui-1057833 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1057833>.main, .ui-1057833>.tempWrap [data-fullmeasure], .ui-1057833>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 602px; position: relative; } .ui-1057833.theme-1 [data-fullmeasure]>.carousel-item-box{ background: url(https://saas-image.jingwxcx.com/upload_files/2021/01/16/c51af2415b30c0eceb3a74b31f6938c7.jpg?x-bce-process=image/interlace,i_progressive/format,f_auto/quality,Q_100) repeat center; } .ui-1057836{ background: none; padding: 5px; left: 501px; top: 30px; z-index: 1; width: 324px; } .ui-1058561 { width: 1209px; height: 421px; left: -6px; top: 103px; z-index: 1; background: none center no-repeat; background-size: cover; } body > .ui-1058561.layout-18 > .main { height: 421px; } .ui-1058561.layout-10 .ui-article-item-wrap{ background: #ffffff; } .ui-1058561.layout-10 .ui-article-item-wrap:hover{ background: #f2f2f2; } .ui-1058561.layout-10 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1058561.layout-11 .main { padding: 10px; } .ui-1058561.layout-4 .auto-img-box, .ui-1058561.layout-5 .auto-img-box, .ui-1058561.layout-6 .ui-article-item-wrap, .ui-1058561.layout-8 .auto-img-box, .ui-1058561.layout-10 .auto-img-box, .ui-1058561.layout-11 .ui-article-item-wrap, .ui-1058561.layout-13 .ui-article-item-wrap, .ui-1058561.layout-12 .card .auto-img-box, .ui-1058561.layout-16 .auto-img-box, .ui-1058561.layout-17 .tempWrap{ border-radius: 0px; } .ui-1058561.layout-11 .ui-article-info-box, .ui-1058561.layout-13 .ui-article-info-box{ background: #ffffff; display: block } .ui-1058561.layout-10 .ui-article-info-box:hover, .ui-1058561.layout-11 .carousel-item-box:hover .ui-article-info-box, .ui-1058561.layout-18 .ui-article-info-box:hover, .ui-1058561.layout-13 .carousel-item-box:hover .ui-article-info-box { background: #f2f2f2; } .ui-1058561.layout-9 .ui-article-title { font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1058561.layout-11 .ui-article-title, .ui-1058561.layout-13 .ui-article-title, .ui-1058561.layout-18 .ui-article-title, .ui-1058561.layout-17 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: left; color: #333333; display: } .ui-1058561.layout-11 .ui-article-title { margin: 0 !important; } .ui-1058561.layout-9 .carousel-item-box:hover .ui-article-title, .ui-1058561.layout-10 .carousel-item-box:hover .ui-article-title, .ui-1058561.layout-11 .carousel-item-box:hover .ui-article-title, .ui-1058561.layout-18 .carousel-item-box:hover .ui-article-title, .ui-1058561.layout-13 .carousel-item-box:hover .ui-article-title, .ui-1058561.layout-17 .carousel-item-box:hover .ui-article-title{ color: #000000; } .ui-1058561.layout-9 .ui-article-remark, .ui-1058561.layout-10 .ui-article-remark, .ui-1058561.layout-11 .ui-article-remark, .ui-1058561.layout-13 .ui-article-remark{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: #919191; display: ; } .ui-1058561.layout-9 .ui-article-remark { text-align: left; } .ui-1058561.layout-9 .carousel-item-box:hover .ui-article-remark, .ui-1058561.layout-10 .carousel-item-box:hover .ui-article-remark, .ui-1058561.layout-11 .carousel-item-box:hover .ui-article-remark, .ui-1058561.layout-13 .carousel-item-box:hover .ui-article-remark{ color: #555555; } .ui-1058561.layout-9 .ui-article-time1, .ui-1058561.layout-10 .ui-article-time, .ui-1058561.layout-11 .ui-article-time, .ui-1058561.layout-13 .ui-article-time{ font-family: Microsoft Yahei; font-size: 12px; text-align: left; color: #919191; display: none } .ui-1058561.layout-9 .carousel-item-box:hover .ui-article-time1, .ui-1058561.layout-10 .carousel-item-box:hover .ui-article-time, .ui-1058561.layout-11 .carousel-item-box:hover .ui-article-time, .ui-1058561.layout-13 .carousel-item-box:hover .ui-article-time{ color: #555555; } .ui-1058561.layout-9 .ui-article-remark-wrap, .ui-1058561.layout-13 .ui-article-remark-wrap{ display: ; } .ui-1058561.layout-13 .ui-article-time{ display: none } .ui-1058561.layout-18 .ui-article-info-box{ background: #ffffff; } .ui-1058561.layout-13 .ui-article-swiper-box { height: auto; } .ui-1058561.layout-13 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .ui-1057835 { left: 502px; top: 524px; z-index: 1; } .ui-1057835 .ui-button-link{ line-height: 38px; border-radius: 3px; color: #ffffff; background: no-repeat center / cover rgba(252, 123, 32, 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: 203px; height: 38px; } .ui-1057835.old { background: ; } .ui-1057835.old.layout-2 .ui-button-link { background-color: rgba(252, 123, 32, 1); } .ui-1057835 .ui-button-link:hover{ background-color: rgba(237, 82, 5, 1); color: #ffffff; } .ui-1057837{ position: relative; height: 660px; background: #fff repeat center; background-color: #fff; } .ui-1057837 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1057837>.main, .ui-1057837>.tempWrap [data-fullmeasure], .ui-1057837>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 660px; position: relative; } .ui-1057837.theme-1 [data-fullmeasure]>.carousel-item-box{ background: #fff repeat center; } .ui-1057864{ background: none; padding: 5px; left: 369px; top: 49px; z-index: 1; width: 491px; } .ui-1057839{ left: 1035.5px; top: 187px; z-index: 1; background: none; width: 58px; /*height: 58px;*/ height: 58px; } .ui-1057839 .ui-picture-img{ opacity: 1; } .ui-1057839.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-1057839 .ui-picture-animate-img{ width: 120px; height: 120px; } .ui-1057839 .ui-picture-animate-img.animate-1, .ui-1057839 .ui-picture-animate-img.animate-2 { margin-left: -60px; } .ui-1057839 .ui-picture-animate-img.animate-3, .ui-1057839 .ui-picture-animate-img.animate-4 { margin-top: -60px; } .ui-1057840{ left: 337px; top: 291px; z-index: 1; background: none; width: 60px; /*height: 60px;*/ height: 60px; } .ui-1057840 .ui-picture-img{ opacity: 1; } .ui-1057840.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-1057840 .ui-picture-animate-img{ width: 120px; height: 120px; } .ui-1057840 .ui-picture-animate-img.animate-1, .ui-1057840 .ui-picture-animate-img.animate-2 { margin-left: -60px; } .ui-1057840 .ui-picture-animate-img.animate-3, .ui-1057840 .ui-picture-animate-img.animate-4 { margin-top: -60px; } .ui-1057841{ left: 561px; top: 182px; z-index: 1; background: none; width: 64px; /*height: 64px;*/ height: 64px; } .ui-1057841 .ui-picture-img{ opacity: 1; } .ui-1057841.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-1057841 .ui-picture-animate-img{ width: 120px; height: 120px; } .ui-1057841 .ui-picture-animate-img.animate-1, .ui-1057841 .ui-picture-animate-img.animate-2 { margin-left: -60px; } .ui-1057841 .ui-picture-animate-img.animate-3, .ui-1057841 .ui-picture-animate-img.animate-4 { margin-top: -60px; } .ui-1057842{ left: 798px; top: 291px; z-index: 1; background: none; width: 62px; /*height: 62px;*/ height: 62px; } .ui-1057842 .ui-picture-img{ opacity: 1; } .ui-1057842.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-1057842 .ui-picture-animate-img{ width: 120px; height: 120px; } .ui-1057842 .ui-picture-animate-img.animate-1, .ui-1057842 .ui-picture-animate-img.animate-2 { margin-left: -60px; } .ui-1057842 .ui-picture-animate-img.animate-3, .ui-1057842 .ui-picture-animate-img.animate-4 { margin-top: -60px; } .ui-1057843{ left: 102px; top: 184px; z-index: 1; background: none; width: 62px; /*height: 62px;*/ height: 62px; } .ui-1057843 .ui-picture-img{ opacity: 1; } .ui-1057843.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-1057843 .ui-picture-animate-img{ width: 120px; height: 120px; } .ui-1057843 .ui-picture-animate-img.animate-1, .ui-1057843 .ui-picture-animate-img.animate-2 { margin-left: -60px; } .ui-1057843 .ui-picture-animate-img.animate-3, .ui-1057843 .ui-picture-animate-img.animate-4 { margin-top: -60px; } .ui-1057854{ background: none; padding: 5px; left: 103px; top: 534px; z-index: 1; width: 76px; } .ui-1057855{ background: none; padding: 5px; left: 47px; top: 288px; z-index: 1; width: 190px; } .ui-1057856{ background: none; padding: 5px; left: 508.5px; top: 288px; z-index: 1; width: 190px; } .ui-1057857{ background: none; padding: 5px; left: 989.5px; top: 288px; z-index: 1; width: 163px; } .ui-1057858{ background: none; padding: 5px; left: 313.5px; top: 399px; z-index: 1; width: 118px; } .ui-1057844{ background: none; padding: 5px; left: 785.5px; top: 399px; z-index: 1; width: 107px; } .ui-1057845{ background: none; padding: 5px; left: 335.5px; top: 172px; z-index: 1; width: 76px; } .ui-1057846{ background: none; padding: 5px; left: 800.5px; top: 173px; z-index: 1; width: 76px; } .ui-1057847{ background: none; padding: 5px; left: 570px; top: 539.5px; z-index: 1; width: 76px; } .ui-1057848{ background: none; padding: 5px; left: 1030.5px; top: 539.5px; z-index: 1; width: 76px; } .ui-1057849{ left: 102px; top: 592px; z-index: 1; background: none; width: 66px; /*height: 6px;*/ height: 6px; } .ui-1057849 .ui-picture-img{ opacity: 1; } .ui-1057849.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-1057849 .ui-picture-animate-img{ width: 66px; height: 6px; } .ui-1057849 .ui-picture-animate-img.animate-1, .ui-1057849 .ui-picture-animate-img.animate-2 { margin-left: -33px; } .ui-1057849 .ui-picture-animate-img.animate-3, .ui-1057849 .ui-picture-animate-img.animate-4 { margin-top: -3px; } .ui-1057850{ left: 333px; top: 227px; z-index: 1; background: none; width: 66px; /*height: 6px;*/ height: 6px; } .ui-1057850 .ui-picture-img{ opacity: 1; } .ui-1057850.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-1057850 .ui-picture-animate-img{ width: 66px; height: 6px; } .ui-1057850 .ui-picture-animate-img.animate-1, .ui-1057850 .ui-picture-animate-img.animate-2 { margin-left: -33px; } .ui-1057850 .ui-picture-animate-img.animate-3, .ui-1057850 .ui-picture-animate-img.animate-4 { margin-top: -3px; } .ui-1057851{ left: 798px; top: 228px; z-index: 1; background: none; width: 66px; /*height: 6px;*/ height: 6px; } .ui-1057851 .ui-picture-img{ opacity: 1; } .ui-1057851.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-1057851 .ui-picture-animate-img{ width: 66px; height: 6px; } .ui-1057851 .ui-picture-animate-img.animate-1, .ui-1057851 .ui-picture-animate-img.animate-2 { margin-left: -33px; } .ui-1057851 .ui-picture-animate-img.animate-3, .ui-1057851 .ui-picture-animate-img.animate-4 { margin-top: -3px; } .ui-1057852{ left: 569px; top: 593px; z-index: 1; background: none; width: 66px; /*height: 6px;*/ height: 6px; } .ui-1057852 .ui-picture-img{ opacity: 1; } .ui-1057852.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-1057852 .ui-picture-animate-img{ width: 66px; height: 6px; } .ui-1057852 .ui-picture-animate-img.animate-1, .ui-1057852 .ui-picture-animate-img.animate-2 { margin-left: -33px; } .ui-1057852 .ui-picture-animate-img.animate-3, .ui-1057852 .ui-picture-animate-img.animate-4 { margin-top: -3px; } .ui-1057853{ left: 1028.5px; top: 594px; z-index: 1; background: none; width: 66px; /*height: 6px;*/ height: 6px; } .ui-1057853 .ui-picture-img{ opacity: 1; } .ui-1057853.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-1057853 .ui-picture-animate-img{ width: 66px; height: 6px; } .ui-1057853 .ui-picture-animate-img.animate-1, .ui-1057853 .ui-picture-animate-img.animate-2 { margin-left: -33px; } .ui-1057853 .ui-picture-animate-img.animate-3, .ui-1057853 .ui-picture-animate-img.animate-4 { margin-top: -3px; } .ui-1057859{ background: none; padding: 5px; left: 36px; top: 329px; z-index: 1; width: 213px; } .ui-1057860{ background: none; padding: 5px; left: 504px; top: 323px; z-index: 1; width: 203px; } .ui-1057861{ background: none; padding: 5px; left: 962.5px; top: 329px; z-index: 1; width: 206px; } .ui-1057862{ background: none; padding: 5px; left: 276px; top: 433.5px; z-index: 1; width: 199px; } .ui-1057873{ background: none; padding: 5px; left: 735px; top: 439.5px; z-index: 1; width: 199px; } .ui-1057838{ left: 16.5px; top: 152.5px; z-index: 0; background: none; width: 1166px; /*height: 499px;*/ height: 499px; } .ui-1057838 .ui-picture-img{ opacity: 1; } .ui-1057838.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-1057838 .ui-picture-animate-img{ width: 1889px; height: 809px; } .ui-1057838 .ui-picture-animate-img.animate-1, .ui-1057838 .ui-picture-animate-img.animate-2 { margin-left: -944.5px; } .ui-1057838 .ui-picture-animate-img.animate-3, .ui-1057838 .ui-picture-animate-img.animate-4 { margin-top: -404.5px; } .ui-1057863{ position: relative; height: 1055px; background: rgba(255, 255, 255, 1) repeat center; background-color: rgba(255, 255, 255, 1); } .ui-1057863 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1057863>.main, .ui-1057863>.tempWrap [data-fullmeasure], .ui-1057863>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 1055px; position: relative; } .ui-1057863.theme-1 [data-fullmeasure]>.carousel-item-box{ background: rgba(255, 255, 255, 1) repeat center; } .ui-1057867{ background: none; padding: 5px; left: 495px; top: 63px; z-index: 1; width: 491px; } .ui-1059376 { left: 519.5px; top: 960px; z-index: 1; } .ui-1059376 .ui-button-link{ line-height: 40px; border-radius: 38px; color: rgba(15, 170, 33, 1); background: no-repeat center / cover rgba(255, 0, 0, 0); border: 1px solid rgba(24, 177, 22, 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: 40px; } .ui-1059376.old { background: ; } .ui-1059376.old.layout-2 .ui-button-link { background-color: rgba(255, 0, 0, 0); } .ui-1059376 .ui-button-link:hover{ background-color: rgba(22, 179, 30, 1); color: #ffffff; } .ui-1057834 { width: 1209px; height: 755px; left: -2.5px; top: 162px; z-index: 1; background: none center no-repeat; background-size: cover; } body > .ui-1057834.layout-18 > .main { height: 755px; } .ui-1057834.layout-10 .ui-article-item-wrap{ background: rgba(255, 255, 255, 1); } .ui-1057834.layout-10 .ui-article-item-wrap:hover{ background: rgba(24, 177, 22, 1); } .ui-1057834.layout-10 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1057834.layout-11 .main { padding: 10px; } .ui-1057834.layout-4 .auto-img-box, .ui-1057834.layout-5 .auto-img-box, .ui-1057834.layout-6 .ui-article-item-wrap, .ui-1057834.layout-8 .auto-img-box, .ui-1057834.layout-10 .auto-img-box, .ui-1057834.layout-11 .ui-article-item-wrap, .ui-1057834.layout-13 .ui-article-item-wrap, .ui-1057834.layout-12 .card .auto-img-box, .ui-1057834.layout-16 .auto-img-box, .ui-1057834.layout-17 .tempWrap{ border-radius: 0px; } .ui-1057834.layout-11 .ui-article-info-box, .ui-1057834.layout-13 .ui-article-info-box{ background: rgba(255, 255, 255, 1); display: block } .ui-1057834.layout-10 .ui-article-info-box:hover, .ui-1057834.layout-11 .carousel-item-box:hover .ui-article-info-box, .ui-1057834.layout-18 .ui-article-info-box:hover, .ui-1057834.layout-13 .carousel-item-box:hover .ui-article-info-box { background: rgba(24, 177, 22, 1); } .ui-1057834.layout-9 .ui-article-title { font-family: Microsoft Yahei; font-size: 16px; color: #333333; display: } .ui-1057834.layout-11 .ui-article-title, .ui-1057834.layout-13 .ui-article-title, .ui-1057834.layout-18 .ui-article-title, .ui-1057834.layout-17 .ui-article-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: center; color: #333333; display: } .ui-1057834.layout-11 .ui-article-title { margin: 0 !important; } .ui-1057834.layout-9 .carousel-item-box:hover .ui-article-title, .ui-1057834.layout-10 .carousel-item-box:hover .ui-article-title, .ui-1057834.layout-11 .carousel-item-box:hover .ui-article-title, .ui-1057834.layout-18 .carousel-item-box:hover .ui-article-title, .ui-1057834.layout-13 .carousel-item-box:hover .ui-article-title, .ui-1057834.layout-17 .carousel-item-box:hover .ui-article-title{ color: rgba(255, 255, 255, 1); } .ui-1057834.layout-9 .ui-article-remark, .ui-1057834.layout-10 .ui-article-remark, .ui-1057834.layout-11 .ui-article-remark, .ui-1057834.layout-13 .ui-article-remark{ font-family: Microsoft Yahei; font-size: 14px; text-align: left; color: #919191; display: none; } .ui-1057834.layout-9 .ui-article-remark { text-align: left; } .ui-1057834.layout-9 .carousel-item-box:hover .ui-article-remark, .ui-1057834.layout-10 .carousel-item-box:hover .ui-article-remark, .ui-1057834.layout-11 .carousel-item-box:hover .ui-article-remark, .ui-1057834.layout-13 .carousel-item-box:hover .ui-article-remark{ color: #555555; } .ui-1057834.layout-9 .ui-article-time1, .ui-1057834.layout-10 .ui-article-time, .ui-1057834.layout-11 .ui-article-time, .ui-1057834.layout-13 .ui-article-time{ font-family: Microsoft Yahei; font-size: 12px; text-align: left; color: #919191; display: none } .ui-1057834.layout-9 .carousel-item-box:hover .ui-article-time1, .ui-1057834.layout-10 .carousel-item-box:hover .ui-article-time, .ui-1057834.layout-11 .carousel-item-box:hover .ui-article-time, .ui-1057834.layout-13 .carousel-item-box:hover .ui-article-time{ color: #555555; } .ui-1057834.layout-9 .ui-article-remark-wrap, .ui-1057834.layout-13 .ui-article-remark-wrap{ display: none; } .ui-1057834.layout-13 .ui-article-time{ display: none } .ui-1057834.layout-18 .ui-article-info-box{ background: rgba(255, 255, 255, 1); } .ui-1057834.layout-13 .ui-article-swiper-box { height: auto; } .ui-1057834.layout-13 .ui-article-item-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .ui-1057866{ position: relative; height: 571px; background: rgba(241, 241, 241, 1) repeat center; background-color: rgba(241, 241, 241, 1); } .ui-1057866 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1057866>.main, .ui-1057866>.tempWrap [data-fullmeasure], .ui-1057866>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 571px; position: relative; } .ui-1057866.theme-1 [data-fullmeasure]>.carousel-item-box{ background: rgba(241, 241, 241, 1) repeat center; } .ui-1057869{ background: none; padding: 5px; left: 492px; top: 49px; z-index: 1; width: 491px; } .ui-1057876{ left: 18.5px; top: 230px; z-index: 1; background: none; width: 272px; /*height: 192px;*/ height: 192px; } .ui-1057876 .ui-picture-img{ opacity: 1; } .ui-1057876.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-1057876 .ui-picture-animate-img{ width: 272px; height: 192px; } .ui-1057876 .ui-picture-animate-img.animate-1, .ui-1057876 .ui-picture-animate-img.animate-2 { margin-left: -136px; } .ui-1057876 .ui-picture-animate-img.animate-3, .ui-1057876 .ui-picture-animate-img.animate-4 { margin-top: -96px; } .ui-1059700{ left: 313.5px; top: 160px; z-index: 1; background: none; width: 272px; /*height: 192px;*/ height: 192px; } .ui-1059700 .ui-picture-img{ opacity: 1; } .ui-1059700.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-1059700 .ui-picture-animate-img{ width: 800px; height: 600px; } .ui-1059700 .ui-picture-animate-img.animate-1, .ui-1059700 .ui-picture-animate-img.animate-2 { margin-left: -400px; } .ui-1059700 .ui-picture-animate-img.animate-3, .ui-1059700 .ui-picture-animate-img.animate-4 { margin-top: -300px; } .ui-1057878{ left: 904px; top: 158.03px; z-index: 1; background: none; width: 272px; /*height: 192px;*/ height: 192px; } .ui-1057878 .ui-picture-img{ opacity: 1; } .ui-1057878.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-1057878 .ui-picture-animate-img{ width: 800px; height: 533px; } .ui-1057878 .ui-picture-animate-img.animate-1, .ui-1057878 .ui-picture-animate-img.animate-2 { margin-left: -400px; } .ui-1057878 .ui-picture-animate-img.animate-3, .ui-1057878 .ui-picture-animate-img.animate-4 { margin-top: -266.5px; } .ui-1057879{ left: 607px; top: 230.395px; z-index: 1; background: none; width: 272px; /*height: 192px;*/ height: 192px; } .ui-1057879 .ui-picture-img{ opacity: 1; } .ui-1057879.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-1057879 .ui-picture-animate-img{ width: 800px; height: 440px; } .ui-1057879 .ui-picture-animate-img.animate-1, .ui-1057879 .ui-picture-animate-img.animate-2 { margin-left: -400px; } .ui-1057879 .ui-picture-animate-img.animate-3, .ui-1057879 .ui-picture-animate-img.animate-4 { margin-top: -220px; } .ui-1057880{ left: -17px; top: 113.5px; z-index: 0; background: none; width: 1238px; /*height: 408.652399481193px;*/ height: 408.652399481193px; } .ui-1057880 .ui-picture-img{ opacity: 1; } .ui-1057880.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-1057880 .ui-picture-animate-img{ width: 1542px; height: 509px; } .ui-1057880 .ui-picture-animate-img.animate-1, .ui-1057880 .ui-picture-animate-img.animate-2 { margin-left: -771px; } .ui-1057880 .ui-picture-animate-img.animate-3, .ui-1057880 .ui-picture-animate-img.animate-4 { margin-top: -254.5px; } .ui-1057881 { left: 21.5px; top: 441px; z-index: 1; } .ui-1057881 .ui-button-link{ line-height: 43px; border-radius: 26px; color: #ffffff; background: no-repeat center / cover rgba(255, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 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: 269px; height: 43px; } .ui-1057881.old { background: ; } .ui-1057881.old.layout-2 .ui-button-link { background-color: rgba(255, 0, 0, 0); } .ui-1057881 .ui-button-link:hover{ background-color: rgba(255, 255, 255, 1); color: rgba(113, 105, 86, 1); } .ui-1057882 { left: 613px; top: 442px; z-index: 1; } .ui-1057882 .ui-button-link{ line-height: 43px; border-radius: 26px; color: #ffffff; background: no-repeat center / cover rgba(255, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 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: 269px; height: 43px; } .ui-1057882.old { background: ; } .ui-1057882.old.layout-2 .ui-button-link { background-color: rgba(255, 0, 0, 0); } .ui-1057882 .ui-button-link:hover{ background-color: rgba(255, 255, 255, 1); color: rgba(113, 105, 86, 1); } .ui-1057883 { left: 316.5px; top: 371px; z-index: 1; } .ui-1057883 .ui-button-link{ line-height: 43px; border-radius: 26px; color: rgba(122, 109, 109, 1); background: no-repeat center / cover rgba(255, 0, 0, 0); border: 1px solid rgba(112, 106, 106, 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: 269px; height: 43px; } .ui-1057883.old { background: ; } .ui-1057883.old.layout-2 .ui-button-link { background-color: rgba(255, 0, 0, 0); } .ui-1057883 .ui-button-link:hover{ background-color: rgba(106, 100, 100, 1); color: rgba(255, 255, 255, 1); } .ui-1057884 { left: 909.5px; top: 369px; z-index: 1; } .ui-1057884 .ui-button-link{ line-height: 43px; border-radius: 26px; color: rgba(122, 109, 109, 1); background: no-repeat center / cover rgba(255, 0, 0, 0); border: 1px solid rgba(112, 106, 106, 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: 269px; height: 43px; } .ui-1057884.old { background: ; } .ui-1057884.old.layout-2 .ui-button-link { background-color: rgba(255, 0, 0, 0); } .ui-1057884 .ui-button-link:hover{ background-color: rgba(106, 100, 100, 1); color: rgba(255, 255, 255, 1); } .ui-1057870{ position: relative; height: 1028px; background: #fff repeat center; background-color: #fff; } .ui-1057870 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:fill } .ui-1057870>.main, .ui-1057870>.tempWrap [data-fullmeasure], .ui-1057870>.tempWrap [data-fullmeasure]>.carousel-item-box{ height: 1028px; position: relative; } .ui-1057870.theme-1 [data-fullmeasure]>.carousel-item-box{ background: #fff repeat center; } .ui-1057871 { width: 1210px; height: 830px; left: -2px; top: 105px; z-index: 1; background: center no-repeat; background-size: cover; } body > .ui-1057871.layout-10 > .main { height: 830px; } .ui-1057871.layout-0 .ui-product-item-wrap, .ui-1057871.layout-1 .ui-product-item-wrap, .ui-1057871.layout-1 .ui-product-item-wrap .auto-img-box, .ui-1057871.layout-3 .ui-product-item-wrap .auto-img-box, .ui-1057871.layout-4 .ui-product-item-wrap, .ui-1057871.layout-5 .auto-img-box, .ui-1057871.layout-6 .ui-product-item-wrap, .ui-1057871.layout-8 .auto-img-box, .ui-1057871.layout-9 .ui-product-item-wrap{ border-radius: 0px; } .ui-1057871.layout-0 .ui-product-info-box, .ui-1057871.layout-3 .ui-product-info-box, .ui-1057871.layout-10 .ui-product-info-box, .ui-1057871.layout-4 .ui-product-info-box{ background: rgba(255, 255, 255, 1); display: block } .ui-1057871.layout-0 .carousel-item-box:hover .ui-product-info-box, .ui-1057871.layout-3 .carousel-item-box:hover .ui-product-info-box, .ui-1057871.layout-10 .carousel-item-box:hover .ui-product-info-box, .ui-1057871.layout-4 .carousel-item-box:hover .ui-product-info-box{ background: rgba(24, 177, 22, 1); } .ui-1057871.layout-0 .ui-product-title, .ui-1057871.layout-3 .ui-product-title, .ui-1057871.layout-4 .ui-product-title, .ui-1057871.layout-10 .ui-product-title, .ui-1057871.layout-9 .ui-product-title{ font-family: Microsoft Yahei; font-size: 16px; text-align: center; color: rgba(0, 0, 0, 1); display: ; } .ui-1057871.layout-0 .carousel-item-box:hover .ui-product-title, .ui-1057871.layout-3 .carousel-item-box:hover .ui-product-title, .ui-1057871.layout-4 .carousel-item-box:hover .ui-product-title, .ui-1057871.layout-10 .carousel-item-box:hover .ui-product-title, .ui-1057871.layout-9 .carousel-item-box:hover .ui-product-title{ color: rgba(255, 255, 255, 1); } .ui-1057871.layout-2 .main { padding-top: 10px; } .ui-1057871.layout-0 .ui-product-item-wrap { box-shadow: 0 0 10px rgb(0 0 0 / 10%); } .ui-1057872{ background: none; padding: 5px; left: 491px; top: 32px; z-index: 1; width: 491px; } .ui-1059377 { left: 522px; top: 950px; z-index: 1; } .ui-1059377 .ui-button-link{ line-height: 40px; border-radius: 38px; color: rgba(15, 170, 33, 1); background: no-repeat center / cover rgba(255, 0, 0, 0); border: 1px solid rgba(24, 177, 22, 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: 40px; } .ui-1059377.old { background: ; } .ui-1059377.old.layout-2 .ui-button-link { background-color: rgba(255, 0, 0, 0); } .ui-1059377 .ui-button-link:hover{ background-color: rgba(22, 179, 30, 1); color: #ffffff; } .ui-39747{ left: 416px; top: 41px; z-index: 1; background: none; width: 2px; /*height: 240px;*/ height: 240px; } .ui-39747 .ui-picture-img{ opacity: 1; } .ui-39747.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-39747 .ui-picture-animate-img{ width: 2px; height: 240px; } .ui-39747 .ui-picture-animate-img.animate-1, .ui-39747 .ui-picture-animate-img.animate-2 { margin-left: -1px; } .ui-39747 .ui-picture-animate-img.animate-3, .ui-39747 .ui-picture-animate-img.animate-4 { margin-top: -120px; } .ui-39754{ left: 4px; top: 87px; z-index: 1; background: none; width: 55px; /*height: 2px;*/ height: 2px; } .ui-39754 .ui-picture-img{ opacity: 1; } .ui-39754.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-39754 .ui-picture-animate-img{ width: 55px; height: 2px; } .ui-39754 .ui-picture-animate-img.animate-1, .ui-39754 .ui-picture-animate-img.animate-2 { margin-left: -27.5px; } .ui-39754 .ui-picture-animate-img.animate-3, .ui-39754 .ui-picture-animate-img.animate-4 { margin-top: -1px; } .ui-39748{ left: 470px; top: 87px; z-index: 1; background: none; width: 55px; /*height: 2px;*/ height: 2px; } .ui-39748 .ui-picture-img{ opacity: 1; } .ui-39748.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-39748 .ui-picture-animate-img{ width: 55px; height: 2px; } .ui-39748 .ui-picture-animate-img.animate-1, .ui-39748 .ui-picture-animate-img.animate-2 { margin-left: -27.5px; } .ui-39748 .ui-picture-animate-img.animate-3, .ui-39748 .ui-picture-animate-img.animate-4 { margin-top: -1px; } .ui-39749{ left: 759px; top: 41px; z-index: 1; background: none; width: 2px; /*height: 240px;*/ height: 240px; } .ui-39749 .ui-picture-img{ opacity: 1; } .ui-39749.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-39749 .ui-picture-animate-img{ width: 2px; height: 240px; } .ui-39749 .ui-picture-animate-img.animate-1, .ui-39749 .ui-picture-animate-img.animate-2 { margin-left: -1px; } .ui-39749 .ui-picture-animate-img.animate-3, .ui-39749 .ui-picture-animate-img.animate-4 { margin-top: -120px; } .ui-39755{ background: none; padding: 5px; left: -2px; top: 48px; z-index: 1; width: 205px; } .ui-39756{ background: none; padding: 5px; left: 805px; top: 50px; z-index: 1; width: 289px; } .ui-39750{ background: none; padding: 5px; left: 464px; top: 51px; z-index: 1; width: 205px; } .ui-39751{ left: 4.5px; top: 186.5px; z-index: 1; background: none; width: 21px; /*height: 21px;*/ height: 21px; } .ui-39751 .ui-picture-img{ opacity: 1; } .ui-39751.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-39751 .ui-picture-animate-img{ width: 500px; height: 500px; } .ui-39751 .ui-picture-animate-img.animate-1, .ui-39751 .ui-picture-animate-img.animate-2 { margin-left: -250px; } .ui-39751 .ui-picture-animate-img.animate-3, .ui-39751 .ui-picture-animate-img.animate-4 { margin-top: -250px; } .ui-39752{ left: 4.5px; top: 119px; z-index: 1; background: none; width: 22px; /*height: 22px;*/ height: 22px; } .ui-39752 .ui-picture-img{ opacity: 1; } .ui-39752.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-39752 .ui-picture-animate-img{ width: 200px; height: 200px; } .ui-39752 .ui-picture-animate-img.animate-1, .ui-39752 .ui-picture-animate-img.animate-2 { margin-left: -100px; } .ui-39752 .ui-picture-animate-img.animate-3, .ui-39752 .ui-picture-animate-img.animate-4 { margin-top: -100px; } .ui-39753{ background: none; padding: 5px; left: 43px; top: 110px; z-index: 1; width: 296px; } .ui-39757{ background: none; padding: 5px; left: 37px; top: 182px; z-index: 1; width: 296px; } .ui-39761{ background: none; padding: 5px; left: 464px; top: 101px; z-index: 1; width: 296px; } .ui-39762{ background: none; padding: 5px; left: 805px; top: 110px; z-index: 1; width: 296px; } .ui-39763{ background: none; padding: 5px; left: 805px; top: 144px; z-index: 1; width: 296px; } .ui-39764{ background: none; padding: 5px; left: 805px; top: 179px; z-index: 1; width: 410px; } .ui-39758{ left: 470px; top: 141px; z-index: 1; background: none; width: 137px; /*height: 137px;*/ height: 137px; } .ui-39758 .ui-picture-img{ opacity: 1; } .ui-39758.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-39758 .ui-picture-animate-img{ width: 258px; height: 258px; } .ui-39758 .ui-picture-animate-img.animate-1, .ui-39758 .ui-picture-animate-img.animate-2 { margin-left: -129px; } .ui-39758 .ui-picture-animate-img.animate-3, .ui-39758 .ui-picture-animate-img.animate-4 { margin-top: -129px; } .ui-39745 .main { height: 150px; } .ui-39745 .ui-float-open-box { background: 0% / 100% 100% #00000099; height: 150px; } .ui-39745 .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; }