@charset "UTF-8";
.__nuxt-error-page {
padding: 1rem;
background: #f7f8fb;
color: #47494e;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-family: sans-serif;
font-weight: 100 !important;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.__nuxt-error-page .error {
max-width: 450px
}
.__nuxt-error-page .title {
font-size: 1.5rem;
margin-top: 15px;
color: #47494e;
margin-bottom: 8px
}
.__nuxt-error-page .description {
color: #7f828b;
line-height: 21px;
margin-bottom: 10px
}
.__nuxt-error-page a {
color: #7f828b !important;
text-decoration: none
}
.__nuxt-error-page .logo {
position: fixed;
left: 12px;
bottom: 12px
}
@font-face {
font-family: iconfont;
src: url(/_nuxt/fonts/60d55c5.eot);
src: url(/_nuxt/fonts/60d55c5.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(/_nuxt/fonts/8f3d5e5.woff) format("woff"), url(/_nuxt/fonts/66d2138.ttf) format("truetype"), url(/_nuxt/img/b0aceb8.svg#iconfont) format("svg")
}
.iconfont {
font-family: iconfont !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.iconlianjie:before {
content: "\e600"
}
.icondianshang:before {
content: "\e625"
}
.iconlianxidaogou:before {
content: "\e644"
}
.iconai-r:before {
content: "\e645"
}
.iconfenxiao:before {
content: "\e60c"
}
.icongouwuche2:before {
content: "\e62d"
}
.iconcaifu:before {
content: "\e6d3"
}
.iconmubiao:before {
content: "\e60a"
}
.iconrecruitment:before {
content: "\e6ac"
}
.iconyizhanshi:before {
content: "\e65c"
}
.iconxianshangduijie:before {
content: "\e640"
}
.iconlinghuo:before {
content: "\e695"
}
.icontishengxiaolv:before {
content: "\e60d"
}
.iconERP_tihuofangshi:before {
content: "\e65b"
}
.icontuandui:before {
content: "\e650"
}
.iconchuangxin:before {
content: "\e611"
}
.iconicon-test:before {
content: "\e616"
}
.iconshouyintai:before {
content: "\e603"
}
.iconshujufenxi:before {
content: "\e62f"
}
.iconmendian:before {
content: "\e61a"
}
.iconshangjia:before {
content: "\e614"
}
.iconyitihua:before {
content: "\e619"
}
.iconjingxiaoshangxitong-:before {
content: "\e638"
}
.icontigaoxiaoshuai:before {
content: "\e64e"
}
.iconxitong-:before {
content: "\e605"
}
.iconziyuan:before {
content: "\e60b"
}
.iconziyuan1:before {
content: "\e60f"
}
.iconziyuan2:before {
content: "\e612"
}
.iconziyuan3:before {
content: "\e613"
}
.iconcangchuguanli:before {
content: "\e643"
}
.iconyouhuaguanli:before {
content: "\e606"
}
.iconchanpinjieshao:before {
content: "\e661"
}
.iconzhaopin:before {
content: "\e627"
}
.iconshouye:before {
content: "\e610"
}
.iconyunying:before {
content: "\e682"
}
.iconzengjialirun:before {
content: "\e604"
}
/*!
* animate.css -https://daneden.github.io/animate.css/
* Version - 3.7.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2019 Daniel Eden
*/
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -15px, 0)
}
90% {
transform: translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -15px, 0)
}
90% {
transform: translate3d(0, -4px, 0)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
@keyframes flash {
0%, 50%, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
transform: scaleX(1)
}
50% {
transform: scale3d(1.05, 1.05, 1.05)
}
to {
transform: scaleX(1)
}
}
@keyframes pulse {
0% {
transform: scaleX(1)
}
50% {
transform: scale3d(1.05, 1.05, 1.05)
}
to {
transform: scaleX(1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
transform: scaleX(1)
}
30% {
transform: scale3d(1.25, .75, 1)
}
40% {
transform: scale3d(.75, 1.25, 1)
}
50% {
transform: scale3d(1.15, .85, 1)
}
65% {
transform: scale3d(.95, 1.05, 1)
}
75% {
transform: scale3d(1.05, .95, 1)
}
to {
transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
transform: scaleX(1)
}
30% {
transform: scale3d(1.25, .75, 1)
}
40% {
transform: scale3d(.75, 1.25, 1)
}
50% {
transform: scale3d(1.15, .85, 1)
}
65% {
transform: scale3d(.95, 1.05, 1)
}
75% {
transform: scale3d(1.05, .95, 1)
}
to {
transform: scaleX(1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, to {
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, to {
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes headShake {
0% {
transform: translateX(0)
}
6.5% {
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
transform: translateX(5px) rotateY(7deg)
}
31.5% {
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
transform: translateX(2px) rotateY(3deg)
}
50% {
transform: translateX(0)
}
}
@keyframes headShake {
0% {
transform: translateX(0)
}
6.5% {
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
transform: translateX(5px) rotateY(7deg)
}
31.5% {
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
transform: translateX(2px) rotateY(3deg)
}
50% {
transform: translateX(0)
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
transform: rotate(15deg)
}
40% {
transform: rotate(-10deg)
}
60% {
transform: rotate(5deg)
}
80% {
transform: rotate(-5deg)
}
to {
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
transform: rotate(15deg)
}
40% {
transform: rotate(-10deg)
}
60% {
transform: rotate(5deg)
}
80% {
transform: rotate(-5deg)
}
to {
transform: rotate(0deg)
}
}
.swing {
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
transform: scaleX(1)
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
transform: scaleX(1)
}
}
@keyframes tada {
0% {
transform: scaleX(1)
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
transform: scaleX(1)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
transform: translateZ(0)
}
15% {
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
transform: translateZ(0)
}
}
@keyframes wobble {
0% {
transform: translateZ(0)
}
15% {
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
transform: translateZ(0)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
0%, 11.1%, to {
transform: translateZ(0)
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%, 11.1%, to {
transform: translateZ(0)
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
transform: scale(1)
}
14% {
transform: scale(1.3)
}
28% {
transform: scale(1)
}
42% {
transform: scale(1.3)
}
70% {
transform: scale(1)
}
}
@keyframes heartBeat {
0% {
transform: scale(1)
}
14% {
transform: scale(1.3)
}
28% {
transform: scale(1)
}
42% {
transform: scale(1.3)
}
70% {
transform: scale(1)
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
transform: scaleX(1)
}
}
.bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0)
}
75% {
transform: translate3d(0, -10px, 0)
}
90% {
transform: translate3d(0, 5px, 0)
}
to {
transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0)
}
75% {
transform: translate3d(0, -10px, 0)
}
90% {
transform: translate3d(0, 5px, 0)
}
to {
transform: translateZ(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0)
}
75% {
transform: translate3d(-10px, 0, 0)
}
90% {
transform: translate3d(5px, 0, 0)
}
to {
transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0)
}
75% {
transform: translate3d(-10px, 0, 0)
}
90% {
transform: translate3d(5px, 0, 0)
}
to {
transform: translateZ(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0)
}
75% {
transform: translate3d(10px, 0, 0)
}
90% {
transform: translate3d(-5px, 0, 0)
}
to {
transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0)
}
75% {
transform: translate3d(10px, 0, 0)
}
90% {
transform: translate3d(-5px, 0, 0)
}
to {
transform: translateZ(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0)
}
75% {
transform: translate3d(0, 10px, 0)
}
90% {
transform: translate3d(0, -5px, 0)
}
to {
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0)
}
75% {
transform: translate3d(0, 10px, 0)
}
90% {
transform: translate3d(0, -5px, 0)
}
to {
transform: translateZ(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0)
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0)
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0)
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0)
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateX(-5deg)
}
to {
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateX(-5deg)
}
to {
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateY(-5deg)
}
to {
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
transform: perspective(400px) rotateY(-5deg)
}
to {
transform: perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px)
}
30% {
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
transform: skewX(20deg);
opacity: 1
}
80% {
transform: skewX(-5deg)
}
to {
transform: translateZ(0)
}
}
@keyframes lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
transform: skewX(20deg);
opacity: 1
}
80% {
transform: skewX(-5deg)
}
to {
transform: translateZ(0)
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
transform-origin: center;
transform: rotate(-200deg);
opacity: 0
}
to {
transform-origin: center;
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
transform-origin: center;
transform: rotate(-200deg);
opacity: 0
}
to {
transform-origin: center;
transform: translateZ(0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: translateZ(0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(45deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(45deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: translateZ(0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: translateZ(0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: translateZ(0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
transform-origin: center;
opacity: 1
}
to {
transform-origin: center;
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
transform-origin: center;
opacity: 1
}
to {
transform-origin: center;
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate(-45deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
transform: rotate(80deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%, 80% {
transform: rotate(60deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
transform: rotate(80deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%, 80% {
transform: rotate(60deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
transform: scale(.1) rotate(30deg);
transform-origin: center bottom
}
50% {
transform: rotate(-10deg)
}
70% {
transform: rotate(3deg)
}
to {
opacity: 1;
transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
transform: scale(.1) rotate(30deg);
transform-origin: center bottom
}
50% {
transform: rotate(-10deg)
}
70% {
transform: rotate(3deg)
}
to {
opacity: 1;
transform: scale(1)
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
transform: translateZ(0)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
transform: translateZ(0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
transform: translateZ(0)
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s
}
.animated.fast {
-webkit-animation-duration: .8s;
animation-duration: .8s
}
.animated.faster {
-webkit-animation-duration: .5s;
animation-duration: .5s
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s
}
@media (prefers-reduced-motion: reduce),(print) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important
}
}
*, :after, :before {
margin: 0;
padding: 0;
box-sizing: border-box
}
body {
font-family: Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Heiti SC, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff
}
h1, h2, h3, h4, h5, h6 {
font-family: inherit;
font-weight: 500;
line-height: 2;
color: inherit
}
a, li, ul {
text-decoration: none;
list-style: none
}
a, a:active, a:hover, a:link, a:visited {
text-decoration: none !important
}
input[type=number] {
-moz-appearance: textfield
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none
}
/*.main {
width: 100%;
margin: 0 auto
}*/
hr {
margin: 10px 0;
border-top: 0;
border-color: #eee
}
.eqlee-box-main {
width: 100%;
position: relative
}
.eqlee-box-container {
width: 1200px;
margin: 0 auto;
padding: 35px 0
}
.eqlee-box-container:before {
display: table;
content: ""
}
.clearfix:after {
content: "";
display: block;
clear: both
}
.eqlee-box-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 30px;
line-height: 1
}
.eqlee-box-title:before {
content: " ";
display: inline-block;
width: 5px;
height: 22px;
background: #048cf8;
vertical-align: top;
margin-right: 10px
}
.banner {
width: 100%;
margin: 0 auto;
height: 370px;
background-position: 50%;
background-size: cover
}
.eqlee-box-page {
padding: 0;
position: relative;
width: 100%;
margin: 30px 0;
height: 40px;
text-align: center;
overflow: hidden
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
background-color: #fff;
border: 1px solid #ddd
}
.swiper-container .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}
/*.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
background-color: hsla(0, 0%, 66.7%, .5);
height: 80px;
width: 30px;
margin-top: -40px
}*/
.swiper-container .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-container .swiper-button-next:hover, .swiper-container .swiper-button-prev:hover {
background-color: #1e90ff
}
/*.swiper-container .swiper-button-next.swiper-button-disabled, .swiper-container .swiper-button-prev.swiper-button-disabled {
pointer-events: unset
}*/
.total_seoKey {
font-size: 12px
}
.web_content p {
line-height: 1.7
}
@media screen and (min-width: 766px) {
.hidden-lg {
display: none !important
}
}
@media screen and (max-width: 760px) {
.eqlee-box-container {
width: 100%
}
.paddingFifteen {
padding: 15px
}
img.lazy {
width: 100%;
height: auto
}
.banner {
height: 150px
}
.web_content img {
width: 100% !important;
display: block;
height: auto
}
.hidden-xs {
display: none !important
}
.total_seoKey {
height: 14px;
overflow: hidden
}
}
.eqlee-not-found {
text-align: center
}
.eqlee-not-found > h1 {
font-size: 25px;
color: #048cf8;
line-height: 3;
margin: 0
}
.eqlee-not-found > h1 > img {
margin-right: 15px
}
.eqlee-found-img {
margin-top: 20px
}
.eqlee-found-img > img {
width: 23%
}
.eqlee-not-found > p {
font-size: 17px;
color: #048cf8;
line-height: 2;
margin-top: 80px
}
.eqlee-found-btn > a {
background: #048cf8;
width: 110px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: #fff
}
.eqlee-found-btn > a:first-child {
margin-right: 10px
}
.eqlee-found-btn > a:active {
position: relative;
top: 1px;
background-color: #0073cf;
border: 0
}
.eqlee-not-found > .header {
background: rgba(0, 0, 0, .3)
}
.eqlee-found-bk {
margin-bottom: 50px;
width: 100%;
height: 102px
}
.eqlee-found-btn {
margin-bottom: 100px
}
@media screen and (max-width: 760px) {
.eqlee-not-found > h1 {
font-size: 20px;
line-height: 1
}
.eqlee-found-img > img {
width: 46%
}
.not_found > p {
margin-top: 50px
}
}
.eqlee-header {
width: 100%;
background: rgba(0, 0, 0, .6);
position: fixed;
top: 0;
z-index: 500;
border: none;
height: 100px;
transition: all .3s linear
}
.eqlee-header a {
color: #fff;
cursor: pointer
}
.eqlee-header-item {
width: 1200px;
margin: 0 auto
}
.eqlee-header-title {
width: 20%;
height: 99px;
line-height: 99px;
display: inline-block;
cursor: pointer;
transition: all .3s linear
}
.eqlee-header-title .eqlee-header-logo {
width: 100%;
vertical-align: middle
}
.eqlee-navbar {
float: right;
height: 100%;
line-height: 98px;
font-size: 14px
}
.eqlee-navbar-nav {
display: flex
}
.eqlee-navbar-nav .eqlee-nav-item .eqlee-nav-link:hover {
background: #048cf8;
border-bottom: 2px solid #fe7e4c
}
.eqlee-navbar-nav .eqlee-nav-item .eqlee-nav-link {
display: inline-block;
vertical-align: top;
padding: 0 28px;
text-align: center;
position: relative;
transition: all .3s linear
}
.eqlee-navbar-nav .eqlee-nav-item .eqlee-nav-link.header-active {
background: #048cf8;
border-bottom: 2px solid #fe7e4c
}
.eqlee-navbar-nav .eqlee-nav-item .eqlee-subnavbar-item.header-active {
background: #048cf8;
border-right: 2px solid #fe7e4c
}
.eqlee-subnavbar {
font-size: 14px
}
.eqlee-subnavbar, .eqlee-subnavbarsub {
background-color: rgba(0, 0, 0, .6);
color: #fff;
display: none
}
.eqlee-subnavbarsub {
width: 120px;
position: absolute;
margin-top: -70px;
margin-left: 110px
}
.eqlee-subnavbarsub .eqlee-subnavbarsub-item:hover {
background-color: #048cf8;
border-right: 2px solid #fe7e4c
}
.eqlee-trigon {
width: 0;
height: 0;
border: 6px solid transparent;
border-left-color: grey;
position: absolute;
right: 0;
top: 15px
}
.eqlee-subnavbar .eqlee-subnavbar-item {
display: block;
line-height: 70px;
text-align: center
}
.eqlee-subnavbar .eqlee-subnavbar-item:hover {
background-color: #048cf8;
border-right: 2px solid #fe7e4c
}
@media screen and (min-width: 760px) {
.header-small {
height: 70px
}
.header-small .eqlee-header-title {
height: 69px;
width: 17%
}
.header-small .eqlee-header-title > .eqlee-header-logo {
vertical-align: unset
}
.header-small .eqlee-navbar {
line-height: 68px;
font-size: 13px
}
}
@media screen and (max-width: 760px) {
.eqlee-header {
position: relative;
margin: 0;
height: 70px
}
.eqlee-header-item {
width: 100%
}
.eqlee-header-title {
display: inline-block;
width: 60%;
height: 70px;
line-height: 70px;
padding: 0 0 0 20px
}
.eqlee-header-title .eqlee-header-logo {
width: 100%
}
.eqlee-navbar {
width: 100%;
padding: 0
}
.eqlee-mobie-navbar {
float: right;
height: 100%;
line-height: 70px;
font-size: 30px;
padding-right: 20px
}
.eqlee-mobie-navbar .el-icon-menu {
color: #fff
}
.eqlee-mobie-navbar-nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .8);
padding-top: 30px;
z-index: 20
}
.eqlee-mobie-navbar-nav .eqlee-mobie-nav-item {
display: block;
width: 100%;
text-align: center;
color: #fff;
line-height: 3;
font-size: 15px
}
.eqlee-mobie-navbar-nav .eqlee-mobie-nav-close {
position: absolute;
right: 0;
top: 0;
padding: 0 20px;
font-size: 50px;
color: #fff
}
}
/*.eqlee-footer {
width: 100%;
color: #fff;
!*background: url(../png/1caece4.png) ;*!
background: url(../jpg/dbbg.jpg) no-repeat;
!*background-size: auto 100%*!
}*/
.eqlee-footer-container {
/* background: url(../png/1caece4.png) no-repeat;*/
width: 1400px;
margin: 0 auto;
padding: 50px 0 43px
}
.eqlee-footer-list {
margin-left: 50px
}
.eqlee-footer-list:after {
content: "";
display: block;
clear: both
}
.eqlee-footer-item {
margin: 0 20px;
display: inline-block;
vertical-align: top;
padding: 0 5px
}
.eqlee-footer-item > ul > li:first-child {
margin-bottom: 20px;
color: #c8c8c8
}
.eqlee-footer-item > ul > li:not(:first-child) > h2 {
margin: 12px 0;
color: #b2b2b2;
font-size: 12px;
font-weight: 400
}
.eqlee-footer-item > ul > li:not(:first-child) > h2 > a {
color: #b2b2b2;
font-size: 12px;
font-weight: 400
}
.eqlee-footer-item > ul > li > h2 > a {
display: block
}
.eqlee-footer-code {
width: 100%;
margin: 0 auto;
text-align: center
}
.eqlee-footer-code img {
width: 100%
}
.eqlee-footer-code > p {
font-size: 12px;
margin: 10px 0;
color: #7d7d7d
}
.eqlee-footer-item:nth-child(4) {
padding-left: 50px;
text-align: left;
border-left: 2px solid #1a191e;
margin-right: 36px
}
.eqlee-footer-item:nth-child(4) a {
display: inline-block
}
.eqlee-footer-item .liPointer {
cursor: pointer
}
.eqlee-footer-title {
width: 87%;
border-bottom: 1px solid #58575b;
margin: 0 auto 22px;
padding-bottom: 22px
}
.eqlee-footer-title .eqlee-footer-title-cn {
display: block;
font-size: 17px;
font-family: Microsoft YaHei;
color: hsla(0, 0%, 100%, .9);
line-height: 2
}
.eqlee-footer-title .eqlee-footer-title-en {
display: block;
font-size: 14px;
font-family: HelveticaNeueLTPro;
color: hsla(0, 0%, 100%, .8);
line-height: 1.2;
font-style: italic
}
.eqlee-footer-bottom .eqlee-footer-beian, .eqlee-footer-bottom .eqlee-footer-bottom-copyright, .eqlee-footer-bottom .eqlee-footer-copyright {
text-align: center;
font-size: 12px;
color: #999;
line-height: 2
}
.eqlee-footer-bottom .eqlee-footer-beian {
display: block
}
.eqlee-footer-list .eqlee-footer-item h1 {
font-size: 15px;
font-weight: 600
}
@media screen and (min-width: 760px) {
.eqlee-footer-item:first-child {
width: 56%
}
.eqlee-footer-item:nth-child(2) {
width: 36%
}
/* .eqlee-footer-item:nth-child(3) {
width: 9%
}
.eqlee-footer-item:nth-child(4) {
width: 22%
}
.eqlee-footer-item:nth-child(5) {
width: 8.2%;
margin: 0 10px
}
.eqlee-footer-item:nth-child(6) {
width: 8.2%;
margin: 0 10px;
padding-top: 50px
}*/
.eqlee-footer-item:nth-child(5) img, .eqlee-footer-item:nth-child(6) img {
width: 90%
}
/*.eqlee-footer-item:last-child {
width: 8.2%;
margin: 0 10px;
padding-top: 50px
}*/
/*.eqlee-footer-item:last-child img {
width: 90%
}*/
.eqlee-footer-bottom {
margin-top: 40px
}
}
@media screen and (max-width: 760px) {
.eqlee-footer-container {
width: 100%
}
.eqlee-footer-item:nth-child(4) {
border: 0;
padding: 0;
margin: 0
}
.eqlee-footer-list {
margin-left: 30px
}
}
div[lazy=loading] {
background-color: #eeefee;
background-repeat: no-repeat;
background-size: 50%;
background-position: 50%
}
img[lazy=loading] {
width: 30% !important;
margin: 0 auto;
display: table
}
.el-carousel__item[lazy=loading] {
background-size: 7%
}
.el-carousel__item[lazy=error] {
background-repeat: no-repeat;
background-size: 10%
}
.el-carousel__item {
height: 700px;
width: 100%;
background-position: 50%;
background-size: cover
}
.eqlee-index-banner-pc .el-carousel__arrow {
width: 46px;
height: 46px;
font-size: 30px
}
.eqlee-index-banner-pc .el-carousel__indicators {
bottom: 20px
}
.eqlee-index-banner-pc .el-carousel__button {
width: 38px;
height: 5px
}
@media screen and (max-width: 766px) {
.eqlee-index-banner-move .swiper-slide[lazy=loading] {
background-repeat: no-repeat;
background-size: 20%
}
.eqlee-index-banner-move .swiper-slide[lazy=error] {
background-repeat: no-repeat;
background-size: 10%
}
.eqlee-index-banner-move {
width: 100%;
overflow: hidden
}
.eqlee-index-banner-move .swiper-slide {
width: 100%;
background-position: 50%;
background-size: cover;
height: 160px
}
.eqlee-index-banner_container .swiper-slide[lazy=loading] {
background-repeat: no-repeat;
background-size: 20%
}
.eqlee-index-banner_container .swiper-slide[lazy=error] {
background-repeat: no-repeat;
background-size: 10%
}
}
@media screen and (min-width: 760px) {
.eqlee-guide-container {
width: 1200px;
margin: 0 auto;
padding: 15px 0
}
.eqlee-guide-item {
border: 1px solid #e5e5e5;
padding: 20px 30px 20px 20px;
margin: 10px 0;
width: 23%;
float: left;
box-sizing: border-box;
position: relative;
overflow: hidden
}
.eqlee-guide-item:not(:last-child) {
margin-right: 31px
}
.eqlee-guide-item-active {
background: #efefef
}
.eqlee-guide-item .eqlee-guide-item-img {
vertical-align: text-bottom;
margin-right: 15px;
cursor: pointer
}
.eqlee-guide-item .eqlee-guide-item-title {
font-size: 18px;
color: #666;
display: inline-block;
font-weight: 400
}
.eqlee-guide-item-title .eqlee-guide-item-title-content {
color: #666
}
.eqlee-guide-item .eqlee-guide-item-content {
display: block;
color: #999;
font-size: 13px;
margin-top: 10px
}
.eqlee-guide-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #efefef;
z-index: -1;
transform-origin: 0 0;
transform: rotate(-90deg)
}
.eqlee-guide-from {
animation: eqlee-guide-from .5s;
-webkit-animation: eqlee-guide-from .5s;
transform: rotate(0deg)
}
.eqlee-guide-from-bottom {
transform-origin: 100% 100%
}
.eqlee-guide-from-left {
transform-origin: 0 100%
}
.eqlee-guide-from-top {
transform-origin: 0 0
}
.eqlee-guide-from-right {
transform-origin: 100% 0
}
.eqlee-guide-to {
animation: eqlee-guide-to .5s;
-webkit-animation: eqlee-guide-to .5s;
transform: rotate(-90deg)
}
.eqlee-guide-to-bottom {
transform-origin: 100% 100%
}
.eqlee-guide-to-left {
transform-origin: 0 100%
}
.eqlee-guide-to-top {
transform-origin: 0 0
}
.eqlee-guide-to-right {
transform-origin: 100% 0
}
@-webkit-keyframes eqlee-guide-from {
0% {
transform: rotate(-90deg)
}
to {
transform: rotate(0deg)
}
}@keyframes eqlee-guide-from {
0% {
transform: rotate(-90deg)
}
to {
transform: rotate(0deg)
}
}@-webkit-keyframes eqlee-guide-to {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(-90deg)
}
}@keyframes eqlee-guide-to {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(-90deg)
}
}
}
@media screen and (max-width: 760px) {
.eqlee-guide-container {
display: flex
}
.eqlee-guide-item {
flex: 1
}
.eqlee-guide-item .eqlee-guide-item-img {
display: table;
margin: 0 auto;
width: 64%
}
.eqlee-guide-item .eqlee-guide-item-title {
display: block;
font-size: 12px;
color: #333;
text-align: center;
margin-top: 15%;
font-weight: 400
}
.eqlee-guide-item-title .eqlee-guide-item-title-content {
color: #333
}
}
.eqlee-index-blackBg {
background: #fafafa
}
.eqlee-box-main .swiper-slide {
padding: 5px
}
@media screen and (max-width: 685px) {
.eqlee-index-solve-item {
padding: 10px;
width: 100%;
transition: all .5s
}
}
@media screen and (min-width: 685px) {
.eqlee-index-solve-item {
float: left;
display: inline-block;
width: 30.4%;
transition: all .5s
}
}
.eqlee-index-solve-item:not(:last-child) {
margin-right: 30px
}
.eqlee-index-solve-item img {
width: 100%;
height: 238px
}
.eqlee-index-solve-item .eqlee-index-solve-title {
display: block;
font-size: 17px;
color: #333;
line-height: 3;
font-weight: 700
}
.eqlee-index-solve-item .eqlee-index-solve-content {
font-size: 13.5px;
color: #5a5a5a;
line-height: 1.9;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden
}
.eqlee-index-solve-item .eqlee-index-solve-content > span {
color: #048cf8
}
.eqlee-index-succ-container .swiper-slide .eqlee-index-succ-title {
display: block;
font-size: 1.3em;
color: #5a5a5a;
line-height: 2;
text-align: center;
margin: 0
}
.eqlee-index-succ-container .swiper-slide .eqlee-index-succ-content {
color: #5a5a5a
}
.eqlee-index-succ-container .swiper-slide img {
width: 100%;
height: 238px
}
.eqlee-index-news {
width: 100%
}
.eqlee-index-news-item {
width: 31.4%;
display: inline-block;
padding: 0;
transition: all .5s;
vertical-align: top;
background-color: #fff
}
.eqlee-index-news-item:not(:last-child) {
margin-right: 30px
}
.eqlee-index-news-item img {
width: 100%;
height: 270px;
vertical-align: middle
}
.eqlee-index-news-item .eqlee-index-news-first {
position: relative;
display: block
}
.eqlee-index-news-item > a:last-child {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%
}
.eqlee-index-news-item .eqlee-index-news-first .eqlee-index-news-first-title {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
width: 100%;
font-size: 1.1em;
color: #fff;
line-height: 2;
padding: .4em 0 .4em 1.8em;
margin: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.eqlee-index-news-item .eqlee-index-news-first .eqlee-index-news-first-title .eqlee-index-news-first-title-content {
display: block;
list-style: none;
color: #fff
}
.eqlee-index-news-item .eqlee-index-news-item-ol {
margin-top: 1em;
max-width: 380px
}
.eqlee-index-news-item a {
list-style: disc inside;
color: #666;
line-height: 2;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
display: list-item
}
.eqlee-index-news-item a:hover {
color: #1e90ff;
text-decoration: underline
}
.eqlee-index-video-item {
width: 23.7%;
height: 380px;
display: inline-block;
margin-right: 20px
}
.eqlee-index-video-item:last-child {
margin-right: 0;
color: #5a5a5a
}
.eqlee-index-video-item .eqlee-index-video-title {
font-size: 16px;
text-align: center
}
.eqlee-index-video-item .eqlee-index-video-title .eqlee-index-video-content {
color: #5a5a5a;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block
}
.eqlee-index-honor-container .swiper-slide {
cursor: pointer
}
.eqlee-index-honor-container .eqlee-index-slide-init > img {
width: 100%
}
.eqlee-index-honor-container .eqlee-index-slide-init > h3 {
font-size: 1.1em;
color: #5a5a5a;
line-height: 2;
margin: 0;
text-align: center
}
.eqlee-index-honor-container .eqlee-index-slide-init > p {
margin-left: 12px
}
.eqlee-index-intell-container .swiper-slide {
padding: 10px;
cursor: pointer
}
.eqlee-index-intell-container .eqlee-index-slide-init {
box-shadow: none
}
.eqlee-index-intell-container .eqlee-index-slide-init img {
transition: all .3s linear
}
.eqlee-index-intell-container .eqlee-index-intell-slide {
background: url(/_nuxt/img/4bf4946.png) no-repeat;
background-size: 100%;
padding: 15% 9.9%
}
.eqlee-index-intell-container .eqlee-index-intell-slide img {
width: 100%;
vertical-align: bottom
}
.eqlee-index-intell-container .swiper-slide .eqlee-index-intell-title {
font-size: 1.1em;
color: #5a5a5a;
line-height: 2;
margin: 0;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
.eqlee-index-intell-summ {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(4, 140, 248, .5);
z-index: 100;
color: #fff;
text-align: center;
font-size: 22px;
padding: 250px 20px 0
}
.eqlee-index-coop-container .swiper-slide {
height: 100px;
padding: 2.1em 2.3em;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, .2);
box-sizing: border-box;
display: block
}
.eqlee-seokey > * {
color: #fff
}
.eqlee-index-title {
text-align: center;
position: relative;
margin: 30px 0;
font-size: 24px
}
.eqlee-index-title > h3 > span {
font-weight: 700
}
.eqlee-index-title > h3 > span:first-child {
color: #048cf8
}
.eqlee-index-title > h3 > span:last-child {
color: #fd884d
}
.eqlee-index-title > hr {
border-top: 2px solid #989898;
width: 345px;
margin: 17px auto 10px
}
.eqlee-index-title > hr:after {
display: block;
content: " · ";
width: 40px;
height: 4px;
font-size: 40px;
line-height: 10px;
background: #fff;
position: absolute;
top: 72px;
left: 50%;
transform: translateX(-50%);
z-index: 10
}
.eqlee-index-title > span {
display: block;
font-size: 12px;
font-family: SourceHanSansCN;
color: grey;
line-height: 2
}
.eqlee-index-title > p {
font-size: 14px;
color: grey;
line-height: 1.7
}
.eqlee-index-title > .eqlee-index-more {
position: absolute;
bottom: 0;
right: 0;
font-size: 14px;
color: #666;
line-height: 1.2;
border: 1px solid #666;
opacity: .2;
padding: 3px;
cursor: pointer
}
.eqlee-index-slide-init {
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);
border-radius: 3px;
position: relative
}
.eqlee-footer-Friendship {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.eqlee-footer-Friendship .eqlee-footer-Friendship-item {
width: 120px;
text-align: center
}
.eqlee-footer-Friendship .eqlee-footer-Friendship-item .eqlee-footer-Friendship-title {
display: inline-block;
color: #c9c9c9
}
.eqlee-footer-Friendship .eqlee-footer-Friendship-item .eqlee-footer-Friendship-link {
display: inline-block;
color: #c9c9c9;
width: 100%
}
.eqlee-footer-Friendship .eqlee-footer-Friendship-item .eqlee-footer-Friendship-link:hover {
color: #1e90ff;
font-weight: 700
}
@media screen and (min-width: 766px) {
.eqlee-footer-Friendship {
width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.eqlee-index-news-item .eqlee-index-news-item-ol, .eqlee-index-solve-item .eqlee-index-solve-content {
padding-left: 1em
}
.eqlee-index-solve-item .eqlee-index-solve-title {
text-align: center
}
.eqlee-index-solve-item .eqlee-index-solve-content {
margin-bottom: 10px;
text-indent: 2em
}
.eqlee-index-news-item:hover, .eqlee-index-solve-item:hover {
transform: translateY(-5px);
box-shadow: 0 0 11px 1px rgba(0, 0, 0, .5)
}
.eqlee-index-news-item.eqlee-index-news-top {
display: block;
width: auto;
margin: 0 0 30px
}
.eqlee-index-news-item.eqlee-index-news-top .eqlee-index-news-first {
display: inline-block;
vertical-align: top;
width: 31.4%
}
.eqlee-index-news-item.eqlee-index-news-top .eqlee-index-news-item-ol {
display: inline-block;
vertical-align: top;
width: 31.4%;
padding-left: unset;
max-width: unset;
margin-top: .4rem;
margin-left: 30px
}
.eqlee-index-news-item.eqlee-index-news-top .eqlee-index-news-item-ol a {
line-height: 2.3
}
.eqlee-index-intell-container .eqlee-index-slide-init:hover img {
transform: scale(1.2)
}
.eqlee-index-img-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
z-index: 20
}
.eqlee-index-img-cont {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
height: 100%
}
.eqlee-index-img-cont > img {
height: 100%
}
.eqlee-index-honor-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
z-index: 20
}
.eqlee-index-honor-popup > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
height: 100%
}
.eqlee-index-honor-popup > div > img {
height: 100%
}
}
@media screen and (max-width: 766px) {
.eqlee-index-news > .eqlee-index-news-item, .eqlee-index-solve > .eqlee-index-solve-item {
width: 100%;
margin-right: 0
}
.eqlee-index-news-item img {
height: 240px
}
.eqlee-index-video-item {
width: 100%;
height: 100%
}
.eqlee-index-video-item .eqlee-index-video-title .eqlee-index-video-content {
max-width: 300px;
white-space: nowrap;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis
}
.eqlee-index-intell-container .swiper-slide {
padding: 0 10vw
}
.eqlee-index-intell-container .swiper-wrapper {
margin-bottom: 20px
}
.eqlee-index-coop-container .swiper-slide {
padding: 6vw 5vw;
height: 20vw
}
.eqlee-index-coop-container .swiper-slide > img, .eqlee-index-title > hr {
width: 100%
}
.eqlee-index-nobile-more {
width: 100%;
background-color: #1e90ff;
color: #fff;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
display: block
}
}
.eqlee-crumbs-nav-cont {
width: 100%;
margin: 0 auto
}
.eqlee-crumbs-nav-cont:after {
content: "";
display: block;
clear: both
}
.eqlee-crumbs-nav-cont > ul > li {
float: left;
font-size: 14px;
cursor: pointer;
margin: 0 5px
}
.eqlee-crumbs-nav-cont > ul > li > a {
color: #333
}
.eqlee-crumbs-nav-cont > ul > li > img {
vertical-align: bottom
}
.eqlee-crumbs-nav-cont > ul > li:not(:first-child):before {
content: ">>"
}
.eqlee-crumbs-nav-hr {
margin-top: 10px;
width: 100%;
height: 5px;
border-top: 1px dotted #b2b2b2;
border-bottom: 1px dotted #b2b2b2
}
@media screen and (max-width: 760px) {
.eqlee-crumbs-nav-cont {
padding-top: 15px
}
}
.eqlee-aside-cont {
position: fixed;
top: 50%;
right: 30px;
z-index: 2;
transform: translateY(-50%)
}
.eqlee-aside-cont .eqlee-aside-server {
background: #fff;
text-align: center;
color: #999;
padding: 5px;
font-size: 14px;
border-radius: 3px;
cursor: pointer;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2);
transition: transform .5s;
display: block;
width: 60px;
height: 60px;
margin-bottom: 10px
}
.eqlee-aside-cont .eqlee-aside-server > p {
margin: 0;
font-size: 12px
}
.eqlee-aside-cont .eqlee-aside-server > img {
display: table;
margin: 0 auto 3px;
width: 63%
}
@media screen and (max-width: 766px) {
.eqlee-aside-cont {
right: 10px;
top: auto;
bottom: 50px
}
.eqlee-aside-cont .eqlee-aside-server {
width: 10vw;
height: 10vw;
padding: 5px
}
.eqlee-aside-cont .eqlee-aside-server > img {
width: 100%
}
}
.eqlee-about-banner {
background-image: url(/_nuxt/img/dd86d4b.png)
}
.eqlee-about-nav {
margin-bottom: 25px;
margin-top: -100px
}
.eqlee-about-nav-item .eqlee-about-nav-link:hover {
background: #048cf8;
border-right: 4px solid #fe7e4c;
color: #fff
}
.eqlee-about-ad, .eqlee-about-ad > img {
width: 100%
}
@media screen and (min-width: 760px) {
.eqlee-about-left {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 0 15px
}
.eqlee-about-nav-title {
width: 100%;
height: 180px;
background: #048cf8;
color: #fff;
padding: 15% 28%;
text-align: center;
position: relative
}
.eqlee-about-nav-title .eqlee-about-nav-title-content {
height: 100%;
border: 1px solid #45aafb;
padding: 18% 20%
}
.eqlee-about-nav-title .eqlee-about-nav-title-content:after {
content: "我们";
width: 60px;
height: 30px;
position: absolute;
bottom: 34px;
right: 50px;
background: #048cf8;
font-size: 20px
}
.eqlee-about-nav-title .eqlee-about-nav-title-content > h2 {
font-size: 30px;
font-weight: 700;
margin: 0
}
.eqlee-about-nav-list {
width: 100%
}
.eqlee-about-nav-item .eqlee-about-nav-link {
display: block;
text-align: center;
width: 100%;
height: 55px;
background-color: #f5f5f5;
color: #7e7e7e;
font-size: 16px;
line-height: 3.4;
cursor: pointer;
border-top: 1px solid #e6e6e6
}
.eqlee-about-nav-list .eqlee-about-nav-item-active {
background: #048cf8;
border-right: 4px solid #fe7e4c;
color: #fff
}
.eqlee-about-right {
display: inline-block;
vertical-align: top;
width: 74%;
padding: 0 15px
}
}
@media screen and (max-width: 760px) {
.eqlee-about-container {
padding-top: 0
}
.eqlee-about-nav {
margin-top: 0;
margin-bottom: 0
}
.eqlee-about-nav-title {
text-align: center
}
.eqlee-about-nav-title .eqlee-about-nav-title-content > h2 {
font-weight: 700;
color: #048cf8;
font-size: 25px
}
.eqlee-about-nav-title .eqlee-about-nav-title-content > h2:after {
content: "我们";
font-weight: 700;
color: #fe7e4c;
font-size: 25px
}
.eqlee-about-nav-item {
display: inline
}
.eqlee-about-nav-item .eqlee-about-nav-link {
width: 30%;
display: inline-block;
margin: 4px;
line-height: 30px;
border-radius: 3px;
background: #f0f0f0;
text-align: center;
color: #7e7e7e
}
.eqlee-about-nav-list .eqlee-about-nav-item-active {
border-right: 0
}
}
.eqlee-about-cooperate-cont {
padding: 20px 0 0
}
.eqlee-about-cooperate-detail {
padding: 20px 0
}
.abc_cooperate_list {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-around
}
.eqlee-about-cooperate-item {
width: 18%;
height: 80px;
padding: 21px 11.2px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, .2);
margin-bottom: 15px;
display: block
}
.eqlee-about-coop-cont, .eqlee-about-cooperate-item > img {
width: 100%
}
@media screen and (max-width: 760px) {
.eqlee-about-cooperate-item {
width: 48%
}
}
.eqlee-about-intell-cont {
padding: 20px 0 0
}
.eqlee-about-intell-item > img {
width: 49%;
padding: 0;
vertical-align: top
}
.eqlee-about-intell-item {
margin: 40px 0
}
.eqlee-about-intell-item > div {
-webkit-box-orient: vertical;
display: inline-block;
width: 50%;
font-size: 14px;
color: #666;
line-height: 2.571;
background-color: #fafafa;
padding: 0 15px;
height: 288px;
display: -webkit-box;
-webkit-line-clamp: 6;
overflow: hidden;
text-overflow: ellipsis
}
.eqlee-about-intell-item > div > h2 {
font-size: 20px;
color: #4c4c4c;
line-height: 1.2;
font-weight: 700;
margin-top: 40px;
margin-bottom: 20px
}
.eqlee-about-intell-item:nth-child(2n) > div, .eqlee-about-intell-item:nth-child(2n) > img {
float: right
}
.eqlee-about-intell-item:nth-child(2n-1) > div, .eqlee-about-intell-item:nth-child(2n-1) > img {
float: left
}
.eqlee-about-intell-container .swiper-slide {
padding: 5px;
cursor: pointer;
margin-bottom: 10px;
border-radius: 3px
}
.eqlee-about-intell-container .eqlee-about-intell-slide-init {
box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, .2)
}
.eqlee-about-intell-slide {
background: url(/_nuxt/img/4bf4946.png) no-repeat;
background-size: 100%;
padding: 15% 9.9%
}
.eqlee-about-intell-slide > img {
width: 100%
}
.eqlee-about-intell-container .swiper-slide .eqlee-index-intell-title {
font-size: 1.1em;
color: #5a5a5a;
line-height: 2;
margin: 0;
text-align: center
}
.eqlee-about-intell-container .swiper-slide .eqlee-index-intell-title, .eqlee-about-intell-container .swiper-slide p {
font-size: .9em;
color: #5a5a5a;
line-height: 1.9;
margin: 0;
text-align: center
}
.eqlee-about-intell-honor-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
z-index: 20
}
.eqlee-about-intell-honor-popup > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
height: 100%
}
.eqlee-about-intell-honor-popup img {
height: 100%
}
@media screen and (max-width: 760px) {
.eqlee-about-intell-item > div, .eqlee-about-intell-item > img {
width: 100%
}
.eqlee-about-intell-container .swiper-slide {
padding: 0 10vw
}
.eqlee-about-intell-container .swiper-slide .eqlee-index-intell-title, .eqlee-about-intell-container .swiper-slide > p {
font-size: 1.3em
}
}
.eqlee-solve-banner {
background-image: url(/_nuxt/img/391e699.png)
}
.eqlee-solve-left {
width: 73%;
display: inline-block;
margin: 0 2.6% 0 0
}
.eqlee-solve-right {
display: inline-block;
width: 24%;
vertical-align: top
}
.eqlee-solve-news-item {
flex: 1;
padding: 0;
transition: all .5s;
cursor: pointer
}
.eqlee-solve-news-item:not(:last-child) {
margin-right: 30px
}
.eqlee-solve-news-item img {
width: 100%;
vertical-align: middle
}
.eqlee-solve-news-item .eqlee-solve-news-first {
position: relative
}
.eqlee-solve-news-item > div:last-child {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%
}
.eqlee-solve-news-item .eqlee-solve-news-first .eqlee-solve-news-first-title {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
width: 100%;
font-size: 1.1em;
color: #fff;
line-height: 2;
padding: .4em 0 .4em 1.8em;
margin: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.eqlee-solve-news-first-title .eqlee-solve-news-first-title-content {
color: #fff
}
.eqlee-solve-news-item .eqlee-solve-news-item-ol {
margin-top: 1em;
max-width: 380px
}
.eqlee-solve-news-item li {
list-style: disc inside;
color: #666;
line-height: 2;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
padding-left: 10px
}
.eqlee-solve-news-item li a {
color: #666
}
.eqlee-solve-news-item li:hover, .eqlee-solve-news-item li a:hover {
color: #1e90ff;
text-decoration: underline
}
@media screen and (max-width: 766px) {
.eqlee-solve-left {
width: 100%;
margin: 0
}
}
.eqlee-solve-box-title {
margin-top: 0
}
.eqlee-solve-item {
display: flex;
flex-wrap: wrap
}
.eqlee-solve-item > hr {
width: 100%;
border: 0;
border-top: 1px solid #f3f3f3;
margin: 10px 0
}
.eqlee-solve-item > div:first-child {
flex: 1
}
.eqlee-solve-item > div > img {
width: 100%
}
.eqlee-solve-item > div:nth-child(2) {
flex: 5;
padding: 0 20px
}
.eqlee-solve-item > div .eqlee-solve-item-title {
font-size: 16px;
color: #262626;
font-weight: 700;
cursor: pointer
}
.eqlee-solve-item > div .eqlee-solve-item-title a {
color: #262626
}
.eqlee-solve-item > div > p {
color: #787878;
text-indent: 2em;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis
}
.eqlee-solve-item > div > p a {
color: #787878
}
.eqlee-solve-item:hover div > h2 {
color: #1e90ff
}
@media screen and (max-width: 766px) {
.eqlee-solve-item > div:nth-child(2) {
flex: 1.5;
padding-right: 0
}
.eqlee-solve-item > div:nth-child(2) > h2 {
margin: 1vw 0
}
.eqlee-solve-item > div:nth-child(2) > p {
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis
}
}
.eqlee-woyou-banner {
background-image: url(/_nuxt/img/9d26422.png)
}
.eqlee-woyou-title {
font-size: 0
}
.eqlee-woyou-title > * {
display: inline-block;
vertical-align: top
}
.eqlee-woyou-title-left {
width: 45%;
margin-right: 5%;
padding-top: 80px;
position: relative
}
.eqlee-woyou-title-left > h1 {
font-size: 36px;
margin-bottom: 16px
}
.eqlee-woyou-title-left > p {
font-size: 22px;
color: #80848f;
font-weight: 100;
margin-bottom: 50px
}
.eqlee-woyou-title-left > div > a {
width: 200px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 18px;
color: #fff;
background: linear-gradient(90deg, #77bcfe, #1e90ff);
display: inline-block;
vertical-align: top;
border-radius: 30px;
cursor: pointer
}
.eqlee-woyou-title-left > div > a:last-child {
background: #fff;
color: #1e90ff;
border: 1px solid #1e90ff;
margin-left: 40px
}
.eqlee-woyou-title-right {
width: 50%
}
.eqlee-woyou-title-right > img {
width: 90%
}
.eqlee-woyou-role {
font-size: 0;
padding: 75px 50px
}
.eqlee-woyou-role-item {
display: inline-block;
vertical-align: top;
width: 19%;
margin-right: 8%
}
.eqlee-woyou-role-item:last-child {
margin-right: 0
}
.eqlee-woyou-role-item > h2 {
font-weight: 100;
font-size: 20px;
color: #495060
}
.eqlee-woyou-role-item > div:before {
content: "";
display: table
}
.eqlee-woyou-role-item > div > p {
font-size: 16px;
color: #80848f;
margin-right: 40%;
margin-top: 20px
}
.eqlee-woyou-role-item > div > img {
float: right;
width: 70px;
height: 70px
}
.eqlee-woyou-feature-title {
text-align: center
}
.eqlee-woyou-feature-title > h2 {
font-size: 30px;
color: #616161
}
.eqlee-woyou-feature-title > p {
font-size: 14px;
color: #999
}
.eqlee-woyou-feature-cont {
display: flex;
margin-top: 30px
}
.eqlee-woyou-feature-item {
flex: 1;
width: 23%;
margin: 0 3%;
text-align: center;
padding: 5%;
border-radius: 10px;
border: 1px solid rgba(30, 144, 255, .26667);
position: relative;
overflow: hidden;
height: 420px
}
.eqlee-woyou-feature-item, .eqlee-woyou-feature-item > * {
transition: all .2s linear
}
.eqlee-woyou-feature-item:last-child {
margin-right: 0
}
.eqlee-woyou-feature-item > img {
width: 70%
}
.eqlee-woyou-feature-item > span {
font-size: 50px;
color: rgba(30, 144, 239, .73333)
}
.eqlee-woyou-feature-item > h4 {
font-size: 20px;
color: #666;
font-weight: 700;
margin-top: 20px;
line-height: 5
}
.eqlee-woyou-feature-item > p {
color: #999;
font-size: 14px;
text-align: justify
}
.eqlee-woyou-feature-item > div {
position: absolute;
bottom: -310px;
left: 50%;
transform: translateX(-50%);
font-size: 230px;
color: #aaa;
font-weight: 700;
overflow: hidden;
line-height: 1;
z-index: 1;
transition: all 1s
}
.eqlee-woyou-intro-left {
width: 51%;
margin-right: 10%;
display: inline-block;
vertical-align: top;
padding: 40px 0
}
.eqlee-woyou-intro-left > img {
width: 100%
}
.eqlee-woyou-intro-right {
width: 38%;
display: inline-block;
vertical-align: top;
padding: 80px 0
}
.eqlee-woyou-intro-right > h2 {
color: #616161;
font-size: 30px
}
.eqlee-woyou-intro-right > p {
padding: 40px 0;
color: #666;
font-size: 14px;
text-indent: 3em;
line-height: 28px
}
.eqlee-woyou-intro-right > a {
float: right;
padding: .5em 3em;
border-radius: 4px;
background-color: #098ef8;
color: #fefefe;
cursor: pointer
}
.eqlee-woyou-summary-title {
text-align: center;
font-size: 30px;
color: #333;
margin-bottom: 50px
}
.wy_video_title {
font-size: 28px;
color: #616161;
text-align: center
}
.wy_video_cont {
display: flex;
margin-top: 40px;
padding: 0 80px 30px
}
.wy_video_item {
flex: 1;
margin: 0 10px;
border-radius: 10px;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .2);
cursor: pointer
}
.wy_video_item > img {
width: 100%
}
.wy_video_item > p {
font-size: 14px;
color: #616161;
text-align: center;
margin: 1em 0
}
.wy_method_main {
background-color: #f1f2f5
}
.wy_method_main:before {
content: "";
display: table
}
.wy_method_title {
font-size: 28px;
color: #616161;
text-align: center
}
.wy_method_cont {
display: flex;
margin-top: 40px;
padding: 0 80px 30px
}
.wy_method_item {
flex: 1;
margin: 0 10px;
border-radius: 10px;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .2)
}
.wy_method_item > img {
width: 100%;
cursor: pointer
}
.wy_method_item > div {
font-size: 14px;
color: #616161;
text-align: center;
margin: 1em 0
}
.wy_method_item > div > a {
color: #2682ff;
cursor: pointer
}
.wy_method_item > div > a:hover {
color: #2682ff
}
.eqlee-woyou-toreg {
background-color: #292d3b;
height: 220px;
font-weight: lighter;
text-align: center;
padding: 50px 0
}
.eqlee-woyou-toreg > div {
color: #fff;
font-size: 24px;
text-align: center;
display: inline-block;
line-height: 1.5
}
.eqlee-woyou-toreg > div > a {
color: #ddd;
font-size: 16px;
text-decoration: underline !important
}
.eqlee-woyou-toreg > a {
margin-top: 90px
}
.eqlee-woyou-toreg > .el-button, .eqlee-woyou-toreg > a {
display: inline-block;
padding: .3em 1em;
color: #fff;
border: 1px solid #1e90ff;
vertical-align: top;
line-height: 1;
margin-left: 20px;
font-size: 20px;
cursor: pointer;
background-color: #1e90ff
}
.eqlee-woyou-toreg > .el-button {
margin-top: 20px
}
.eqlee-woyou-regCode {
width: 100px;
height: 100px
}
.eqlee-woyou-video-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .7)
}
.eqlee-woyou-video-popup > video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.eqlee-woyou-index-news {
width: 100%
}
.eqlee-woyou-seokey > * {
color: #292d3b
}
.eqlee-woyou-seokey {
background: #292d3b;
margin-top: -88px
}
.eqlee-woyou-register {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 501;
background-color: rgba(0, 0, 0, .33333)
}
.eqlee-woyou-register-cont {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
width: 400px;
padding: 20px 25px
}
.eqlee-woyou-register-title {
font-size: 20px;
color: #1e90ff;
line-height: 2;
border-bottom: 1px solid #1e90ff
}
.eqlee-woyou-register-form > input {
width: 100%;
margin-top: 23px;
padding: 0 20px;
border: 0;
outline: none;
background-color: #efefef;
height: 50px;
color: #646464;
border-radius: 3px
}
.eqlee-woyou-register-check {
padding: 10px 0;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.eqlee-woyou-register-cont > a {
display: inline-block;
background: #1e90ff;
color: #fff;
font-size: 18px;
width: 100%;
border-radius: 3px;
text-align: center;
height: 40px;
line-height: 40px;
cursor: pointer;
outline: none;
border: 0
}
@media screen and (min-width: 766px) {
.eqlee-woyou-feature-item:hover {
background-color: rgba(30, 144, 239, .73333);
border: 0
}
.eqlee-woyou-feature-item:hover > * {
color: #fff;
transform: scale(1.3)
}
.eqlee-woyou-feature-item:hover > div {
bottom: 0;
color: hsla(0, 0%, 100%, .6)
}
.eqlee-woyou-feature-item:hover > span {
font-size: 60px
}
.eqlee-woyou-code {
display: none;
position: absolute;
top: 102%;
left: 4%;
width: 160px;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .2);
border-radius: 10px;
text-align: center;
border: 1px solid #efeff4;
z-index: 1
}
.eqlee-woyou-code:before {
content: "";
display: block;
width: 0;
height: 0;
border: 12px solid transparent;
border-bottom: 8px solid #fff;
position: absolute;
top: -6%;
left: 50%;
transform: translate(-50%, -50%)
}
.eqlee-woyou-code > img {
width: 100%
}
.eqlee-woyou-code > p {
color: #999;
margin: 0;
font-size: 12px;
line-height: 2
}
}
@media screen and (max-width: 766px) {
.eqlee-woyou-feature-cont {
flex-wrap: wrap
}
.eqlee-woyou-feature-item {
flex: 0 1 48%;
margin-right: 2%
}
.eqlee-woyou-feature-item:nth-child(2n) {
margin-right: 0
}
.eqlee-woyou-intro-left {
width: 100%;
margin: 0
}
.eqlee-woyou-intro-right {
width: 100%;
padding: 0
}
.eqlee-woyou-intro-right > a {
float: none
}
.eqlee-woyou-summary-main {
height: auto
}
.eqlee-woyou-summary-main .eqlee-box-container {
padding: 35px 15px
}
.wy_video_cont {
padding: 0;
flex-wrap: wrap
}
.wy_video_item {
flex: 0 1 100%;
margin-bottom: 20px
}
.eqlee-woyou-summary-title, .wy_method_title, .wy_video_title {
font-size: 1.3em;
margin-top: 50px
}
.wy_method_cont {
padding: 0;
flex-wrap: wrap
}
.wy_method_item {
flex: 0 1 100%;
margin-bottom: 20px
}
.eqlee-woyou-toreg {
font-size: 1.2em;
line-height: 1;
padding: 30px 15px;
height: 270px
}
.eqlee-woyou-toreg > .el-button, .eqlee-woyou-toreg > a {
font-size: .9em;
margin: 15px 0 0
}
.eqlee-woyou-summary-title {
margin-bottom: 20px
}
.eqlee-woyou-title-left {
width: 100%;
padding-top: 0;
margin-right: 0;
margin-bottom: 50px
}
.eqlee-woyou-title-right {
width: 100%
}
.eqlee-woyou-title-left > h1 {
font-size: 22px
}
.eqlee-woyou-title-left > p {
font-size: 17px;
margin-bottom: 30px
}
.eqlee-woyou-title-left > div {
margin: 0 10vw
}
.eqlee-woyou-title-left > div > a {
width: 30vw;
height: 35px;
line-height: 35px;
font-size: 16px
}
.eqlee-woyou-role {
padding: 75px 15px
}
.eqlee-woyou-role-item {
width: 42vw
}
.eqlee-woyou-role-item:nth-child(2n) {
margin-right: 0
}
.eqlee-woyou-role-item > h2 {
font-size: 16px
}
.eqlee-woyou-role-item > div > p {
font-size: 13px;
margin-top: 10px
}
.eqlee-woyou-role-item > div > img {
width: 60px;
height: 60px
}
.eqlee-woyou-feature-item {
flex: 0 1 46%;
height: 270px;
margin-bottom: 20px
}
.eqlee-woyou-feature-item > h4 {
font-size: 17px;
line-height: 3;
margin-top: 0
}
.eqlee-woyou-feature-item > p {
font-size: 12px
}
}
.eqlee-retail-banner {
background-image: url(/_nuxt/img/68fbc52.png)
}
.eqlee-retail-merit > h1 {
font-size: 30px;
text-align: center;
margin-bottom: 30px
}
.eqlee-retail-merit-item {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 15px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
height: 142px
}
.eqlee-retail-merit-item:hover > span {
color: #fff;
background-color: #1e90ff;
border-color: #1e90ff
}
.eqlee-retail-merit-item > span {
font-size: 25px;
color: #999;
border: 1px solid #999;
border-radius: 4px;
width: 52px;
height: 52px;
line-height: 52px;
display: inline-block;
text-align: center;
vertical-align: middle;
transition: all .3s linear
}
.eqlee-retail-merit-item > h2 {
font-size: 16px;
color: #333;
font-weight: lighter;
line-height: 1.7;
display: inline-block;
margin-left: 5px;
vertical-align: middle
}
.eqlee-retail-merit-item > h2 > p {
font-size: 14px;
color: #b9b9b9;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.eqlee-retail-merit-item > div {
font-size: 14px;
color: #666;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 10px
}
.eqlee-retail-merit-item > div > p {
overflow: hidden
}
.eqlee-retail-feature {
background: url(/_nuxt/img/6b6f9e4.png) 50%;
background-size: cover
}
.eqlee-retail-feature h3 {
font-size: 30px;
color: #fff;
text-align: center
}
.eqlee-retail-feature-cont {
display: flex;
flex-wrap: wrap
}
.eqlee-retail-feature-item {
width: 25%;
margin: 50px 0;
white-space: nowrap
}
.eqlee-retail-feature-item > img {
width: 70px;
height: 70px;
margin-right: 49px;
vertical-align: middle
}
.eqlee-retail-feature-item > p {
display: inline-block;
color: #fff;
font-size: 16px;
width: 50%;
white-space: normal;
vertical-align: middle
}
.eqlee-retail-pattern-title {
color: #616161;
font-size: 30px;
text-align: center;
margin-bottom: 56px
}
.eqlee-retail-pattern-item {
width: 60%;
margin: 0 auto 56px
}
.eqlee-retail-pattern-item > img {
width: 100%;
margin-bottom: 46px
}
.eqlee-retail-pattern-item > p {
color: #333;
font-size: 16px;
text-align: center
}
.eqlee-retail-why {
text-align: center
}
.eqlee-retail-why > h1 {
font-size: 30px;
color: #333
}
.eqlee-retail-why > p {
color: #666;
font-size: 16px;
margin-bottom: 40px
}
.eqlee-retail-why-item {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 80px 0
}
.eqlee-retail-why-item > span {
display: inline-block;
border: 3px solid #666;
border-radius: 50%;
font-size: 46px;
width: 96px;
height: 96px;
text-align: center;
line-height: 96px;
color: #666;
margin-bottom: 40px
}
.eqlee-retail-why-item > h2 {
font-size: 18px;
color: #666;
line-height: 3
}
.eqlee-retail-why-item > p {
font-size: 14px;
color: #999;
width: 60%;
margin: 0 auto
}
.eqlee-retail-everyone-main {
background-color: #f1f2f5
}
.eqlee-retail-everyone-main h2 {
font-size: 30px;
color: #616161;
text-align: center;
margin-bottom: 53px
}
.eqlee-retail-everyone-cont {
display: flex;
flex-wrap: wrap
}
.eqlee-retail-everyone-item {
width: 23.33%;
justify-content: space-between;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);
border-radius: 10px;
margin-bottom: 38px;
background-color: #fff;
cursor: pointer
}
.eqlee-retail-everyone-item:not(:nth-child(4n)) {
margin-right: 2.2%
}
.eqlee-retail-everyone-item > img {
width: 100%
}
.eqlee-retail-everyone-item > p {
margin: 10px 0;
font-size: 14px;
color: #616161;
text-align: center
}
@media screen and (min-width: 766px) {
.eqlee-retail-merit-item:nth-of-type(4n) {
border-right: 0
}
.eqlee-retail-merit-item:nth-of-type(n+5) {
border-bottom: 0
}
}
@media screen and (max-width: 766px) {
.eqlee-retail-feature-item {
width: 50%;
margin: 10px 0;
padding: 0 8%
}
.eqlee-retail-feature-item > img {
display: table;
margin: 0 auto
}
.eqlee-retail-feature-item > p {
width: 100%;
display: block;
text-align: center;
margin: 20px 0 10px
}
.eqlee-retail-pattern-title {
margin-bottom: 15px
}
.eqlee-retail-pattern-item {
width: 100%
}
.eqlee-retail-pattern-item > p {
font-size: 13px
}
.eqlee-retail-everyone-main h2 {
font-size: 25px;
margin-bottom: 15px
}
.eqlee-retail-everyone-cont > .eqlee-retail-everyone-item {
width: 48%;
margin-right: 0;
margin-bottom: 5%
}
.eqlee-retail-everyone-item:nth-child(2n-1) {
margin-right: 3%
}
.eqlee-retail-everyone-item > p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.eqlee-retail-merit-item {
border-right: 0;
width: 100%
}
.eqlee-retail-merit-item:last-child {
border-bottom: 0
}
.eqlee-retail-why-item {
padding: 0;
width: 50%;
margin-bottom: 30px
}
.eqlee-retail-why-item > span {
margin: 0;
width: 75px;
height: 75px;
line-height: 75px;
font-size: 35px
}
}
.eqlee-retail-detail-title {
text-align: center;
font-size: 28px;
color: #333
}
.eqlee-retail-detail-summary {
font-size: 15px;
color: #666;
text-align: center
}
.eqlee-build-banner {
background-image: url(/_nuxt/img/511b1f7.png);
height: 500px;
text-align: center;
line-height: 500px;
color: #fff;
font-size: 50px
}
.eqlee-build-menu {
font-size: 0;
height: 240px
}
.eqlee-build-menu-item {
display: inline-block;
vertical-align: top;
width: 33.33%;
height: 100%;
text-align: center
}
.eqlee-build-menu-item > h1 {
font-size: 80px;
font-family: serif;
color: #fff;
line-height: 150px
}
.eqlee-build-menu-item > p {
color: #fff;
font-size: 32px;
line-height: 50px
}
.eqlee-build-menu-item:first-child > img {
margin: 60px 0 30px
}
.eqlee-build-menu-item:nth-child(2) > img {
margin: 30px 0 5px
}
.eqlee-build-menu-item:first-child {
background-color: #98d64d
}
.eqlee-build-menu-item:nth-child(2) {
background-color: #f9be4c
}
.eqlee-build-menu-item:nth-child(3) {
background-color: #f04c34
}
.eqlee-build-what {
font-size: 0
}
.eqlee-build-what > h1 {
font-size: 40px;
text-align: center
}
.eqlee-build-what-item {
display: inline-block;
vertical-align: top;
width: 25%;
text-align: center;
padding: 70px 0;
height: 470px
}
.eqlee-build-what-item > h1 {
font-size: 23px;
color: #555;
margin: 40px 0;
position: relative
}
.eqlee-build-what-item > h1:after {
content: "";
position: absolute;
bottom: -20px;
width: 150px;
height: 0;
border-top: 2px solid #1e90ff;
left: 50%;
transform: translate(-50%)
}
.eqlee-build-what-item > div {
line-height: 2;
padding-left: 100px;
text-align: left
}
.eqlee-build-what-item > div li, .eqlee-build-what-item > div ul {
list-style: square
}
.eqlee-build-case {
font-size: 0
}
.eqlee-build-case > h1 {
text-align: center;
font-size: 40px;
margin-bottom: 40px
}
.eqlee-build-case-item {
display: inline-block;
vertical-align: top;
width: 32%;
margin-right: 2%;
margin-bottom: 20px;
overflow: hidden
}
.eqlee-build-case-item > img {
width: 100%;
vertical-align: bottom;
height: 240px;
transition: all .3s linear
}
.eqlee-build-case-item > p {
width: 100%;
height: 70px;
background-color: #f8f8f8;
transition: all .5s linear;
text-align: center;
line-height: 70px;
font-size: 16px;
position: relative;
z-index: 1;
overflow: hidden
}
.eqlee-build-case-item > p:before {
content: "";
display: block;
transition: all .5s linear;
background-color: rgba(0, 0, 0, .10196);
position: absolute;
width: 100%;
height: 100%;
top: -100%;
z-index: -1
}
.eqlee-build-case-item:hover > img {
transform: scale(1.2)
}
.eqlee-build-case-item:hover > p:before {
top: 0
}
@media screen and (min-width: 766px) {
.eqlee-build-case-item:nth-of-type(3n) {
margin-right: 0
}
.eqlee-build-case-item:hover > img {
transform: scale(1.2)
}
.eqlee-build-case-item:hover > p:before {
top: 0
}
}
@media screen and (max-width: 766px) {
.eqlee-build-banner {
height: 200px;
line-height: 200px;
font-size: 30px
}
.eqlee-build-menu {
height: auto
}
.eqlee-build-menu-item {
width: 100%;
height: 160px
}
.eqlee-build-menu-item > p {
font-size: 24px
}
.eqlee-build-menu-item:first-child > img {
width: 60%;
margin: 30px 0 10px
}
.eqlee-build-menu-item:nth-child(2) > img {
width: 17%
}
.eqlee-build-menu-item > h1 {
font-size: 50px;
line-height: 90px
}
.eqlee-build-what-item {
width: 50%;
padding-bottom: 0;
height: auto
}
.eqlee-build-what-item > img {
width: 85px;
height: 85px
}
.eqlee-build-what-item > h1 {
font-size: 17px;
margin: 20px 0
}
.eqlee-build-what-item > h1:after {
bottom: -4px
}
.eqlee-build-what-item > div {
padding-left: 10vw
}
.eqlee-build-case-item {
width: 45vw;
margin-right: 2vw
}
.eqlee-build-case-item:nth-of-type(2n) {
margin-right: 0
}
.eqlee-build-case-item > img {
height: 120px
}
.eqlee-build-case-item > p {
height: 50px;
line-height: 50px;
font-size: 12px
}
}
.eqlee-custom-banner {
background-image: url(/_nuxt/img/a09eae7.png);
height: 570px;
text-align: center
}
.eqlee-custom-banner > .eqlee-box-container > h1 {
font-size: 50px;
color: #fff
}
.eqlee-custom-banner > .eqlee-box-container > a {
display: inline-block;
color: #eee;
padding: 0 20px;
height: 50px;
line-height: 50px;
border: 1px solid #eee;
font-size: 21px;
margin-bottom: 100px;
cursor: pointer
}
.eqlee-custom-ban-item {
display: inline-block;
width: 20%;
margin-right: 30px;
vertical-align: top
}
.eqlee-custom-ban-item > i {
float: left;
width: 80px;
height: 80px;
color: #fff;
font-size: 40px;
text-align: center;
line-height: 80px;
border-radius: 50%;
border: 1px solid #fff
}
.eqlee-custom-ban-item > h2 {
color: #fff;
font-size: 18px;
text-align: left;
margin: 10px 0 0 90px
}
.eqlee-custom-ban-item > p {
color: #ddd;
font-size: 12px;
text-align: left;
margin-left: 90px
}
.eqlee-custom-include {
text-align: center
}
.eqlee-custom-include > h1 {
font-size: 30px;
color: #616161
}
.eqlee-custom-include > p {
font-size: 14px;
color: #999;
margin-bottom: 60px
}
.eqlee-custom-include-list {
font-size: 0
}
.eqlee-custom-include-item {
display: inline-block;
width: 21.1%;
padding: 50px 10px;
border: 1px solid #dfdfdf;
vertical-align: top;
border-radius: 5px;
margin-right: 5%;
height: 309px;
transition: all .5s
}
.eqlee-custom-include-item > img {
width: 100px;
height: 80px
}
.eqlee-custom-include-item > h2 {
font-size: 20px;
color: #333;
margin: 30px 0 15px
}
.eqlee-custom-include-item > p {
transition: all .5s;
font-size: 14px;
color: #999;
text-align: left;
height: 38px;
overflow: hidden
}
.eqlee-custom-worth {
background-color: #5768a0;
text-align: center;
padding-top: 50px
}
.eqlee-custom-worth > .eqlee-box-container > h1 {
font-size: 30px;
color: #fff
}
.eqlee-custom-worth > .eqlee-box-container > p {
font-size: 14px;
color: #eee;
margin-bottom: 60px
}
.eqlee-custom-worth-item {
display: inline-block;
width: 21.1%;
padding: 50px 10px;
vertical-align: top;
margin-right: 4%
}
.eqlee-custom-worth-item > h2 {
font-size: 20px;
color: #eee;
margin: 30px 0 15px
}
.eqlee-custom-worth-item > p {
transition: all .5s;
font-size: 14px;
color: #ddd;
text-align: left;
overflow: hidden
}
.eqlee-custom-case {
background: url(/_nuxt/img/3f95285.png);
background-size: cover;
text-align: center;
padding-top: 50px
}
.eqlee-custom-case > .eqlee-box-container > h1 {
font-size: 30px;
color: #fff
}
.eqlee-custom-case > .eqlee-box-container > p {
font-size: 14px;
color: #eee;
margin-bottom: 60px
}
.eqlee-custom-case-item {
display: inline-block;
width: 205px;
height: 155px;
margin-bottom: 30px;
margin-right: 40px;
position: relative
}
.eqlee-custom-case-item > img {
width: 100%;
height: 100%
}
.eqlee-custom-case-item > h2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 20px;
color: #fff;
background-color: rgba(39, 101, 155, .81176);
padding: 30px 10px;
line-height: 1.5
}
.eqlee-custom-register {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 501;
background-color: rgba(0, 0, 0, .33333)
}
.eqlee-custom-reg-cont {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
width: 400px;
padding: 20px 25px
}
.eqlee-custom-reg-title {
font-size: 20px;
color: #1e90ff;
line-height: 2;
border-bottom: 1px solid #1e90ff
}
.eqlee-custom-reg-form > input {
width: 100%;
margin-top: 23px;
padding: 0 20px;
border: 0;
outline: none;
background-color: #efefef;
height: 50px;
color: #646464;
border-radius: 3px
}
.eqlee-custom-reg-check {
padding: 10px 0;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.eqlee-custom-reg-cont > a {
display: inline-block;
background: #1e90ff;
color: #fff;
font-size: 18px;
width: 100%;
border-radius: 3px;
text-align: center;
height: 40px;
line-height: 40px;
cursor: pointer;
outline: none;
border: 0;
margin-top: 23px
}
@media screen and (min-width: 766px) {
.eqlee-custom-banner > .eqlee-box-container {
padding-top: 150px
}
.eqlee-custom-ban-item:last-child {
margin-right: 0
}
.eqlee-custom-include {
height: 600px
}
.eqlee-custom-include-item:last-child {
margin-right: 0
}
.eqlee-custom-include-item:hover {
border: 1px solid #1e90ff;
height: 370px
}
.eqlee-custom-include-item:hover > p {
height: 100px;
overflow: visible
}
.eqlee-custom-case-item:nth-child(5n), .eqlee-custom-worth-item:last-child {
margin-right: 0
}
}
@media screen and (max-width: 766px) {
.eqlee-custom-banner > .eqlee-box-container > h1 {
font-size: 30px
}
.eqlee-custom-banner > .eqlee-box-container > a {
font-size: 17px;
height: 40px;
line-height: 40px;
margin: 20px 0 40px
}
.eqlee-custom-ban-item {
width: 100%;
padding: 0 50px;
margin-bottom: 10px;
margin-right: 0
}
.eqlee-custom-include-item {
width: 45%;
padding: 30px 10px;
height: 239px;
margin-bottom: 15px
}
.eqlee-custom-include-item:nth-child(2n) {
margin-right: 0
}
.eqlee-custom-include-item:nth-child(n+3) {
margin-bottom: 0
}
.eqlee-custom-include-item > img {
width: 70px;
height: 50px
}
.eqlee-custom-include-item > h2 {
margin: 20px 0 15px;
font-size: 17px
}
.eqlee-custom-worth-item {
width: 48%;
padding: 10px;
margin-bottom: 15px
}
.eqlee-custom-worth-item:nth-child(2n) {
margin-right: 0
}
.eqlee-custom-worth-item > h2 {
margin: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.eqlee-custom-case-item {
width: 135px;
height: 105px
}
.eqlee-custom-case-item:nth-child(2n) {
margin-right: 0
}
.eqlee-custom-case-item:nth-child(n+9) {
margin-bottom: 0
}
.eqlee-custom-case-item > h2 {
font-size: 17px
}
}
.eqlee-succ-banner {
background-image: url(/_nuxt/img/99a7596.png)
}
.eqlee-succ-container {
padding: 0
}
.eqlee-succ-filter-aim {
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .1);
padding: 14px 20px 0
}
.eqlee-succ-filter-aim-item > span {
font-size: 14px;
color: #999;
line-height: 2.571
}
.eqlee-succ-filter-aim-item > a {
font-size: 14px;
color: #666;
line-height: 2.571;
margin: 0 20px;
cursor: pointer
}
.eqlee-succ-filter-aim-item > .eqlee-succ-item-active {
color: #048cf8
}
@media screen and (max-width: 760px) {
.eqlee-succ-filter-aim-item > a {
margin: 0 15px
}
}
.eqlee-succ-show-item {
margin-top: 30px
}
.eqlee-succ-show-item:last-child > div, .eqlee-succ-show-item:nth-child(2) > div {
float: right
}
.eqlee-succ-dec {
float: left;
width: 50%;
background-color: #fafafa;
padding: 10px 0 10px 40px;
box-sizing: border-box;
height: 380px
}
.eqlee-succ-dec > h2 {
font-size: 24px;
line-height: 2
}
.eqlee-succ-dec > h2, .eqlee-succ-dec > span {
color: #333;
font-weight: 700;
display: inline-block;
margin: 0
}
.eqlee-succ-dec > span {
font-size: 15px;
line-height: 2.4
}
.eqlee-succ-dec > a {
margin-left: 1em
}
.eqlee-succ-dec > a > span {
font-size: 25px;
color: #666
}
.eqlee-succ-dec > a:hover > span {
color: #1e90ff
}
.eqlee-succ-dec > p {
font-size: 13px;
color: #4c4c4c;
line-height: 2.571;
padding-right: 60px;
text-indent: 2em
}
.eqlee-succ-show-img {
float: left;
width: 50%;
padding: 0
}
.eqlee-succ-show-img > img {
width: 100%
}
.eqlee-succ-case-show {
display: flex;
margin-top: 60px
}
.eqlee-succ-case-item {
flex: 1;
box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .2);
width: 30%;
position: relative;
cursor: pointer
}
.eqlee-succ-case-item > img {
width: 100%
}
.eqlee-succ-case-item:not(:last-child) {
margin-right: 20px
}
.eqlee-succ-case-item:last-child {
background: #048cf8;
font-size: 17px;
color: #fff;
line-height: 14;
font-weight: 700;
text-align: center
}
.eqlee-succ-case-item .eqlee-succ-case-item-title {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
width: 100%;
font-size: 1.1em;
color: #fff;
line-height: 2;
padding: .4em 0;
margin: 0;
text-align: center
}
@media screen and (max-width: 760px) {
.eqlee-succ-show-item:nth-child(2) > div, .show_item:last-child > div {
float: left
}
.eqlee-succ-dec, .eqlee-succ-show-img {
width: 100%
}
.eqlee-succ-dec > h2, .eqlee-succ-dec > span {
font-size: 16px
}
.eqlee-succ-dec {
height: 340px;
padding: 10px
}
.eqlee-succ-dec > p {
padding: 0
}
.eqlee-succ-case-show {
flex-wrap: wrap
}
.eqlee-succ-case-show > .eqlee-succ-case-item {
flex: 100%;
margin: 0 0 15px
}
.eqlee-succ-case-item:last-child {
line-height: 2.4;
font-size: 1rem;
border-radius: 4px;
font-weight: lighter
}
}
.eqlee-succ-detail-cont {
width: 1200px;
margin: 0 auto;
padding-bottom: 40px
}
.eqlee-succ-detail-title {
text-align: center
}
.eqlee-succ-detail-title > h2 > a {
cursor: pointer;
margin-left: 5px
}
.eqlee-succ-detail-title > h2 > a > span {
font-size: 21px;
color: #666
}
@media screen and (max-width: 760px) {
.eqlee-succ-detail-cont {
width: 100%;
padding: 15px
}
}
.eqlee-succ-scf-cont {
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.eqlee-succ-scf-item {
width: 31%;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .1);
margin: 0 14px 50px;
cursor: pointer;
position: relative;
overflow: hidden
}
.eqlee-succ-scf-item > img {
width: 100%
}
.eqlee-succ-scf-item > h2 {
font-size: 15px;
color: #666;
line-height: 3;
margin: 0
}
@media screen and (min-width: 766px) {
.eqlee-succ-scf-item:hover h2 {
top: 80%;
height: 20%
}
.eqlee-succ-scf-item > h2 {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 1;
background-color: rgba(0, 0, 0, .7);
color: #fff;
transition: all .5s;
text-align: center
}
}
@media screen and (max-width: 760px) {
.eqlee-succ-scf-item {
width: 41vw;
margin: 0 .5rem 1.5rem
}
.eqlee-succ-scf-cont {
padding-bottom: 50px
}
.scf_box_page {
margin-top: 0
}
.eqlee-succ-scf-item > h2 {
font-size: 15px;
color: #666;
line-height: 2;
margin: 0;
padding-left: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
}
.wrapper img {
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
margin: 0 auto
}
.productIndex1 {
background-color: #f9f9f9;
padding: 20px 0 100px
}
.productIndex1 .icon {
margin: 10px 0 20px
}
.productIndex1 .icon i {
font-size: 36px;
color: #1eb858
}
.productIndex1 .indexContent {
margin-left: 0;
margin-bottom: 20px
}
.productIndex1 .indexContent h1 {
font-size: 15px;
font-weight: 600;
color: #222;
margin: 0 0 10px;
letter-spacing: 1px;
text-transform: uppercase
}
.productIndex1 .indexContent p {
font-size: 14px;
color: #a1a1a1;
line-height: 1.4;
margin: 10px 0 0
}
.productIndex2 {
background-color: #fff;
padding: 100px 0
}
.productIndex2 .index2Icon {
margin: 0 0 10px;
background: #e5bb73;
width: 60px;
height: 60px;
display: inline-block;
border-radius: 50%
}
.productIndex2 .index2Icon i {
font-size: 34px;
color: #fff;
margin-top: 6px;
display: inline-block
}
.productIndex2 .index2content h1 {
font-size: 21px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0;
color: #454545;
margin: 0 0 10px
}
.productIndex2 .index2content p {
font-size: 14px;
line-height: 1.5;
color: #a1a1a1;
letter-spacing: 0;
min-height: 64px
}
.productIndex2 .index2Title {
max-width: 600px;
margin: 0 auto;
padding: 0 0 50px
}
.productIndex2 .index2Image {
margin-top: 30px
}
.productIndex2 .index2Image img {
width: 100%;
height: 100%
}
.index3Image {
margin-top: 30px
}
.index3Image img {
width: 100%;
height: 100%
}
.productIndex2 .index2Title h1 {
font-size: 37px;
font-weight: 900;
line-height: 1.2;
letter-spacing: -2px;
color: #454545;
margin: 0 0 30px
}
.productIndex2 .index2Title p {
font-size: 14px;
line-height: 1.5;
color: #a1a1a1;
letter-spacing: 0
}
.productIndex3 {
background-color: #f9f9f9;
padding: 100px 0
}
.productIndex3 .icon {
margin: 10px 0 20px
}
.productIndex3 .icon i {
font-size: 36px;
color: #3c8dbc
}
.productIndex3 .indexContent {
margin-left: 0;
margin-bottom: 20px
}
.productIndex3 .indexContent h1 {
font-size: 15px;
font-weight: 600;
color: #222;
margin: 0 0 10px;
letter-spacing: 1px;
text-transform: uppercase
}
.productIndex3 .indexContent p {
font-size: 14px;
color: #a1a1a1;
line-height: 1.4;
margin: 10px 0 0;
min-height: 40px
}
.indexContent p {
min-height: 58px
}
.container {
margin: 0 auto;
padding: 0 15px;
text-align: center
}
.productTitle h1 {
font-size: 37px;
font-weight: 900;
margin: 0 0 10px
}
.productTitle p {
font-size: 16px;
font-weight: 400;
color: #a1a1a1;
line-height: 1.4;
margin: 10px 0 50px
}
.pointLeft {
padding: 0 !important
}
.pointInDown img {
display: block;
width: 100%;
height: 100%
}
.pointRight {
padding: 0 !important
}
@media screen and (min-width: 992px) {
.container {
max-width: 1400px
}
.productIndex1 {
background-color: #f9f9f9;
padding: 150px 0 100px
}
.productIndex1 .icon i {
font-size: 72px;
color: #1eb858
}
.productIndex3 .icon i {
font-size: 72px;
color: #3c8dbc
}
}
.eqlee-news-banner {
background-image: url(/_nuxt/img/a333874.png)
}
.eqlee-news-nav {
margin-bottom: 25px;
margin-top: -100px
}
.eqlee-news-nav-item .eqlee-news-nav-link:hover {
background: #048cf8;
border-right: 4px solid #fe7e4c;
color: #fff
}
.eqlee-news-about-ad, .eqlee-news-about-ad > img {
width: 100%
}
@media screen and (min-width: 760px) {
.eqlee-news-left {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 0 15px
}
.eqlee-news-nav-title {
width: 100%;
height: 180px;
background: #048cf8;
color: #fff;
padding: 15% 28%;
text-align: center;
position: relative
}
.eqlee-news-nav-title .eqlee-news-nav-title-content {
height: 100%;
border: 1px solid #45aafb;
padding: 18% 20%
}
.eqlee-news-nav-title .eqlee-news-nav-title-content:after {
content: "我们";
width: 60px;
height: 30px;
position: absolute;
bottom: 34px;
right: 50px;
background: #048cf8;
font-size: 20px
}
.eqlee-news-nav-title .eqlee-news-nav-title-content > h2 {
font-size: 30px;
font-weight: 700;
margin: 0
}
.eqlee-news-nav-list {
width: 100%
}
.eqlee-news-nav-item .eqlee-news-nav-link {
display: block;
text-align: center;
width: 100%;
height: 55px;
background-color: #f5f5f5;
color: #7e7e7e;
font-size: 16px;
line-height: 3.4;
cursor: pointer;
border-top: 1px solid #e6e6e6
}
.eqlee-news-nav-list .eqlee-news-nav-item-active {
background: #048cf8;
border-right: 4px solid #fe7e4c;
color: #fff
}
.eqlee-news-right {
display: inline-block;
vertical-align: top;
width: 74%;
padding: 0 15px
}
.eqlee-news-right .eqlee-adv-container {
margin-bottom: 40px
}
}
@media screen and (max-width: 760px) {
.eqlee-news-nav {
margin-top: 0
}
.eqlee-news-nav-title {
text-align: center
}
.eqlee-news-nav-title .eqlee-news-nav-title-content > h2 {
font-weight: 700;
color: #048cf8;
font-size: 25px
}
.eqlee-news-nav-title .eqlee-news-nav-title-content > h2:after {
content: "我们";
font-weight: 700;
color: #fe7e4c;
font-size: 25px
}
.eqlee-news-nav-item {
display: inline
}
.eqlee-news-nav-item .eqlee-news-nav-link {
width: 30%;
display: inline-block;
margin: 4px;
line-height: 30px;
border-radius: 3px;
background: #f0f0f0;
text-align: center;
color: #7e7e7e
}
.eqlee-news-nav-list .eqlee-news-nav-item-active {
border-right: 0
}
}
.eqlee-news-show-item {
cursor: pointer;
display: block
}
.eqlee-news-show-item > hr {
width: 100%;
border: 0;
border-top: 1px solid #f3f3f3
}
.eqlee-news-show-item > div:first-child {
flex: 1;
width: 17%;
display: inline-block;
vertical-align: top
}
.eqlee-news-show-item > div:nth-child(2) {
width: 81%;
vertical-align: top;
display: inline-block;
padding: 0 20px
}
.eqlee-news-show-item > div > img {
width: 100%
}
.eqlee-news-show-item > div > p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
color: #787878;
text-indent: 2em
}
.eqlee-news-show-item > div > h2 {
font-size: 16px;
color: #262626;
font-weight: 700
}
.eqlee-news-show-item:hover > div > h2 {
text-decoration: underline;
color: #048cf8
}
@media screen and (min-width: 766px) {
.eqlee-news-show-item > div > img {
height: 94px
}
.eqlee-news-show-item > div > h2 {
line-height: 2
}
.ns_news_right .ad_compaign_cont {
margin-bottom: 40px
}
}
@media screen and (max-width: 766px) {
.eqlee-news-show-item > div:first-child {
width: 33%
}
.eqlee-news-show-item > div:nth-child(2) {
width: 65%;
padding: 0 0 0 10px
}
.eqlee-news-show-item > div > h2 {
font-size: 14px;
margin: 1vw 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.eqlee-news-show-item > div > p {
font-size: 12px
}
.eqlee-news-show-item > div > img {
height: 20vw
}
}
.eqlee-news-detail-title {
text-align: center;
font-size: 15px;
color: #aaa
}
.eqlee-news-detail-title > h2 {
font-size: 24px;
color: #333
}
.eqlee-news-detail-title > strong {
margin-right: 10px
}
.eqlee-news-detail-title > b {
color: #aaa
}
.eqlee-news-detail-text {
margin-top: 25px
}
.eqlee-news-detail-text > img {
float: right;
width: 48%;
margin-left: 2%
}
@media screen and (max-width: 760px) {
.eqlee-news-detail-text > p {
width: 100%
}
}
.eqlee-newscolumn- {
background-image: url(/_nuxt/img/a333874.png)
}
.eqlee-newscolumn-ulist {
border: 1px solid #e8e6e6;
width: 100%;
padding: .5vw;
margin: 1vh 0 2vh;
position: relative
}
.eqlee-newscolumn-ulist a {
color: #262626
}
.eqlee-newscolumn-ulist a:hover {
text-decoration: underline
}
.eqlee-newscolumn-ulist .title {
border-bottom: 1px solid #e8e6e6;
margin-top: -1vh;
height: 40px;
line-height: 40px
}
.eqlee-newscolumn-ulist h3 {
display: inline-block;
font-size: 16px;
color: #254282;
font-weight: 700
}
.eqlee-newscolumn-ulist .more {
position: absolute;
right: 1px
}
.eqlee-newscolumn-ulist .more a {
color: #a09e9e
}
.eqlee-newscolumn-ulist ul {
margin-top: .5vh
}
.eqlee-newscolumn-ulist li {
background: url(/_nuxt/img/3e2d110.png) no-repeat left -270px !important;
height: 27px;
line-height: 27px;
text-indent: 10px;
position: relative;
overflow: hidden
}
.eqlee-newscolumn-ulist li.bold-item {
font-weight: 700;
font-size: 16px;
height: 33px;
line-height: 33px
}
.eqlee-newscolumn-ulist li .dot {
position: absolute;
top: 12px;
left: 0;
display: block;
width: 5px;
height: 5px;
background: #da4453
}
@media screen and (min-width: 760px) {
.eqlee-newscolumn-left {
display: inline-block;
vertical-align: top;
width: 74%;
padding: 0 15px 0 0
}
.eqlee-newscolumn-right {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 0 0 0 15px
}
}
@media screen and (max-width: 760px) {
.eqlee-newscolumn-left, .eqlee-newscolumn-right {
width: 100%
}
}
.eqlee-news-video-item {
width: 23%;
height: 264px;
display: inline-block;
margin-right: 20px;
margin-bottom: 50px
}
.eqlee-news-video-item:nth-child(4), .eqlee-news-video-item:nth-child(8) {
margin-right: 0
}
.eqlee-news-video-item > h2 {
font-size: 16px;
text-align: center
}
.eqlee-news-video-item > h2 > a {
color: #5a5a5a;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block
}
.eqlee-news-video-item > h2 > a:hover {
color: #048cf8
}
@media screen and (max-width: 766px) {
.eqlee-news-video-item {
width: 100%;
height: 100%;
display: inline-block;
margin-right: 0;
margin-bottom: 20px
}
.eqlee-news-video-item > h2 > a {
max-width: 300px;
white-space: nowrap;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis
}
}
.eqlee-news-video-detail-title {
text-align: center;
font-size: 15px;
color: #aaa
}
.eqlee-news-video-detail-title > h2 {
font-size: 24px;
color: #333
}
.eqlee-news-video-detail-title > strong {
margin-right: 10px
}
.eqlee-news-video-detail-title > b {
color: #aaa
}
.eqlee-news-video-detail-text {
margin-top: 25px
}
.eqlee-news-video-detail-item {
width: 35%;
display: inline-block;
margin-right: 20px
}
.eqlee-news-video-detail-item:nth-child(4), .eqlee-news-video-detail-item:nth-child(8) {
margin-right: 0
}
.eqlee-news-video-detail-item > h2 {
font-size: 16px;
text-align: center
}
.eqlee-news-video-detail-item > h2 > a {
color: #5a5a5a
}
.eqlee-news-video-detail-item-detail {
display: inline-block;
width: 60%;
vertical-align: top
}
@media screen and (max-width: 760px) {
.eqlee-news-video-detail-item, .eqlee-news-video-detail-item-detail {
width: 100%
}
}
.eqlee-contact-cont {
padding: 20px 0 0
}
.eqlee-contact-phone {
display: flex
}
.eqlee-contact-phone-item {
flex: 1
}
.eqlee-contact-phone-item > h2 {
font-size: 18px;
color: #28282e;
line-height: 2;
margin: 0
}
.eqlee-contact-phone-item > div {
display: flex
}
.eqlee-contact-phone-item > div > div {
flex: 1;
font-size: 14px;
color: #5a5a5a;
line-height: 2.571
}
.eqlee-contact-other {
display: flex
}
.eqlee-contact-other-item {
flex: 1
}
.eqlee-contact-other-item > img {
margin-top: 10px;
vertical-align: bottom
}
.eqlee-contact-other-item > h2 {
font-size: 18px;
color: #28282e;
line-height: 2
}
.eqlee-contact-other-item > a {
font-size: 14px;
color: #28282e;
line-height: 2.571;
border: 1px solid #28282e;
border-radius: 4px;
padding: 5px 20px;
margin-left: 30px;
font-weight: 700;
cursor: pointer
}
.eqlee-contact-other-item > a:hover {
color: #fff;
background: #28282e
}
.eqlee-contact-other-item > p {
font-size: 14px;
color: #28282e;
line-height: 1.5;
border: 1px solid #28282e;
border-radius: 4px;
padding: 5px 20px;
margin-left: 80px;
font-weight: 700;
width: 200px
}
.eqlee-contact-other-item > div {
width: 23%;
display: inline-block;
margin-right: 30px;
text-align: center
}
.eqlee-contact-other-item > div > img {
width: 90%
}
.eqlee-contact-form {
font-size: 13px;
color: #5a5a5a;
border: 1px solid #d2d2d2;
border-radius: 3px;
padding: 10px 0;
margin-bottom: 10px
}
.eqlee-contact-form:after {
content: "";
display: block;
clear: both
}
.eqlee-contact-form-left, .eqlee-contact-form-right {
width: 49.5%;
display: inline-block;
padding: 0 15px;
vertical-align: top
}
.eqlee-contact-form-item > span {
color: red
}
.eqlee-contact-form-item > div {
background: #f5f5f5;
padding: 9px 20px;
margin: 7px 2px 20px
}
.eqlee-contact-form-item:last-child > div > textarea, .eqlee-contact-form-item > div > input {
width: 100%;
outline: none;
border: 0;
background: #f5f5f5
}
.eqlee-contact-form-item:last-child > div > textarea {
height: 92px;
resize: none
}
.eqlee-contact-form-phone input {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.eqlee-contact-form-phone input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.eqlee-contact-c > .btn-primary {
background-color: #048cf8;
border-color: #048cf8;
padding: 5px 55px;
display: table;
margin: 0 auto;
color: #fff;
cursor: pointer
}
.eqlee-contact-c > .btn-primary:active {
background-color: #0075d2;
border-color: #0075d2
}
.eqlee-contact-map {
height: 400px;
margin-bottom: 30px
}
@media screen and (max-width: 760px) {
.eqlee-contact-container {
padding-top: 0
}
.eqlee-contact-phone {
flex-wrap: wrap
}
.eqlee-contact-phone-item {
flex: 100%;
margin: 20px 0
}
.eqlee-contact-other {
flex-wrap: wrap
}
.eqlee-contact-other-item {
flex: 100%;
margin: 30px 0
}
.eqlee-contact-other-item > div {
width: 30%;
margin: 0 10px
}
.eqlee-contact-form-left, .eqlee-contact-form-right {
width: 100%
}
}
.eqlee-channel-banner {
background-image: url(/_nuxt/img/391e699.png)
}
.eqlee-channel-agent {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.eqlee-channel-agent-item {
background-color: #fafafa;
width: 30%;
padding: 10px 20px 20px;
text-align: center;
margin-bottom: 30px
}
.eqlee-channel-agent-item > img {
display: table;
margin: 0 auto
}
.eqlee-channel-agent-item > h2 {
font-size: 16px;
font-family: Microsoft YaHei;
color: #555
}
.eqlee-channel-agent-item > p {
font-size: 14px;
color: #a9a9a9;
line-height: 2
}
.eqlee-channel-intro {
position: relative;
background: url(/_nuxt/img/5ed2a70.png) 50%;
background-size: cover;
margin-bottom: 50px
}
.eqlee-channel-intro-cont {
text-align: center;
padding: 35px 0
}
.eqlee-channel-intro-cont > h2 {
color: #fff;
font-weight: 700;
margin-bottom: 40px;
font-size: 30px
}
.eqlee-channel-intro-cont > div {
font-size: 14px;
color: #fff;
line-height: 2;
margin-bottom: 40px
}
.eqlee-channel-intro-cont > a {
background-color: #048cf8;
display: inline-block;
color: #fff;
font-size: 14px;
padding: 6px 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px
}
.eqlee-channel-intro-cont > a:active, .eqlee-channel-intro-cont > a:focus, .eqlee-channel-intro-cont > a:hover {
background-color: #007ad8
}
.eqlee-channel-intro-code {
display: none;
position: absolute;
top: 97%;
left: 50%;
transform: translate(-50%);
width: 10%;
background-color: #efefef;
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .2);
border-radius: 4px;
text-align: center;
border: 1px solid #efeff4;
z-index: 1
}
.eqlee-channel-intro-code:before {
content: "";
display: block;
width: 0;
height: 0;
border: 12px solid transparent;
border-bottom: 8px solid #fff;
position: absolute;
top: -6%;
left: 50%;
transform: translate(-50%, -50%)
}
.eqlee-channel-intro-code > img {
width: 100%
}
.eqlee-channel-intro-code > p {
color: #999;
margin: 0;
font-size: 12px
}
.eqlee-channel-news {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 100px
}
.eqlee-channel-contact {
display: flex
}
.eqlee-channel-contact-item {
flex: 1
}
.eqlee-channel-contact-item > h2 {
font-size: 18px;
color: #28282e;
line-height: 2;
margin: 0
}
.eqlee-channel-contact-item > div {
display: flex
}
.eqlee-channel-contact-item > div > div {
flex: 1;
font-size: 14px;
color: #5a5a5a;
line-height: 2.571
}
.eqlee-channel-contact2-item {
flex: 1
}
.eqlee-channel-contact2-item > h2 {
font-size: 18px;
color: #28282e;
line-height: 2
}
.eqlee-channel-contact2-item > a {
font-size: 14px;
color: #28282e;
line-height: 2.571;
border: 1px solid #28282e;
border-radius: 4px;
padding: 5px 20px;
margin-left: 30px;
font-weight: 700;
cursor: pointer
}
.eqlee-channel-contact2-item > a:hover {
color: #fff;
background: #28282e
}
.eqlee-channel-contact2-item > img {
margin-top: 12px
}
.eqlee-channel-contact2-item > p {
font-size: 14px;
color: #28282e;
line-height: 1.1;
border: 1px solid #28282e;
border-radius: 4px;
padding: 5px 20px;
margin: 0 0 0 80px;
font-weight: 700;
width: 200px
}
@media screen and (min-width: 760px) {
.eqlee-channel-news-item {
border-radius: 2px;
box-shadow: 0 5px 5px 1px rgba(0, 0, 0, .2);
width: 31%;
padding: 10px 5px;
cursor: pointer;
display: block
}
.eqlee-channel-news-item > img {
width: 100%;
height: 225px
}
.eqlee-channel-news-item > h2 {
font-size: 15px;
color: #333;
font-weight: 700;
margin-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.eqlee-channel-news-item > h2:hover {
text-decoration: underline
}
.eqlee-channel-news-item > p {
font-size: 14px;
color: #727272;
line-height: 1.866;
padding: 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden
}
}
@media screen and (max-width: 760px) {
.eqlee-channel-agent-item {
width: 100%
}
.eqlee-channel-news-item {
width: 100%;
margin-bottom: 20px;
border-radius: 2px;
padding: 5px;
box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, .2)
}
.eqlee-channel-news-item > img {
width: 40%;
float: left
}
.eqlee-channel-news-item > h2 {
color: #333;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 3% 0 2% 43%
}
.eqlee-channel-news-item > p {
font-size: 12px;
color: #727272;
margin-left: 43%;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden
}
.eqlee-channel-contact {
flex-wrap: wrap
}
.eqlee-channel-contact2-item {
flex: 100%;
padding-bottom: 30px
}
}
.eqlee-support-banner {
background-image: url(/_nuxt/img/14f7cd1.png)
}
.eqlee-support-left {
width: 73%;
display: inline-block;
margin: 0 2.6% 0 0
}
.eqlee-support-right {
display: inline-block;
width: 24%;
vertical-align: top
}
.eqlee-support-news {
flex: 1;
padding: 0;
transition: all .5s;
cursor: pointer
}
.eqlee-support-news:not(:last-child) {
margin-right: 30px
}
.eqlee-support-news img {
width: 100%;
vertical-align: middle
}
.eqlee-support-news > div:first-child {
position: relative
}
.eqlee-support-news > div:last-child, .eqlee-support-news > div p {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%
}
.eqlee-support-news > div p {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .5);
font-size: 1.1em;
color: #fff;
line-height: 2;
padding: .4em 0 .4em 1.8em;
margin: 0
}
.eqlee-support-news ol {
margin-top: 1em;
max-width: 380px
}
.eqlee-support-news li {
list-style: disc inside;
color: #666;
line-height: 2;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
padding-left: 10px
}
.eqlee-support-news li:hover {
color: #1e90ff;
text-decoration: underline
}
@media screen and (max-width: 760px) {
.eqlee-support-left {
width: 100%;
margin: 0
}
.eqlee-support-question-item > div:nth-child(2) {
padding: 0 10px;
width: 68%
}
}
.eqlee-support-question-cont {
width: 100%;
display: inline-block;
margin: 0 30px 0 0
}
.eqlee-support-question {
margin-bottom: 30px
}
.eqlee-support-question-title {
margin-top: 0
}
.eqlee-support-question-item {
display: block
}
.eqlee-support-question-item > hr {
width: 100%;
border: 0;
border-top: 1px solid #f3f3f3
}
.eqlee-support-question-item > div:first-child {
display: inline-block;
vertical-align: top;
width: 16%
}
.eqlee-support-question-item > div > img {
width: 100%;
cursor: pointer;
height: 94px
}
.eqlee-support-question-item > div:nth-child(2) {
display: inline-block;
vertical-align: top;
padding: 0 20px;
width: 79%
}
.eqlee-support-question-item > div > h2 {
font-size: 16px;
color: #262626;
font-weight: 700;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.eqlee-support-question-item:hover > div > h2 {
color: #1e90ff
}
.eqlee-support-question-item p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
color: #787878;
text-indent: 2em
}
@media screen and (max-width: 760px) {
.eqlee-support-question-item > div:first-child {
width: 30%
}
.eqlee-support-question-item > div:nth-child(2) {
padding: 0 10px;
width: 68%
}
}
.eqlee-supportQuestion {
margin-bottom: 30px
}
.eqlee-supportQuestion > h1 {
text-align: center;
font-size: 24px
}
@media screen and (min-width: 760px) {
.eqlee-supportQuestion-cont {
width: 100%;
display: inline-block;
margin: 0 30px 0 0
}
}
.eqlee-adv-container {
width: 100%;
margin: 0 auto 40px
}
.eqlee-adv-container > img {
width: 100%
}
@media screen and (max-width: 760px) {
.eqlee-adv-container {
margin: 0 auto 10px
}
}