.g-container{padding-top:0}
.g-banner{position:relative;background:#021742}
.g-banner .swiper-container{height:480px;margin:0 auto;position:relative;overflow: hidden;    list-style: none;    padding: 0;    z-index: 1;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;}
.g-banner .swiper-container .swiper-slide>a{display:block;height:100%;}
.g-banner .swiper-container .swiper-pagination{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);bottom:16px;z-index:1}
.g-banner .swiper-container .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:30px;height:3px;margin-right:8px;background:rgba(255,255,255,0.2);position:relative;opacity:1;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;cursor: pointer;}
.g-banner .swiper-container .swiper-pagination .swiper-pagination-bullet span{background:#236DEF;display:inline-block;height:3px;width:0;position:absolute;top:0;left:0}
.g-banner .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}
.g-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span{-webkit-animation:progressRun 5s linear forwards;-moz-animation:progressRun 5s linear forwards;-o-animation:progressRun 5s linear forwards;animation:progressRun 5s linear forwards}
.g-banner .swiper-buttons{max-width:1500px;min-width:1180px;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:1;top:50%}
.g-banner .swiper-button-prev,.g-banner .swiper-button-next{position: absolute; top: 50%;width:60px;height:60px;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;display:none;z-index: 10;}
.g-banner .swiper-button-prev:after,.g-banner .swiper-button-next:after{content:''}
.g-banner .swiper-button-prev{left:6vw;background-image:url(data:image/png;base64,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)}
.g-banner .swiper-button-prev:hover{background-image:url(data:image/png;base64,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)}
.g-banner .swiper-button-next{right:6vw;background-image:url(data:image/png;base64,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)}
.g-banner .swiper-button-next:hover{background-image:url(data:image/png;base64,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)}
.g-banner:hover .swiper-button-prev,.g-banner:hover .swiper-button-next{display:block}
@media only screen and (min-width:1580px){.swiper-button-prev{left:20px}
.swiper-button-next{right:20px}
}

@-webkit-keyframes progressRun{0%{width:0}
to{width:30px}
}
@-moz-keyframes progressRun{0%{width:0}
to{width:30px}
}
@-o-keyframes progressRun{0%{width:0}
to{width:30px}
}
@keyframes progressRun{0%{width:0}
to{width:30px}
}