.scrFx{ animation-play-state: paused; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-delay: calc(var(--go) * -1s); animation-timing-function: ease-in-out; } .slideFx{ animation-play-state: paused; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-delay: calc(var(--rt) * -1s); animation-timing-function: linear; } #home #main .r4 .inner #slider{clip-path:polygon(0% 0%, 100% 0%, 100% 71.8%, 91.6% 100%, 15.46% 100%, 0% 100%, 0% 0%);} #duty #main .r1 .group .photo.go:nth-of-type(5){display: none} #duty #main .r1 .group .photo:nth-of-type(6){right: -4%;} #duty #main .r1 .group .photo.go:nth-of-type(7){display: none} #bloc #load .inner .group .mask > svg{max-width: 110vw;position: absolute;left: 50%;transform: translateX(-50%);min-width: 100vw;} @media screen and (max-width:1500px){ .ie .layout-rowMain{ width: 1200px; } } @media screen and (max-width:1366px){ #bloc header .pc-nav .mid .items > li > ol > li a > span{font-size: 13px;} #business #main .r2 .inner .mid .space .wrap .img > img:nth-of-type(1){max-width: 100vw;} #business #main .r2 .inner .mid .space .group .right .tabCon .items .box h3{font-size: 15px;} #search #main #banner .inner .group form .topic input[type=text]{font-size: 13px;} #search #main #banner .inner .group form .note span, #search #main #banner .inner .group form .note a{font-size: 13px;} #service .r3 .inner .group .box .topic .inBox .select{font-size: 14px;} #service .r4 .inner .other .right > a > span > small > em{font-size: 14px;} #investment #main .r2 .wrap > .inner .group .con #clock .time-box > ul.time-cir > li > i > a em{font-size: 14px;} #investment #main .r2 .other > .inner .group .box .topic .inBox .select{font-size: 14px;} #investment #main .r4 .inner .group .wrap .mid .box .mask{top: 1.8rem;} #about #main .r4 .inner .col:nth-of-type(2) .btm{height: 8rem;} #about #main .r4 .inner .col:nth-of-type(2) .btm .data > li{margin-right: 1.6rem;} #business #main .r2 .inner .mid .space .wrap .tree > li .msg small{font-size: 13px;} #duty #main .r1 .group .photo:nth-of-type(6){right: 0;} } @media screen and (max-width:1280px){ #history #main #banner .inner .content .gallery .gallery__items{width: 4rem;} } @media screen and (max-width:1024px){} @media screen and (max-width:700px){ #home #main .r3 .mid .box .items > li .txt h4{font-size: 15px;} } @media screen and (orientation : landscape) { #home #main #banner{max-height: 100vh;} .app{display: none!important;} } @media screen and (orientation : portrait){ .pc{display: none!important;} .max-wid{width: 90%;} .layout-btn svg{width: 1.2rem;} .layout-btn-2 > span > small{line-height: 1;} .layout-btn-2 > span > small > em{font-size: 16px;} #bloc .wrapper{overflow-y: auto;} #bloc #load{width: 100vw;overflow: hidden;} #bloc #load .inner .box .lazy{max-width: 52vw;} #bloc footer .bg .pic{top: 0;} #bloc footer .mid{height: 6.5rem;} #bloc footer .mid .items{display: none;} #bloc footer .mid .inner .box{height: 3.2rem;padding: 0 10%;padding-top: 0.6rem;} #bloc footer .mid .btm{height: auto;flex: 1;flex-direction: column;padding: 0 10% 0.2rem 10%;justify-content: space-between;} #bloc footer .mid .btm p{width: 100%;text-align: center;line-height: 1;padding-bottom: 10px;} #bloc footer .mid .btm > a{width: 100%;text-align: center} #bloc footer .mid .btm > a span{font-size: 12px;} #bloc footer .mid .btm ol{width: 100%;justify-content: space-between;padding-bottom: 0.2rem; flex-wrap: wrap;position: relative;text-align: left;} #bloc footer .mid .btm ol>li{ margin: .12rem 0; justify-content: center; } #bloc footer .mid .btm ol>li:last-child { width: auto; position: absolute; right: -0.4rem; bottom: calc(100% + 2.5rem); } #bloc footer .mid .inner .box > img{width: 50vw;animation-name: none;} #home #main #banner{min-height: 50vw;} #home #main #banner:after{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.2);z-index: 3;} #home #main #banner .inner{width: 98%;right: 0;margin: 0 auto;top: -9%;} #home #main #banner .left{width: 80vw;left: 10vw;justify-content: center;align-items: center;bottom: 10%;} #home #main #banner .left .pager{justify-content: center;} #home #main #banner .left .add{text-align: center;line-height: 1.4;margin-top: 0.4rem;} #home #main #banner .inner .box .light{width: 240vw;} #home #main #banner .right{display: none;} #home #main #banner .left .pager > li svg{width: 1rem;} #home #main #banner .inner h1{font-size: 6vw;line-height: 1.3;} #home #main #banner .inner p{font-size: 6vw;} #home #main #r1 .c1 .group h2{margin-top: 0.3rem;} #home #main #r1 .c1 .group a{margin-top: 0.5rem;} #home #main #r1{display: flex;flex-direction: column;justify-content: space-between;align-items: center;width: 100%;overflow: hidden} #home #main #r1 .bg .w1{width: 14rem;top: 8%;left: -50%;} #home #main #r1 .bg .w2{width: 14rem;top:80%;left: -105%;} #home #main #r1 .c1{height: 65%;padding-left: 0;display: flex;align-items: center;justify-content: center;width: 100%} #home #main #r1 .c1 .group{width: 84%;max-width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;margin: 0 auto;} #home #main #r1 .c1 .group h2{text-align: center;line-height: 1;} #home #main #r1 .c1 .group p{text-align: center;} #home #main #r1 .c2{height: 50%;} #home #main #r1 .c2 .imgBox{width: 90vw;} #home #main #r1 .c2 .imgBox .imgWrap{mask-size: 200vw;width: 130%;transform: rotate(13deg);} #home #main #r1 .c2 .imgBox .imgWrap .pic > div{height: 72%;background-position: center;background-size: cover;} #home #main .r2{width: 100vw;overflow: hidden;} #home #main .r2 .inner{height: 100%;pointer-events: none;} #home #main .r2 .inner .topic .group{position: absolute;bottom: 1rem;left: 0;} #home #main .r2 .inner .topic p br{display: none;} #home #main .r2 .inner .note{margin-top: 2em;font-size: 14px;font-weight: 400;} #home #main .r2 .inner .topic p b{display: block;text-align: right;} #home #main .r2 .bg .btm{bottom: 3.8rem;align-items: flex-start;padding-left: 3vw;} #home #main .r2 .bg .btm .pager > li svg{width: 1rem;} #home #main .r2 .bg .btm p{display: none;} #home #main .r3 .mid .box{padding: 0;} #home #main .r3 .mid .box .items > li{width: 38vw;} #home #main .r3 .mid .box .items > li .child{bottom: 112%;} #home #main .r3 .mid .box .items > li .mask .light{width: 90vw;bottom: 0;} #home #main .r3 .mid .topic .msgList{flex-direction: column;} #home #main .r3 .mid .topic{padding-top: 1rem;text-align: center;} #home #main .r3 .mid .topic .msgList h2{font-weight: 600;text-align: center} #home #main .r3 .group{background-color: #f2f8fc;} #home #main .r3 .group > video.bgVideo_before{object-fit: contain;width: 140%;left: -20%;top: 0.8rem;} #home #main .r3 .group > video.bgVideo_after{object-fit: contain;width: 140%;left: -20%;top: 0.8rem;} #home #main .r3 .mid .box .items > li .child .type{background-color:rgb(0,135,85); } #home #main .r3 .mid .box .items > li.swiper-slide-active .child .type > li{color: #fff;} #home #main .r3 .mid .box .items > li .child .type:after{border-color: rgba(0, 135, 85, 1) transparent transparent transparent;border-width: 6px;} #home #main .r3 .group .inner{display: none;} #home #main .r3 .mid{pointer-events: auto;} #home #main .r3 .mid .topic .msgList p{text-align: center;} #home #main .r3 .mid .topic .msgList p.app{margin-top: 0.7rem;line-height: 1.6;} #home #main .r3 .mid .topic .msgList .goMore{margin-top: 0.4rem;display: inline-block;} #home #main .r3 .pop{display: none;} #home #main .r4{min-height: 150vw;max-height: 150vw;} #home #main .r4 .inner .mask{display: none;} #home #main .r4 .inner #slider{clip-path: none;} #home #main .r4 .inner .group .msg{bottom: 2.8rem;padding: 0 8%;} #home #main .r4 .inner .group .msg .col.left > span{position: absolute;top: calc(100% + 0.7rem);} #home #main .r4 .inner .group .msg .col.left > svg{display: none;} #home #main .r4 .inner .group .msg .col.left .items .slider--list h4{font-size: 28px;} #home #main .r4 .inner .group .msg .col.right{display: none;} #home #main .r4 .inner .group .pager{top: auto;height: 50px;bottom: 1.1rem;justify-content: flex-end;} #home #main .r4 .inner .group .pager .slider--btn{margin-right: 0.25rem;} #home #main .r4 .inner .group .pager .slider--btn svg{width: 1rem;} #home #main .r4 .inner .group .box{transform:rotate(-10deg);} #home #main .r4 .inner .group .box .light{width: 200vw;right: 30%;top: 68%;} #home #main .r5{overflow: hidden;width: 100vw;} #home #main .r5 .inner{background-size: 30rem;background-position: 0 50vw;padding-bottom: 1rem;} #home #main .r5 .inner .mid .box .swiper .swiper-wrapper .swiper-slide{border-radius: 0.2rem;overflow: hidden;} #home #main .r5 .inner .btm .col.left > span{margin-bottom: 0.3rem;font-size: 1rem} #home #main .r5 .inner .btm .col.left{flex-direction: column;align-items: flex-start;} #home #main .r5 .inner .btm .col.left > svg{display: none;} #home #main .r5 .inner .mid{height: 100vw;margin-bottom: 1.5rem;} #home #main .r5 .inner .mid .box:nth-of-type(1){width: 60vw;padding-bottom: 100%;left: -55vw;top: 0;} #home #main .r5 .inner .mid .box:nth-of-type(2){width: 60vw;padding-bottom: 100%;} #home #main .r5 .inner .mid .box:nth-of-type(3){width: 60vw;padding-bottom: 100%;right: -55vw;} #home #main .r5 .inner .mid .box .mask .light{width: 120vw;transform-origin: 100% 0;transform: rotate(-15deg);right: 0.1rem;} #home #main .r5 .inner .btm .col.right .slider--btn svg{width: 1rem;} #home #main .r5 .inner .btm .col.left > p{font-weight: 600;} #home #main .r4 .inner .group .pager .slider--btn:nth-of-type(2) i{padding-bottom: 1px;} #home #main .r4 .inner .group .pager .slider--btn:nth-of-type(1) i{padding-bottom: 1px;} #home #main .r5 .inner .mid .box:nth-of-type(2) .mask .msg .list .con h3{ font-size: 16px; line-height: 24px;height: 48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } #home #main .r5 .inner .mid .box .swiper .swiper-wrapper .swiper-slide .photo .con h3{font-size: 18px;} #home #main .r5 .inner .mid .box .mask{border-radius: 0.2rem;overflow: hidden;} #home #main .r5 .inner .btm .col.right .slider--btn:nth-of-type(2){margin-bottom: 0;} #home #main .r2 .inner .topic p{font-size: 0.5rem;width: 100%;} /*服务支持*/ .afterInner #main #container{display: none;} .afterInner #main #banner{min-height: 30vw;height: 100vw;max-height: 100vw;} .afterInner #main #banner .left .add{display: none;} .afterInner #main #banner .right{text-align: center;right: 6%;} .afterInner #main #banner .inner p{letter-spacing: 6px;} .afterInner #main #banner .inner .box .light{-webkit-mask: linear-gradient(140deg, #000000 0%, rgba(0, 0, 0, 0) 65%);mask-repeat: no-repeat;} #service #main{overflow: hidden;width: 100vw;} #service #banner .mid{right: auto;left: 6%;height: 1.2rem;} #service #banner .mid a{white-space: nowrap;text-align: left;font-size: 22px;} #service #banner .mid p{text-align: left;} #service .r1{overflow: hidden;width: 100vw;} #service .r1 .bg .pic{background-position: 0 -130vw;} #service .r1 .bg .pic.app{top: auto;bottom: 0;background-position: -100vw 50vw;} #service #banner .inner p {display: none;} #service .r1 .inner .col:nth-of-type(2) .msg .note h3{margin-bottom: 0.8rem;} #service .r1 .inner .col:nth-of-type(1){display: none;} #service .r1 .inner .col:nth-of-type(1) .rect{width: 40vw;height: 40vw;} #service .r1 .inner .col:nth-of-type(1) .box .light{width: 40vw;right: 25%;bottom: 28%;} /*#service .r1 .inner .col:nth-of-type(1) .rect{width: 90vw;height: 75vw;}*/ /*#service .r1 .inner .col:nth-of-type(1) .rect .pic{mask-image: none;width: 100%;height: 100%;left: 0;top: 0;}*/ #service .r1 .inner .col:nth-of-type(2) .msg .note > ul > li{line-height: 1.6;margin: 0.2rem 0 0.5rem 0} #service .r1 .inner .col:nth-of-type(2) .msg h2{margin-bottom: 1.2rem;font-size: 0.6rem;} #service .r1 .inner{flex-direction: column;padding: 0 6%;padding-top: 1.2rem;} #service .r1 .inner .col:nth-of-type(1){width: 100%;padding-left: 0;flex: 1;} #service .r1 .inner .col:nth-of-type(2){width: 100%;height: auto;padding: 10% 0 10% 0;} #service .r1 .inner .col:nth-of-type(2) .msg{padding-left: 0;} #service .r1 .inner .col:nth-of-type(2) .msg .other{margin-top: 1.2rem;} #service .r1.open{overflow: initial;} #service .r2 .inner .group{width: 90%;} #service .r2 .inner{padding-top: 1rem;padding-bottom: 1rem} #service .r2 .inner h2{margin-bottom: 0.5rem;} #service .r2 .inner .group .list .left h3{font-size: 14px;font-weight: 400;} #service .r2 .inner .group .list .left .p-msg p{font-size: 14px;} #service .r2 .inner .btm > a{width: 2.6rem;height: 0.9rem;} #service .r1 .otherInner{flex-direction: column;justify-content: space-around;padding-top: 1rem;padding-bottom: 0.5rem;} #service .r1 .otherInner .mid{overflow-y: hidden;overflow-x: auto;} #service .r1 .otherInner .mid table{min-width: 1000px;height: 100%;} #service .r1 .otherInner .topic{flex-direction: column;align-items: flex-start;} #service .r1 .otherInner .topic > div{width: 100%;overflow-y: hidden;overflow-x: auto;} #service .r1 .otherInner .topic .tab{justify-content: flex-start;} #service .r1 .otherInner .topic .tab > li{min-width: initial;} #service .r1 .otherInner .topic .tab > li > span{white-space: nowrap;} #service .r1 .otherInner .topic h2{margin-bottom: 0.6rem;} #service .r1 .otherInner .mid table th{height: auto;} #service .r1 .otherInner .mid table td{height: auto;} #service .r1 .otherInner .btm{padding-bottom: 2.5rem;} #service .r3{width: 100vw;overflow: hidden;margin-top: -6vw;} #service .r3 .inner{padding-left: 10%;} #service .r3 .bg .rect{height: 43%;} #service .r3 .bg .mask{height: 80%;} #service .r3 .inner .group{bottom: 0.7rem;} #service .r3 .inner .group h3{font-size: 0.7rem;} #service .r3 .inner .group .box .topic >span{display: none;} #service .r3 .inner .group .box .topic .inBox input[type=submit]{font-size: 14px;} #service .r3 .inner .group .box .topic .inBox{width: 4.5rem;} #service .r3 .inner .group .box .topic .inBox > i{font-size: 13px;} #service .r3 .inner .group .box .topic .inBox .select{font-size: 14px;font-weight: 400;} #service .r3 .inner .group .box .topic .inBox .items{width: 100%;box-shadow: 0 6px 10px -4px rgba(0,0,0,0.1);left: auto;right: 0;max-height: 5rem;} #service .r3 .inner .group .box .topic .inBox .items .list{height: 0.8rem;} #service .r3 .inner .group .box .topic .inBox .items .list > span{font-size: 15px;white-space: nowrap;font-weight: 400;} #service .r3 .inner .group .box .topic .inBox .items li > span{font-size: 13px;white-space: nowrap;font-weight: 400;} #service .r3 .inner .group .box .mid{display: none;} #service .r3 > .mid{width: 90%;margin: 0 auto;height: 6.8rem;} #service .r3 > .mid .wc{color: #333;} #service .r3 > .mid h4{font-weight: 600;} #service .r3 > .mid .list{flex-wrap: wrap;margin-bottom: 0.15rem;} #service .r3 > .mid .list p{flex: initial;width: 100%;margin-top: 5px;text-align: left;padding-left: 26px;} #service .r3 > .mid .list:last-of-type{margin-bottom: 2.2rem;} #service .r4{width: 100vw;overflow: hidden;} #service .r4 .bg > img{width: 200vw;left: -50vw;-webkit-mask-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,#000000 50%, #000000 80%,rgba(0, 0, 0, 0) 100%);display: none;} #service .r4{padding-top: 1rem;} #service .r4 .inner .box{width: 80vw;padding-bottom: 3rem;} #service .r4 .inner .box .note{justify-content: flex-start;} #service .r4 .inner .box .note > .layout-btn{display: none;} #service .r4 .inner .box{padding-top: 1.3rem;} #service .r4 .inner .box .media .add{width: calc(100% + 10vw);left: -5vw;} #service .r4 .inner .box .media .add > br{display: none;} #service .r4 .inner .other{height: auto;padding: 0.5rem 0 0.5rem 0} #service .r4 .inner .other .mid > img{margin: 0 auto 0.1rem auto;display: block;} #service .r4 .inner .other .right{display: none;} #service .r4 .inner .other .right > a > span > small > em{font-size: 14px;} #service .r4 .inner .other .left h3{font-size: 0.4rem;} #service .r4 .inner .box .media .sd{width: 100vw;} #service .r4 .inner .box .media .video-parent{overflow: hidden;} #service .r4 .inner .box .media > .img{width: 100%;} #service .r1 .otherInner .mid table{min-width: 100%;} #service .r1 .otherInner .mid table th{font-size: 14px;height: 1rem;} #service .r1 .otherInner .mid table td{font-size: 13px;padding: 0 1%;} #investment #main .r4 .inner .group .wrap .mid .box .mask > span.num .sum{font-size: 15px;} #investment #main .r4 .inner .group .wrap .mid .box .mask > span.num{font-size: 15px;} /*招商*/ #investment #main .row{overflow: hidden;} #investment #main .r1{max-height: 155vw;} #investment #main .r1 .inner{padding-top: 1.6rem;} #investment #main .r1 .inner .group{padding-left: 0;} #investment #main .r1 .inner .group{height: 75vw;padding-top: 10vw;} #investment #main .r1 .inner .group #appSw .swiper-wrapper .swiper-slide .box .msg{top: 0.8rem;} #investment #main .r1 .inner .group .tree{bottom: -0.8rem;} #investment #main .r1 .inner .group #appSw .swiper-wrapper .swiper-slide{width: 80vw;} #investment #main .r1 .inner .group #appSw .swiper-wrapper .swiper-slide .box{width: 76vw;} #investment #main .r1 .inner .group .tree > span .sum{font-size: 0.4rem;} #investment #main .r1 .inner .group #appSw .swiper-wrapper .swiper-slide .box .photo .pic{width: 100%;height: 100%;left: 0;top: 0;} #investment #main .r1 .inner .group .tree > span{font-size: 0.4rem;} #investment #main .r1 .inner .topic h2{margin-bottom: 0.4rem;} #investment #main .r2 .wrap > .inner h2{font-size: 0.54rem;line-height: 1.6;} #investment #main .r3 .inner .col:nth-of-type(1) .msg p br{display: none;} #investment #main .r3 .bg .a2{display: none;} #investment #main .r3 .bg .a1{width: 18rem;left: -14rem;} #investment #main .r2 .wrap > .bg .cirBg{width: 120vw;height: 120vw;} #investment #main .r2 .wrap > .bg > div{display: none;} #investment #main .r2 .wrap > .inner .group .con #clock .time-move{width: calc(100% + 2px);height: calc(100% + 4px);left: 0;top: -2px;} #investment #main .r2 .wrap > .inner .group .con #clock .time-box > ul.time-cir > li > i{width: 16px;height: 16px;} #investment #main .r2 .wrap > .inner .group .con #clock .time-box{width: 100%;height: 100%;top: 0;left: 0;} #investment #main .r2 .wrap > .inner .group .con #clock .time-box > ul.time-cir > li > i > a em{font-size: 14px;} #investment #main .r2 .wrap > .inner .group .con #clock .time-box > ul.time-cir > li:nth-child(1) > i > a{left: 0;top: calc(100% - 40px);} #investment #main .r2 .wrap > .inner .group .con #clock .time-box > ul.time-cir > li:nth-child(2) > i > a{left: 0;top: calc(100% + 20px);width: 12px;} #investment #main .r2 .wrap > .inner .group .con #clock .time-box > ul.time-cir > li:nth-child(3) > i > a{top: calc(100% + 20px);} #investment #main .r2 .wrap > .inner .group .con #clock .time-box > ul.time-cir > li:nth-child(4) > i > a{right: 0;top: calc(100% + 20px);width: 12px;} #investment #main .r2 .wrap > .inner .group .con #clock .time-box > ul.time-cir > li:nth-child(5) > i > a{right: 0;top: calc(100% - 40px);} #investment #main .r2 .other > .inner{padding-left: 10%;} #investment #main .r2 .other > .bg:after{opacity: 0;} #investment #main .r2 .other > .bg .rect{height: 5.5rem;} #investment #main .r2 .other > .bg .mask{height: 80%;} #investment #main .r2 .other > .inner .group h3{font-size: 0.7rem;} #investment #main .r2 .other > .inner .group .box .topic .inBox .select{font-size: 14px;font-weight: 400;} #investment #main .r2 .other > .inner .group .box .topic .inBox{width: 3.2rem;} #investment #main .r2 .other > .inner .group .box .topic .inBox input[type=submit]{font-size: 14px;} #investment #main .r2 .other > .inner .group .box .topic .inBox > i{font-size: 13px;} #investment #main .r2 .other > .inner .group .box .topic .inBox .select{font-size: 14px;} #investment #main .r2 .other > .inner .group .box .topic .inBox .items{width: 100%;box-shadow: 0 6px 10px -4px rgba(0,0,0,0.1);max-height: 5rem;} #investment #main .r2 .other > .inner .group .box .topic .inBox .items li{height: 0.9rem;} #investment #main .r2 .other > .inner .group .box .topic .inBox .items li > span{font-size: 15px;white-space: nowrap;font-weight: 400;} #investment #main .r2 .other > .inner .til{bottom: auto;top: 12%;} #investment #main .r2 .other > .inner .til p{display: none;} #investment #main .r2 .other > .mid{width: 84%;margin: 0 auto;max-height: 6.8rem;display: none;} #investment #main .r2 .other > .mid .wc{color: #333;} #investment #main .r2 .other > .mid .list{flex-wrap: wrap;} #investment #main .r2 .other > .mid .list p{flex: initial;width: 100%;margin-top: 5px;text-align: left;} #investment #main .r2 .other > .mid .list p br{display: none;} #investment #main .r2 .other > .mid .list:last-of-type{margin-bottom: 1.8rem;} #investment #main .r3 .inner .col:nth-of-type(1){width: 86%;} #investment #main .r3 .inner .col:nth-of-type(1) h3{font-size: 0.48rem;} #investment #main .r3 .inner .col:nth-of-type(1) .msg{text-align: left;margin-top: 0.2rem;} #investment #main .r4 .inner{padding-top: 1.5rem;} #investment #main .r4 .inner .group{padding-bottom: 1.5rem;} #investment #main .r4 .inner .group .tab{margin-bottom: 1.2rem;margin-top: 0.2rem;} #investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(1){display: none;} #investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2){width: 100%;border-radius: 0;padding-bottom: 48%;box-shadow: none;} #investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(3){display: none;} #investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col .slider--btn svg{width: 1rem;} #investment #main .r4 .inner .group .wrap .mid .box .swiper .swiper-wrapper .swiper-slide{width: 80vw;} #investment #main .r4 .inner .group .wrap .mid .box .swiper .swiper-wrapper .swiper-slide{background-color: #edf7f4;} #investment #main .r4 .inner .group .wrap .mid .box .swiper .swiper-wrapper .swiper-slide .photo{width: 96%;right: 0;margin: 0 auto;border-radius: 0.2rem;overflow: hidden;} #investment #main .r4 .inner .group .wrap .mid .box .mask .msg .list .con h3{font-size: 18px;letter-spacing: 1px;} #investment #main .r4 .inner .group .wrap .mid{height: 65vw;} #investment #main .r4 .inner .group .wrap .mid .box .mask{pointer-events: none;top: 1.5rem;} #investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col{height: 1.8rem;top: 110%;width: 86%;left: 7%;} #investment #main .r4 .inner .group .wrap .mid .box:nth-of-type(2) .col .slider--btn:nth-of-type(2){margin: 0;} #investment #main .r4 .inner .other{height: 2.5rem;} #investment #main .r4 .inner .other .left > span .iconfont{font-size: 0.6rem;margin-right: 0.1rem;} #investment #main .r4 .inner .other .left > span small{font-size: 14px;} #investment #main .r4 .inner .other .left h3{font-size:0.54rem; } #investment #main .r4 .inner .group .wrap .mid#m2{height: 65vw;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-move{width: calc(100% + 2px);height: calc(100% + 4px);left: 0;top: -2px;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li > i{width: 16px;height: 16px;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box{width: 100%;height: 100%;top: 0;left: 0;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li > i > a em{font-size: 14px;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li:nth-child(2) > i > a{left: 0;top: calc(100% + 20px);width: 12px;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li:nth-child(3) > i > a{left: 0;top: calc(100% + 20px);width: 12px;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li:nth-child(4) > i > a{left: 0;top: calc(100% + 20px);width: 12px;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li:nth-child(5) > i > a{left: 0;top: calc(100% + 20px);transform: none;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li:nth-child(6) > i > a{right: 0;top: calc(100% + 20px);transform: none;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li:nth-child(7) > i > a{right: 0;top: calc(100% + 20px);width: 12px;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li:nth-child(8) > i > a{right: 0;top: calc(100% + 20px);width: 12px;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li:nth-child(9) > i > a{right: 0;top: calc(100% + 20px);width: 12px;} #investment #main .r4 .inner .group .wrap .mid#m2 #clockBtm .time-box > ul.time-cir > li:nth-child(1) > i > a{bottom: calc(100% + 0.2rem);} /*企业简介*/ #about #main #container{display: none;} #about #main #banner{min-height: 30vw;max-height: 100vw;} #about #main #banner .left .add{display: none;} #about #main #banner .right{text-align: center;right: 6%;} #about #main #banner .inner p{letter-spacing: 6px;} #about #main #banner .inner .box .light{-webkit-mask: linear-gradient(140deg, #000000 0%, rgba(0, 0, 0, 0) 65%);mask-repeat: no-repeat;} #about #main .r1 .inner .col:nth-of-type(2){padding: 0 10%;} #about #main .r1 .inner .col:nth-of-type(2) h2{font-size: 1.4rem;margin-left: -8vw;} #about #main .r1 .inner .col:nth-of-type(2) .pt{text-align: justify;padding-top: 0.4rem;} #about #main .r1 .bg .add1{width: 200vw;top: -38%;right: -76%;} #about #main .r1 .bg .add2{width: 200vw;bottom: -20%;right: -75%;} #about #main .r1 .inner .img{width: 82vw;bottom: -13vw;} #about #main .r1 .inner{padding-top: 1rem;padding-bottom: 4.5rem;display: flex;flex-direction: column;justify-content: flex-start;} #about #main .r1 .inner .col:nth-of-type(1){display: none;} #about #main .r1 .inner .col:nth-of-type(1) h2{display: none;} #about #main .row .inner .col:nth-of-type(2) .til{margin-bottom: 1.2rem;} #about #main .r1 .inner .col:nth-of-type(2) .til h3{font-size: 0.54rem;} #about #main .r1 .inner .col:nth-of-type(2) .til p{font-size: 20px;} #about #main .r1 .process{display: none;} #about #main .r1 .inner .col{width: 100%;} #about #main .row .process{display: none;} #about #main .r2{min-height: 150vw;max-height: 150vw;} #about #main .r2 .inner{padding-top: 1.2rem;padding-bottom: 1.2rem;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;} #about #main .r2 .inner .col{width: 100%;} #about #main .r2 .inner .col .msg h4{font-size: 0.6rem;} #about #main .r2 .inner .col .msg p br{display: none;text-align: justify;} #about #main .r2 .inner .col .msg p{font-weight: 400;} #about #main .row .inner .col:nth-of-type(2){padding: 0 10%;} #about #main .r2 .inner .col:nth-of-type(1){display: none;} #about #main .row .inner .col:nth-of-type(2) .til h3{font-size: 0.4rem;line-height: 1.1;margin-bottom: 0.05rem;} #about #main .row .inner .col:nth-of-type(2) .til p{font-size: 20px;font-weight: 400;} #about #main .r3 .inner{flex-direction: column;justify-content: flex-start;} #about #main .r3 .inner .col:nth-of-type(1){width: 100%;} #about #main .r3 .inner .col:nth-of-type(2){pointer-events: none;z-index: 10;width: 100%;max-height: 1000vw;padding: 1rem 8% 0 8%;padding-bottom: 8.4rem;} #about #main .r3 .inner .col:nth-of-type(2) .group{display: none;} #about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn{pointer-events: auto;} #about #main .r3 .inner .col:nth-of-type(1) .cirBg{width: 180vw;left: -40vw;transform: none;top: auto;bottom: 73vw;opacity: 0.6} #about #main .r3 .inner .col:nth-of-type(2) .btm{justify-content: center;transform: translateY(7.5rem);} #about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn{margin: 0 0.3rem;} #about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn svg{width: 1rem;} #about #main .r3 .inner .col:nth-of-type(2) .btm .slider--btn:nth-of-type(2){margin: 0 0.3rem;} #about #main .r3 .inner .col:nth-of-type(1) .swiper{height: 9rem;} #about #main .r3 .inner .col:nth-of-type(1) .swiper .swiper-slide .box h3{top: 108%;} #about #main .r4{overflow: hidden;} #about #main .r4 .inner{display: flex;flex-direction: column;justify-content: flex-start;} #about #main .r4 .inner .col:nth-of-type(1){width: 100%;height: auto;padding-top: 2.5rem;} #about #main .r4 .inner .col:nth-of-type(1) .msg{display: none;} #about #main .r4 .inner .col:nth-of-type(2){width: 100%;padding-top: 1rem;} #about #main .r4 .inner .col:nth-of-type(2) .group{margin-top: 6rem;} #about #main .r4 .inner .col:nth-of-type(2) .btm{width: 100%;padding-bottom: 0;align-items: flex-start;padding-top: 18%;} #about #main .r4 .inner .col:nth-of-type(2) .btm .data{flex-direction: column;align-items: flex-start;justify-content: flex-start;} #about #main .r4 .inner .col:nth-of-type(2) .btm .data > li{width: 50%;margin-right: 0;margin-bottom: 0.5rem;} #about #main .r4 .inner .col:nth-of-type(2) .btm .data > li:nth-child(1){margin-left: 12%;} #about #main .r4 .inner .col:nth-of-type(2) .btm .data > li:nth-child(2){margin-left: 30%;} #about #main .r4 .inner .col:nth-of-type(2) .btm .data > li:nth-child(3){margin-left: 50%;} #about #main .r4 .inner .col:nth-of-type(2) .btm .box .light{left: 0;top: 5%;width: 25rem;transform: rotate(10deg);transform-origin: 0 0;} #about #main .r3 .inner .col:nth-of-type(1) .swiper .swiper-slide .box .pic{transform-origin: 50% 16%;background-size: 85%;} /*社会责任*/ #duty #main #container{display: none;} #duty #main #banner{min-height: 30vw;max-height: 100vw;} #duty #main #banner .left .add{display: none;} #duty #main #banner .right{text-align: center;right: 6%;} #duty #main #banner .inner p{letter-spacing: 6px;} #duty #main #banner .inner .box .light{-webkit-mask: linear-gradient(140deg, #000000 0%, rgba(0, 0, 0, 0) 65%);mask-repeat: no-repeat;} #duty #main .r1{padding-top: 1rem;overflow: hidden;padding-bottom: 0.2rem;} #duty #main .r1 .inner{position: relative;z-index: 20;} #duty #main .r1 .inner > img{width: 1rem;} #duty #main .r1 .inner p{max-width: 100%;text-align: justify;} #duty #main .r1 .group{padding: 1.2rem 0;} #duty #main .r1 .group .photo{max-width: 80vw;position: relative;padding: 0 4%;} /*#duty #main .r1 .group .photo:nth-of-type(2){top: -2.4rem;}*/ /*#duty #main .r1 .group .photo:nth-of-type(2) .add{opacity: 0.15;}*/ /*#duty #main .r1 .group .photo:nth-of-type(3){top: 5%;}*/ /*#duty #main .r1 .group .photo:nth-of-type(3) .add{opacity: 0.4;}*/ /*#duty #main .r1 .group .photo:nth-of-type(4){bottom: -5%;}*/ /*#duty #main .r1 .group .photo:nth-of-type(4) .add{opacity: 0.5;}*/ /*#duty #main .r1 .group .photo:nth-of-type(5){left: 40%;}*/ /*#duty #main .r1 .group .photo:nth-of-type(6){bottom: 12%;right: -30%;}*/ /*#duty #main .r1 .group .photo:nth-of-type(6) .add{opacity: 0.6;}*/ /*#duty #main .r1 .group .photo:nth-of-type(7){top: -35%;}*/ /*#duty #main .r1 .group .photo:nth-of-type(7) .add{opacity: 0.4;}*/ /*#duty #main .r1 .group .photo:nth-of-type(8){top: 8%;}*/ /*#duty #main .r1 .group .photo:nth-of-type(9){top: -74%;}*/ /*#duty #main .r1 .group .photo:nth-of-type(9) .add{opacity: 0.2;}*/ #duty #main .r2{overflow: hidden;} #duty #main .r2 .inner > img{width: 1rem;} #duty #main .r2 .group{margin-bottom: 1.8rem;} #duty #main .r2 .group > ul{margin-left: -50vw;} #duty #main .r2 .btm h2{line-height: 1.5;} #duty #main .r2 .btm p{line-height: 1.5;} #duty #main .r2 .btm h2 br{display: none;} #duty #main .r2 .inner p{max-width: 100%;text-align: justify;} #duty #main .r2 .bg{transform: none!important;} #duty #main .r2 .btm p{max-width: 100%;text-align: center;} /*加入雷士*/ #join #main #container{display: none;} #join #main #banner{min-height: 30vw;max-height: 100vw;} #join #main #banner .left .add{display: none;} #join #main #banner .right{text-align: center;right: 4%;} #join #main #banner .inner p{letter-spacing: 6px;} #join #main #banner .inner .box .light{-webkit-mask: linear-gradient(140deg, #000000 0%, rgba(0, 0, 0, 0) 65%);mask-repeat: no-repeat;} #join #main #banner .inner .box{width: 100%;} #join #main #banner .inner .box .col{width: 40%;margin: 0 0.2rem;} #join #main #banner .inner .box .col i{margin-bottom: 0.1rem;} #join #main #banner .inner .box .col p{letter-spacing: 0;display: none;} #join #main .r1{overflow: hidden;} #join #main .r1 .inner > .bg .mid{width: 100%;} #join #main .r1 .inner > .bg .right{width: 70%;} #join #main .r1 .inner > .bg .left{width: 70%;} #join #main .r1 .inner{padding-top: 1rem;} #join #main .r1 .inner p{padding: 0 8%;} #join #main .r1 .inner .group{padding-bottom: 3.4rem;} #join #main .r1 .inner .group h2{font-size: 1rem;margin-bottom: 0.5rem;} #join #main .r1 .inner .group .mid .box:nth-of-type(1){display: none;} #join #main .r1 .inner .group .mid .box:nth-of-type(2){width: 100%;border-radius: 0;padding-bottom: 48%;box-shadow: none;} #join #main .r1 .inner .group .mid .box:nth-of-type(3){display: none;} #join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .slider--btn svg{width: 1rem;} #join #main .r1 .inner .group .mid .box .swiper .swiper-wrapper .swiper-slide{width: 70vw;} #join #main .r1 .inner .group .mid .box .swiper .swiper-wrapper .swiper-slide{background-color: #fff;} #join #main .r1 .inner .group .mid .box .swiper .swiper-wrapper .swiper-slide .photo{width: 90%;right: 0;margin: 0 auto;border-radius: 0.2rem;overflow: hidden;} #join #main .r1 .inner .group .mid .box .mask .msg .list .con h3{font-size: 16px;} #join #main .r1 .inner .group .mid{height: 45vw;} #join #main .r1 .inner .group .mid .box .mask{pointer-events: none;top: 1.5rem;} #join #main .r1 .inner .group .mid .box:nth-of-type(2) .col{height: 1.8rem;top: 105%;width: 86%;left: 7%;} #join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .slider--btn:nth-of-type(2){margin: 0;} #join #main .r1 .inner .group .mid .box .mask .msg .list .con{width: 100%;} #join #main .r1 .inner .group .mid .box:nth-of-type(2) .mask .msg .list .con h3{text-align: center;color: #333;font-size: 17px;} #join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .pager{top: 60%;} #join #main .r1 .inner .group .mid .box:nth-of-type(2) .col .pager .f-24{font-size: 14px;} /*新闻中心*/ #news #main #container{display: none;} #news #main #banner{min-height: 30vw;max-height: 100vw;} #news #main #banner .left .add{display: none;} #news #main #banner .right{text-align: center;right: 4%;} #news #main #banner .inner p{letter-spacing: 1px;} #news #main #banner .inner .box .light{-webkit-mask: linear-gradient(140deg, #000000 0%, rgba(0, 0, 0, 0) 65%);mask-repeat: no-repeat;} #news #main .r1{padding-top: 1rem;position: relative;} #news #main .r1 .left{position: absolute;min-height: calc(100% - 2.2rem);width: 50%;height: 100%;left: 8%;top: 1.2rem;align-items: flex-start;} #news #main .r1 .left h2{font-size: 1rem;display: none;} #news #main .r1 .right{width: 100%;padding-bottom: 1rem;} #news #main .r1 .right .box .items .col{flex-direction: column;} #news #main .r1 .right .box .items .col > div{width: 100%;margin-top: 0.6rem;border-radius: 0.2rem;overflow: hidden;} #news #main .r1 .right .box .items .col > div .photo{height: 53vw;border-radius: 0.2rem;overflow: hidden;} #news #main .r1 .right .box .items .col > div:nth-of-type(2){margin-top: 0.6rem;} #news #main .r1 .right .box .items .col > div .msg .light{width: 125vw;display: none;} #news #main .r1 .right .box .items .col > div .photo figure{border-radius: 0.2rem;overflow: hidden;} #news #main .r1 .right .box .items .col > div .photo figure img{height: 100%;border-radius: 0.2rem;overflow: hidden;} #news #main .r1 .right .box{padding-top: 1rem;} #news #main .r1 .right .search{width: 80%;} #news #main .r1 .right .box .items .col > div .msg > div p{width: 100%;line-height: 0.4rem;max-height: 0.8rem;font-size: 16px;} #news #main .r1 .right .box .items .col > div .msg > div > i{display: none;} #news #main .r1 .right .set{right: 0;left: auto;bottom: -0.5rem;} #news #main .r1 .right .set .slider--btn svg{width: 1.1rem;} #news #main .r1 .left .btm > div span{line-height: 1;text-align: left;} #news #main .r1 .left .inner .pager{display: none;} #news #main .r1 .left .btm > img{margin: 0;} #news #main .r1 .left .btm > div small{text-align: left;} #news #main .r1 .right .box .items .col > div .photo:after{border-radius: 0.2rem;overflow: hidden;} #news #main .r1 .right .set .slider--btn:nth-of-type(2){margin-bottom: 0;} /*新闻详情*/ #newDetail #main #container{display: none;} #newDetail #main .max-wid{max-width: 84%;} #newDetail #main #banner{min-height: 30vw;max-height: 100vw;background-color: #000;} #newDetail #main #banner .left .add{display: none;} #newDetail #main #banner .right{text-align: center;right: 4%;} #newDetail #main #banner .inner p{letter-spacing: 1px;} #newDetail #main #banner .inner .slider--btn svg{width: 1rem;} #newDetail #main #banner .inner .slider--btn{margin-bottom: 0.4rem;} #newDetail #main .r1{padding-top: 1rem;} /*大事记*/ #history #main #banner{min-height: 50vw;} #history #main{position: fixed;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;} #history #main > #container{display: none;} #history #main #banner .inner{width: 100%;height: 100%;} #history #main #banner > .photo{filter: blur(4px);} #history #main #banner .inner .content{width: 100%;height: 100%;justify-content: flex-start;padding-top: 120px;align-items: flex-start;} #history #main #banner .inner .content .gallery{margin-left: 4vw;width: 100%;height: calc(100% - 1.8rem - 50px);flex-direction: column;justify-content: flex-start;align-items: flex-start;overflow: auto;-webkit-mask: linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 30%);} #history #main #banner .inner .content .gallery .gallery__items{width: 70%;} #history #main #banner .inner .content .gallery .gallery__items .image .photo{height: 35vw;} #history #main #banner .inner .content .gallery .gallery__items:nth-of-type(2n+1){padding-bottom: 0.9rem;} #history #main #banner .inner .content .gallery .gallery__items:nth-of-type(2n+2){padding-top: 0;padding-bottom: 0.9rem;} #history #main #banner .inner .content .gallery .gallery__items:last-of-type{margin-bottom: 2rem;} #history #main #banner .group .right{display: none;} #history #main #banner .group .left h1{font-size: 0.8rem;} #history #main #banner .inner .content .gallery .gallery__items .msg{margin-top: 0.5rem;} #history #main #banner .inner .content .gallery .gallery__items .msg h3{ line-height: 22px;max-height: 42px;height: auto; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } #history #main #banner .group .left p{line-height: 1.4;margin-top: 5px;} /*业务*/ #business .fx{position: fixed!important;top: 0;left: 0;width: 100%;} #business #main .row{width: 100vw;overflow: hidden;} #business #main .r1{height: 120vw;} #business #main .r1 .bg{height: 120vw;} #business #main .r1 .bg .m1{display: none;} /*#business #main .r1 .bg .group .col > img.bt{visibility: hidden;}*/ /*#business #main .r1 .bg .group .col p{color: #fff;animation-name: none;}*/ #business #main .r1 .bg .group .col{width: 84%;left: 8%;padding-left: 0;padding-right: 0;bottom: 62%;} #business #main .r1 .bg .group .col > img.wt{left: 0;} #business #main .r1 .bg .group .goDown{display: none;} #business #main .r1 .bg .group .col > img{margin-bottom: 0.3rem;} #business #main .r1 .bg .group .col p br{display: none;} #business #main .r1 .bg .m2 canvas{width: 100%;height: 100%;} #business #main .r1 .bg .line > span{transform: skewX(61deg);} #business #main .r2 .inner{padding-top: 1.2rem;} #business #main .r2{min-height: 10vw;} #business #main .r2 .inner .topic{flex-direction: column;} #business #main .r2 .inner .topic h2{width: 100%;margin-bottom: 0.2rem;} #business #main .r2 .inner .topic p{width: 100%;padding-left: 0;padding-right: 0;} #business #main .r2 .inner .mid .space .wrap{height: 5rem!important;} #business #main .r2 .inner .mid .space .wrap .img{width: 130%;bottom: auto;top: 0;} #business #main .r2 .inner .mid .space .wrap .img > img{width: 100%;} #business #main .r2 .inner .mid .space .wrap .tree{display: none;} #business #main .r2 .inner .mid .space .group{flex-direction: column;margin-top: -1.5rem;} #business #main .r2 .inner .mid .space .group .left{width: 100%;} #business #main .r2 .inner .mid .space .group .right{width: 100%;padding-top: 0.3rem;} #business #main .r2 .inner .mid .space .group .left > ul{flex-direction: row;align-items: flex-start;justify-content: flex-start;} #business #main .r2 .inner .mid .space .group .left > ul .mask{display: none;} #business #main .r2 .inner .mid .space .group .left > ul > li{background-color: #fff;border-radius: 3rem;height: 0.8rem;} #business #main .r2 .inner .mid .space .group .left > ul > li span{text-align: center;} #business #main .r2 .inner .mid .space .group .left > ul > li.on{background-color: rgba(0,135,85,1);} #business #main .r2 .inner .mid .space .group .left > ul > li.on span{color: #fff;} #business #main .r2 .inner .mid .space .group .right .tabCon{height: 45vw;position: relative;} #business #main .r2 .inner .mid .space .group .right .tabCon .items{flex-wrap: initial;overflow: visible;width: 100%;height: 100%;} #business #main .r2 .inner .mid .space .group .right .tabCon .items .box{height: 42vw;padding-bottom: 0;margin: 0;} #business #main .r2 .inner .mid .space .group .right .tabCon .items .box h3{font-size: 14px;} #business #main .r2 .inner .mid .space .group .right .tabCon .btm > a{display: none;} #business #main .r2 .inner .mid .space .group .right .tabCon .swiper-pagination{bottom: -15px;top: auto;background-color: rgba(0,0,0,0.1)} #business #main .r2 .inner .mid .space .group .right .tabCon .swiper-pagination .swiper-pagination-progressbar-fill{background-color: rgba(0,135,85,1);} #business #main .r2 .inner .mid .space .group .right .tabCon .items .box:hover{box-shadow: none;} #business #main .r5{height: 120vw;} #business #main .r5 .inner .msg h3 b{display: inline;} #business #main .r5 .bg .pic .video-parent{overflow: hidden;} #business #main .r5 .bg .pic .video-parent .cv{width: 213vw;left: -56.5vw;} #business #main .r4{height: 132vw;} #business #main .r4 .inner{height: 132vw;} #business #main .r4 .inner .group{padding-left: 0;} #business #main .r4 .inner .group{height: 55vw;} #business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide .box .msg{top: 102%;} #business #main .r4 .inner .group .tree{bottom: -0.8rem;} #business #main .r4 .inner .topic .tree .line{width: 2rem;display: none;} #business #main .r6{height: 154vw;} #business #main .r6 .bg .w1{width: 150vw;top: -10%;} #business #main .r6 .bg .w2{width: 200vw;left: -140%;} #business #main .r6 .c1{padding-bottom: 100vw;} #business #main .r6 .c1 .group .tree{margin-top: 1rem;} #business #main .r6 .c2 .imgBox{height: 75vw;width: 96vw;-webkit-mask-size:800% 800%;} #business #main .r6 .c2 .imgBox .imgWrap{mask-size: 140vw;transform: rotate(15deg);width: 115%;} #business #main .r6 .c2 .imgBox .imgWrap .pic .box > div.img{background-size: cover;background-position: bottom right;width: 102%;} #business #main .r6 .c2 .imgBox.imgClip .imgWrap .pic{transform:translate(-50%, -66%) rotate(-15deg);width: 105%;height: 102%;} #business #main .r6 .c2 .msg > li .note .line{display: none;} #business #main .r6 .c2 .msg > li .note{flex-direction: column;justify-content: flex-start;align-items: flex-start;} #business #main .r6 .c2 .msg > li .note h5{margin-bottom: 0.3rem;color: #000;} #business #main .r6 .c2 .msg > li .note p{color: #000;} #business #main .r6 .c2 .msg{width: 87%;right: 5%;top: 42vw;} #business #main .r3{height: 120vw;} #business #main .r3 .inner .mask{display: none;} #business #main .r3 .inner #slider{clip-path: none;} #business #main .r3 .inner .group .msg{bottom: 2.8rem;padding: 0 8%;} #business #main .r3 .inner .group .msg .col.left > span{position: absolute;top: calc(100% + 0.7rem);} #business #main .r3 .inner .group .msg .col.left > svg{display: none;} #business #main .r3 .inner .group .msg .col.left .items .slider--list h4{font-size: 28px;} #business #main .r3 .inner .group .msg .col.right{display: none;} #business #main .r3 .inner .group .pager{top: auto;height: 50px;bottom: 1.1rem;justify-content: flex-end;} #business #main .r3 .inner .group .pager .slider--btn{margin-right: 0.25rem;} #business #main .r3 .inner .group .pager .slider--btn svg{width: 1rem;} #business #main .r3 .inner .group .box{transform:rotate(-10deg);} #business #main .r3 .inner .group .box .light{width: 200vw;right: 24%;top: 45%;} #business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide .box .photo .pic{opacity: 1;width: 100%;height: 100%;left: 0;top: 0;} #business #main .r4 .inner .group #appSw .swiper-wrapper .swiper-slide .box .msg h3{font-size: 18px;} #business #main .r6 .c1 .group{position: relative;width: 84.6vw;max-width: 100%;} #business #main .r6 .c1 .group .tree{bottom: 30px;right: 0;position: absolute;} /*健康照明*/ #healthy #main #container{display: none;} #healthy #main #banner{min-height: 30vw;max-height: 100vw;} #healthy #main #banner .left .add{display: none;} #healthy #main #banner .right{text-align: center;right: 4%;} #healthy #main #banner .inner p{letter-spacing: 6px;} #healthy #main #banner .inner .box .light{-webkit-mask: linear-gradient(140deg, #000000 0%, rgba(0, 0, 0, 0) 65%);mask-repeat: no-repeat;} #healthy #main .row{overflow: hidden;} #healthy #main .r1{overflow: hidden;padding-top: 1.8rem;height: 100vh;} #healthy #main .r1 .c1{height: auto;padding-bottom: 0rem} #healthy #main .r1 .c1 .group p{text-align: justify;} #healthy #main .r1 .c2{height: auto;left: -20vw;margin-top: -0.4rem;} #healthy #main .r1 .c2 .imgBox{height: 145vw;} #healthy #main .r1 .bg .pic{left: auto;right: 0;width: 100vw;background-position: bottom right;background-size: 280vw;background-position-x: 80%} #healthy #main .r1 .c2 .imgBox .imgWrap .pic > div{background-size: cover;height: 80%;} #healthy #main .r1 .c2 .imgBox .imgWrap{transform: rotate(-15deg);left: auto;width: 125%;mask-size: 180vw;-webkit-mask-position: -63vw 59%;} #healthy #main .r1 .c2 .imgBox.imgClip .imgWrap .pic{transform: translate(-50%, -50%) rotate(15deg);height: 100%;} #healthy #main .r4 .heal_src4_block .heal_src4_con_box{padding-top: 1.2rem;padding-bottom:1.2rem;} #healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav{margin-top: 1.2rem;margin-bottom: 0.6rem;} #healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav a svg{width: 1.1rem;fill: transparent;stroke: rgba(0,135,85,0.8);stroke-dashoffset: 0;} #healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav a i{top: 46%;left: 63%;color:rgba(0,135,85,0.8); } #healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_r .heal_src4_nav a{margin: 0 0.4rem;} #healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box{height: 160vw;pointer-events: none;padding-bottom: 2.2rem;} #healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con .heal_i{color: #fff;} #healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con.on .heal_n{color: #fff;font-size: 0.54rem;} #healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_r{padding-top: 1rem;} #healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_r .heal_m{color: #fff;pointer-events: none;font-size: 0.48rem;} #healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex{margin-top: 1rem;flex: 0;} #healthy #main .r2 .vh_box .vw_box .heal_src2_tex_box .heal_src2_tex .heal_src2_con.on .heal_i{margin-top: 0.48rem;} #healthy #main .r3{padding-top: 12vw;background-color: #edf7f3;} #healthy #main .r3 .heal_src3_block .heal_src3_con_box.go .heal_src3_period{transition: none!important;} #healthy #main .r5 .heal_src5_block .heal_src5_con{padding: 1.2rem 0 0.8rem 0;display: flex;flex-direction: column;align-items: center;justify-content: space-around;height: 180vw;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src_l .heal_src4_n{color: #fff;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src_l .heal_src4_en{color: #fff;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u{border-radius: 0;overflow: visible;width: 90%;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .pub_img_box > img{border-radius: 50%;} #healthy #main .r3 .heal_src3_block .heal_src3_con .heal_src3_n{font-size: 0.4rem;top: 43%;} #healthy #main .r3 .heal_src3_block .heal_src3_page{top: 50vw;transform: none;width: 100%;left: 0;display: flex;align-items: center;justify-content: center;} #healthy #main .r3 .heal_src3_block .heal_src3_page .f-18{margin: 0 0.1rem;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img{border: none;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn .heal_src5_nav_n > div:nth-child(2){display: none;} #healthy #main .r3 .heal_src3_block > .heal_src3_con_box{display: flex;width: 100%;} #healthy #main .r3 .heal_src3_block .heal_src3_con_box .heal_src3_period .heal_src3_mes_box{box-shadow: none;width: 90%;margin: 0 auto;} #healthy #main .r4 .heal_src4_block .heal_src4_con_box > .heal_src4_l{padding-right: 0;margin-bottom: 2rem;} #healthy #main .r4 .heal_src4_block .heal_src4_con_box{padding: 1rem 5%;padding-top: 1.8rem;} #healthy #main .r2 .vh_box .vw_box .swiper-container{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} #healthy #main .r2 .vh_box .vw_box .swiper-container .swiper-wrapper .swiper-slide .pub_img_box{height: 100%;} #healthy #main .r4{background-color: #fff;} #healthy #main .r5{padding: 0;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_bg_box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_bg_box .swiper-container{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_bg_box .pub_img_box{height: 100%;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn .heal_src5_nav_n{top: 120%;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn .heal_src5_nav_n > div:first-child{color: #fff;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on{transform: scale(1.5);} #healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .pub_img_box::before{margin-top: 70%;} #healthy #main .r4 .heal_src4_block .heal_src4_con_box .heal_src4_con .heal_src4_tex .heal_src4_c_i{bottom: 8%;} #healthy #main .r5 .heal_src5_block .heal_src5_con .heal_src5_u .heal_src5_img .heal_src5_btn.on .heal_src5_nav_n > div:first-child{color: #26cf7b;} #healthy #main .r2 .vh_box .vw_box .swiper-pagination{position: absolute;bottom: 1.4rem;left: 10vw;right: auto;display: flex;justify-content: flex-end;align-items: center;top: auto;transform: none;} #healthy #main .r2 .vh_box .vw_box .swiper-pagination span:nth-child(2){margin: 0.1rem 0.2rem;} /*软件下载*/ #download #main .r1 .inner .group .list .left{width: calc(100% - 2rem);} #download #main .r1 .inner .group .list .left h3{height: auto;} #download #main .r1 .inner .group .list .left .p-msg{width: calc(100% + 1.8rem);} #download #main .r1 .inner .group .list .left h3{font-size: 14px;} #download #main .r1 .inner .group .list > a:after{border-width: 1px;} #download #main .r1 .inner .group .list > a em{font-size: 14px;line-height: 2;padding-top: 3px;} #download #main .r1 .inner .group .list > a{width: 2rem;height: 0.9rem;} #download #main .r1 .inner .btm > ul > li{font-size: 13px;padding: 0 0.4rem;} #download #main .r1 .inner .group{margin: auto 0.3rem;} #download #main .r1 .inner .group .list .left .p-msg .p-bg > ul > li > span{font-size: 14px;} #download #main .r1 .inner .group .list .left .p-msg .p-bg > ul > li:last-of-type{flex-wrap: wrap;} #download #main .r1 .inner .group .list .left .p-msg .p-bg > ul > li img{ display: block;width: 100%;margin-top: 0.2rem; } #search #main #banner{padding-bottom: 0;height: auto;max-height: initial;min-height: 160vw;background-color: rgba(0,135,85,1);} #search #main #banner .inner{min-height: 90%;padding-bottom: 2rem;} #search #main #banner .inner > img{display: none;} #search #main #banner .inner .group{width: 100%;} #search #main #banner .inner .group h1{color: #fff;font-size: 1.2rem;margin-bottom: 1.5rem;font-family: "en_b";letter-spacing: 0;} #search #main #banner .inner .group form .topic input[type=text]{border-color: #fff;color: #fff;font-size: 16px;height: 1rem;border-radius: 0;} #search #main #banner .inner .group form .topic > input[type=submit]{color: #fff;height: 1rem;font-size: 0.34rem;} #search #main #banner .inner .group form .topic{width: 84%;margin: 0 auto;} #search #main #banner .inner .group form .note{width: 84%;margin: 0 auto;flex-wrap: wrap;margin-top: 0.6rem;} #search #main #banner .inner .group form .note span, #search #main #banner .inner .group form .note a{color: #fff;line-height: 1.4;font-size: 14px;padding: 5px 0;white-space: nowrap;} #search #main #banner .wrap .list h2{font-size: 0.5rem;} #search #main #banner .wrap .list .items{justify-content: space-between;} #search #main #banner .wrap .list .items .proBox{width: 48%;margin-right: 0;padding-bottom: 52%;box-shadow: 8px 0.2rem 0.4rem -0.1rem rgba(54,82,72,0.2);} #search #main #banner .wrap .list .items .proBox h3{font-size: 14px;} #search #main #banner .wrap .list .items .newBox{width: 100%;margin-right: 0;} #search #main #banner .wrap .list .items .newBox .photo{height: 51vw;} #search #main #banner .wrap .list .items .newBox .msg .light{display: none;} .afterInner #main #banner .inner >p{letter-spacing: 0;position: absolute;bottom: 0;left: 5%;text-align: center;width: 90%;line-height: 1.5;} }