@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;align-items: center;}
.banner-desc{background: rgba(255, 255, 255, .55);padding: 50px 35px;}
.banner-pagination{z-index: 2;position: absolute;left: 0;bottom: 2.4vw;width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: 4.7vw;height: 5px;background: rgba(255, 255, 255, .5);position: relative;margin: 0 6px;opacity: 1;border-radius: 0;}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #1d2088;}
.banner-pagination .swiper-pagination-bullet.active::after{animation: paginationAni 4s linear both;}
.banner-pagination .swiper-pagination-bullet.active.first-bullet::after{animation: paginationAni 3s linear both;}
@keyframes paginationAni {0%{width: 0;}100%{width: 100%;}}
.indNews-head{align-items: center;justify-content: space-between;}
.indNews-more{align-items: center;}
.indNews-more span{transition: all .4s ease;}
.indNews-more i{width: 25px;height: 26px;display: block;position: relative;margin-left: 18px;transition: all .4s ease;}
.indNews-more i img{transition: all .4s ease;}
.indNews-more i .h{position: absolute;left: 0;top: 0;opacity: 0;}
.indNews-more:hover span{color: #1d2088;}
.indNews-more:hover i{transform: rotate(90deg);}
.indNews-more:hover i .s{opacity: 0;}
.indNews-more:hover i .h{opacity: 1;}
.indNews-list{margin-left: -25px;}
.indNews-item{margin-left: 25px;width: calc((100% / 3) - 25px);background: #f6f6fa;}
.indNews-left{width: 100%;height: 100%;display: flex;flex-direction: column;}
.indNews-left-img img{width: 100%;height: 260px;}
.indNews-left-con{flex: 1;flex-direction: column;justify-content: center;padding: 0 45px;min-height: 13vw;}
.indNews-left-con .more{align-items: center;}
.indNews-left-con .more i{color: #1d2088;display: block;transform: rotate(180deg);font-size: 10px;font-weight: 700;margin-left: 8px;transition: all .4s ease;}
.indNews-left:hover .indNews-left-img img{transform: scale(1.08);}
.indNews-left:hover .indNews-left-con .title{color: #1d2088;}
.indNews-left:hover .indNews-left-con .more i{transform: translateX(5px) rotate(180deg);}
.indNews-right{width: 100%;height: 100%;padding: 45px;}
.indNews-right-item{border-top: 1px solid #e9e9f0;padding-right: 5px;}
.indNews-right-item:hover .title{color: #1d2088;}
.indHot-bg .bg img{width: 100%;}
.indHot-bg .logo{width: 10vw;max-width: 192px;position: absolute;right: 3.1vw;bottom: 2.5vw;}
.indHot-swp{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 8.3vw;}
.indHot-swp .swiper-container{width: 100%;height: 100%;}
.indHot-swp .swiper-slide{height: auto;}
.indHot-slide{height: 100%;align-items: center;justify-content: space-between;}
.indHot-desc{width: 44%;}
.indHot-desc .line{width: 24px;height: 5px;background: #999;}
.indHot-img{height: 100%;width: 49%;}
.indHot-img img{max-height: 60%;}
.indHot-btn{z-index: 2;position: absolute;left: 2.5vw;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;user-select: none;cursor: pointer;border-radius: 50%;background: rgba(255, 255, 255, .2);}
.indHot-btn.next{left: auto;right: 2.5vw;transform: translateY(-50%) rotate(180deg);}
.indHot-btn:hover{background: rgba(255, 255, 255, .8);color: #1d2088;}
.indPro-list-flex{margin-left: -28px;flex-wrap: nowrap;}
.indPro-item{margin: 28px 0 0 28px;width: calc((100% / 3) - 28px);transition: all .5s ease;overflow: hidden;}
.indPro-bg{background: url('../images/index/indPro-bg1.jpg') no-repeat center/cover;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indPro-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(29, 32, 136, .2);transition: all .5s ease;opacity: 0;}
.indPro-list-flex:nth-child(2) .indPro-bg{background-image: url('../images/index/indPro-bg2.jpg');}
.indPro-con{position: relative;z-index: 2;padding: 40px 40px 0;}
.indPro-con .title-box{display: flex;}
.indPro-con .title::after{content: "";position: absolute;left: 0;top: 0;width: 24px;height: 5px;background: #1d2088;transition: all .5s ease;}
.indPro-con .img{height: 230px;justify-content: flex-end;}
.indPro-con .img img{max-height: 70%;transition: all .4s ease;}
/* .indPro-item:hover .indPro-con .img img{transform: scale(1.08);} */
.indPro-list-flex:nth-child(1) .indPro-item:nth-child(1) .indPro-con .img img{max-width: 100%;}
/* .indPro-list-flex:nth-child(1) .indPro-item:nth-child(1) .indPro-con .img{justify-content: flex-end;align-items: flex-end;} */
/* .indPro-list-flex:nth-child(2) .indPro-item:nth-child(1) .indPro-con .img{justify-content: flex-start;align-items: flex-end;} */
/* .indPro-list-flex:nth-child(2) .indPro-item:nth-child(3) .indPro-con .img{align-items: flex-end;} */
.indPro-list-flex.on .indPro-item{width: calc(26% - 28px);}
.indPro-list-flex.on .indPro-item.active{width: calc(48% - 28px);}
.indPro-list-flex.on .indPro-item.active .indPro-bg::after{opacity: 1;}
.indPro-list-flex.on .indPro-item.active .indPro-con .title{color: #1d2088;}
.indPro-list-flex.on .indPro-item.active .indPro-con .title::after{width: 100%;}
.indPro-list-flex.on .indPro-item.active .indPro-con .img img{max-height: 90%;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .banner-desc{padding: 40px 30px;}
    .indPro-con{padding: 30px 30px 0;}
    .indPro-con .img{height: 190px;}
    .indPro-con .title::after{width: 22px;height: 4px;}
    .indPro-list-flex{margin-left: -22px;}
    .indPro-item{margin: 22px 0 0 22px;width: calc((100% / 3) - 22px);}
    .indPro-list-flex.on .indPro-item{width: calc(26% - 22px);}
    .indPro-list-flex.on .indPro-item.active{width: calc(48% - 22px);}
    .indNews-left-img img{height: 220px;}
    .indNews-left-con{padding: 0 35px;}
    .indNews-right{padding: 35px;}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .banner-desc {padding: 30px 22px;}
    .indPro-con{padding: 20px 20px 0;}
    .indPro-con .img{height: 150px;}
    .indPro-con .title::after{width: 20px;height: 3px;}
    .indPro-list-flex{margin-left: -16px;}
    .indPro-item{margin: 16px 0 0 16px;width: calc((100% / 3) - 16px);}
    .indPro-list-flex.on .indPro-item{width: calc(26% - 16px);}
    .indPro-list-flex.on .indPro-item.active{width: calc(48% - 16px);}
    .indHot-btn{width: 40px;height: 40px;font-size: 14px;}
    .indNews-left-img img{height: 175px;}
    .indNews-left-con{padding: 0 25px;}
    .indNews-right{padding: 25px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
@media all and (max-width:1000px){
    /* 720 竖屏 */
    .banner-desc .title1,.banner-desc .title2{line-height: 28px;}
    .banner-pagination .swiper-pagination-bullet{width: 20px;height: 2px;margin: 0 4px;}
    .indPro-list-flex{margin-left: 0;flex-wrap: wrap;}
    .indPro-item{margin: 20px 0 0;width: 100%;}
    .indPro-con .img{height: 180px;}
    .indPro-con .title{font-size: 17px;padding-top: 12px;}
    .indHot-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .indHot-bg .bg{height: 100%;}
    .indHot-bg .bg img{height: 100%;}
    .indHot-swp{position: relative;z-index: 2;}
    .indHot-swp{padding: 40px 15px 60px;}
    .indHot-btn{display: none;}
    .indHot-slide{flex-direction: column-reverse;}
    .indHot-desc{width: 100%;margin-top: 20px;}
    .indHot-img{height: 180px;width: 100%;}
    .indHot-img img{max-height: 90%;}
    .indHot-desc .line{width: 20px;height: 3px;}
    .indHot-pagination{position: absolute;z-index: 2;left: 0;bottom: 12px;width: 100%;}
    .indHot-pagination .swiper-pagination-bullet{margin: 0 4px;}
    .indHot-pagination .swiper-pagination-bullet-active{background: #1d2088;}
    .indHot-bg .logo{bottom: auto;top: 12px;right: 12px; width: 50px;}
    .indNews-list{margin-left: 0;}
    .indNews-item{width: 100%;margin: 15px 0 0;}
    .indNews-more i{width: 20px;height: 21px;margin-left: 14px;}
    .indNews-left-con{padding: 20px 15px 30px;}
    .indNews-left-img img{height: 200px;}
    .indNews-right{padding: 25px 15px;}
    .indNews-right-item{padding: 15px 5px 15px 0;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px){
    /* 移动终端 360 适配 */
}