html {
font-size: 100px;
}
/*璁垮璇嗗埆*/
.chat-advisory {
right: 0;
bottom: 45px !important;
width: 45px !important;
height: 45px !important;
border-radius: 5px 0 0 5px;
}
.chat-advisory-img {
width: 24px !important;
height: 24px !important;
margin-top: 10px !important;
}
.chat-box {
bottom: 25px !important;
right: 55px !important;
border-radius: 10px !important;
}
/*page*/
.page_a {
border-radius: 50% !important;
line-height: 46px !important;
height: 46px !important;
width: 46px !important;
}
.page_a.disabled {
border-radius: 50% !important;
}
.page_a.current {
background-color: #2c74bc !important;
border-color: #2c74bc !important;
}
/*瀹㈡湇02*/
.pl_service2 {
right: -3px !important;
}
.pl_service2 .service_item {
background-color: rgba(255, 255, 255, 95) !important;
color: #aaacaf !important;
box-shadow: 0 0 8px 0 rgb(0 0 0 / 12%);
border-radius: 5px !important;
margin-bottom: 1px !important;
}
.pl_service2 .service_item:hover {
background-color: #2c74bc !important;
color: #fff !important;
}
.pl_service2 .service_value {
background-color: #2c74bc !important;
}
.pl_service2 .service_value::after {
border-left: 6px solid #2c74bc !important;
}
.pl_service2 .service_group .service_item:nth-child(1):hover .service_value_con {
width: 190px !important;
}
.pl_service2 .service_group .service_item:nth-child(2):hover .service_value_con {
width: 160px !important;
}
/* 鑹插€ */
.mc {
color: #8a6e4b;
}
.fc {
color: #6ea97f;
}
.wc {
color: #ffffff;
}
.white {
color: #ffffff;
}
.grc {
color: #acafb4;
}
.d-gc {
color: #666666;
}
.rc {
color: #ff231c;
}
.oc {
color: #ffb11e;
}
.yc {
color: #fff714;
}
.gc {
color: #8aff3c;
}
.bc {
color: #2c74bc;
}
/*瀛楀彿*/
.f-50 {
font-size: 50px;
}
.f-48 {
font-size: 48px;
}
.f-46 {
font-size: 46px;
}
.f-44 {
font-size: 44px;
}
.f-42 {
font-size: 42px;
}
.f-40 {
font-size: 40px;
}
.f-38 {
font-size: 38px;
}
.f-36 {
font-size: 36px;
}
.f-34 {
font-size: 34px;
}
.f-32 {
font-size: 32px;
}
.f-30 {
font-size: 30px;
}
.f-28 {
font-size: 28px;
}
.f-26 {
font-size: 26px;
}
.f-24 {
font-size: 24px;
}
.f-22 {
font-size: 22px;
}
.f-20 {
font-size: 20px;
}
.f-18 {
font-size: 18px;
}
.f-16 {
font-size: 16px;
}
.f-14 {
font-size: 14px;
}
.f-12 {
font-size: 12px;
}
/*鍏敤*/
dl,
ol,
p,
ul {
margin: 0;
padding: 0;
}
.row {
margin-right: 0px;
margin-left: 0px;
}
.close {
float: none;
color: unset;
text-shadow: unset;
opacity: unset;
font-size: unset;
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
opacity: 1;
}
a.full-a {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 30;
}
.full {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.letter-effect .letter {
opacity: 0;
font-size: inherit;
font-family: inherit;
color: inherit;
font-weight: inherit;
display: inline-block;
min-width: 0.35em;
}
.en .letter-effect .letter {
margin: 0 0.12rem 0 0;
}
.pic {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
position: relative;
}
.full-img-box {
overflow: hidden;
position: relative;
}
.full-img-box::before {
content: '';
display: block;
margin-top: 100%;
}
.full-img-box .full-img {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background-size: cover;
background-position: center;
transition: all 0s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}
.full-img-box .full-img>img {
display: none;
}
.img-clip {
clip-path: circle(0% at 50% 50%);
transition: clip-path 1.5s ease-in-out;
opacity: 0;
}
.img-clip.go {
clip-path: circle(50% at 50% 50%);
opacity: 1;
}
.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;
}
/*瀛楀彿*/
@media screen and (max-width: 1700px) {
html {
font-size: 90px;
}
}
@media screen and (max-width: 1600px) {
html {
font-size: 75px;
}
.f-60 {
font-size: 58px;
}
.f-50 {
font-size: 42px;
}
.f-48 {
font-size: 46px;
}
.f-46 {
font-size: 44px;
}
.f-44 {
font-size: 42px;
}
.f-42 {
font-size: 40px;
}
.f-40 {
font-size: 38px;
}
.f-38 {
font-size: 36px;
}
.f-36 {
font-size: 34px;
}
.f-34 {
font-size: 32px;
}
.f-32 {
font-size: 30px;
}
.f-30 {
font-size: 28px;
}
.f-28 {
font-size: 24px;
}
.f-26 {
font-size: 24px;
}
.f-24 {
font-size: 22px;
}
.f-22 {
font-size: 20px;
}
.f-20 {
font-size: 18px;
}
.f-18 {
font-size: 16px;
}
.f-16 {
font-size: 14px;
}
.f-14 {
font-size: 12px;
}
.f-12 {
font-size: 12px;
}
}
@media screen and (max-width: 1500px) {
html {
font-size: 70px;
}
}
@media screen and (max-width: 1366px) {
html {
font-size: 60px;
}
.f-60 {
font-size: 40px;
}
.f-50 {
font-size: 34px;
}
.f-48 {
font-size: 32px;
}
.f-46 {
font-size: 30px;
}
.f-44 {
font-size: 28px;
}
.f-42 {
font-size: 26px;
}
.f-40 {
font-size: 24px;
}
.f-38 {
font-size: 22px;
}
.f-36 {
font-size: 20px;
}
.f-34 {
font-size: 20px;
}
.f-32 {
font-size: 18px;
}
.f-30 {
font-size: 18px;
}
.f-28 {
font-size: 16px;
}
.f-26 {
font-size: 16px;
}
.f-24 {
font-size: 16px;
}
.f-22 {
font-size: 14px;
}
.f-20 {
font-size: 14px;
}
.f-18 {
font-size: 14px;
}
.f-16 {
font-size: 12px;
}
.f-14 {
font-size: 12px;
}
.f-12 {
font-size: 12px;
}
}
@media screen and (max-width: 1280px) {
html {
font-size: 55px;
}
.f-60 {
font-size: 40px;
}
.f-50 {
font-size: 34px;
}
.f-48 {
font-size: 32px;
}
.f-46 {
font-size: 30px;
}
.f-44 {
font-size: 28px;
}
.f-42 {
font-size: 26px;
}
.f-40 {
font-size: 24px;
}
.f-38 {
font-size: 22px;
}
.f-36 {
font-size: 20px;
}
.f-34 {
font-size: 20px;
}
.f-32 {
font-size: 18px;
}
.f-30 {
font-size: 18px;
}
.f-28 {
font-size: 16px;
}
.f-26 {
font-size: 16px;
}
.f-24 {
font-size: 16px;
}
.f-22 {
font-size: 14px;
}
.f-20 {
font-size: 14px;
}
.f-18 {
font-size: 14px;
}
.f-16 {
font-size: 12px;
}
.f-14 {
font-size: 12px;
}
.f-12 {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
html {
font-size: 50px;
}
.p_defaultIocn {
width: 45px !important;
height: 45px !important;
border-radius: 5px 0 0 5px !important;
color: #ffffff !important;
background: rgba(0, 0, 0, .2) !important;
}
.pl_service {
right: 0px !important;
bottom: 91px !important;
}
.p_defaultIocn .icon {
background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011817315121931/cms/image/febf288c-dc6a-46dc-95ec-9aaa5c6c4322.png) no-repeat center/cover;
}
.p_defaultIocn .icon path {
display: none !important;
}
}
/*鍔ㄧ敾*/
@keyframes ripple {
from {
transform: scale(0);
opacity: 1;
}
to {
transform: scale(1);
opacity: 0;
}
}
@keyframes line-wave {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(-640px);
}
}
@keyframes maskwave {
0% {
transform: translateX(-40%);
}
50% {
transform: translateX(-10%);
}
100% {
transform: translateX(-40%);
}
}
@keyframes raise {
from {
transform: translateY(100%);
}
to {
transform: translateY(0%);
}
}
@keyframes updown {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-25px);
}
}
@keyframes hint {
0% {
transform: translateY(0);
}
50% {
transform: translateY(100%);
}
100% {
transform: translateY(0%);
}
}
@keyframes lineAni {
0% {
transform: scaleY(.001);
-webkit-transform: scaleY(.001);
-moz-transform: scaleY(.001);
-o-transform: scaleY(.001);
-ms-transform: scaleY(.001);
}
100% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
}
}
@keyframes lineAni_hen {
0% {
transform: scaleX(.001);
-webkit-transform: scaleX(.001);
-moz-transform: scaleX(.001);
-o-transform: scaleX(.001);
-ms-transform: scaleX(.001);
}
100% {
transform: scaleX(1);
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
-ms-transform: scaleX(1);
}
}
@keyframes scrImg {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
backface-visibility: hidden;
}
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
backface-visibility: hidden;
}
}
@keyframes scrP1 {
0% {
clip-path: inset(2.5rem 5vw 0.5rem 5vw round 0.6rem);
-webkit-clip-path: inset(2.5rem 5vw 0.5rem 5vw round 0.6rem);
}
100% {
clip-path: inset(0 0 0 0 round 0px);
-webkit-clip-path: inset(0 0 0 0 round 0px);
}
}
@keyframes scrP8 {
0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
backface-visibility: hidden;
}
100% {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
backface-visibility: hidden;
}
}
@keyframes slideX {
0% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
6% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
94% {
transform: translateX(calc(-100% + 47vw));
-webkit-transform: translateX(calc(-100% + 47vw));
-moz-transform: translateX(calc(-100% + 47vw));
-o-transform: translateX(calc(-100% + 47vw));
-ms-transform: translateX(calc(-100% + 47vw));
}
100% {
transform: translateX(calc(-100% + 47vw));
-webkit-transform: translateX(calc(-100% + 47vw));
-moz-transform: translateX(calc(-100% + 47vw));
-o-transform: translateX(calc(-100% + 47vw));
-ms-transform: translateX(calc(-100% + 47vw));
}
}
@keyframes slideX1 {
0% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
6% {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
}
94% {
transform: translateX(calc(-100% + 40vw));
-webkit-transform: translateX(calc(-100% + 40vw));
-moz-transform: translateX(calc(-100% + 40vw));
-o-transform: translateX(calc(-100% + 40vw));
-ms-transform: translateX(calc(-100% + 40vw));
}
100% {
transform: translateX(calc(-100% + 40vw));
-webkit-transform: translateX(calc(-100% + 40vw));
-moz-transform: translateX(calc(-100% + 40vw));
-o-transform: translateX(calc(-100% + 40vw));
-ms-transform: translateX(calc(-100% + 40vw));
}
}
@keyframes adFn {
0% {
opacity: 0;
transform: translateX(.4rem);
-webkit-transform: translateX(3.4rem);
-moz-transform: translateX(3.4rem);
-o-transform: translateX(3.4rem);
-ms-transform: translateX(3.4rem);
}
10% {
opacity: 0.2;
}
30% {
opacity: 1;
}
70% {
opacity: 1;
}
90% {
opacity: 1;
}
100% {
opacity: 0.2;
transform: translateX(-3.4rem);
-webkit-transform: translateX(-3.4rem);
-moz-transform: translateX(-3.4rem);
-o-transform: translateX(-3.4rem);
-ms-transform: translateX(-3.4rem);
}
}
@keyframes adFn1 {
0% {
opacity: 1;
transform: translateX(-1.5rem);
-webkit-transform: translateX(-1.5rem);
-moz-transform: translateX(-1.5rem);
-o-transform: translateX(-1.5rem);
-ms-transform: translateX(-1.5rem);
}
100% {
opacity: 1;
transform: translateX(1.5rem);
-webkit-transform: translateX(1.5rem);
-moz-transform: translateX(1.5rem);
-o-transform: translateX(1.5rem);
-ms-transform: translateX(1.5rem);
}
}
@keyframes adFn2 {
0% {
opacity: 1;
transform: translateX(-.7rem);
-webkit-transform: translateX(-.7rem);
-moz-transform: translateX(-.7rem);
-o-transform: translateX(-.7rem);
-ms-transform: translateX(-.7rem);
}
100% {
opacity: 1;
transform: translateX(.7rem);
-webkit-transform: translateX(.7rem);
-moz-transform: translateX(.7rem);
-o-transform: translateX(.7rem);
-ms-transform: translateX(.7rem);
}
}
@keyframes adFn3 {
0% {
opacity: 1;
transform: translateX(1.5rem);
-webkit-transform: translateX(1.5rem);
-moz-transform: translateX(1.5rem);
-o-transform: translateX(1.5rem);
-ms-transform: translateX(1.5rem);
}
100% {
opacity: 1;
transform: translateX(-0.5rem);
-webkit-transform: translateX(-0.5rem);
-moz-transform: translateX(-0.5rem);
-o-transform: translateX(-0.5rem);
-ms-transform: translateX(-0.5rem);
}
}
@keyframes adFn4 {
0% {
opacity: 0;
transform: translateX(3.5rem);
-webkit-transform: translateX(3.5rem);
-moz-transform: translateX(3.5rem);
-o-transform: translateX(3.5rem);
-ms-transform: translateX(3.5rem);
}
10% {
opacity: 0;
}
30% {
opacity: 0.5;
}
70% {
opacity: 0.8;
}
90% {
opacity: 1;
}
100% {
opacity: 0.5;
transform: translateY(-1.5rem);
-webkit-transform: translateX(-1.5rem);
-moz-transform: translateX(-1.5rem);
-o-transform: translateX(-1.5rem);
-ms-transform: translateX(-1.5rem);
}
}
/*鍐呴〉banner*/
@keyframes nbFn {
0% {
clip-path: circle(21vw at 50vw 50vh);
-webkit-clip-path: circle(21vw at 50vw 50vh);
}
100% {
clip-path: circle(78vw at 50vw 50vh);
-webkit-clip-path: circle(78vw at 50vw 50vh);
}
}
@keyframes nbFn_1 {
0% {
clip-path: circle(30vw at 50vw 50vh);
-webkit-clip-path: circle(30vw at 50vw 50vh);
}
100% {
clip-path: circle(78vw at 50vw 50vh);
-webkit-clip-path: circle(78vw at 50vw 50vh);
}
}
@keyframes nbmask {
0% {
background-color: rgba(0, 0, 0, 0);
}
70% {
background-color: rgba(0, 0, 0, .1);
}
100% {
background-color: rgba(0, 0, 0, .15);
}
}
@keyframes nben {
0% {
letter-spacing: 0vw;
transform: translateY(0px);
opacity: 1;
}
100% {
letter-spacing: 2vw;
transform: translateY(-40px);
opacity: 0.5;
}
}
@keyframes nbcn {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-50px);
}
}
@keyframes nbsum {
0% {
opacity: 0;
transform: translateY(0px);
}
70% {
opacity: 1;
}
100% {
opacity: 1;
transform: translateY(-50px);
}
}
/*鍐呴〉鐮斿彂*/
@keyframes rdFn {
0% {
clip-path: circle(20vw at 70vw 55vh);
-webkit-clip-path: circle(20vw at 70vw 55vh);
}
100% {
clip-path: circle(78vw at 70vw 55vh);
-webkit-clip-path: circle(78vw at 70vw 55vh);
}
}
@keyframes rdtxt {
0% {
opacity: 0;
}
60% {
opacity: 1;
}
}
@-webkit-keyframes circletextRotate {
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes circletextRotate {
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes scalegradientShape {
0%,
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes scalegradientShape {
0%,
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@-webkit-keyframes scalegradientShapeReverse {
0%,
100% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes scalegradientShapeReverse {
0%,
100% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.btn.focus,
.btn:focus,
.custom-control-input:focus~.custom-control-label::before {
box-shadow: none;
}