@charset "utf-8";
/* ===================首页样式========================== */
.banner-box{position: relative;height: 100vh;}
.banner{/* position: fixed; */left: 0;top: 0;width: 100%;height: 100vh;}
.banner-bg{overflow: hidden;}
.banner-bg img{width: 100%;height: 100vh;animation: banScale 1s ease forwards;}
@keyframes banScale {0%{transform: scale(1.3);}100%{transform: scale(1);}}
.banner-text{display: flex;align-items: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-text .contain-1600{opacity: 0;transform: translateX(150px);transition: all 1.5s .8s ease;}
.banner-text .label{color: #171c61;text-transform: uppercase;}
.banner-text .title{position: relative;}
.banner-text .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 90px;height: 4px;background: #171c61;}
.banner-text .title span{color: #171c61;}
.banner-btn{position: absolute;left: 0;bottom: 80px;z-index: 2;width: 100%;}
.banner-btn .swiper-pagination-bullet{width: 60px;height: 2px;margin-left: 10px;opacity: 1;border-radius: 0; position: relative;margin-left: 10px;background: rgba(255, 255, 255, .3);}
.banner-btn .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-btn .swiper-pagination-bullet-active{background: rgba(255, 255, 255, .3);}
.banner-btn .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #fff;}
.banner-btn .swiper-pagination-bullet.active::after{width: 100%;transition: all 2.5s ease;}
.banner .swiper-slide-active .banner-text .contain-1600{opacity: 1;transform: translateX(0);}
.indPro{background:#f8f8f8;/* background: url('../images/inpro-bg.png') no-repeat center/100% 100%; */position: relative;z-index: 2;}
.indPro ul{margin-left: -20px;}
.indPro li{margin-left: 40px;width: calc((100% - 40px*3)/3);cursor: pointer;margin-bottom: 40px;}
.indPro-item{box-shadow: 0px 18px 70px 0px rgba(0, 0, 0, 0.09);display: block; border-radius: 20px;background: #fff;padding: 45px 35px 0 45px;height: 320px;position: relative;z-index: 2;}
.indPro-item::after{content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 22px;z-index: 1;background: radial-gradient(#ccc 0%,#ccc 40%,#171c61 100%);}
.indPro-item::before{content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 20px;z-index: 2;background: #fff;z-index: 2;transition: all .4s ease;}
.indPro-item>div{position: relative;z-index: 3;}
.indPro-img{justify-content: flex-end;align-items: flex-start; height:280px;width: 100%;}
.indPro-img img{max-height: 90%;max-width: 80%;width: auto;height: auto;}
.indPro-more{position: absolute !important;left: 45px;bottom: 45px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 1px solid #acacac;color: #171c61;transition: all .4s ease;}
.indPro-more::after{content: "\e765";font-family: "icon";display: inline-block;font-size: 16px;font-weight: 700;}
.indPro-item:nth-child(2){margin-top: 20px;}
.indPro li:nth-child(2) .indPro-item{height: 100%;}
.indPro li:nth-child(2) .indPro-img{height:350px;justify-content: center;align-items: flex-end;}
.indPro li:nth-child(2) .indPro-img img{max-width: 80%;max-height: 80%;padding-left: 20px;}
.indPro-title{transition: all .4s ease;}
.indPro-item:hover::before{opacity: 0;}
.indPro-item:hover .indPro-title{color: #fff;}
.indPro-item:hover .indPro-more{border-color: #fff;background: #fff;}
.indPro .public-more{margin: 50px auto 0;}
.indFA{background: #fff;position: relative;z-index: 2;}
.indFA-header .contain-1600{justify-content: space-between;align-items: center;}
.indTitle.bg::after{content: "";margin-left: 5px; display: inline-block;margin-top: 45px;width: 70px;height: 18px;background: url('../images/indtitle-bg.png') no-repeat center/100% auto;}
.indFA-con{padding-left: 120px;border-top: 1px solid #e7e7e7;}
.indFA-swp{width: 87%;}
.indFA-swp .swiper-slide{display: flex;justify-content: flex-start;}
.indFA-slide{flex-direction: column;align-items: center;text-align: center;}
.indFA-icon{width: 144px;height: 144px;border-radius: 50%;position: relative;}
.indFA-icon::after{content: "";position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;border-radius: 50%; transform: translate(-50%,-50%) scale(.3);opacity: 0; transition: all .6s ease;background: #171c61;}
.indFA-icon img{transition: all .4s ease;max-width: 60%;max-height: 60%;position: relative;z-index: 2;}
.indFA-icon .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.indFA-text{padding-bottom: 14px;}
.indFA-text::after{transform: translateX(-50%); content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: 4px;transition: all .4s ease;background: #171c61;}
.indFA-btn{width: 13%;background: url('../images/indfa-bg.png') no-repeat left top/100% 100%;align-items: center;padding-left: 1.3%;}
.indFA-pagination{display: none;}
.indFA-prev,.indFA-next{display: flex;align-items: center;justify-content: center;width: 34px;height: 34px;transition: all .4s ease;user-select: none;cursor: pointer;}
.indFA-prev{transform: rotate(180deg);}
.indFA-next{margin-left: 8px;}
.indFA-prev::after,.indFA-next::after{content: "";display: inline-block;width: 11px;height: 15px;transition: all .4s ease;border: 8px solid transparent;border-left-color: #fff;}
.indFA-prev:hover::after,.indFA-next:hover::after{transform: scale(1.3);}
.indFA-slide:hover .indFA-icon::after{transform: translate(-50%,-50%) scale(1);opacity: 1;}
.indFA-slide:hover .indFA-icon .s{opacity: 0;}
.indFA-slide:hover .indFA-icon .h{opacity: 1;}
.indFA-slide:hover .indFA-text{color: #171c61;}
.indFA-slide:hover .indFA-text::after{width: 100%;}
.indAb{background: no-repeat center/100% 100%;position: relative;z-index: 2;background: url(../images/index_bg2.jpg);background-size: cover;}
.indAb-jy{width: 33.3333%;color: #ffffff;border-right: 1px solid  #78787857;border-left: 1px solid  #78787857;padding-left: 20px;}
.indAb-jy-title::after{content: "";position: absolute;left: 0;bottom: 0;width: 66px;height: 2px;background: #ffffff;}
.indAb-jy-num{align-items: flex-end;}
.indAb-jy-num span{font-size: 8vw;line-height: .8;letter-spacing: -0.5vw;font-family:'H';letter-spacing:2px}
.indAb-jy-num p{transform: translateX(0.5vw);}
.indAb-con{width: 100%;}
.indTitle.hasWhite .title,.indTitle.hasWhite .text{color: #fff;}
.indTitle.bg.hasWhite::after{background-image: url('../images/indtitle-bg-white.png');filter: brightness(0);}
.indAb-list li{margin-left: 0;width: 33.3333%;/* background: #ffffff78; */padding: 80px 50px;text-align: center;border: 1px solid  #78787857;border-left: none;}
.indAb-text{padding-right: 30px;}
.indAb-list li:first-child{margin-left: 0;border-left: 1px solid #78787857;}
.indAb-list-num{align-items: flex-end;color: #fff;justify-content: center;font-weight: bold;}
.indAb-list-num span{margin-right: 4px;line-height: .8;font-family:'H';letter-spacing:2px}
.indNews{position: relative;z-index: 2;background: #fff;}
.indNews-header{justify-content: space-between;align-items: center;}
.indNews-show{width: 100%;background: #fff;}
.indNews-show-item{transition: all .4s ease;/* width: 32%; */box-shadow: 0px 15px 12px 0px rgba(0, 0, 0, 0.08);margin: 30px 20px;}
.indNews-show-img{width: 100%;overflow: hidden;}
.indNews-show-img img{width: 100%;height: 300px;transition: all .6s ease;}
.indNews-show-text{background: #fff;padding: 35px 45px 45px;}
.indNews-show-text .date,.indNews-list-text .date{padding-left: 23px;}
.indNews-show-text .date::after,.indNews-list-text .date::after{content: "";width: 15px;height: 15px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: url('../images/indnews-icon.png') no-repeat center/100% auto;}
.indNews-show-text .title{transition: all .4s ease;}
.indNews-show-item:hover{box-shadow: 0px 15px 20px 0px rgba(23, 28, 97, 0.4);}
.indNews-show-item:hover .indNews-show-img img{transform: scale(1.08);}
.indNews-show-item:hover .indNews-show-text .title{color: #171c61;}
.indNews-list{width: calc(32% - 45px);margin-left: 45px;}
.indNews-list-item{padding: 27px 0; border-bottom: 1px solid #c7c7c7;}
.indNews-list-item:first-child{height: calc((100% /3) - 18px);}
.indNews-list-item:nth-child(2){height: calc((100% /3) + 9px);}
.indNews-list-item:nth-child(3){height: calc((100% /3) + 9px);}
.indNews-list-item:first-child{padding-top: 0;}
.indNews-list-img{width: 44%;position: relative;}
.indNews-list-img img{width: 100%;height: 130px;}
.indNews-list-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(23, 28, 97, .5);opacity: 0;transition: all .4s ease;}
.indNews-list-text{width: 56%;padding-left: 30px;position: relative;}
.indNews-list-text .title{transition: all .4s ease;}
.indNews-list-text .date{position: absolute;left: 30px;bottom: 0;width: 100%;}
.indNews-list-item:hover .indNews-list-text .title{color: #171c61;}
.indNews-list-item:hover .indNews-list-img::after{opacity: 1;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-btn{bottom: 60px;}
    .indPro-item{height: 290px;padding: 30px 25px 0 30px;}
    .indPro-more{left: 30px;}
    .indPro-img{height: 90%;}
    .indPro li:nth-child(2) .indPro-img{height: 80%}
    .indFA-con{padding-left: 90px;}
    /* .indAb-jy-num p{transform: unset;} */
    .indNews-show-img img{height: 250px;}
    .indNews-show-text{padding: 25px 30px 35px;}
    .indNews-list-item{padding: 24px 0;}
    .indNews-list-item:first-child{height: calc((100% /3) - 14px);}
    .indNews-list-item:nth-child(2){height: calc((100% /3) + 7px);}
    .indNews-list-item:nth-child(3){height: calc((100% /3) + 7px);}
    .indNews-list-text{padding-left: 20px;}
    .indAb-list li{/* margin-left: 30px; *//* width:calc(33.3333% - 30px); */}
    .indNews-list-img img{height: 100px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indPro-item{height: 250px;border-radius: 10px;}
    .indPro li:nth-child(2) .indPro-img{align-items: center;}
    .indFA-icon{width: 110px;height: 110px;}
    .indAb-jy-title{padding-bottom: 10px;}
    .indAb-jy-title::after{width: 40px;}
    .indAb-text{padding-right: 0;}
    .indAb-con{padding-left: 5%;}
    .indTitle.bg::after{margin-top: 20px;}
    .indAb-list li{margin-left: 20px;width:calc(33.3333% - 20px)}
    .indNews-show-img img{height: 200px;}
    .indNews-show{margin-left: -20px;}
    .indNews-show-item{margin-left: 20px;width: calc(50% - 20px);}
    .indNews-list{margin-left: 20px;width: calc(32% - 20px);}
    .indNews-list-item{padding: 15px 0;}
    .indNews-list-item:first-child{height: calc((100% /3) - 10px);}
    .indNews-list-item:nth-child(2){height: calc((100% /3) + 5px);}
    .indNews-list-item:nth-child(3){height: calc((100% /3) + 5px);}
    .indNews-list-text .date{font-size: 12px;left: 20px;padding-left: 18px;}
    .indNews-show-text .date::after, .indNews-list-text .date::after{width: 12px;height: 12px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .indFA-btn{padding-left: 0;}
    .indFA-next{margin-left: 0;}
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-box{height: 340px;}
    .banner-bg img,.banner{height: 400px;}
    .banner-btn{bottom: 40px;}
    .indPro{background-size: auto 100%;}
    .indFA-con{padding-left: 4%;}
    .indAb-jy-num span{font-size: 100px;}
    .indAb-list::after{content: "";width: 31%;}
    .indNews-show-img img{height: 150px;}
    .indNews-show-text{padding: 25px 15px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .banner-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
    .banner, .banner-bg img{height: 350px;}
    .banner-box{height: 290px;}
    .banner-text .title::after{width: 60px;height: 3px;}
    .banner-btn{bottom: 25px;}
    .banner-pagination{text-align: center;}
    .banner-btn .swiper-pagination-bullet{width: 40px;}
    .indPro ul{margin-left: 0;margin-top: -15px;}
    .indPro li{width: 100%;margin-left: 0;margin-bottom: 20px;}
    .indPro-item{margin-top: 20px !important;height: auto !important;flex: unset;padding:25px 15px;}
    .indPro-img{margin-top: 40px;height: auto;justify-content: center;align-items: center;}
    .indPro-more{position: relative !important;left: auto; bottom: auto;margin: 15px auto 0;width: 40px;height: 40px;}
    .indPro-more::after{font-size: 18px;}
    .indPro-title{text-align: center;}
    .indTitle.bg::after{width: 50px;height: 16px;}
    .indFA-icon{width: 90px;height: 90px;}
    .indFA-text{padding-bottom: 10px;}
    .indFA-text::after{height: 3px;}
    .indFA-swp{width: 100%;padding-bottom: 10px;}
    .indFA-btn{width: 100%;background: transparent;padding-bottom: 30px;justify-content: center;}
    .indFA-prev, .indFA-next{display: none;}
    .indFA-pagination{display: block;}
    .indFA-pagination .swiper-pagination-bullet{width: 20px;height: 2px;background: rgba(0, 0, 0, .2);border-radius: 0;opacity: 1;margin-left: 8px;}
    .indFA-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
    .indFA-pagination .swiper-pagination-bullet-active{background: #171c61;}
    .indAb-jy{width: 100%;border-right: unset;border-right: 1px solid #f5f7ff57;}
    .indAb-con{width: 100%;padding-left: 0;padding-top: 0;}
    .indAb-jy-num span{font-size: 100px;letter-spacing: 0;}
    .indAb-jy-title{padding-bottom: 5px;}
    .indAb-jy-title::after{width: 30px;}
    .indTitle.bg::after{margin-top: 10px;width: 40px;height: 14px;}
    .indAb-list{margin-top: 10px;}
    .indAb-list-text{font-size: 13px;}
    .indAb-list li{
 width: 100%;
 margin:20px 0 0;
 padding: 50px
 50px;
 border: 1px solid #78787857;
 }
    .indNews-show{margin-left: 0;width: 100%;}
    .indNews-show-item{width: 100%;margin:20px 0 0;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);}
    .indNews-show-img img{height: 250px;}
    .indNews-list{width: 100%;margin:40px 0 0;}
}

.indNews-show-item:nth-child(3n) {
    /* margin-right: 0; */
}
.indAb_backdrop * {
    color: #000!important;
}.hxjs_content p {
    text-indent: 30px;
}



#particles-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 65%;
    z-index: 0;
}