@charset "utf-8";
/* ===================首页样式========================== */
.banner-lun > img{width: 100%;height: calc(100vh - 80px);}
.banner-lun .content{position: absolute;z-index: 4;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.banner-lun .content .title{opacity: 0;}
.banner-lun .content .text{opacity: 0;}
.banner-lun .content .IndBtn{opacity: 0;}
.banner .swiper-slide.swiper-slide-active .banner-lun .content .title{animation: bannerLun .8s ease-in-out both .8s;}
.banner .swiper-slide.swiper-slide-active .banner-lun .content .text{animation: bannerLun .8s ease-in-out both 1s;}
.banner .swiper-slide.swiper-slide-active .banner-lun .content .IndBtn{animation: bannerLun .8s ease-in-out both 1.2s;}
@keyframes bannerLun {0%{opacity: 0;transform: translateY(150px);filter: blur(20px);}100%{opacity: 1;transform: translateY(0px);filter: blur(0px);}}
.banner .hasVideo video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1140px) {.banner .hasVideo video{display: none;}}
.banner-page {position: absolute;bottom: 60px;left: 0px;width: 100%;z-index: 3;height: 20px;}
.banner-page .swiper-pagination {height: 20px;display: flex;}
.banner-page .swiper-pagination-bullet:nth-child(1){margin-left: 0px;}
.banner-page .swiper-pagination-bullet{position: relative;width: 6px;height: 20px;background-color: transparent;display: flex;align-items: flex-end;border-radius: 0px;opacity: 1;margin: 0px 10px;}
.banner-page .swiper-pagination-bullet::before{content: "";display: block;width: 6px;height: 6px;border-radius: 100px;background: #fff;opacity: .25;transition: all .4s ease;}
.banner-page .swiper-pagination-bullet-active {width: 6px;height: 20px;}
.banner-page .swiper-pagination-bullet-active.swiper-pagination-bullet::before {height: 20px;opacity: 1;}
.banner-btn {position: absolute;right: 80px;bottom: 120px;z-index: 3;display: flex;cursor: pointer;}
.banner-btn i{background-color: rgba(30, 63, 137, .25);width: 50px;height: 50px;display: block;border-radius: 100px;}
.banner-btn span{color: #fff;font-size: 14px;position: absolute;top: 60px;left: -15px;width: max-content;transform: rotate(90deg);animation: bannerBtn 1.4s linear infinite alternate;}
@keyframes bannerBtn {0%{top: 60px;}100%{top: 45px;}}
.IndBtn {padding: 0px 40px;width: fit-content;height: 46px;border-radius: 23px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.IndBtn i{font-size: 12px;display: block;transform: rotate(180deg);margin-left: 5px;}
.IndBtn.lty1{color: #fff;background-color: #1e3f89;}
.IndBtn.lty1:hover{background-color: #1a5be7;}
.IndSe-cont .cont-l{width: 50%;}
.IndSe-cont .cont-r{width: 50%;}
.IndSe-muen{position: relative;}
.IndSe-muen .muen{position: absolute;left: 0;top: 0;width: 100%;pointer-events: none;opacity: 0;visibility: hidden;transition: all .4s ease}
.IndSe-muen .muen:first-child{position: relative;}
.IndSe-muen .muen.active{opacity: 1;pointer-events: auto;visibility: visible;}
@keyframes IndSeMuen {0%{opacity: 0;}100%{opacity: 1;}}
.IndSe-muen ul {margin-right: -20px;margin-bottom: -10px;padding-right: 100px;}
.IndSe-muen ul li{width: calc(100%/3 - 20px);margin-right: 20px;margin-bottom: 10px;padding-left: 17px;position: relative;color: #6d6e72;}
.IndSe-muen ul li::before{content: "";position: absolute;left: 0px;top: 8px;width: 5px;height: 5px;border-radius: 100px;background-color: #6d6e72;}
.IndSe-lun {cursor: pointer;}
.IndSe-lun .img{position: relative;width: 80px;height: 70px;display: flex;justify-content: center;align-items: center;}
.IndSe-lun .img img{position: absolute;transition: all .4s ease;max-height: 100%;}
.IndSe-lun .img img:nth-child(1){opacity: 0;}
.IndSe-lun .img img:nth-child(2){opacity: 1;}
.IndSe-lun.active .img img:nth-child(1){opacity: 1;}
.IndSe-lun.active .img img:nth-child(2){opacity: 0;}
.IndSe-lun .title{color: #c7ccd5;transition: all .4s ease;text-align: center;}
.IndSe-lun.active .title{color: #1e3f89;}
.IndSe-img {width: 100%;height: 36.5vw;display: flex;justify-content: center;align-items: center;}
.IndSe-img img{display: none;object-fit: contain;max-width: 80%;max-height: 80%;}
.IndSe-cont{align-items: center;}
.IndSe-img img.active{display: block;animation: IndSeMuen .4s ease;}
.IndSe-btn{display: none;}
.Indca-Partition {justify-content: space-between;align-items: center;}
.Indca-Partition .cont-r .swiper-btn{margin-left: 18px;}
.Indca-cont .cont-l{width: 66%;}
.Indca-cont .cont-r{width: 34%;padding-left: 15px;display: flex;flex-direction: column;}
.Indca-muen {overflow: hidden;display: block;position: relative;border-radius: 8px;height: 100%;}
.Indca-muen > img{width: 100%;height: 100%;transition: all .4s ease;}
.Indca-cont .cont-l .Indca-muen > img{height: 600px;}
.Indca-muen:hover > img{transform: scale(1.04);}
.Indca-list {margin-bottom: -15px;height: 100%;}
.Indca-list .list{width: 100%;margin-bottom: 15px;height: calc(100%/2 - 7.5px);}
.Indca-muen .hide{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 40%;background-image: linear-gradient(to top,rgba(30,63,137,1),rgba(30,63,137,0));padding: 0px 50px 35px 50px;display: flex;align-items: flex-end;opacity: 0;transition: all .4s ease;}
.Indca-muen .hide .title{display: flex;align-items: center;width: 100%;}
.Indca-muen .hide .title span{max-width: calc(100% - 20px);padding-right: 10px;}
.Indca-muen .hide .title i{color: #fff;transform: rotate(180deg);font-size: 20px;padding-top: 6px;transition: all .4s ease;}
.Indca-muen .hide .title:hover i{transform: rotate(180deg) translateX(-10px);}
.Indca-muen:hover .hide{opacity: 1;}
.swiper-btn a{width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 100px;border: 1px solid #2b2c2d;color: #2b2c2d;transition: all .4s ease;}
.swiper-btn.next a{transform: rotate(180deg);}
.swiper-btn a:hover{background-color: #1e3f89;border: 1px solid #1e3f89;color: #fff;}
.Indsd-swiper {position: relative;}
.Indsd-cont {position: absolute;z-index: 3;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.Indsd-cont .contain{justify-content: space-between;}
.Indsd-cont .contain .cont-l{display: flex;flex-direction: column;justify-content: center;}
.Indsd-muen {flex-direction: column;}
.Indsd-muen a{color: rgba(255, 255, 255, .25);padding-left: 20px;position: relative;display: flex;align-items: center;margin-bottom: 40px;}
.Indsd-muen a:last-child{margin-bottom: 0px;}
.Indsd-muen a::before{content: "";position: absolute;left: 0px;top: 50%;transform: translateY(-50%);border-radius: 3px;width: 3px;height: 0%;background-color: #fff;transition: all .4s ease;}
.Indsd-muen a.active::before{height: 100%;}
.Indsd-muen a.active {color: rgba(255, 255, 255, 1);}
.Indsd-page {display: flex;align-items: center;position: relative;padding-left: 20px;}
.Indsd-page .swiper-pagination {bottom: 0px;position: relative;left: 0;width: auto;}
.Indsd-page .swiper-pagination span{font-size: 14px;color: rgba(255, 255, 255, .25);}
.Indsd-page .swiper-pagination span:nth-child(1){color: rgba(255, 255, 255, 1);}
.Indsd-content {display: flex;align-items: center;height: 100%;}
.Indsd-content .muen{border-radius: 8px;overflow: hidden;background-color: rgba(255, 255, 255, .75);width: 500px;padding: 45px;display: none;}
.Indsd-content .muen.active{display: block;animation: IndSeMuen .4s ease;}
.Indsd-lun > img{width: 100%;}
.Indns {background-color: #f3f6fc;}
.Indns-Partition {justify-content: space-between;align-items: center;}
.Indns-list {}
.Indns-list .list{width: calc(100%/3 - 15px);margin-right: 15px;background-color: #fff;border-radius: 8px;overflow: hidden;}
.Indns-list .list .img{height: 320px;overflow: hidden;}
.Indns-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;}
.Indns-list .list:hover .img img{transform: scale(1.04);}
.Indns-list .list .cont{padding: 35px;}
.Indns-list .list .cont .title{transition: all .4s ease;}
.Indns-list .list:hover .cont .title{color: #1e3f89;}
.Indns-list .list .cont .btn{display: flex;align-items: center;color: rgba(0, 0, 0, .75);}
.Indns-list .list .cont .btn i{display: block;transform: rotate(180deg);margin-left: 10px;font-size: 12px;padding-top: 2px;transition: all .4s ease;}
.Indns-list .list .cont .btn:hover i{margin-left: 15px;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .IndSe-muen ul {margin-right: -20px;margin-bottom: -10px;padding-right: 30px;}
    .IndSe-cont .cont-r {padding-left: 50px;}
    .Indns-list .list .img {height: 236px;}
    .Indca-cont .cont-l .Indca-muen > img{height: 450px;}

}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .Indsd-muen a {margin-bottom: 20px;}
    .Indca-muen .hide {height: 40%;padding: 0px 30px 20px 30px;}
    .Indns-list .list .img {height: 187px;}
    .Indca-cont .cont-l .Indca-muen > img{height: 360px;}

}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-lun > img {height: calc(100vh - 60px);}
    .banner-btn {display: none;}
    .banner-page {bottom: 20px;}
    .banner-page .swiper-pagination-bullet {margin: 0px 5px;}
    .banner-lun .content .title{font-size:28px}
    .banner-lun .content .text br{display:none}
    .banner-lun .content{height:auto;top:10%}
    .IndBtn {padding: 0px 20px;height: 40px;border-radius: 20px;}
    .IndBtn i {padding-top: 4px;}
    .IndSe{padding: 40px 0;}
    .IndSe-cont .cont-l {width: 100%;}
    .IndSe-cont .cont-r {padding-left: 0px;width: 100%;}
    .IndSe-lun {display: flex;flex-direction: column;align-items: center;}
    .Indca-muen .hide .title span{width: calc(100% - 13px);}
    .Indca-cont .cont-r .Indca-muen .hide{padding: 10px;}
    .Indca-cont .cont-r .Indca-muen .hide .title span{font-size: 13px;line-height: 18px;}
    .IndSe-muen ul {margin-right: -10px;margin-bottom: -10px;}
    .IndSe-muen ul li {width: calc(100%/2 - 10px);margin-right: 10px;margin-bottom: 10px;padding-left: 10px;}
    .IndSe-muen ul li::before {top: 6px;}
    .IndSe-img {padding:  0;height: 300px;}
    .IndSe-img img{max-width: 100%;max-height: 80%;}
    .IndSe-btn{display: flex;width: 36px;height: 36px;font-size: 12px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border: 1px solid #c7ccd5;border-radius: 50%;color: #666;}
    .IndSe-btn.next{left: auto;right: 0;transform: translateY(-50%) rotate(180deg);}
    .IndSe-btn:hover{background: #1a5be7;color: #fff;border-color: #1a5be7;}
    .Indca-Partition .cont-r {width: 100%;margin-top: 20px;justify-content: flex-end;}
    .Indca-Partition .cont-r .swiper-btn:nth-child(1){margin-left: 0px;}
    .Indca-cont .cont-l .Indca-muen > img{height: 200px;}
    .Indca-cont .cont-r .Indca-muen > img{height: 110px;}
    .Indca-cont .cont-l {width: 100%;}
    .Indca-cont .cont-r {width: 100%;padding-left: 0px;margin-top: 10px;}
    .Indca-list {margin-bottom: 0px;margin-right: -10px;display: flex;}
    .Indca-list .list {width: calc(100%/ - 10px);margin-right: 10px;margin-bottom: 0px;height: auto;}
    .Indca-muen {border-radius: 3px;}
    .Indca-muen .hide {height: 40%;padding: 15px;opacity: 1;}
    .Indca-muen .hide .title i {font-size: 12px;}
    .swiper-btn a {width: 40px;height: 40px;font-size: 12px;}
    .Indca-Partition .cont-r .swiper-btn {margin-left: 10px;}
    .Indsd-lun {height: 100%;}
    .Indsd-lun > img{height: 100%;}
    .Indsd-cont {position: relative;padding: 36px 0px;background-color: rgba(0, 0, 0, .3);}
    .Indsd-swiper .swiper-container{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
    .Indsd-cont .contain .cont-l {overflow-x: auto;}
    .Indsd-muen {flex-direction: row;flex-wrap: nowrap;}
    .Indsd-muen a {margin-bottom: 0px;padding-left: 0px;padding: 10px 15px;white-space: nowrap;}
    .Indsd-muen a::before {display: none;}
    .Indsd-page {display: none;}
    .Indsd-content .muen {border-radius: 3px;width: 100%;padding: 25px;}
    .Indsd-cont .contain .cont-r{margin-top: 15px;}
    .Indns-Partition .cont-r{width: 100%;margin-top: 20px;display: flex;justify-content: flex-end;}
    .Indns-list {margin-right: 0px;margin-bottom: -15px;}
    .Indns-list .list {width: 100%;margin-right: 0px;margin-bottom: 15px;border-radius: 3px;}
    .Indns-list .list .img {height: 212px;}
    .Indns-list .list .cont {padding: 20px;}
    .Indca-Partition .cont-r, .Indns-Partition .cont-r{display:none}
    .IndSe-swiper{margin-top: 100px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}