.hjzf2_banner-HJ02 {
    width: 100%;
    height:  calc(100vh - 132px);
    margin: auto;
}
.banner-HJ02_swiper {
    width: 100%;
    height: 100%;
    margin: auto;
}.banner-HJ02_swiperimg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}.banner-HJ02_swiperimg img {
    max-width: 100%;
}.banner-HJ02_swiper .hj-banner-item .hjzf_bannerpc_bg {
    width: 100%;
    height: 100%;
}.banner-HJ02_page {
    background-color: rgb(0 0 0 / 28%);
}
.banner-HJ02_page {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: auto;
    background-size: cover;
    z-index: 10;
}
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px){
    .container {
    max-width: 720px;
}
}
@media (min-width: 992px){
.container {
    max-width: 936px;
}
}
@media (min-width: 1260px){
.container {
    max-width: 1200px;
}
}
@media (min-width: 1680px){
.container {
    max-width: 1440px;
}
}








.row {
    margin-left: -30px;
    margin-right: -30px;
}.col-xs-12 {
    width: 100%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.banner-HJ02_page ul {
    border-top: 1px solid rgba(255, 255, 255, .2);
}
.flex {
    display: -moz-flex;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}.banner-HJ02_page ul li {
    cursor: pointer;
    width: calc(33.3%);
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, .2);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 30px 40px;
}
.banner-HJ02_color {
    color: #fff;
}.banner-HJ02_page ul li:before {
    background-color: #;
}
.banner-HJ02_page ul li:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    height: 1px;
    width: 0;
    background-color: #00ffea;
    opacity: 1;
    transition: opacity .2s ease-out;
}#banner-HJ02_1069 > section > div > div.banner-HJ02_page > div > div > div > ul > li > div.slidernavFt > div.sildernavMainTit {
    FONT-SIZE: 22PX;
}.sildernavSubTit {
    opacity: 0.7;height: 48px;
}.slidernav .slidernavIco {
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    position: relative;
    box-sizing: border-box;
    transition: all .3s ease-out;
    cursor: pointer;
}.slidernav .slidernavIco .silderIco {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.slidernav .slidernavIco .silderIco, .slidernav li .sildernavSvg svg circle {
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
}.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}.fa-long-arrow-right:before {
    content: "\f178";
}.slidernav li .sildernavSvg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}.slidernav li .sildernavSvg svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

svg:not(:root) {
    overflow: hidden;
}
.slidernav li:hover .slidernavIco .silderIco {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.banner-HJ02_page ul li.active:before {
    width: 100%;
    transition: width 4s linear;
}
.banner-HJ02_page .col-xs-12{
    padding-top: 0;padding-bottom: 0;
}.banner-HJ02_page ul li:last-child {
    border-right: none;
}

.slidernav .slidernavIco .silderIco, .slidernav li .sildernavSvg svg circle {
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
}
.slidernav li:hover .sildernavSvg svg circle {
    stroke-dashoffset: 115;
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
}
.slidernavFt{
    flex: 1;
}

@media screen and (max-width: 600px) {
    .banner-HJ02_page {
        display: none;
    }.hjzf2_banner-HJ02 {

    height: calc(100vh - 60px);

}
}