.g-animate{height:auto;background-color:red;overflow:hidden;padding: 0;background:#fff;}
.g-animate>.g-wrapper{width: 1200px; margin: 0 auto;margin-top:36px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:544px;overflow:hidden}
.g-animate>.g-wrapper .g-animate-nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:24px}
.g-animate>.g-wrapper .g-animate-container{width:100%}
.g-animate>h2{font-weight:500;font-size:32px;line-height:45px;text-align:center;color:#232A38}
.g-animate>p{font-weight:normal;font-size:16px;line-height:22px;color:#7A8599;text-align:center;margin-top:8px}
.g-animate>a{display:block;width:220px;height:44px;line-height:44px;text-align:center;color:#fff;font-size:16px;letter-spacing:-0.336px;background:#236DEF;-webkit-box-shadow:0px 6px 30px -8px rgba(30,89,238,0.4);-moz-box-shadow:0px 6px 30px -8px rgba(30,89,238,0.4);box-shadow:0px 6px 30px -8px rgba(30,89,238,0.4);-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px;margin:60px auto 0}
.g-animate>a:hover{background:#4888FA;-webkit-box-shadow:0px 10px 30px rgba(30,89,238,0.32);-moz-box-shadow:0px 10px 30px rgba(30,89,238,0.32);box-shadow:0px 10px 30px rgba(30,89,238,0.32)}
.g-animate .g-animate-nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}
.g-animate .g-animate-nav>div{width:252px;height:84px;line-height:34px;font-weight:normal;font-size:20px;color:#232A38;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer}
.g-animate .g-animate-nav>div.active{color:#fff;background-color:#7088FF}
.g-animate .g-animate-nav>div.active span{display:inline-block;width:220px;height:4px;position:absolute;bottom:0px;left:0;background:#236DEF;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;-webkit-animation-name:progressRunAnimate;-moz-animation-name:progressRunAnimate;-o-animation-name:progressRunAnimate;animation-name:progressRunAnimate;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1}
@-webkit-keyframes progressRunAnimate{0%{width:0}to{width:220px}}
@-moz-keyframes progressRunAnimate{0%{width:0}to{width:220px}}
@-o-keyframes progressRunAnimate{0%{width:0}to{width:220px}}
@keyframes progressRunAnimate{0%{width:0}to{width:220px}}
.g-animate .g-animate-container{position:relative}
.g-animate .g-animate-container .swiper-container{height:100%;--swiper-theme-color: #ff6600;--swiper-navigation-color: #00ff33;--swiper-navigation-size: 30px}
.g-animate .g-animate-container .swiper-slide{height:100%;/*border:1px solid #ECEFF4*/}
.g-animate .g-animate-container .swiper-slide>div{opacity:0;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-position:center center;position:absolute}.g-animate .g-animate-container .swiper-slide>div.fadeIn{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.g-animate .g-animate-container .swiper-slide.swiper-slide-1{background:url(../../images/g-animate-swiper-1.png) no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}
.g-animate .g-animate-container .swiper-slide.swiper-slide-2{background:url(../../images/g-animate-swiper-2.png) no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}
.g-animate .g-animate-container .swiper-slide.swiper-slide-3{background:url(../../images/g-animate-swiper-3.png) no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}
.g-animate .g-animate-container .swiper-slide.swiper-slide-4{background:url(../../images/g-animate-swiper-4.png) no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}
.g-animate .g-animate-container .swiper-slide.swiper-slide-5{background:url(../../images/g-animate-swiper-5.png) no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}
.g-animate .g-animate-container .swiper-button-prev{left:-40px}
.g-animate .g-animate-container .swiper-button-next{right:-40px}
.g-animate .g-animate-container .swiper-button-prev,.g-animate .g-animate-container .swiper-button-next{display:none}
.g-animate:hover .swiper-button-prev,.g-animate:hover .swiper-button-next{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}