/*! * bootstrap v3.3.7 (http://getbootstrap.com) * copyright 2011-2016 twitter, inc. * licensed under mit (https://github.com/twbs/bootstrap/blob/master/license) *//*! normalize.css v3.0.3 | mit license | github.com/necolas/normalize.css */ @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } @charset "utf-8";/*! * animate.css -http://daneden.me/animate * version - 3.7.0 * licensed under the mit license - http://opensource.org/licenses/mit * * copyright (c) 2018 daniel eden */ @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -30px, 0); 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); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } @keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -30px, 0); 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); -webkit-transform:translate3d(0, -15px, 0); transform:translate3d(0, -15px, 0) } 90% { -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 50%, from, to { opacity:1 } 25%, 75% { opacity:0 } } @keyframes flash { 50%, from, to { opacity:1 } 25%, 75% { opacity:0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { from, to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } } @keyframes pulse { from, to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 50% { -webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberband { from, to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } } @keyframes rubberband { from, to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 30% { -webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1) } 40% { -webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1) } 50% { -webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1) } 65% { -webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1) } 75% { -webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1) } } .rubberband { -webkit-animation-name: rubberband; animation-name: rubberband } @-webkit-keyframes shake { from, to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } @keyframes shake { from, to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headshake { 0% { -webkit-transform:translatex(0); transform:translatex(0) } 6.5% { -webkit-transform:translatex(-6px) rotatey(-9deg); transform:translatex(-6px) rotatey(-9deg) } 18.5% { -webkit-transform:translatex(5px) rotatey(7deg); transform:translatex(5px) rotatey(7deg) } 31.5% { -webkit-transform:translatex(-3px) rotatey(-5deg); transform:translatex(-3px) rotatey(-5deg) } 43.5% { -webkit-transform:translatex(2px) rotatey(3deg); transform:translatex(2px) rotatey(3deg) } 50% { -webkit-transform:translatex(0); transform:translatex(0) } } @keyframes headshake { 0% { -webkit-transform:translatex(0); transform:translatex(0) } 6.5% { -webkit-transform:translatex(-6px) rotatey(-9deg); transform:translatex(-6px) rotatey(-9deg) } 18.5% { -webkit-transform:translatex(5px) rotatey(7deg); transform:translatex(5px) rotatey(7deg) } 31.5% { -webkit-transform:translatex(-3px) rotatey(-5deg); transform:translatex(-3px) rotatey(-5deg) } 43.5% { -webkit-transform:translatex(2px) rotatey(3deg); transform:translatex(2px) rotatey(3deg) } 50% { -webkit-transform:translatex(0); 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% { -webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg) } to { -webkit-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform:rotate3d(0, 0, 1, 15deg); transform:rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform:rotate3d(0, 0, 1, -10deg); transform:rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform:rotate3d(0, 0, 1, 5deg); transform:rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform:rotate3d(0, 0, 1, -5deg); transform:rotate3d(0, 0, 1, -5deg) } to { -webkit-transform:rotate3d(0, 0, 1, 0deg); transform:rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { from, to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } } @keyframes tada { from, to { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } 10%, 20% { -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { from, to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } } @keyframes wobble { from, to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 15% { -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 11.1%, from, to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 22.2% { -webkit-transform:skewx(-12.5deg) skewy(-12.5deg); transform:skewx(-12.5deg) skewy(-12.5deg) } 33.3% { -webkit-transform:skewx(6.25deg) skewy(6.25deg); transform:skewx(6.25deg) skewy(6.25deg) } 44.4% { -webkit-transform:skewx(-3.125deg) skewy(-3.125deg); transform:skewx(-3.125deg) skewy(-3.125deg) } 55.5% { -webkit-transform:skewx(1.5625deg) skewy(1.5625deg); transform:skewx(1.5625deg) skewy(1.5625deg) } 66.6% { -webkit-transform:skewx(-.78125deg) skewy(-.78125deg); transform:skewx(-.78125deg) skewy(-.78125deg) } 77.7% { -webkit-transform:skewx(.390625deg) skewy(.390625deg); transform:skewx(.390625deg) skewy(.390625deg) } 88.8% { -webkit-transform:skewx(-.1953125deg) skewy(-.1953125deg); transform:skewx(-.1953125deg) skewy(-.1953125deg) } } @keyframes jello { 11.1%, from, to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } 22.2% { -webkit-transform:skewx(-12.5deg) skewy(-12.5deg); transform:skewx(-12.5deg) skewy(-12.5deg) } 33.3% { -webkit-transform:skewx(6.25deg) skewy(6.25deg); transform:skewx(6.25deg) skewy(6.25deg) } 44.4% { -webkit-transform:skewx(-3.125deg) skewy(-3.125deg); transform:skewx(-3.125deg) skewy(-3.125deg) } 55.5% { -webkit-transform:skewx(1.5625deg) skewy(1.5625deg); transform:skewx(1.5625deg) skewy(1.5625deg) } 66.6% { -webkit-transform:skewx(-.78125deg) skewy(-.78125deg); transform:skewx(-.78125deg) skewy(-.78125deg) } 77.7% { -webkit-transform:skewx(.390625deg) skewy(.390625deg); transform:skewx(.390625deg) skewy(.390625deg) } 88.8% { -webkit-transform:skewx(-.1953125deg) skewy(-.1953125deg); transform:skewx(-.1953125deg) skewy(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes heartbeat { 0%, 28%, 70% { -webkit-transform:scale(1); transform:scale(1) } 14%, 42% { -webkit-transform:scale(1.3); transform:scale(1.3) } } @keyframes heartbeat { 0%, 28%, 70% { -webkit-transform:scale(1); transform:scale(1) } 14%, 42% { -webkit-transform:scale(1.3); transform:scale(1.3) } } .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 { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } to { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes bouncein { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } 20% { -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 60% { opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97) } to { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .bouncein { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bouncein; animation-name: bouncein } .bounceout, .flipoutx { -webkit-animation-duration: .75s } @-webkit-keyframes bounceindown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes bounceindown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(0, -3000px, 0); transform:translate3d(0, -3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, 25px, 0); transform:translate3d(0, 25px, 0) } 75% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 90% { -webkit-transform:translate3d(0, 5px, 0); transform:translate3d(0, 5px, 0) } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .bounceindown { -webkit-animation-name: bounceindown; animation-name: bounceindown } @-webkit-keyframes bounceinleft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes bounceinleft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } 0% { opacity:0; -webkit-transform:translate3d(-3000px, 0, 0); transform:translate3d(-3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(25px, 0, 0); transform:translate3d(25px, 0, 0) } 75% { -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0) } 90% { -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0) } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .bounceinleft { -webkit-animation-name: bounceinleft; animation-name: bounceinleft } @-webkit-keyframes bounceinright { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } from { opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes bounceinright { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } from { opacity:0; -webkit-transform:translate3d(3000px, 0, 0); transform:translate3d(3000px, 0, 0) } 60% { opacity:1; -webkit-transform:translate3d(-25px, 0, 0); transform:translate3d(-25px, 0, 0) } 75% { -webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0) } 90% { -webkit-transform:translate3d(-5px, 0, 0); transform:translate3d(-5px, 0, 0) } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .bounceinright { -webkit-animation-name: bounceinright; animation-name: bounceinright } @-webkit-keyframes bounceinup { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } from { opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes bounceinup { 60%, 75%, 90%, from, to { -webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1) } from { opacity:0; -webkit-transform:translate3d(0, 3000px, 0); transform:translate3d(0, 3000px, 0) } 60% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } 75% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 90% { -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0) } to { -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .bounceinup { -webkit-animation-name: bounceinup; animation-name: bounceinup } @-webkit-keyframes bounceout { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } to { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } @keyframes bounceout { 20% { -webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9) } 50%, 55% { opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1) } to { opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3) } } .bounceout { animation-duration: .75s; -webkit-animation-name: bounceout; animation-name: bounceout } @-webkit-keyframes bounceoutdown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } @keyframes bounceoutdown { 20% { -webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, -20px, 0); transform:translate3d(0, -20px, 0) } to { opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0) } } .bounceoutdown { -webkit-animation-name: bounceoutdown; animation-name: bounceoutdown } @-webkit-keyframes bounceoutleft { 20% { opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) } to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } @keyframes bounceoutleft { 20% { opacity:1; -webkit-transform:translate3d(20px, 0, 0); transform:translate3d(20px, 0, 0) } to { opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0) } } .bounceoutleft { -webkit-animation-name: bounceoutleft; animation-name: bounceoutleft } @-webkit-keyframes bounceoutright { 20% { opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) } to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } @keyframes bounceoutright { 20% { opacity:1; -webkit-transform:translate3d(-20px, 0, 0); transform:translate3d(-20px, 0, 0) } to { opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0) } } .bounceoutright { -webkit-animation-name: bounceoutright; animation-name: bounceoutright } @-webkit-keyframes bounceoutup { 20% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0) } to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } @keyframes bounceoutup { 20% { -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0) } 40%, 45% { opacity:1; -webkit-transform:translate3d(0, 20px, 0); transform:translate3d(0, 20px, 0) } to { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } } .bounceoutup { -webkit-animation-name: bounceoutup; animation-name: bounceoutup } @-webkit-keyframes fadein { from { opacity:0 } to { opacity:1 } } @keyframes fadein { from { opacity:0 } to { opacity:1 } } .fadein { -webkit-animation-name: fadein; animation-name: fadein } @-webkit-keyframes fadeindown { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes fadeindown { from { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0) } to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @-webkit-keyframes fadeindownbig { from { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes fadeindownbig { from { opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0) } to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .fadeindownbig { -webkit-animation-name: fadeindownbig; animation-name: fadeindownbig } @-webkit-keyframes fadeinleft { from { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } @keyframes fadeinleft { from { opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) } to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .fadeinleft { -webkit-animation-name: fadeinleft; animation-name: fadeinleft } /*开始*/ .home-header .flexbox .more, .home-section1 .info .more { border-radius: 30px; justify-content: center; display: flex } .home-section1 .outbox .adorn>div, .home-section1 .outbox .innerlogo, .home-section1 .outbox .wave2 { right: 0; bottom: 0; left: 0; margin: auto; position: absolute } .side_callem ul li .show_con, .side_callem ul li a { -moz-transit-webkit-transition: all .4s; -ms-transit-webkit-transition: all .4s; -o-transit-webkit-transition: all .4s } @keyframes updown { 0%, 100% { transform:translatey(0) } 25%, 75% { transform:translatey(-3px) } 50% { transform:translatey(3px) } } .updown { -webkit-animation-name: updown; animation-name: updown } @keyframes fadeinleftsm { from { opacity:0; -webkit-transform:translate3d(-10%, 0, 0); transform:translate3d(-10%, 0, 0) } to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .fadeinleftsm { -webkit-animation-name: fadeinleftsm; animation-name: fadeinleftsm } @keyframes fadeinrightsm { from { opacity:0; -webkit-transform:translate3d(10%, 0, 0); transform:translate3d(10%, 0, 0) } to { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } } .fadeinrightsm { -webkit-animation-name: fadeinrightsm; animation-name: fadeinrightsm } .resetstyle { font-family: pingfangsc-regular, "微软雅黑", sans-serif; color: #333 } .resetstyle a { text-decoration: none; color: #333 } .resetstyle li, .resetstyle ul { list-style: none; margin: 0; padding: 0 } .resetstyle p { margin: 0 } .resetstyle input { -webkit-appearance: none } .ie-warning { position: fixed; top: 0; left: 0; z-index: 999999; background: #000; width: 100%; height: 100%; text-align: center; color: #fff; padding: 50px 0 } .ie-warning h1 { margin: 0 0 30px } .ie-warning p { font-size: 16px } .ie-warning .ie-container { min-width: 1024px; width: 100%; height: 200px; background: #fff; margin: 60px 0 } .ie-warning .ie-download { list-style: none; padding: 30px 0; margin: 0 auto; width: 720px } .ie-warning .ie-download>li>a { display: block; color: #000; width: 140px; font-size: 15px; padding: 15px 0; margin: 0 auto } .ie-warning .ie-download>li>a>div { margin-top: 10px } .ie-warning .ie-download>li>a:hover { background-color: #eee } .markdown-text p { font-size: 14px; line-height: 1.8; text-align: justify } .markdown-text img { max-width: 100%; height: auto } @media (min-width:1491px) { .container { width: 1460px; padding: 0 } .here2 {width:730px; margin-left:50%} } .home-header-absolute { position: absolute; z-index: 1; top: 40px; left: 0; width: 100% } @media (max-width:767px) { .home-header-absolute { top: 20px } } .home-header .flexbox { display: flex; justify-content: space-between; align-items: center; padding: 0 3.68% } .home-header .flexbox .leftbox { display: flex; align-items: center } .home-header .flexbox h1 { width: 88px; margin: 0 40px 0 0 } @media (max-width:575px) { .home-header-absolute { top: 15px } .home-header .flexbox { padding: 0 15px } .home-header .flexbox h1 { width: 70px; margin: 0 } } .home-header .flexbox h1 a { display: flex; width: 100%; height: 100% } .home-header .flexbox h1 a img { width: 100%; height: 100%; object-fit: contain } .home-header .flexbox ul { display: flex; align-items: center } .home-header .flexbox ul li { position: relative; margin: 0 40px 0 0 } .home-header .flexbox ul li:last-child { margin: 0 } .home-header .flexbox ul li:before { content: ""; position: absolute; left: -20px; top: 0; bottom: 0; margin: auto; width: 1px; height: 20px; background: rgba(255,255,255,.2) } .home-header .flexbox ul li img.img1 { width: 225px; margin: 8px 0 0 } @media (max-width:1199px) { .home-header .flexbox ul li img.img1 { width: 180px } } .home-header .flexbox ul li img.img2 { width: 165px } @media (max-width:1199px) { .home-header .flexbox ul li img.img2 { width: 140px } } .home-header .flexbox .more { width: 175px; height: 50px; font-size: 18px; color: #fff; background: #007dff; align-items: center } @media (max-width:1490px) { .home-header .flexbox .more { width: 160px; height: 40px; font-size: 16px } } @media (max-width:1199px) { .home-header .flexbox .more { width: 140px; height: 35px; font-size: 14px } } .home-section1 { position: relative; width: 100%; height: 850px } @media (max-width:1199px) { .home-section1 { height: 700px } } @media (max-width:767px) { .home-header .flexbox ul { display: none } .home-section1 { height: 540px } } .home-section1 .bannerbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom } .home-section1>.container { height: 100% } .home-section1 .flexbox { height: 100%; display: flex; align-items: center; justify-content: space-between } .home-section1 .info { position: relative; z-index: 1 } @media (max-width:991px) { .home-section1 { background: #0c4690 } .home-section1 .bannerbg { object-fit: contain } .home-section1 .flexbox { flex-direction: column; justify-content: center; align-items: flex-start } .home-section1 .info { margin: 0 0 60px; width: 100%; text-align: center } } @media (max-width:575px) { .home-section1 .info { margin: 50px 0 } } .home-section1 .info .text1 { font-size: 48px; font-weight: 100; color: #fff; margin: 0 0 12px } @media (max-width:1490px) { .home-section1 .info .text1 { font-size: 40px } } @media (max-width:1199px) { .home-section1 .info .text1 { font-size: 35px } } @media (max-width:767px) { .home-section1 .info .text1 { font-size: 20px; margin: 0 0 5px } } .home-section1 .info .text2 { font-size: 48px; font-weight: 700; color: #fff; margin: 0 0 35px } @media (max-width:1490px) { .home-section1 .info .text2 { font-size: 40px } } @media (max-width:1199px) { .home-section1 .info .text2 { font-size: 35px } } @media (max-width:767px) { .home-section1 .info .text2 { font-size: 20px; margin: 0 0 25px } } .home-section1 .info .text3 { font-size: 20px; color: rgba(255,255,255,.5); margin: 0 0 65px } @media (max-width:1490px) { .home-section1 .info .text3 { font-size: 18px } } @media (max-width:1199px) { .home-section1 .info .text3 { font-size: 16px } } @media (max-width:767px) { .home-section1 .info .text3 { font-size: 14px } } .home-section1 .info .more { align-items: center; color: #fff; background: #007dff; width: 175px; height: 50px } @media (max-width:1490px) { .home-section1 .info .more { width: 160px; height: 40px; font-size: 16px } } @media (max-width:1199px) { .home-section1 .info .more { width: 140px; height: 35px; font-size: 14px } } .home-section1 .outbox { position: relative; z-index: 1 } @media (max-width:991px) { .home-section1 .info .text3 { margin: 0 } .home-section1 .info .more { display: none } .home-section1 .outbox { width: 100% } } .home-section1 .outbox .wave1 { position: relative; width: 624px; height: 624px; background: rgba(0,125,255,.03); display: flex; justify-content: center; align-items: center; border-radius: 100%; animation-delay: .5s } @media (max-width:1490px) { .home-section1 .outbox .wave1 { width: 550px; height: 550px } } @media (max-width:1199px) { .home-section1 .outbox .wave1 { width: 450px; height: 450px } } @media (max-width:991px) { .home-section1 .outbox .wave1 { display: none } } .home-section1 .outbox .wave2 { top: 0; width: 425px; height: 425px; background: rgba(0,125,255,.08); display: flex; justify-content: center; align-items: center; border-radius: 100%; animation-delay: .1s } @media (max-width:1490px) { .home-section1 .outbox .wave2 { width: 300px; height: 300px } } @media (max-width:1199px) { .home-section1 .outbox .wave2 { width: 250px; height: 250px } } @media (max-width:991px) { .home-section1 .outbox .wave2 { display: none } } .home-section1 .outbox .innerlogo { z-index: 1; top: 0; width: 200px; height: 200px; background: #007dff; box-shadow: 0 20px 30px 0 rgba(0,58,136,.9); display: flex; justify-content: center; align-items: center; border-radius: 100% } @media (max-width:1490px) { .home-section1 .outbox .innerlogo { width: 150px; height: 150px } } @media (max-width:1199px) { .home-section1 .outbox .innerlogo { width: 100px; height: 100px } } .home-section1 .outbox .innerlogo img { width: 30% } @media (max-width:1199px) { .home-section1 .outbox .innerlogo img { width: 40% } } .home-section1 .outbox .adorn>div { top: 0; width: 10px; height: 10px; border-radius: 100% } .home-section1 .outbox .adorn .a1 { background: #ff0d47; right: 64%; bottom: 78% } .home-section1 .outbox .adorn .a2 { background: #ff9f00; left: 50%; bottom: 46% } .home-section1 .outbox .adorn .a3 { background: #387ef5; right: 68%; bottom: 5% } .home-section1 .outbox .adorn .a4 { background: #24c46a; top: 91%; left: 42% } @media (max-width:991px) { .home-section1 .outbox .adorn, .home-section1 .outbox .innerlogo { display: none } .home-section1 .outbox .itembox { display: flex; flex-wrap: wrap; width: 100%; justify-content: center } } .home-section1 .outbox .item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transition: 1s; display: flex; justify-content: center; align-items: center; flex-direction: column; animation-delay: .1s; animation-iteration-count: infinite } @media (max-width:991px) { .home-section1 .outbox .item { position: static; animation: none; margin: 0 13px; transition: 0s } } @media (max-width:767px) { .home-section1 .outbox .item { width: 25%; margin: 0 0 20px } } .home-section1 .outbox .item .ico { margin: 0 auto 10px; border-radius: 100% } @media (max-width:1199px) { .home-section1 .outbox .item .ico { width: 45px!important; height: 45px!important } } .home-section1 .outbox .item .ico img { width: 100%; object-fit: cover } .home-section1 .outbox .item p { font-size: 14px; color: #fff; text-align: center; white-space: nowrap } @media (max-width:575px) { .home-section1 .outbox .item p { font-size: 12px } } .home-section1 .outbox .item.i1 { bottom: 140px; right: 95%; animation-delay: .1s; animation-duration: 6s } .home-section1 .outbox .item.i1 .ico { width: 47px; height: 47px } .home-section1 .outbox .item.i2 { bottom: 50%; right: 40%; animation-duration: 8s; animation-delay: .4s } .home-section1 .outbox .item.i2 .ico { width: 58px; height: 58px } .home-section1 .outbox .item.i3 .ico, .home-section1 .outbox .item.i4 .ico { width: 68px; height: 68px } .home-section1 .outbox .item.i3 { bottom: 95%; right: 3%; animation-delay: .2s; animation-duration: 5.5s } .home-section1 .outbox .item.i4 { left: 75%; bottom: 67%; animation-delay: .3s; animation-duration: 7s } .home-section1 .outbox .item.i5 { top: 65%; right: 78%; animation-delay: .2s; animation-duration: 5.5s } .home-section1 .outbox .item.i5 .ico { width: 72px; height: 72px } .home-section1 .outbox .item.i6 { top: 70%; right: 16%; animation-delay: .3s; animation-duration: 7s } .home-section1 .outbox .item.i6 .ico { width: 58px; height: 58px } .home-section1 .outbox .item.i7 { left: 56%; top: 40%; animation-duration: 8s; animation-delay: .4s } .home-section1 .outbox .item.i7 .ico { width: 80px; height: 80px } .home-section1 .outbox .item.i8 { left: 100%; bottom: 12%; animation-delay: .1s; animation-duration: 6s } .home-section1 .outbox .item.i8 .ico { width: 44px; height: 44px } .home-section2 { padding: 80px 0 } @media (max-width:767px) { .home-section2 { padding: 40px 0 } } .home-section2-swiper { padding: 0 0 30px } .home-section2 h4 { font-size: 40px; text-align: center; margin: 0 0 30px } @media (max-width:1199px) { .home-section2 h4 { font-size: 30px; margin: 0 0 20px } } .home-section2 .flexbox { overflow: hidden } .home-section2 .flexbox .box-row { display: flex; flex-wrap: wrap } .home-section2 .flexbox .box-col { flex: 0 0 20%; max-width: 20% } @media (max-width:575px) { .home-section2 h4 { font-size: 20px } .home-section2 .flexbox .box-col { flex: 0 0 33.33%; max-width: 33.33% } } .home-section2 .item { position: relative; width: 100%; height: 0; padding: 0 0 55%; overflow: hidden } @media (max-width:991px) { .home-section2 .item { padding: 0 0 60% } } .home-section2 .item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; transition: .3s } .home-section2 .item:hover img { transform: scale(1.05) } .home-section3 { overflow: hidden; padding: 40px 0 160px } @media (max-width:1199px) { .home-section3 { padding: 0 0 100px } } .home-section3 .flexbox { display: flex; justify-content: space-between } .home-section3 .flexbox .leftbox { flex: 0 0 36.33%; max-width: 36.33% } @media (max-width:1490px) { .home-section3 .flexbox .leftbox { flex: 0 0 45%; max-width: 45% } } @media (max-width:767px) { .home-section3 { padding: 0 } .home-section3 .flexbox { display: block } .home-section3 .flexbox .leftbox { flex: inherit; max-width: inherit; margin: 0 0 40px } } .home-section3 .flexbox .leftbox .tips { color: #999; font-size: 18px; margin: 0 0 25px } @media (max-width:767px) { .home-section3 .flexbox .leftbox .tips { text-align: center; margin: 0 0 10px; font-size: 16px } .home-section3 .flexbox .leftbox .tit { text-align: center } } @media (max-width:575px) { .home-section3 .flexbox .leftbox .tips { font-size: 14px } } .home-section3 .flexbox .leftbox .tit { font-size: 48px; margin: 0 0 50px } @media (max-width:1490px) { .home-section3 .flexbox .leftbox .tit { font-size: 40px; margin: 0 0 40px } } @media (max-width:991px) { .home-section3 .flexbox .leftbox .tit { font-size: 30px } } .home-section3 .flexbox .rightbox { position: relative; flex: 0 0 41.1%; max-width: 41.1% } @media (max-width:1490px) { .home-section3 .flexbox .rightbox { flex: 0 0 40%; max-width: 40% } } @media (max-width:1199px) { .home-section3 .flexbox .rightbox { flex: 0 0 45%; max-width: 45% } } @media (max-width:767px) { .home-section3 .flexbox .rightbox { flex: inherit; max-width: inherit; padding: 40px 0 } .home-section3 .flexbox .rightbox:after { content: ""; position: absolute; background: #e6eefa; left: 0; width: calc(100% 30px); top: 0; height: 100%; margin: 0 -15px } .home-section3 .flexbox .rightbox .rightbg { display: none } } .home-section3 .flexbox .rightbox .rightbg { position: absolute; width: 715px; left: 50%; top: 0; bottom: 0; margin: auto 0 auto -357px } @media (max-width:1490px) { .home-section3 .flexbox .rightbox .rightbg { width: 670px; margin: auto 0 auto -335px } } @media (max-width:1199px) { .home-section3 .flexbox .rightbox .rightbg { width: 500px; margin: auto 0 auto -250px } } .home-section3 .item-group { position: relative; z-index: 1 } .home-section3 .item-group .item { padding: 30px; display: flex; align-items: center; margin: 0 0 10px; background: #fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,.1) } @media (max-width:1199px) { .home-section3 .item-group .item { padding: 20px } } @media (max-width:767px) { .home-section3 .item-group .item { margin: 0 } } @media (max-width:575px) { .home-section3 .flexbox .leftbox .tit { font-size: 20px } .home-section3 .item-group .item { padding: 15px; align-items: flex-start } } .home-section3 .item-group .item:last-child { margin: 0 } .home-section3 .item-group .item .ico { flex: 0 0 40px; max-width: 40px; height: 40px; margin: 0 30px 0 0 } @media (max-width:575px) { .home-section3 .item-group .item .ico { margin: 0 15px 0 0 } } .home-section3 .item-group .item .ico img { width: 100%; height: 100%; object-fit: contain } .home-section3 .item-group .item .info h4 { margin: 0 0 10px; font-size: 20px } .home-section3 .item-group .item .info p { color: #999; font-size: 16px } .home-section3 .chat-group { position: relative; z-index: 1 } .home-section3 .chat-group .chat-item { transform: translatex(-60px); background: #fff; border-radius: 10px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); padding: 25px 20px; display: flex; align-items: flex-start; margin: 0 0 30px } @media (max-width:1490px) { .home-section3 .chat-group .chat-item { transform: translatex(-40px); padding: 20px; margin: 0 0 20px } } @media (max-width:1199px) { .home-section3 .item-group .item .info h4 { font-size: 16px } .home-section3 .item-group .item .info p { font-size: 14px } .home-section3 .chat-group .chat-item { transform: translatex(0) } } @media (max-width:767px) { .home-section3 .chat-group .chat-item { margin: 0 87px 15px 0 } } @media (max-width:575px) { .home-section3 .chat-group .chat-item { background: 0 0; box-shadow: none; margin: 0 62px 15px 0; padding: 0 } } .home-section3 .chat-group .chat-item:last-child { margin: 0 } .home-section3 .chat-group .chat-item .ico { flex: 0 0 47px; max-width: 47px; height: 47px; border-radius: 50%; margin: 0 20px 0 0 } .home-section3 .chat-group .chat-item .ico img { width: 100%; height: 100%; object-fit: cover } @media (max-width:575px) { .home-section3 .chat-group .chat-item .ico { margin: 0 15px 0 0 } .home-section3 .chat-group .chat-item .info { padding: 10px; background: #fff; border-radius: 5px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.1) } } .home-section3 .chat-group .chat-item .info h4 { font-size: 16px; font-weight: 700; margin: 0 0 10px; display: flex; align-items: center } .home-section3 .chat-group .chat-item .info h4 small { font-size: 14px; color: #999; margin: 0 0 0 8px } .home-section3 .chat-group .chat-item .info p { font-size: 14px; color: #666; line-height: 1.8 } @media (max-width:575px) { .home-section3 .chat-group .chat-item .info h4 { display: none } .home-section3 .chat-group .chat-item .info p { line-height: 1.6 } } .home-section3 .chat-group .chat-item .more { font-size: 14px; color: #fff; width: 140px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 17px; background: #007dff; margin: 25px 0 0 } @media (max-width:575px) { .home-section3 .chat-group .chat-item .more { margin: 15px 0 0 } } .home-section3 .chat-group .chat-item.answer { transform: translatex(0); flex-direction: row-reverse } @media (max-width:767px) { .home-section3 .chat-group .chat-item.answer { margin: 0 0 15px 87px } } @media (max-width:575px) { .home-section3 .chat-group .chat-item.answer { margin: 0 0 15px 62px } } .home-section3 .chat-group .chat-item.answer .ico { margin: 0 0 0 60px } @media (max-width:1490px) { .home-section3 .chat-group .chat-item.answer .ico { margin: 0 0 0 20px } } @media (max-width:575px) { .home-section3 .chat-group .chat-item.answer .ico { margin: 0 0 0 15px } } .home-section3 .chat-group .chat-item.answer .info { margin: 0 0 0 20px } .home-section4 { padding: 100px 0; background: #fff; overflow: hidden } .home-section4 .flexbox { display: flex; justify-content: space-between; align-items: center } @media (max-width:767px) { .home-section4 { padding: 40px 0 } .home-section4 .flexbox { flex-direction: column } } .home-section4 .flexbox .leftbox { flex: 0 0 40%; max-width: 40% } @media (max-width:1490px) { .home-section3 .chat-group .chat-item.answer .info { margin: 0 } .home-section4 .flexbox .leftbox { flex: 0 0 40%; max-width: 40% } } @media (max-width:767px) { .home-section4 .flexbox .leftbox { flex: inherit; max-width: inherit; width: 100%; margin: 0 0 20px } } @media (max-width:575px) { .home-section4 .flexbox .leftbox { margin: 0 0 45px } } .home-section4 .flexbox .leftbox .tips { color: #666; font-size: 30px; margin: 0 0 10px; } .home-section4 .flexbox .leftbox .tips1 { color: #999; font-size: 24px; line-height:28px; } @media (max-width:767px) { .home-section4 .flexbox .leftbox .tips { text-align: center; margin: 0 0 10px; font-size: 16px } .home-section4 .flexbox .leftbox .tit { text-align: center } } @media (max-width:575px) { .home-section4 .flexbox .leftbox .tips { font-size: 14px } } .home-section4 .flexbox .leftbox .tit { color: #333; font-size: 38px; margin: 0 0 20px; text-align:center; } @media (max-width:1490px) { .home-section4 .flexbox .leftbox .tit { font-size: 40px; margin: 0 0 40px } } @media (max-width:991px) { .home-section4 .flexbox .leftbox .tit { font-size: 30px } } .home-section4 .flexbox .rightbox { flex: 0 0 50%; max-width: 50%; padding: 90px 0 70px 90px; position: relative; background: #fff; border-radius: 50px } @media (max-width:1199px) { .home-section4 .flexbox .rightbox { padding: 40px 0 40px 40px } } @media (max-width:767px) { .home-section4 .flexbox .rightbox { padding: 20px 0 20px 15px; border-radius: 10px; flex: 0 0 100%; max-width: 100% } } .home-section4 .flexbox .rightbox:after { content: ""; position: absolute; left: 0; top: 0; width: 10000vh; height: 100%; border-radius: 50px; background: #fff; box-shadow: 0 10px 30px 0 rgba(0,34,70,.3) } .home-section4 .flexbox .rightbox .bottom-operate { margin: 50px 0 0; position: relative; z-index: 1; -webkit-user-select: none; user-select: none; padding: 35px 0 0; border-top: 1px solid #ddd; display: flex; align-items: center; justify-content: space-between } @media (max-width:575px) { .home-section4 .flexbox .leftbox .tit { font-size: 20px; margin:20px 0; } .home-section4 .flexbox .rightbox .bottom-operate { margin: 30px 0 0; padding: 15px 0 0 } } @media (max-width:360px) { .home-section4 .flexbox .leftbox .tit { font-size: 18px; margin:10px 0; } .home-section4 .flexbox .rightbox .bottom-operate { margin: 30px 0 0; padding: 15px 0 0 } } .home-section4 .flexbox .rightbox .bottom-operate .prev-next { display: flex } .home-section4 .flexbox .rightbox .bottom-operate .prev-next .swiper-button-next, .home-section4 .flexbox .rightbox .bottom-operate .prev-next .swiper-button-prev { width: 25px; height: 14px; position: static; margin: 0; background: /*tpa=http://zty.growthman.cn/cyzt/right.png*/ center/contain no-repeat; filter: brightness(0) opacity(.7); transition: .3s; outline: 0 } .home-section4 .flexbox .rightbox .bottom-operate .prev-next .swiper-button-next:hover, .home-section4 .flexbox .rightbox .bottom-operate .prev-next .swiper-button-prev:hover { filter: brightness(1) opacity(1) } .home-section4 .flexbox .rightbox .bottom-operate .prev-next .swiper-button-prev { margin: 0 40px 0 0; background: /*tpa=http://zty.growthman.cn/cyzt/left.png*/ center/contain no-repeat } .home-section4 .flexbox .rightbox .bottom-operate .js-tabs { display: flex } .home-section4 .flexbox .rightbox .bottom-operate .js-tabs .js-item { margin: 0 33px 0 0; font-size: 18px; transition: .3s; cursor: pointer } @media (max-width:991px) { .home-section4 .flexbox .rightbox .bottom-operate .js-tabs .js-item { font-size: 14px; margin: 0 20px 0 0 } } .home-section4 .flexbox .rightbox .bottom-operate .js-tabs .js-item.active { color: #007dff } .home-section4 .flexbox .rightbox .bottom-operate .js-tabs .js-item:last-child { margin: 0 } .home-section4 .flexbox .tabsflex .box-row { display: flex; flex-wrap: wrap; margin: 40px -30px } @media (max-width:1490px) { .home-section4 .flexbox .tabsflex .box-row { margin: 0 -20px } } @media (max-width:1199px) { .home-section4 .flexbox .tabsflex .box-row { margin: 0 -15px } } @media (max-width:575px) { .home-section4 .flexbox .tabsflex .box-row { margin: 0 -8px } } .home-section4 .flexbox .tabsflex .box-col { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 30px; margin: 0 0 60px } .icon-item { margin: 20px auto 0; } .home-section4 .flexbox .tabsflex .icon-item a{ background:#fff; border-radius:30px; border:1px solid #0068b7; padding:10px 30px; margin:0 20px; } .home-section4 .flexbox .tabsflex .icon-item a:hover{ color:#fff; background:#0068b7; } .home-section4 .flexbox .tabsflex .icon-item a i{ margin:3px 0 5px 6px; } @media (max-width:1490px) { .home-section4 .flexbox .tabsflex .box-col { padding: 0 20px; margin: 0 0 40px } .home-section4 .flexbox .tabsflex .icon-item a { margin: 0 6px !important; } } @media (max-width:1199px) { .home-section4 .flexbox .tabsflex .box-col { padding: 0 15px; margin: 0 0 30px } .home-section4 .flexbox .tabsflex .icon-item a { padding: 3px 10px !important; margin: 0 12px !important; } } @media (max-width:991px) { .home-section4 .flexbox .tabsflex .box-col { flex: 0 0 50%; max-width: 50% } .home-section4 .flexbox .tabsflex .icon-item a { padding: 3px 6px !important; margin: 0 5px !important; } } @media (max-width:767px) { .home-section4 .flexbox .rightbox:after { border-radius: 10px } .home-section4 .flexbox .tabsflex .box-col { flex: 0 0 16.66%; max-width: 16.66%; margin: 0 } .home-section4 .flexbox .tabsflex .box-col:last-child { display: none } .home-section4 .flexbox .tabsflex .icon-item{ width:100%;} .home-section4 .flexbox .tabsflex .icon-item a{ padding: 5px 10px !important; margin: 0 !important; width: 32%; display: inline-block; text-align: center; } } @media (max-width:575px) { .home-section4 .flexbox .tabsflex .box-col { padding: 0 3px } } .home-section4 .flexbox .tabsflex .item { position: relative; display: block; width: 100%; height: 0; padding: 0 0 100% } .home-section4 .flexbox .tabsflex .item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; background: #d4d4d4; border-radius: 50%; transition: .3s } .home-section4 .flexbox .tabsflex .item img { width: auto; height: 40px; margin: 0 0 15px } @media (max-width:767px) { .home-section4 .flexbox .tabsflex .item img { height: 30px } } .home-section4 .flexbox .tabsflex .item p { font-size: 16px; color: #333; transition: .3s } @media (max-width:1199px) { .home-section4 .flexbox .tabsflex .item img { margin: 0 0 8px } .home-section4 .flexbox .tabsflex .item p { font-size: 14px } } .home-section4 .flexbox .tabsflex .box-col.active .item a { background: #337dc9; /* box-shadow: 0 10px 30px 0 rgba(0,34,70,.3)*/ } .home-section4 .flexbox .tabsflex .box-col.active .item p { color: #fff; } @media (max-width:575px) { .home-section4 .flexbox .tabsflex .item img { margin: 0; width: 50%; height: auto } .home-section4 .flexbox .tabsflex .item p { font-size: 12px; position: absolute; top: calc(100% 10px) } .home-section4 .flexbox .tabsflex .box-col.active .item p { color: #337dc9; } } .home-section4-swiper .swiper-slide h4 { font-size: 36px; font-weight: 700; margin: 0 0 25px } @media (max-width:991px) { .home-section4-swiper .swiper-slide h4 { font-size: 30px; margin: 0 0 20px } } @media (max-width:575px) { .home-section4-swiper .swiper-slide h4 { font-size: 20px } } .home-section4-swiper .swiper-slide .des { font-size: 16px; color: #666; line-height: 1.8; margin: 0 0 35px } .home-section4-swiper .swiper-slide .inner-flexbox { display: flex; justify-content: space-between } .home-section4-swiper .swiper-slide .innerleft { flex: 0 0 370px; max-width: 370px } @media (max-width:1490px) { .home-section4-swiper .swiper-slide .innerleft { flex: 0 0 320px; max-width: 320px } } @media (max-width:991px) { .home-section4-swiper .swiper-slide .des { font-size: 14px; line-height: 1.6; margin: 0 0 20px } .home-section4-swiper .swiper-slide .innerleft { flex: 1; overflow: hidden } } .home-section4-swiper .swiper-slide .innerleft ul { display: flex; flex-wrap: wrap; margin: 0 -10px } .home-section4-swiper .swiper-slide .innerleft li { flex: 0 0 50%; max-width: 50%; padding: 0 10px; margin: 0 0 15px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media (max-width:1490px) { .home-section4-swiper .swiper-slide .innerleft li { font-size: 16px } } @media (max-width:991px) { .home-section4-swiper .swiper-slide .innerleft li { flex: 0 0 100%; max-width: 100%; margin: 0 0 10px } } .home-section4-swiper .swiper-slide .innerleft .more { font-size: 14px; color: #fff; width: 140px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 17px; background: #007dff; margin: 20px 0 0 } .home-section4-swiper .swiper-slide .innerright { flex: 0 0 130px; max-width: 130px } .home-section4-swiper .swiper-slide .innerright img { width: 100%; margin: 0 0 18px } .home-section4-swiper .swiper-slide .innerright p { text-align: center; font-size: 14px; color: #999 } .home-section5 { padding: 100px 0 115px; background: /*tpa=http://zty.growthman.cn/cyzt/sec5-bg.png*/ center bottom/90% no-repeat } .home-section5 h2 { font-size: 40px; text-align: center; margin: 0 0 55px } @media (max-width:1490px) { .home-section4-swiper .swiper-slide .innerright { flex: 0 0 100px; max-width: 100px } .home-section5 h2 { font-size: 40px; margin: 0 0 30px } } @media (max-width:991px) { .home-section5 { padding: 80px 0 } .home-section5 h2 { font-size: 30px } } .home-section5 .flexbox { margin: 0 0 110px } @media (max-width:991px) { .home-section5 .flexbox { margin: 0 0 80px } } @media (max-width:767px) { .home-section5 { padding: 40px 0; background: /*tpa=http://zty.growthman.cn/cyzt/sec5-bg.png*/ center bottom/100% no-repeat } .home-section5 .flexbox { margin: 0 0 40px } } .home-section5 .flexbox .box-row { display: flex; flex-wrap: wrap; margin: 0 -10px } .home-section5 .flexbox .box-col { flex: 0 0 25%; max-width: 25%; padding: 0 10px; display: flex } @media (max-width:991px) { .home-section5 .flexbox .box-row { margin: 0 -8px } .home-section5 .flexbox .box-col { padding: 0 8px } } @media (max-width:767px) { .home-section5 .flexbox .box-col { flex: 0 0 50%; max-width: 50%; margin: 0 0 15px } } .home-section5 .flexbox .item { width: 100%; height: auto; background: /*tpa=http://zty.growthman.cn/cyzt/sec5-itembg.png*/ center/cover no-repeat; border-radius: 10px; padding: 80px 0; transition: .3s } @media (max-width:1199px) { .home-section5 .flexbox .item { padding: 40px 0 } } @media (max-width:991px) { .home-section5 .flexbox .item { padding: 30px 0 } } .home-section5 .flexbox .item .ico { position: relative; width: 116px; height: 116px; margin: 0 auto 20px; background-color: #ffa928; background-position: center; background-size: 50%; background-repeat: no-repeat; font-weight: 700; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 15px solid #f7f7f7; transition: .3s } @media (max-width:1199px) { .home-section5 .flexbox .item .ico { width: 100px; height: 100px } } @media (max-width:991px) { .home-section5 .flexbox .item .ico { margin: 0 auto 15px } } @media (max-width:575px) { .home-section5 h2 { font-size: 20px } .home-section5 .flexbox .item { padding: 20px 0 } .home-section5 .flexbox .item .ico { width: 80px; height: 80px; border: 10px solid #f7f7f7; margin: 0 auto 10px } } .home-section5 .flexbox .item .ico.i1 { background-image: /*tpa=http://zty.growthman.cn/cyzt/sec5-ico1-w.png*/ } .home-section5 .flexbox .item .ico.i2 { background-image: /*tpa=http://zty.growthman.cn/cyzt/sec5-ico3-w.png*/ } .home-section5 .flexbox .item .ico.i3 { background-image: /*tpa=http://zty.growthman.cn/cyzt/sec5-ico2-w.png*/ } .home-section5 .flexbox .item .ico.i4 { background-image: /*tpa=http://zty.growthman.cn/cyzt/sec5-ico4-w.png*/ } .home-section5 .flexbox .item .ico:after { content: ""; position: absolute; border: 1px solid #f7e6cc; width: calc(100% 30px); height: calc(100% 30px); left: -15px; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; transition: .3s } .home-section5 .flexbox .item h4 { margin: 0 0 30px; font-size: 24px; text-align: center; transition: .3s } @media (max-width:1199px) { .home-section5 .flexbox .item h4 { font-size: 20px; margin: 0 0 20px } } @media (max-width:991px) { .home-section5 .flexbox .item h4 { font-size: 18px; margin: 0 0 15px } .home-section5 .form-flexbox { flex-wrap: wrap } } @media (max-width:575px) { .home-section5 .flexbox .item .ico:after { width: calc(100% 20px); height: calc(100% 20px); left: -10px } .home-section5 .flexbox .item h4 { font-size: 16px; margin: 0 0 10px } } .home-section5 .flexbox .item p { font-size: 16px; color: #666; line-height: 1.6; text-align: center; transition: .3s } @media (max-width:1199px) { .home-section5 .flexbox .item p { font-size: 14px } } @media (max-width:575px) { .home-section5 .flexbox .item p { font-size: 13px } } @media (min-width:768px) { .home-section5 .flexbox .item:hover { background: /*tpa=http://zty.growthman.cn/cyzt/sec5-itembg-h.png*/ center/cover no-repeat } .home-section5 .flexbox .item:hover .ico { background-color: #fff; border: 15px solid #1a8aff } .home-section5 .flexbox .item:hover .ico:after { border: 1px solid #1a8aff } .home-section5 .flexbox .item:hover .ico.i1 { background-image: /*tpa=http://zty.growthman.cn/cyzt/sec5-ico1.png*/ } .home-section5 .flexbox .item:hover .ico.i2 { background-image: /*tpa=http://zty.growthman.cn/cyzt/sec5-ico3.png*/ } .home-section5 .flexbox .item:hover .ico.i3 { background-image: /*tpa=http://zty.growthman.cn/cyzt/sec5-ico2.png*/ } .home-section5 .flexbox .item:hover .ico.i4 { background-image: /*tpa=http://zty.growthman.cn/cyzt/sec5-ico4.png*/ } .home-section5 .flexbox .item:hover h4 { color: #fff } .home-section5 .flexbox .item:hover p { color: rgba(255,255,255,.5) } } .home-section5 .form-flexbox { display: flex } .home-section5 .form-flexbox input { flex: 0 0 26%; max-width: 26%; height: 60px; background: #f5f5f5; padding: 0 30px; font-size: 16px; margin: 0 20px 0 0; border-radius: 30px; outline: 0; border: 0 } @media (max-width:1199px) { .home-section5 .form-flexbox input { flex: 0 0 25%; max-width: 25%; height: 50px; font-size: 14px; margin: 0 15px 0 0 } } @media (max-width:991px) { .home-section5 .form-flexbox input { flex: 0 0 49%; max-width: 49%; margin: 0 15px 15px 0 } .home-section5 .form-flexbox input:nth-child(even) { margin: 0; flex: 1; max-width: inherit } } @media (max-width:575px) { .home-section5 .form-flexbox input { flex: 0 0 100%; max-width: 100%; margin: 0 0 15px; height: 40px; padding: 0 20px } .home-section5 .form-flexbox input:nth-child(even) { flex: 0 0 100%; max-width: 100%; margin: 0 0 15px } } .home-section5 .form-flexbox button { flex: 1; background: #007dff; border-radius: 30px; outline: 0; color: #fff; border: 0; font-size: 16px } @media (max-width:1199px) { .home-section5 .form-flexbox button { height: 50px; font-size: 14px } } .home-section6 { padding: 100px 0; background: #072550; overflow: hidden } .home-section6 h2 { font-size: 40px; text-align: center; color: #fff; margin: 0 0 55px } @media (max-width:1490px) { .home-section6 h2 { font-size: 40px; margin: 0 0 30px } } @media (max-width:991px) { .home-section6 { padding: 80px 0 } .home-section6 h2 { font-size: 30px } } .home-section6-tabs { max-width: 1200px; width: 100%; margin: 0 auto 80px; border-radius: 5px; background: #fff; display: flex; justify-content: space-around } @media (max-width:991px) { .home-section6-tabs { margin: 0 auto 60px } } @media (max-width:767px) { .home-section6 { padding: 40px 0 } .home-section6-tabs { margin: 0 0 40px } } @media (max-width:575px) { .home-section5 .form-flexbox button { height: 40px } .home-section6 h2 { font-size: 20px } .home-section6-tabs { margin: 0 0 30px } } .home-section6-tabs a { height: 100px; font-size: 20px; color: #666; display: flex; align-items: center; padding: 0 10px; border-bottom: 4px solid transparent; transition: .3s } @media (max-width:991px) { .home-section6-tabs a { height: 70px; font-size: 16px; border-bottom: 2px solid transparent } } .home-section6-tabs a img { width: 32px; margin: 0 16px 0 0 } @media (max-width:575px) { .home-section6-tabs a { height: 40px; font-size: 14px; padding: 0 5px } .home-section6-tabs a img { display: none } } .home-section6-tabs a.active { color: #007dff; border-bottom: 4px solid #007dff } @media (max-width:991px) { .home-section6-tabs a img { width: 25px; margin: 0 10px 0 0 } .home-section6-tabs a.active { border-bottom: 2px solid #007dff } } .home-section6 .swiper-box { position: relative } .home-section6-swiper .viewbox { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center } @media (max-width:575px) { .home-section6-swiper .viewbox { flex-direction: column-reverse } } .home-section6-swiper .viewbox .img-box { flex: 0 0 50%; max-width: 50%; margin: 0 140px 0 0 } @media (max-width:1199px) { .home-section6-swiper .viewbox .img-box { margin: 0 60px 0 0 } } @media (max-width:767px) { .home-section6-swiper .viewbox .img-box { margin: 0 20px 0 0 } } @media (max-width:575px) { .home-section6-swiper .viewbox .img-box { flex: inherit; max-width: inherit; margin: 0 0 20px } .home-section6-swiper .viewbox .info h4:before { display: none } } .home-section6-swiper .viewbox .img-box img { width: 100% } .home-section6-swiper .viewbox .info h4 { position: relative; font-size: 36px; color: #fff; line-height: 1.4; margin: 0 0 30px } @media (min-width:768px) { .home-section6-swiper .viewbox .info h4 { text-align: left } } @media (max-width:1199px) { .home-section6-swiper .viewbox .info h4 { font-size: 24px } } @media (max-width:767px) { .home-section6-swiper .viewbox .info { text-align: center } .home-section6-swiper .viewbox .info h4 { font-size: 18px; margin: 0 0 15px } } .home-section6-swiper .viewbox .info h4 span { position: relative; z-index: 1 } .home-section6-swiper .viewbox .info h4:before { content: ""; position: absolute; width: 106px; height: 106px; opacity: .2; left: -45px; bottom: 60%; background: /*tpa=http://zty.growthman.cn/cyzt/sec6-h4bg.png*/ center/cover } .home-section6-swiper .viewbox .info .des { margin: 0 0 75px; font-size: 16px; color: rgba(255,255,255,.5) } @media (max-width:767px) { .home-section6-swiper .viewbox .info .des { font-size: 14px; margin: 0 0 40px } } .home-section6-swiper .viewbox .info .more { font-size: 18px; color: #fff; width: 180px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 22px; background: #007dff } @media (max-width:1199px) { .home-section6-swiper .viewbox .info .more { font-size: 14px; width: 150px; height: 40px } } @media (max-width:767px) { .home-section6-swiper .viewbox .info .more { font-size: 14px; width: 130px; height: 40px } } @media (max-width:575px) { .home-section6-swiper .viewbox .info .des { margin: 0 0 20px } .home-section6-swiper .viewbox .info .more { display: none } } .home-section6 .swiper-button-next, .home-section6 .swiper-button-prev { width: 37px; height: 37px; outline: 0; -webkit-user-select: none; user-select: none; filter: contrast(.3); transition: .3s; background: /*tpa=http://zty.growthman.cn/cyzt/c-left.png*/ center/contain no-repeat } .home-section6 .swiper-button-next:hover, .home-section6 .swiper-button-prev:hover { filter: contrast(1) } .home-section6 .swiper-button-next { background: /*tpa=http://zty.growthman.cn/cyzt/c-right.png*/ center/contain no-repeat } .home-section6 .swiper-pagination { display: none } .home-section7 { padding: 170px 0 120px; background: /*tpa=http://zty.growthman.cn/cyzt/sec7-bg.png*/ center top/100% no-repeat } .home-section7 h2 { font-size: 40px; text-align: center; margin: 0 auto 75px; line-height: 1.4; max-width: 750px } @media (max-width:1490px) { .home-section6 .swiper-button-next, .home-section6 .swiper-button-prev { left: -52px } .home-section6 .swiper-button-next { left: auto; right: -52px } .home-section7 h2 { font-size: 40px; margin: 0 auto 60px } } @media (max-width:991px) { .home-section7 { padding: 80px 0 } .home-section7 h2 { max-width: 565px; font-size: 30px; margin: 0 auto 30px } } @media (max-width:575px) { .home-section7 h2 { max-width: 380px; font-size: 20px } } .home-section7 .flexbox { max-width: 1366px; margin: 0 auto } .home-section7 .flexbox .box-row { display: flex; flex-wrap: wrap; margin: 0 -40px } @media (max-width:767px) { .home-section7 { padding: 40px 0 } .home-section7 .flexbox .box-row { margin: 0 -15px } } .home-section7 .flexbox .box-col { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 40px } @media (max-width:767px) { .home-section7 .flexbox .box-col { padding: 0 15px } } .home-section7 .flexbox .item .img-box { max-width: 270px; margin: 0 auto 30px } .home-section7 .flexbox .item .img-box img { width: 100% } .home-section7 .flexbox .item p { font-size: 24px; text-align: center } @media (max-width:991px) { .home-section7 .flexbox .item p { font-size: 16px } .home-section8 .form-flexbox { flex-wrap: wrap } } @media (max-width:575px) { .home-section7 .flexbox .item .img-box { margin: 0 auto 10px } .home-section7 .flexbox .item p { font-size: 14px } } .home-section8 { padding: 60px 0; background: /*tpa=http://zty.growthman.cn/cyzt/sec8-bg.jpg*/ center/cover no-repeat } @media (max-width:767px) { .home-section8 { padding: 40px 0 } } .home-section8 h2 { font-size: 30px; text-align: center; color: #fff; margin: 0 0 35px } @media (max-width:575px) { .home-section8 h2 { font-size: 20px } } .home-section8 .form-flexbox { display: flex } .home-section8 .form-flexbox input { flex: 0 0 26%; max-width: 26%; height: 60px; background: #f5f5f5; padding: 0 30px; font-size: 16px; margin: 0 20px 0 0; border-radius: 30px; outline: 0; border: 0 } @media (max-width:1199px) { .home-section8 .form-flexbox input { flex: 0 0 25%; max-width: 25%; height: 50px; font-size: 14px; margin: 0 15px 0 0 } } @media (max-width:991px) { .home-section8 .form-flexbox input { flex: 0 0 49%; max-width: 49%; margin: 0 15px 15px 0 } .home-section8 .form-flexbox input:nth-child(even) { margin: 0; flex: 1; max-width: inherit } } @media (max-width:575px) { .home-section8 .form-flexbox input { flex: 0 0 100%; max-width: 100%; margin: 0 0 15px; height: 40px; padding: 0 20px } .home-section8 .form-flexbox input:nth-child(even) { flex: 0 0 100%; max-width: 100%; margin: 0 0 15px } } .home-section8 .form-flexbox button { flex: 1; background: #007dff; border-radius: 30px; outline: 0; color: #fff; border: 0; font-size: 16px } @media (max-width:1199px) { .home-section8 .form-flexbox button { height: 50px; font-size: 14px } } .home-section9 { padding: 115px 0 0 } @media (max-width:991px) { .home-section9 { padding: 80px 0 0 } } @media (max-width:767px) { .home-section9 { padding: 40px 0 0 } } .home-section9 h2 { font-size: 40px; text-align: center; margin: 0 0 55px } @media (max-width:1490px) { .home-section9 h2 { font-size: 40px } } @media (max-width:991px) { .home-section9 h2 { font-size: 30px; margin: 0 0 30px } } .home-section9 .flexbox { overflow: hidden } .home-section9 .flexbox .box-row { display: flex; flex-wrap: wrap } .home-section9 .flexbox .box-col { flex: 0 0 33.33%; max-width: 33.33% } @media (max-width:575px) { .home-section8 .form-flexbox button { height: 40px } .home-section9 h2 { font-size: 20px } .home-section9 .flexbox .box-col { flex: 0 0 100%; max-width: 100% } } .home-section9 .flexbox .img-box { position: relative; width: 100%; height: 0; overflow: hidden; padding: 0 0 68% } .home-section9 .flexbox .img-box a { cursor: pointer } .home-section9 .flexbox .img-box .itembg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; transition: .3s } .home-section9 .flexbox .img-box .mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; color: #fff; background: rgba(0,0,0,.5); transition: .3s } @media (max-width:1199px) { .home-section9 .flexbox .img-box .mask { font-size: 16px } } @media (max-width:575px) { .home-section9 .flexbox .img-box { padding: 0 0 50% } .home-section9 .flexbox .img-box .mask { font-size: 14px } } .home-section9 .flexbox .img-box .mask img { width: 50px; margin: 0 0 15px } .home-section9 .flexbox .img-box:hover .itembg { transform: scale(1.05) } .home-section9 .flexbox .img-box:hover .mask { background: rgba(0,125,255,.8) } .home-section10 { padding: 115px 0 0 } @media (max-width:991px) { .home-section10 { padding: 80px 0 0 } } @media (max-width:767px) { .home-section10 { padding: 40px 0 0 } } .home-section10 h2 { font-size: 40px; text-align: center; margin: 0 0 55px } @media (max-width:1490px) { .home-section10 h2 { font-size: 40px } } @media (max-width:991px) { .home-section10 h2 { font-size: 30px; margin: 0 0 30px } } @media (max-width:575px) { .home-section10 h2 { font-size: 20px } } .home-section10 .swiper-box { background: #f4f9ff; height: 210px; display: flex; align-items: center } @media (max-width:1199px) { .home-section9 .flexbox .img-box .mask img { width: 40px } .home-section10 .swiper-box { flex-direction: column; height: auto; padding: 40px 0 } .home-section10-swiper { width: 100%; margin: 0 0 30px } } .home-section10-swiper { flex: 1; height: 100%; overflow: hidden } @media (max-width:767px) { .home-section10 .swiper-box { padding: 20px 0 } .home-section10-swiper { margin: 0 0 20px } } .home-section10-swiper .item { height: 100%; display: flex; align-items: center } @media (max-width:991px) { .home-section10-swiper .item { padding: 0 40px } .home-section10-swiper .item .num { display: none } } @media (max-width:767px) { .home-section10-swiper .item { padding: 0 20px } } .home-section10-swiper .item .num { flex: 0 0 170px; max-width: 170px; font-size: 36px; text-align: center } @media (max-width:1490px) { .home-section10-swiper .item .num { flex: 0 0 150px; max-width: 150px } } .home-section10-swiper .item .img-box { flex: 0 0 250px; max-width: 250px; margin: 0 80px 0 0 } @media (max-width:1490px) { .home-section10-swiper .item .img-box { margin: 0 40px 0 0 } } @media (max-width:575px) { .home-section10-swiper .item .img-box { flex: 0 0 100px; max-width: 100px; margin: 0 15px 0 0 } } .home-section10-swiper .item .img-box img { width: 100% } .home-section10-swiper .item .des { flex: 1; font-size: 16px; line-height: 1.6 } .home-section10 .swiper-pagination { position: static; margin: 0 60px 0 150px } @media (max-width:1490px) { .home-section10 .swiper-pagination { margin: 0 50px } } .home-section10 .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; background: #c3c7cc; margin: 0 20px 0 0; transition: .3s; outline: 0; opacity: 1 } @media (max-width:575px) { .home-section10-swiper .item .des { font-size: 14px } .home-section10 .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 10px 0 0 } } .home-section10 .swiper-pagination .swiper-pagination-bullet:last-child { margin: 0 } .home-section10 .swiper-pagination .swiper-pagination-bullet-active { background: #007dff } .home-section11 { padding: 115px 0 190px; background: /*tpa=http://zty.growthman.cn/cyzt/sec11-bg.png*/ center bottom/100% no-repeat } @media (max-width:991px) { .home-section11 { padding: 80px 0 } } @media (max-width:767px) { .home-section11 { padding: 40px 0 } } .home-section11 h2 { font-size: 40px; text-align: center; margin: 0 0 55px } @media (max-width:1490px) { .home-section11 h2 { font-size: 40px } } @media (max-width:991px) { .home-section11 h2 { font-size: 30px; margin: 0 0 30px } } .home-section11 .flexbox .box-row { display: flex; flex-wrap: wrap; margin: 0 -50px } .home-section11 .flexbox .box-col { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 50px } @media (max-width:991px) { .home-section11 .flexbox .box-row { margin: 0 -15px } .home-section11 .flexbox .box-col { padding: 0 15px } } @media (max-width:575px) { .home-section11 h2 { font-size: 20px } .home-section11 .flexbox .box-col { flex: 0 0 100%; max-width: 100%; margin: 0 0 20px } } .home-section11 .flexbox .item .ico { width: 100%; height: 40px; margin: 0 0 28px; text-align: center } @media (max-width:575px) { .home-section11 .flexbox .item .ico { margin: 0 0 10px } } .home-section11 .flexbox .item .ico img { height: 100% } .home-section11 .flexbox .item h4 { font-size: 24px; text-align: center; margin: 0 0 15px } @media (max-width:991px) { .home-section11 .flexbox .item h4 { font-size: 20px } } @media (max-width:575px) { .home-section11 .flexbox .item h4 { font-size: 18px; margin: 0 0 10px } } .home-section11 .flexbox .item p { font-size: 16px; color: #666; text-align: center } .home-section12 { padding: 100px 0 45px; background: #02214d } @media (max-width:991px) { .home-section11 .flexbox .item p { font-size: 14px } .home-section12 { padding: 80px 0 40px } } .home-section12 h2 { color: #fff; font-size: 40px; text-align: center; margin: 0 0 20px } @media (max-width:1490px) { .home-section12 h2 { font-size: 40px } } @media (max-width:991px) { .home-section12 h2 { font-size: 28px } } @media (max-width:575px) { .home-section12 { padding: 40px 0 } .home-section12 h2 { font-size: 16px; margin: 0 0 10px } } .home-section12 .sm-tit { font-size: 24px; color: #fff; text-align: center; margin: 0 0 65px } @media (max-width:991px) { .home-section12 .sm-tit { font-size: 20px; margin: 0 0 40px } } @media (max-width:575px) { .home-section12 .sm-tit { font-size: 14px; margin: 0 0 30px } } .home-section12 .formbox { position: relative; background: #007dff; padding: 70px 30px; margin: 0 0 60px; box-shadow: 0 50px 30px 0 rgba(2,33,77,.3) } @media (max-width:991px) { .home-section12 .formbox { padding: 40px 30px } .home-section12 .formbox .bg1 { display: none } } @media (max-width:575px) { .home-section12 .formbox { padding: 30px 15px; margin: 0 0 30px } } .home-section12 .formbox .des { font-size: 14px; text-align: center; color: rgba(255,255,255,.5); position: relative; z-index: 1 } .home-section12 .formbox .bg1 { position: absolute; width: 164px; left: -49px; top: -61px } .home-section12 .formbox .bg2 { position: absolute; width: 100px; right: 17%; bottom: -28px; transform: rotate(-33deg) } .home-section12 .formbox .bg3 { position: absolute; width: 115px; left: 0; top: 0 } @media (max-width:991px) { .home-section12 .formbox .bg2, .home-section12 .formbox .bg3 { display: none } .home-section12 .form-flexbox { flex-wrap: wrap } } .home-section12 .form-flexbox { display: flex; position: relative; z-index: 1 } .home-section12 .form-flexbox input { flex: 0 0 26%; max-width: 26%; height: 60px; background: #f5f5f5; padding: 0 30px; font-size: 16px; margin: 0 20px 0 0; border-radius: 30px; outline: 0; border: 0 } @media (max-width:1199px) { .home-section12 .form-flexbox input { flex: 0 0 25%; max-width: 25%; height: 50px; font-size: 14px; margin: 0 15px 0 0 } } @media (max-width:991px) { .home-section12 .form-flexbox input { flex: 0 0 49%; max-width: 49%; margin: 0 15px 15px 0 } .home-section12 .form-flexbox input:nth-child(even) { margin: 0; flex: 1; max-width: inherit } } @media (max-width:575px) { .home-section12 .form-flexbox input { flex: 0 0 100%; max-width: 100%; margin: 0 0 15px; height: 40px; padding: 0 20px } .home-section12 .form-flexbox input:nth-child(even) { flex: 0 0 100%; max-width: 100%; margin: 0 0 15px } } .home-section12 .form-flexbox button { flex: 1; background: #fff; border-radius: 30px; outline: 0; border: 0; font-size: 16px } @media (max-width:1199px) { .home-section12 .form-flexbox button { height: 50px; font-size: 14px } } @media (max-width:575px) { .home-section12 .form-flexbox button { height: 40px } } .home-section12 .footer { text-align: center; color: rgba(255,255,255,.2) } .home-section12 .footer a { color: rgba(255,255,255,.2); margin: 0 0 0 15px; transition: .3s } .home-section12 .footer a:hover { color: #fff } .home-popup { position: fixed; width: 100%; height: 100%; z-index: 999999; display: flex; align-items: center; top: 0; left: 0; opacity: 0; padding: 0 15px; visibility: hidden; transition: .3s } .home-popup.open { visibility: visible; opacity: 1 } .home-popup .popup-box { position: relative; z-index: 1; max-width: 1000px; width: 100%; border-radius: 20px; margin: 0 auto; padding: 80px 135px 90px; background: #fff } @media (max-width:991px) { .home-popup .popup-box { padding: 60px } } @media (max-width:767px) { .home-popup .popup-box { padding: 40px 20px } } .home-popup .popup-box .close-popup-btn { position: absolute; z-index: 1; right: 30px; top: 30px; width: 16px } .home-popup .popup-box .close-popup-btn img { width: 100% } .home-popup .popup-box h2 { font-size: 40px; text-align: center; margin: 0 0 55px } @media (max-width:1490px) { .home-popup .popup-box h2 { font-size: 40px } } @media (max-width:991px) { .home-popup .popup-box h2 { font-size: 30px; margin: 0 0 30px } } .home-popup .popup-box h2 span { color: #007dff } .home-popup .popup-box .flexbox { display: flex } .home-popup .popup-box .left-form { flex: 0 0 380px; max-width: 380px; margin: 0 70px 0 0 } @media (max-width:1199px) { .home-popup .popup-box .left-form { flex: 1; max-width: inherit; margin: 0 40px 0 0 } } @media (max-width:575px) { .home-popup .popup-box { height: 30px 15px } .home-popup .popup-box .close-popup-btn { right: 20px; top: 20px } .home-popup .popup-box h2 { font-size: 20px } .home-popup .popup-box .left-form { margin: 0 } } .home-popup .popup-box .left-form input { width: 100%; height: 60px; border-radius: 30px; border: 1px solid #ddd; padding: 0 30px; font-size: 16px; margin: 0 0 20px; background: #fff; outline: 0; box-shadow: 5px 5px 0 1px #f5f5f5 } @media (max-width:575px) { .home-popup .popup-box .left-form input { height: 40px; margin: 0 0 15px; font-size: 14px; padding: 0 20px } } .home-popup .popup-box .left-form .btn-group { width: 100%; display: flex } .home-popup .popup-box .left-form .btn-group button { color: #fff; background: #999; flex: 1; margin: 0 20px 0 0; height: 60px; border-radius: 30px; border: 0; outline: 0; box-shadow: 5px 5px 0 1px #f5f5f5; font-size: 16px } .home-popup .popup-box .left-form .btn-group button:last-child { margin: 0 } .home-popup .popup-box .left-form .btn-group button.ok { background: #007dff; box-shadow: 5px 5px 0 1px #7fbeff } .home-popup .popup-box .right-erweima { flex: 1; border: 1px solid #ddd; box-shadow: 5px 5px 0 1px #f5f5f5; padding: 30px 5px; border-radius: 20px; display: flex; flex-direction: column; justify-content: center } @media (max-width:575px) { .home-popup .popup-box .left-form .btn-group button { height: 40px } .home-popup .popup-box .right-erweima { display: none } }