@charset "utf-8";
/* ===================首页样式========================== */
.Banner > img{width: 100%;}
.Banner .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.Banner-swiper {position: relative;}
.Banner-swiper .swiper-btn{position: absolute;top: calc((100% - 144px)/2);transform: translateY(-50%);z-index: 3;}
.Banner-swiper .swiper-btn.prev {left: 32px;}
.Banner-swiper img{width: 100%;height: calc(100vh - 86px);}
.Banner-swiper .swiper-btn.next {right: 32px;}
.swiper-btn a{width: 76px;height: 76px;color: #fff;border-radius: 100px;line-height: 1px;display: flex;justify-content: center;align-items: center;font-size: 24px;fill: rgba(30, 30, 30, 0.22);backdrop-filter: blur(13.5px);}
.swiper-btn.next a{transform: rotate(180deg);}
.Banner-scroll {position: absolute;z-index: 3;left: 0px;bottom: 0px;width: 100%;background: rgba(0, 42, 100, 0.42);backdrop-filter: blur(90px);padding: 20px 0px;}
.Banner-scroll-list {justify-content: center;}
.Banner-scroll-list .list{width: 295px;padding: 0px 20px;text-align: center;border-right: 2px solid rgba(255, 255, 255, .4);}
.Banner-scroll-list .list:last-child{border-right: 0px;}
.Banner-scroll-list .list .num span{margin-right: 5px;}
.ComTitle.center{display: flex;flex-direction: column;align-items: center;}
.ComBtn {width: 108px;height: 38px;display: flex;justify-content: center;align-items: center;border-radius: 6px;border: 1px solid #002A64;}
.ComBtn span{height: 24px;display: flex;align-items: center;}
.ComBtn i{display: block;transform: rotate(-180deg);font-size: 12px;width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;font-weight: 700;transition: all .4s ease;}
.ComBtn:hover i{transform: rotate(-180deg) translateX(-5px);}
.Indhb-swiper {padding: 0px 230px;position: relative;}
.Indhb-swiper .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;}
.Indhb-swiper .swiper-btn.prev {left: 0px;}
.Indhb-swiper .swiper-btn.next {right: 0px;}
.Indhb-swiper .swiper-btn a{color: #333;}
.Indhb-lun {height: 100px;display: flex;justify-content: center;align-items: center;}
.Indhb-lun img {max-width: 100%; max-height: 100%;}
.Indfa {background-color: #000E29;}
.Indfa-swiper .swiper-container {padding: 0px 290px 0px calc((100% - 1600px) / 2);}
.Indfa-lun {position: relative;border-radius: 16px;overflow: hidden;height: 600px;display: block;}
.Indfa-lun > img{width: 100%;height: 100%;transition: all .4s ease;}
.Indfa-lun:hover > img{transform: scale(1.04);}
.Indfa-lun .show{position: absolute;bottom: 0px;left: 0px;height: 40%;background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));display: flex;flex-direction: column;justify-content: flex-end;padding: 0px 47px 36px 41px;}
.Indfa-swiper {position: relative;}
.Indfa-swiper .swiper-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;}
.Indfa-swiper .swiper-btn.prev {left: 44px;}
.Indfa-swiper .swiper-btn.next {right: 44px;}
.Indcp-list {margin-right: -16px;}
.Indcp-list .list{width: calc(100%/4 - 16px);margin-right: 16px;margin-bottom: 16px;}
.Indcp-muen {display: block;border-radius: 16px;overflow: hidden;transition: all .4s ease;}
.Indcp-muen > img{width: 100%;height: 100%;}
.Indcp-muen:hover{box-shadow: 0 0px 20px 5px rgba(0, 0, 0, 0.1);}
.Indcp-cont .cont-l{width: 25%;position: relative;}
.Indcp-cont .cont-r{width: 75%;padding-left: 3px;height: 100%;}
.Indcp-tpcont {margin-right: -16px;margin-bottom: 16px;}
.Indcp-tpcont .Indcp-muen{width: calc(100%/2 - 16px);margin-right: 16px;}
.Indcp-btcont {margin-right: -16px;}
.Indcp-btcont .Indcp-muen{width: calc(100%/3 - 16px);margin-right: 16px;}
.Indcp-cont .cont-l .Indcp-muen{position: absolute;top: 0px;left: 0px;width: calc(100% - 13px);height: 100%;}
.Indys-title {max-width: 740px;position: relative;padding-left: 95px;}
.Indys-title > div{position: relative;z-index: 2;}
.Indys-title img.bg{position: absolute;top: -65px;left: 0px;}
.Indys-list {position: relative;height: 580px;}
.Indys-list .list{padding: 42px 0px 0px 32px;box-shadow: 0px 10px 20px 0px rgba(41, 41, 42, 0.07);background-color: #fff;position: absolute;}
.Indys-list .list img.bg{position: absolute;bottom: 0px;right: 0px;}
.Indys-list .list:nth-child(1){width: 440px;height: 408px;padding-right: 75px;left: 170px;top: 75px;}
.Indys-list .list:nth-child(2){width: 403px;height: 540px;padding-right: 119px;left: 645px;top: 0px;}
.Indys-list .list:nth-child(3){width: 513px;height: 309px;padding-right: 192px;left: 1085px;top: -115px;}
.Indys-list .list:nth-child(4){width: 404px;height: 318px;padding-right: 57px;left: 1085px;top: 260px;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .Indys-list .list:nth-child(1) {width: 440px;height: 408px;padding-right: 75px;left: 40px;top: 75px;}
    .Indys-list .list:nth-child(2){width: 403px;height: 540px;padding-right: 119px;left: 515px;top: 0px;}
    .Indys-list .list:nth-child(3){width: 513px;height: 309px;padding-right: 192px;left: 955px;top: -115px;}
    .Indys-list .list:nth-child(4){width: 404px;height: 318px;padding-right: 57px;left: 955px;top: 260px;}
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .Indhb-swiper {padding: 0px 170px;}
    .Indhb-lun{height: 88px;}
    .Indhb-lun img{max-width: 100%;max-height: 100%;}
    .Banner-scroll-list .list {width: 250px;padding: 0px 20px;}
    .Indfa-swiper .swiper-container {padding: 0px 190px 0px calc((100% - 1200px) / 2);}
    .Indfa-lun {height: 454px;}
    .Indys-list {height: 615px;}
    .Indys-list .list:nth-child(1) {width: 410px;height: 375px;padding-right: 65px;left: 0px;top: 50px;}
    .Indys-list .list:nth-child(2) {width: 355px;height: 495px;padding-right: 50px;left: 450px;top: 0px;}
    .Indys-list .list:nth-child(3) {width: 380px;height: 410px;padding-right: 35px;left: 845px;top: -115px;}
    .Indys-list .list:nth-child(4) {width: 395px;height: 290px;padding-right: 35px;left: 845px;top: 325px;}
    .Banner-swiper .swiper-btn{top: calc((100% - 122px)/2);}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .Banner-scroll-list .list {width: 210px;padding: 0px 20px;}
    .Indfa-swiper .swiper-container {padding: 0px 4%;}
    .Indys-list {height: auto;display: flex;flex-wrap: wrap;margin-right: -20px;margin-bottom: -20px;}
    .Indys-list .list {position: relative !important;left: 0px !important;top: 0px !important;height: auto !important;width: calc(100%/2 - 20px) !important;padding: 35px !important;margin-right: 20px;margin-bottom: 20px;padding-right: 100px !important;}
    .Indys-list .list img.bg {max-width: 100px;}
    .Banner-swiper .swiper-btn{top: calc((100% - 114px)/2);}
    .swiper-btn a{width: 50px;height: 50px;font-size: 16px;}
    .Indhb-swiper{padding: 0 120px;}
    .Indhb-lun{height: 62px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .Banner-swiper img{height: auto;}
    .Banner-scroll {position: relative;}
    .Banner-scroll-list {margin-right: -5px;margin-bottom: -20px;}
    .Banner-scroll-list .list{width: calc(100%/2 - 5px);margin-right: 5px;margin-bottom: 20px;border: 0px;padding: 0px;}
    .Banner-scroll-list .list .text{font-size: 12px;line-height: 20px;}
    .Indhb-swiper {padding: 0px;}
    .Indhb-swiper .swiper-btn {display: none;}
    .Indhb-lun {height: 50px;}
    .Banner-swiper .swiper-btn {display: none;}
    .Indfa-lun {height: 442px;border-radius: 5px;}
    .Indfa-lun .show {height: 30%;padding: 0px 25px 20px 25px;}
    .Indfa-swiper .swiper-btn {display: none;}
    .Indys-title img.bg {display: none;}
    .Indys-title {padding-left: 0px;}
    .Indys-list {margin-right: 0px;}
    .Indys-list .list {width: 100%!important;padding: 25px !important;margin-right: 0px;margin-bottom: 20px;padding-right: 25px !important;}
    .Indys-list .list img.bg {position: static;display: block;margin: 0px auto;}
    .Indcp-muen {border-radius: 5px;}
    .Indcp-list {margin-right: -5px;}
    .Indcp-list .list {width: calc(100%/2 - 5px);margin-right: 5px;margin-bottom: 5px;}
    .Indcp-cont .cont-l {width: 100%;margin-bottom: 5px;}
    .Indcp-cont .cont-l .Indcp-muen {position: static;width: 100%;}
    .Indcp-cont .cont-r {width: 100%;padding-left: 0px;}
    .Indcp-tpcont {margin-right: -5px;margin-bottom: -5px;}
    .Indcp-tpcont .Indcp-muen {width: calc(100%/2 - 5px);margin-right: 5px;margin-bottom: 5px;}
    .Indcp-btcont {margin-right: -5px;margin-bottom: -5px;margin-top: 5px;}
    .Indcp-btcont .Indcp-muen {width: calc(100%/3 - 5px);margin-right: 5px;margin-bottom: 5px;}
    .Indcp-cont .cont-l .Indcp-muen {height: 200px;background-color: #f6f6f6;display: flex;justify-content: center;}
    .Indcp-cont .cont-l .Indcp-muen > img{max-height: 100%;height: auto;width: auto;}
    .ComBtn {width: 100px;height: 35px;}
    .ComBtn i {display: none;}
    .Indys-list {margin-top: 20px;}
    .Indys-list .list {box-shadow: 0px 0px 20px 10px rgba(41, 41, 42, 0.07);}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}