@charset "UTF-8"; /*** 鍏叡 ****/ ::-webkit-scrollbar { display: none; } ::-ms-overflow-style { display: none; } body { scrollbar-width: none; -ms-overflow-style: none; } .p-home { background-color: #f7f8f9; } .main-box { padding-top: 0; padding-bottom: 0em; } @media (max-width: 991.98px) { .main-box { padding-bottom: 0rem; } } @media (min-width: 991.98px) { .home-swiper { width: 100VW; height: 100VH; } .home-swiper .home-swiper-wrapper { width: 100VW; height: 100VH; } } @media (max-width: 991.98px) { .home-swiper .home-swiper-wrapper { display: block; } } .slide-home-n { width: 100vw; height: 100%; background-color: #fff; } .home1-slide-n video { object-fit: fill; } .home1-slide-n .bgk { position: absolute; width: 100vw; height: 100vh; background: no-repeat center; background-size: cover; } .home1-slide-n .bd { position: absolute; top: 20em; left: 0; color: #fff; font-weight: 600; -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent; color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .home1-slide-n .tit-box { overflow: hidden; } .home1-slide-n .tit-box { overflow: hidden; } .home1-slide-n .tit { font-size: 3.6em; line-height: 1.11; } .home1-slide-n .tit .char { animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; } .home1-slide-n .doc { font-size: 2.4em; line-height: 1.25; margin-top: .4166em; } .home1-slide-n .doc .char { animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; } .home1-slide-n .homeAni .tit .char { animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; } .home1-slide-n .homeAni .tit .char:nth-child(1) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(2) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(3) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(4) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(5) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(6) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(7) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(8) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(9) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(10) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(11) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(12) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(13) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(14) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(15) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(16) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(17) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(18) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(19) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(20) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(21) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(22) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(23) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(24) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(25) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(26) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(27) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(28) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .tit .char:nth-child(29) { animation-delay: calc(30ms * var(--char-index) + 0s); } .home1-slide-n .homeAni .doc .char { animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; } .home1-slide-n .homeAni .doc .char:nth-child(1) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(2) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(3) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(4) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(5) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(6) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(7) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(8) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(9) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(10) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(11) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(12) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(13) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(14) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(15) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(16) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(17) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(18) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(19) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(20) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(21) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(22) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(23) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(24) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(25) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(26) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(27) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(28) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } .home1-slide-n .homeAni .doc .char:nth-child(29) { animation-delay: calc(30ms * var(--char-index) + 0.3s); } @keyframes text-fade-out { from { opacity: 1; filter: Alpha(opacity=100); } to { opacity: 0; filter: Alpha(opacity=0); } } @keyframes text-active-animation { from { opacity: 0; filter: Alpha(opacity=0); -webkit-transform: translateY(50px); transform: translateY(50px); } to { opacity: 1.0; filter: Alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0); } } .home1-slide-n .swiper-pagination-bullet { padding-top: 5px; position: relative; background: rgba(255, 255, 255, 0.21); border: 1px solid rgba(255, 255, 255, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; width: 30px; height: 30px; margin: 0 10px !important; cursor: pointer; } .home1-slide-n .swiper-pagination-bullet::after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 40px; height: 40px; display: block; opacity: 0; content: ""; background-repeat: no-repeat; background-image: url(/img/images/home-xzd.svg); -webkit-animation: spin 4s linear infinite; animation: spin 4s linear infinite; -webkit-transition: opacity .3s; transition: opacity .3s; } .home1-slide-n .swiper-pagination-bullet-active::after { display: none; } .home1-slide-n .swiper-pagination-bullet .add-pagination { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: .7em; } .home1-slide-n .swiper-pagination-bullet-active .add-pagination1 { position: absolute; content: ''; height: 100%; left: 0; top: 0; width: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0091d7), color-stop(50%, #eee)); background: linear-gradient(left, #0091d7 50%, #eee 0); border-radius: 100%; animation: timer 5s steps(500, start) infinite; -webkit-mask: radial-gradient(transparent 60%, #000 65%); mask: radial-gradient(transparent 60%, #000 65%); } .home1-slide-n .swiper-pagination-bullet-active .add-pagination1::after { position: absolute; content: ''; border-radius: 100% 0 0 100%/50% 0 0 50%; height: 100%; left: 0; top: 0; width: 50%; animation: timer-mask 5s steps(500, start) infinite; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .home1-slide-n .home1-slide-n-pagination { bottom: 2.5em; } @media (max-width: 991.98px) { video { object-fit: contain !important; } } .slide-home2.is-active_after .bgk1 { transform: scale(1); transition: 3s; } .slide-home2.is-active_after .end-box .end-bgk { opacity: 1; transition: 1s; } .slide-home2.is-active_after .end .bgk-n1 { transform: scale(1); transition: 1s; -webkit-transition: 1s; } .slide-home2.is-active_after .list .bd:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 1px; transition: 1s; background-color: #fff; } .slide-home2.is-active_after .list .item { transition: .3s; transform: translateY(0); -webkit-transform: translateY(0); } .slide-home4.is-active_after .right .imgs .image { transform: scale(1); -webkit-transform: scale(1); transition: 10s; -webkit-transition: 10s; } @keyframes imgScl { 0% { transform: scale(1.4); -webkit-transform: scale(1.4); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes textAni { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @-moz-keyframes textAni { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @-ms-keyframes textAni { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @-o-keyframes textAni { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes textAni { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes timer-mask { 0% { background: #eee; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { background: #eee; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 50.01% { background: #0091d7; -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { background: #0091d7; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } } @keyframes timer-mask { 0% { background: #eee; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { background: #eee; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 50.01% { background: #0091d7; -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { background: #0091d7; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } } @-webkit-keyframes timer { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes timer { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @-webkit-keyframes spin { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -webkit-transform: translate(-50%, -50%) rotate(1turn); transform: translate(-50%, -50%) rotate(1turn); } } @keyframes spin { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } to { -webkit-transform: translate(-50%, -50%) rotate(1turn); transform: translate(-50%, -50%) rotate(1turn); } } @-webkit-keyframes superHero-textStrokeBackground { 0% { background-position: 100% 100%; } to { background-position: 0 100%; } } @keyframes superHero-textStrokeBackground { 0% { background-position: 100% 100%; } to { background-position: 0 100%; } } .slide-home-n .bgk { position: absolute; width: 100vw; height: 100vh; background: no-repeat center; background-size: cover; } .slide-home2 { overflow: hidden; } .slide-home2 .bgk1 { width: 100%; height: 100%; top: 0; left: 0; background-size: contain; transform: scale(1.2); transition: 4s; } .slide-home2 .bgk2 { width: 100%; height: 50%; bottom: 0; left: 0; } .slide-home2 .top { margin-top: 5em; text-align: center; } .slide-home2 .top .tit { font-size: 2.4em; line-height: 1; color: #1e2f46; font-weight: bold; } .slide-home2 .top .doc { font-size: .9em; line-height: 1.66; color: #1e2f46; margin-top: 1.2em; } .slide-home2 .top .more { width: 10em; height: 2.5em; margin: 0 auto; margin-top: 1.5em; border-radius: 10px; } .slide-home2 .top .more .box { position: relative; width: 100%; height: 100%; font-size: .9em; line-height: 1; color: #fff; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; overflow: hidden; border-radius: 10px; background-color: #0870d8; z-index: 1; } .slide-home2 .top .more .box::before { position: absolute; display: block; content: ''; width: 10px; height: 10px; background-color: #0964b5; transform: scale(0); transition: all .5s; -webkit-transition: all .5s; left: -2%; top: 15px; z-index: -1; border-radius: 50%; } .slide-home2 .end-box { position: relative; } .slide-home2 .end-box .end-bgk { opacity: 0; position: absolute; top: -21.6em; left: 0; width: 100%; height: 100%; background: no-repeat center; z-index: -1; } .slide-home2 .end { margin-top: 4em; height: 23.52em; overflow: hidden; position: relative; } .slide-home2 .end .bgk-n1 { position: absolute; width: 100%; height: 48.95833%; height: 23.5em; background: no-repeat center; transform: scale(1.15); } .slide-home2 .list { position: relative; padding: 0 5em; padding-top: 7.5%; display: flex; display: -webkit-flex; } .slide-home2 .list .item { width: 22em; margin-right: 2em; } .slide-home2 .list .item:last-child { margin-right: 0; } .slide-home2 .list .item:last-child .bd .jumpNum-one { margin-right: 0; } .slide-home2 .list .box { position: relative; width: 100%; height: 100%; display: block; padding: 1.75em 2em 2em; } .slide-home2 .list .bgk-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; } .slide-home2 .list .bd { position: relative; color: #fff; } .slide-home2 .list .bd:after { position: absolute; content: ''; left: 0; bottom: 0; width: 0%; height: 1px; background-color: #fff; } .slide-home2 .list .tit { font-size: .9em; line-height: 1.55; margin-bottom: .722em; } .slide-home2 .list .doc { font-size: 2.2em; font-size: 3em; line-height: 1; font-weight: bold; } .slide-home2 .list .doc span { margin-right: .303em; } .slide-home2 .list .docx { font-size: .8em; line-height: 1.5; padding: 2em 0 1em; font-family: Arial; font-weight: bold; } @media (min-width: 991.98px) and (max-width: 1465px) { .slide-home2 .list .item:nth-child(1) .bd:after, .slide-home2 .list .item:nth-child(2) .bd:after { bottom: -1em; } } @media (min-width: 1397.98px) and (max-width: 1465px) { .item:nth-child(2) .bd:after { bottom: -0em; } } @media (min-width: 991.98px) and (max-width: 1397px) { .slide-home2 .list .item:nth-child(2) .bd:after { bottom: 0em; } } @media (min-width: 991.98px) and (max-width: 1490px) { .slide-home2 .list .doc { font-size: 2.2em; } } @media (min-width: 991.98px) and (max-width: 1200px) { .slide-home2 .list .doc { font-size: 1.6em; } } .slide-home3 { overflow: hidden; } .slide-home3 .home3-slide-n .bd { margin-top: 17.5em; color: #fff; text-align: center; } .slide-home3 .home3-slide-n .bgk { transition: all 10s; transform: scale(1.2); } .slide-home3 .home3-slide-n .tit { font-size: 3.6em; line-height: 1.5; font-weight: bold; opacity: 0; transform: translateY(50px); transition: all .5s; -webkit-transform: translateY(50px); } .slide-home3 .home3-slide-n .doc { width: 70%; margin: 0 auto; opacity: 0; font-size: 1.5em; line-height: 1.5; margin-top: .2em; transform: translateY(50px); transition: all .5s; -webkit-transform: translateY(50px); transition-delay: .2s; } .slide-home3 .progress-bar1 { position: absolute; bottom: 3em; left: 50%; width: 38.5em; width: auto; margin: 0 auto; padding: 1.25em 1.75em 1em; background-color: rgba(0, 0, 0, 0.65); z-index: 2; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .slide-home3 .progress-bar1 .list { display: flex; display: -webkit-flex; } .slide-home3 .progress-bar1 .item { position: relative; padding-right: 3.75em; padding-top: .5em; border-top: 3px solid rgba(255, 255, 255, 0.4); } .slide-home3 .progress-bar1 .item .tit { font-size: .8em; line-height: 1.75em; color: rgba(255, 255, 255, 0.4); white-space: nowrap; } .slide-home3 .progress-bar1 .active.item .tit { color: white; } .slide-home3 .progress-bar1 .active.item::before { position: absolute; content: ''; top: -3px; left: 0; width: 0%; height: 3px; background-color: #fff; animation: progressBar 3.5s linear; } .slide-home4 { overflow: hidden; } .slide-home4 .slide-home4-bgk { position: absolute; bottom: -6.8em; left: 5.5em; width: 39.5em; height: 39.5em; background: no-repeat center; background-size: cover; } .slide-home4 .boxs { margin-top: 5em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .slide-home4 .left { padding-right: 7.75em; } .slide-home4 .left .title { font-size: 2.4em; line-height: 1.25; font-weight: bold; color: #0970d9; white-space: nowrap; } .slide-home4 .left .doc { font-size: .9em; line-height: 1.55; color: #333; margin-top: 1.388em; } .slide-home4 .left .list { width: 24em; width: 80%; margin-top: 7.75em; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .slide-home4 .left .list .item .tit { white-space: nowrap; line-height: 1; font-weight: bold; font-size: 1.8em; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: #0970d9 !important; filter: brightness(0.8); background: none !important; filter: brightness(1) !important; } .slide-home4 .left .list .item:nth-child(1) { padding-right: 2.1em; border-right: 2px solid #0970d9; } .slide-home4 .left .list .item:nth-child(1) .tit { white-space: nowrap; line-height: 1; font-weight: bold; font-size: 1.8em; background: url(/img/images/home-tit-bgk.jpg) no-repeat center; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .slide-home4 .left .list .item:nth-child(2) { padding-left: 2.1em; } .slide-home4 .left .list .item:nth-child(2) .tit { white-space: nowrap; line-height: 1; font-weight: bold; font-size: 1.8em; background: url(/img/images/home-tit-bgk.jpg) no-repeat center; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .slide-home4 .left .list .item:nth-child(3) { margin-top: 1.7em; padding-right: 2.1em; border-right: 2px solid #0970d9; } .slide-home4 .left .list .item:nth-child(3) .tit { white-space: nowrap; line-height: 1; font-weight: bold; font-size: 1.8em; background: url(/img/images/home-tit-bgk.jpg) no-repeat center; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .slide-home4 .left .list .item:nth-child(4) { margin-top: 1.7em; padding-left: 2.1em; } .slide-home4 .left .list .item:nth-child(4) .tit { white-space: nowrap; line-height: 1; font-weight: bold; font-size: 1.8em; background: url(/img/images/home-tit-bgk.jpg) no-repeat center; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .slide-home4 .right { margin-right: -13em; } .slide-home4 .right .imgs { width: 48em; height: 79.2vh; overflow: hidden; } .slide-home4 .right .imgs .image { transform: scale(1.5); -webkit-transform: scale(1.5); width: 100%; height: 100%; object-fit: cover; } @media (min-width: 991.98px) and (max-width: 1200px) { .slide-home4 .left .list { width: 25em; } } .slide-home5 .bd { padding-top: 12.5vh; color: #fff; text-align: center; opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); } .slide-home5 .bd .title { position: relative; font-size: 2.4em; line-height: 1; font-weight: bold; margin-bottom: 2.875em; } .slide-home5 .bd .title::after { position: absolute; content: ''; bottom: -2.05em; left: 50%; width: .021em; height: 1.25em; background-color: #fff; } .slide-home5 .bd .tit { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; } .slide-home5 .bd .doc { font-size: .9em; line-height: 1.66; } .slide-home5 .home5-slide-n { position: relative; padding-bottom: 6.5em; margin-bottom: -6.5em; margin-top: 5.6em; overflow: hidden; opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); } .slide-home5 .home5-slide-n .box { width: 12em; max-width: 100%; padding: 3em 0; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); } .slide-home5 .home5-slide-n .box .imgs { overflow: hidden; } .slide-home5 .home5-slide-n .box .image { width: 100%; height: 100%; object-fit: cover; } .slide-home5 .home5-slide-n .swiper-pagination { bottom: 0em; } .slide-home5 .home5-slide-n .swiper-pagination-bullet { width: 1.5em; height: .3em; margin: 0 .5em; border-radius: 3px; background-color: rgba(255, 255, 255, 0.5); } .slide-home5 .home5-slide-n .swiper-pagination-bullet-active { width: 3em; background-color: white; } .slide-home6 { background-color: #fafafa; } .slide-home6 .boxs { margin-top: 5em; } .slide-home6 .top { margin-bottom: 1.85em; font-weight: bold; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .slide-home6 .top .left { font-size: 2.4em; line-height: 1; color: #333; } .slide-home6 .top .right .list { margin: 0 -1em; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .slide-home6 .top .right .item { padding: 0 1em; } .slide-home6 .top .right .item .tit { display: block; font-size: 1em; line-height: 1; color: #333; padding-bottom: .7em; } .slide-home6 .top .right .item.active .tit { color: #0970d9; border-bottom: 4px solid #0970d9; } .slide-home6 .end .items { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .slide-home6 .end .left { display: block !important; opacity: 1 !important; width: 39.2857%; } .slide-home6 .end .left .imgs { width: 100%; height: 36.4vh; overflow: hidden; } .slide-home6 .end .left .imgs .image { width: 100%; height: 100%; object-fit: cover; } .slide-home6 .end .left .bd { color: #1e2f46; padding: 1.5em 1.5em 3.6em; background-color: #fff; } .slide-home6 .end .left .bd .time { font-size: .8em; line-height: 1; } .slide-home6 .end .left .bd .tit { height: 2.8em; font-size: 1.2em; line-height: 1.33; margin-top: 1.083em; font-weight: bold; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .slide-home6 .end .left .bd .doc { height: 1.8; margin-top: 1em; font-size: .8em; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .slide-home6 .end .right { width: 60.7143%; padding-left: 2.5em; } .slide-home6 .end .right .list { border-top: 1px solid rgba(0, 0, 0, 0.2); } .slide-home6 .end .right .box { color: #1e2f46; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; } .slide-home6 .end .right .item { padding: 1em 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .slide-home6 .end .right .lefts { width: 70.3%; } .slide-home6 .end .right .lefts .tit { height: 1em; font-size: 1.2em; line-height: 1; font-weight: bold; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .slide-home6 .end .right .lefts .doc { height: 1em; font-size: .8em; line-height: 1em; margin-top: 1.125em; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .slide-home6 .end .right .lefts .time { font-size: .8em; line-height: 1; margin-top: 1.875em; } .slide-home6 .end .right .rights { width: 26.66%; margin-left: 2em; } .slide-home6 .end .right .rights .imgs { width: 100%; height: 7em; overflow: hidden; } .slide-home6 .end .right .rights .imgs .image { width: 100%; height: 100%; object-fit: cover; } .slide-home6 .end .right .more { position: relative; width: 10em; height: 2.5em; margin-top: 2.5em; border-radius: 10px; } .slide-home6 .end .right .more .boxes { position: relative; width: 100%; height: 100%; font-size: .8em; line-height: 1; color: #fff; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; border: 1px solid #0870d8; background-color: #0870d8; border-radius: 10px; overflow: hidden; z-index: 1; } .slide-home6 .end .right .more .boxes::before { position: absolute; display: block; content: ''; width: 10px; height: 10px; background-color: #0964b5; transform: scale(0); transition: all .5s; -webkit-transition: all .5s; left: -2%; top: 15px; z-index: -1; border-radius: 50%; } .slide-home6 .end .right + .right { display: none; } .slide-home6 .end .right + .right .lefts { width: 100%; } .slide-home6 .end .right + .right .rights { display: none; margin-left: 0; } .slide-home6 .end .right + .right .item { padding: .8em 0; } .slide-home7 { height: auto !important; } .slide-home7 .backtop { display: none !important; } .queenAll { transform: translateY(0) !important; opacity: 1 !important; } .queenDoc { animation: fadeInUpAdd .4s linear; } .bgk-err { transition: 10s; transform: scale(1) !important; } @keyframes fadeInUpAdd { 0% { opacity: 0; transform: translate3d(0, 50px, 0); -webkit-transform: translate3d(0, 50px, 0); } 100% { opacity: 1; transform: none; -webkit-transform: none; } } @keyframes progressBar { 0% { width: 0%; } to { width: 100%; } } @media (min-width: 991.98px) { .home1-slide-n .swiper-pagination-bullet:hover::after { opacity: 1; } .slide-home2 .top .more:hover .box::before { transform: scale(40); } .slide-home6 .end .right .item:hover .tit, .slide-home6 .end .left:hover .tit { color: #0970d9; } .slide-home6 .end .right .item:hover .image, .slide-home6 .end .left:hover .image { transition: .3s; transform: scale(1.1); } .slide-home6 .end .right .more:hover .boxes::before { transform: scale(40); } .slide-home6 .end .right .item .image, .slide-home6 .end .left .image { transition: .3s; -webkit-transition: .3s; } } @media (max-width: 991.98px) { .home1-slide-n { height: 9.6rem; } .home1-slide-n .bgk { position: absolute; top: 0; left: 0; width: 100vw; height: 9.6rem; background: no-repeat center; background-size: cover; } .home1-slide-n .bd { position: absolute; top: 4rem; left: auto; -webkit-text-stroke: 0; } .home1-slide-n .tit { font-size: .68rem; line-height: 1rem; } .home1-slide-n .doc { font-size: .36rem; line-height: .4rem; } .home1-slide-n .home1-slide-n-pagination { bottom: .8rem; } } @media (max-width: 991.98px) { .slide-home2 { height: auto; overflow: hidden; padding-bottom: 1rem; } .slide-home2 .bgk1 { width: 100%; height: 100%; top: 0; left: 0; } .slide-home2 .bgk2 { width: 100%; height: 50%; bottom: 0; left: 0; } .slide-home2 .global-inner { padding: 0 !important; } .slide-home2 .top { padding: 0 .5rem; margin-top: 1rem; text-align: center; } .slide-home2 .top .tit { font-size: .48rem; line-height: 1; } .slide-home2 .top .doc { font-size: .28rem; line-height: .46rem; color: #1e2f46; margin-top: .36rem; } .slide-home2 .top .more { width: 2rem; height: .6rem; margin: 0 auto; margin-top: .4rem; border-radius: 10px; background-color: #0870d8; } .slide-home2 .top .more .box { width: 100%; height: 100%; font-size: .26rem; line-height: 1; } .slide-home2 .end { margin-left: 0rem; margin-top: .8rem; height: 10.3rem; } .slide-home2 .end .bgk-n1 { position: absolute; width: 100%; height: 48.95833%; height: 10.3rem; background: no-repeat center; background-size: cover; } .slide-home2 .list { position: relative; padding: 0; padding-top: .9rem; display: block; } .slide-home2 .list .item { width: 6rem; height: 2.5rem; margin: 0 auto; margin-bottom: .45rem; transform: translateY(0px); transition: all .5s; -webkit-transform: translateY(0px); } .slide-home2 .list .item:last-child { margin-right: auto; margin-bottom: auto; } .slide-home2 .list .box { position: relative; width: 100%; height: 100%; display: block; padding: .34rem .3rem .4rem; } .slide-home2 .list .bgk-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center; background-size: cover; } .slide-home2 .list .bd { position: relative; color: #fff; border-bottom: 1px solid #fff; } .slide-home2 .list .tit { font-size: .28rem; line-height: 1; margin-bottom: .17rem; } .slide-home2 .list .doc { font-size: .6rem; line-height: 1; } .slide-home2 .list .doc span { margin-right: .2rem; } .slide-home2 .list .docx { font-size: .24rem; line-height: 1; padding: .25rem 0 .15rem; } } @media (max-width: 991.98px) { .slide-home3 { height: 9rem; overflow: hidden; } .slide-home3 .home3-slide-n .bgk { height: 9rem; } .slide-home3 .home3-slide-n .bd { margin-top: 3.2rem; color: #fff; text-align: center; } .slide-home3 .home3-slide-n .tit { font-size: .72rem; line-height: 1; } .slide-home3 .home3-slide-n .doc { width: 100%; opacity: 0; font-size: .3rem; line-height: .46rem; margin-top: .32rem; } .slide-home3 .swiper-pagination { bottom: .8rem; } .slide-home3 .swiper-pagination-bullet { width: .3rem; height: .06rem; margin: 0 .05rem; border-radius: 3px; background-color: rgba(255, 255, 255, 0.5); } .slide-home3 .swiper-pagination-bullet-active { width: .6rem; background-color: white; } } @media (max-width: 991.98px) { .slide-home4 .slide-home4-bgk { position: absolute; bottom: -1.5rem; left: -1.5rem; width: 5.6rem; height: 8.5rem; background: no-repeat center; background-size: cover; } .slide-home4 .boxs { margin-top: 0; padding: 1rem 0; display: block; } .slide-home4 .left { padding-right: 0; } .slide-home4 .left .title { font-size: .48rem; line-height: .6rem; font-weight: bold; color: #0970d9; text-align: center; opacity: 1; transform: translateY(0px); } .slide-home4 .left .doc { font-size: .28rem; line-height: .46rem; color: #333; margin-top: .38rem; text-align: center; opacity: 1; transform: translateY(0px); } .slide-home4 .left .imgs { width: 6.5rem; height: 3rem; overflow: hidden; margin-top: .48rem; } .slide-home4 .left .imgs .image { width: 100%; height: 100%; object-fit: cover; } .slide-home4 .left .list { width: 4rem; margin: 0 auto; margin-top: .55rem; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; opacity: 1; transform: translateY(0px); } .slide-home4 .left .list .item { width: 50%; } .slide-home4 .left .list .item img { height: .35rem; object-fit: contain; } .slide-home4 .left .list .item .tit { white-space: nowrap; line-height: 1; font-weight: bold; font-size: .36rem !important; background: url(/img/images/channel27-tit-bgk.jpg) no-repeat center; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .slide-home4 .left .list .item:nth-child(1) { padding-right: .44rem; padding-right: .0; border-right: 2px solid #0970d9; } .slide-home4 .left .list .item:nth-child(1) .tit { white-space: nowrap; line-height: 1; font-weight: bold; background: url(/img/images/home-tit-bgk.jpg) no-repeat center; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .slide-home4 .left .list .item:nth-child(2) { padding-left: .44rem; } .slide-home4 .left .list .item:nth-child(2) .tit { white-space: nowrap; line-height: 1; font-weight: bold; background: url(/img/images/home-tit-bgk.jpg) no-repeat center; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .slide-home4 .left .list .item:nth-child(3) { margin-top: .36rem; padding-right: .44rem; border-right: 2px solid #0970d9; } .slide-home4 .left .list .item:nth-child(3) .tit { white-space: nowrap; line-height: 1; font-weight: bold; background: url(/img/images/home-tit-bgk.jpg) no-repeat center; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } .slide-home4 .left .list .item:nth-child(4) { margin-top: .36rem; padding-left: .44rem; } .slide-home4 .left .list .item:nth-child(4) .tit { white-space: nowrap; line-height: 1; font-weight: bold; background: url(/img/images/home-tit-bgk.jpg) no-repeat center; background-clip: text; -webkit-background-clip: text; background-size: cover; background-position: center center; color: transparent; filter: brightness(0.8); } } @media (max-width: 991.98px) { .slide-home5 { height: 9.6rem; } .slide-home5 .bgk { height: 9.6rem; } .slide-home5 .bd { opacity: 1; padding-top: 1.2rem; color: #fff; text-align: center; } .slide-home5 .bd .title { position: relative; font-size: .48rem; line-height: 1; font-weight: bold; margin-bottom: 1.55rem; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } .slide-home5 .bd .title::after { position: absolute; content: ''; bottom: -.95rem; left: 50%; width: .021em; height: 1.25em; background-color: #fff; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } .slide-home5 .bd .tit { font-size: .4rem; line-height: 1; margin-bottom: 1em; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } .slide-home5 .bd .doc { font-size: .28rem; line-height: .46rem; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } .slide-home5 .home5-slide-n { margin-top: 1rem; overflow: hidden; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } .slide-home5 .home5-slide-n .box { width: 1.9rem; height: 1.9rem; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2); } .slide-home5 .home5-slide-n .box .image { width: 1.3rem; width: 1.8rem; height: .5rem; height: 100%; margin: 0 auto; object-fit: cover; } .slide-home5 .home5-slide-n .swiper-pagination { bottom: .95rem; } .slide-home5 .home5-slide-n .swiper-pagination-bullet { width: .2rem; height: .06rem; margin: 0 .05rem; border-radius: 3px; background-color: rgba(255, 255, 255, 0.5); } .slide-home5 .home5-slide-n .swiper-pagination-bullet-active { width: .6rem; background-color: white; } } .slide-home5.is-active_after .bd { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); transition: all 1s ease; -webkit-transition: all 1s ease; } .slide-home5.is-active_after .home5-slide-n { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); transition: all 1s .2s ease; -webkit-transition: all 1s .2s ease; } @media (max-width: 991.98px) { .slide-home6 { padding-bottom: 1rem; background-color: #fafafa; } .slide-home6 .boxs { margin-top: 5em; } .slide-home6 .top { margin-bottom: 1.85em; font-weight: bold; display: block; } .slide-home6 .top .left { font-size: .48rem; line-height: 1; text-align: center; } .slide-home6 .top .right { margin-top: .5rem; } .slide-home6 .top .right .list { width: 3.6rem; margin: 0 auto; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; } .slide-home6 .top .right .item { padding: 0 1em; } .slide-home6 .top .right .item .tit { display: block; font-size: .28rem; line-height: 1; color: #333; padding-bottom: .25em; } .slide-home6 .top .right .item.active .tit { color: #0970d9; border-bottom: 2px solid #0970d9; } .slide-home6 .end .items { display: block; } .slide-home6 .end .items + .items { display: none; } .slide-home6 .end .lefts { width: 100%; } .slide-home6 .end .right { width: 100%; padding-left: 0em; } .slide-home6 .end .right .list { border-top: 0; } .slide-home6 .end .right .box { color: #1e2f46; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; } .slide-home6 .end .right .item { padding: .5rem 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .slide-home6 .end .right .item:first-child { padding-top: 0; } .slide-home6 .end .right .lefts { width: 100%; margin-top: .42rem; } .slide-home6 .end .right .lefts .tit { height: 1rem; font-size: .34rem; line-height: .5rem; font-weight: bold; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .slide-home6 .end .right .lefts .doc { height: .9rem; font-size: .28rem; line-height: .46rem; margin-top: .34rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .slide-home6 .end .right .lefts .time { font-size: .28rem; line-height: 1; margin-top: .3rem; } .slide-home6 .end .right .rights { width: 100%; margin-left: 0em; } .slide-home6 .end .right .rights .imgs { width: 100%; height: 4.14rem; overflow: hidden; } .slide-home6 .end .right .more { width: 2rem; height: .6rem; margin: 0 auto; margin-top: .6rem; border-radius: .1rem; background-color: #0870d8; } .slide-home6 .end .right .more .boxes { width: 100%; height: 100%; font-size: .26rem; line-height: 1; color: #fff; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .slide-home6 .end .items .right + .right .doc { display: none; } .slide-home6 .items + .items .right .rights { margin-left: 0; } .slide-home6 .items + .items .right .item { padding: .5rem 0; } .slide-home6 .items + .items .right .lefts { margin-top: 0; } .slide-home6 .end .left { width: 100%; margin-bottom: .5rem; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .slide-home6 .end .left .bd { padding: .2rem 0 .5rem; background-color: transparent; } .slide-home6 .end .left .bd .tit { height: 1rem; font-size: .34rem; line-height: .5rem; font-weight: bold; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .slide-home6 .end .left .bd .doc { height: .9rem; font-size: .28rem; line-height: .46rem; margin-top: .34rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .slide-home6 .end .left .bd .time { font-size: .28rem; line-height: 1; margin-top: .3rem; } } @media (min-width: 991.98px) { #my-video1 { width: 100vw !important; height: 100vh !important; } } .video-js.vjs-paused .vjs-big-play-button { opacity: 0 !important; } .slide-home8 .slide-home4-bgk { bottom: 0; left: auto; right: 8.5em; width: 38.5em; height: 39.5em; } .slide-home8 .left { padding-right: 0; padding-left: 10.5%; } .slide-home8 .left .imgs .image { display: none; } .slide-home8 .left .imgs .image.active { display: block; } .slide-home8 .right { margin: 0 0 0 -14vw; } .slide-home8 .right .imgs { position: relative; width: 50vw; height: 80.34vh; } .slide-home8 .right .imgs .image { display: none; transform: scale(1); -webkit-transform: scale(1); z-index: -2; transition: 0s !important; } .slide-home8 .right .imgs .img { animation: donghua1 .8s ease-in; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .slide-home8 .right .imgs .image.active { display: block; transform: scale(1); -webkit-transform: scale(1); transition: 0s linear; -webkit-transition: 0s linear; } .slide-home8 .end1 { margin-top: 2.75em; border-top: 1px solid #ccc; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } .slide-home8 .end1 .performance { padding-top: 1em; } .slide-home8 .end1 .performance .tit1 { font-size: 1.2rem; font-weight: bold; line-height: 1; color: #3d4b57; } .slide-home8 .end1 .left1 .list1 { margin-top: 3.6em; display: flex; flex-wrap: wrap; } .slide-home8 .end1 .left1 .box1 { font-weight: bold; line-height: 1; color: rgba(61, 75, 87, 0.7); } .slide-home8 .end1 .left1 .item1 { width: 50%; margin-top: 1.7em; } .slide-home8 .end1 .left1 .item1.active .item1-top, .slide-home8 .end1 .left1 .item1.active .num, .slide-home8 .end1 .left1 .item1.active .unit { color: #0970d9 !important; } .slide-home8 .end1 .left1 .item1-top { display: flex; align-items: baseline; } .slide-home8 .end1 .left1 .item1-top .num { font-size: 2.5em; line-height: 1; color: #3d4b57; } .slide-home8 .end1 .left1 .item1-top .unit { font-size: 1.2rem; line-height: 1; color: #3d4b57; } .slide-home8 .end1 .left1 .item1-end { margin-top: .9em; } .slide-home8 .end1 .left1 .item1-end .tit1 { position: relative; font-size: 1.1em; line-height: 1; font-weight: normal; color: #3d4b57; } .slide-home8 .end1 .left1 .item1-end .tit1::before { position: absolute; content: ''; width: 18px; height: 22px; top: 50%; right: 2.6em; background-image: url(/img/images/shuye.svg) center; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); } .slide-home8 .end1 .right1 .item1 { display: none; } .slide-home8 .end1 .right1 .item1.active { display: block; animation: donghua1 .8s ease-in; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .slide-home8 .end1 .right1 .doc { position: relative; font-size: 1.1em; line-height: 1; color: #3d4b57; margin-top: 0; } .slide-home8 .end1 .right1 .doc::before { position: absolute; content: ''; top: 1.5em; right: 0; width: 0.9em; height: 0.8em; background: no-repeat center; background-image: url(/img/images/develop-icon.svg); background-size: cover; } @media (max-width: 991.98px) { .slide-home8 .slide-home4-bgk { bottom: -0.2rem; left: 0.5rem; width: 100%; height: 7rem; background-size: contain; } .slide-home8 .left { padding-left: 0; } .slide-home8 .left .title { white-space: inherit; } .slide-home8 .end1 { margin-top: .5rem; padding-top: .6rem; justify-content: space-around; -webkit-justify-content: space-around; } .slide-home8 .end1 .performance .tit1 { font-size: .4rem; font-weight: bold; line-height: 1; color: #3d4b57; } .slide-home8 .end1 .left1 { width: 100%; } .slide-home8 .end1 .left1 .box1 { font-size: .48rem; font-weight: bold; line-height: 1; color: rgba(61, 75, 87, 0.7); } .slide-home8 .end1 .left1 .list1 { margin-top: .4rem; } .slide-home8 .end1 .left1 .item1 { margin-top: .5rem; } .slide-home8 .end1 .left1 .item1-top .num { font-size: .5rem; line-height: 1; } .slide-home8 .end1 .left1 .item1-top .unit { font-size: .28rem; } .slide-home8 .end1 .left1 .item1-end .tit1 { font-size: .32rem; } .slide-home8 .end1 .left1 .active .box1 { color: #3d4b57; } .slide-home8 .end1 .right1 { width: 50%; } .slide-home8 .end1 .right1 .item1 { display: none; } .slide-home8 .end1 .right1 .item1.active { display: block; } .slide-home8 .end1 .right1 .doc { position: relative; font-size: .28rem; line-height: 1; color: #3d4b57; margin-top: 0; text-align: right; } .slide-home8 .end1 .right1 .doc::before { position: absolute; content: ''; top: 1.5em; right: 0; width: 0.9em; height: 0.8em; background: no-repeat center; background-image: url(/img/images/develop-icon.svg); background-size: cover; } } .banner-first .home1-slide-n .swiper-pagination-bullet-active .add-pagination1 { animation: timer 4s steps(600, start) infinite; } .banner-first .home1-slide-n .swiper-pagination-bullet-active .add-pagination1::after { animation: timer-mask 4s steps(500, start) infinite; } @keyframes imaBig { 0% { transform: scale(1.5) !important; -webkit-transform: scale(1.5) !important; } 100% { transform: scale(1) !important; -webkit-transform: scale(1) !important; } } .p-home .footer .foot-t1 .link ul:first-child { display: none; } @keyframes donghua1 { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0px); } }