@charset "utf-8";
/* ===================首页样式========================== */
.banner-lun > img{width: 100%;}
.banner-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;}
.banner-control{position: absolute;width: 100%;left: 0;bottom: 110px;z-index: 3;color: #fff;}
.banner-control .contain{align-items: center;}
.banner-lun .content .title{opacity: 0;transform: translateX(150px);transition: all 1.5s .7s ease;}
.banner-lun .content .text{opacity: 0;transform: translateX(150px);transition: all 1.5s .8s ease;}
.banner-lun .content .IndBtn-box{opacity: 0;transform: translateX(150px);transition: all 1.5s .9s ease;}
.swiper-slide-active .banner-lun .content .title,.swiper-slide-active .banner-lun .content .text,.swiper-slide-active .banner-lun .content .IndBtn-box{opacity: 1;transform: translateX(0);}
.swiper-slide-active.oneSlide .banner-lun .content .title{transition-delay: 0s;}
.swiper-slide-active.oneSlide .banner-lun .content .text{transition-delay: .1s;}
.swiper-slide-active.oneSlide .banner-lun .content .IndBtn-box{transition-delay: .2s;}
.banner-control .this, .banner-control .leng{font-size: 14px;font-family: "RB";line-height: 14px;text-align: center;}
.banner-control .this{margin: 0 20px 0 0px;}
.banner-control .leng{margin: 0 0px 0 20px;}
.banner-control .line{width: 170px;height: 2px;background: rgba(255, 255, 255, .3);position: relative;}
.banner-control .line::after{content: "";position: absolute;width: 0;height: 100%;background: #fff;}
.banner-control .line.on::after{animation: bannerLine 4.6s linear both;}
.banner-control .line.one.on::after{animation: bannerLine 3.6s linear both;}
@keyframes bannerLine{0%{width: 0;}100%{width: 100%;}}
.banner-btn {position: absolute;z-index: 3;width: 100%;bottom: 80px;left: 0px;}
.banner-btn .contain{display: flex;justify-content: flex-end;}
.banner-btn a{display: flex;justify-content: center;align-items: center;position: relative;font-size: 38px;color: #fff;font-weight: bold;transform: rotate(-90deg);animation: bannerBtn 1s linear infinite alternate;}
@keyframes bannerBtn {0%{top: 10px;}100%{top: 0px;}}
.IndBtn{width: 140px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 24px;transition: all .4s ease;}
.IndBtn.lty1 i{width: 12px;height: 2px;background-color: #00f5c8;margin-left: 12px;}
.IndBtn.lty1{background-color: #0877d8;}
.IndBtn.lty1:hover{background-color: #0089ff;}
.Indab img.bg{position: absolute;left: 125px;top: 0px;pointer-events: none;}
.Indab .contain{position: relative;z-index: 2;}
.Indab-cont .cont-l{width: 45%;}
.Indab-cont .cont-r{width: 55%;display: flex;align-items: flex-end;}
.Indab-list {padding-left: 30px;}
.Indab-list .list{width: calc(100%/6);}
.Indab-list .list .num{display: flex;align-items: flex-start;line-height: 1;}
.Indab-list .list .num span{margin-right: 10px;}
.Indbs{background-color: #f5f8fa;}
.Indbs-cont .cont-l{width: 60%;}
.Indbs-cont .cont-r{width: 40%;display: flex;align-items: flex-end;}
.Indbs-contain{padding: 0px 110px;}
.Indbs-list{border-radius: 30px;overflow: hidden;}
.Indbs-list .list{display: flex;background-color: #fff;overflow: hidden;}
.Indbs-list .list:nth-child(even){flex-direction: row-reverse;}
.Indbs-list .list .cont{width: 50%;padding: 0px 260px 0px 100px;position: relative;display: flex;flex-direction: column;justify-content: center;transition: all .4s ease;}
.Indbs-list .list .img{width: 50%;overflow: hidden;}
.Indbs-list .list .img img{width: 100%;height: 100%;transition: all .4s ease;min-height:420px}
.Indbs-list .list .img:hover img{transform: scale(1.04);}
.Indbs-list .list .cont .btn{width: 140px;height: 48px;display: flex;justify-content: center;align-items: center;border: 2px solid #0877d8;border-radius: 24px;transition: all .4s ease;}
.Indbs-list .list .cont:hover .btn{border: 2px solid #fff;color: #fff;}
.Indbs-list .list .cont .btn:hover{background-color: #fff;color: #0877d8;}
.Indbs-list .list .cont .name span{width: calc(100% - 36px);padding-top: 20px;transition: all .4s ease;}
.Indbs-list .list .cont .name .icon{width: 36px;height: 36px;position: relative;display: flex;justify-content: center;align-items: center;}
.Indbs-list .list .cont .name .icon img{width: 100%;height: 100%;position: absolute;transition: all .4s ease;}
.Indbs-list .list .cont .name .icon img:nth-child(1){opacity: 1;}
.Indbs-list .list .cont .name .icon img:nth-child(2){opacity: 0;}
.Indbs-list .list .cont:hover .name .icon img:nth-child(1){opacity: 0;}
.Indbs-list .list .cont:hover .name .icon img:nth-child(2){opacity: 1;}
.Indbs-list .list .cont:hover .name span{color: #fff;}
.Indbs-list .list .cont:hover .title{color: #fff;}
.Indbs-list .list .cont:hover .text{color: #fff;}
.Indbs-list .list .cont:hover {background-color: #0877d8;}
.Indtc {background: url(../images/index/Indtc-bg.jpg) center no-repeat;background-size: cover;}
.Indtc-cont .cont-l{width: 50%;}
.Indtc-cont .cont-r{width: 50%;display: flex;align-items: flex-end;justify-content: flex-end;}
.Indtc-btn {width: 175px;height: 48px;border: 2px solid #fff;border-radius: 24px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.Indtc-btn:hover {background-color: #0877d8;border: 2px solid #0877d8;}
.Indtc-svp .swiper-container {padding-left: calc((100% - 1330px) / 2);padding-right: 470px;}
.Indtc-lun {position: relative;display: block;overflow: hidden;}
.Indtc-lun > img{width: 100%;border-radius: 20px;}
.Indtc-lun .show{border-radius: 20px;position: absolute;bottom: 0px;left: 0px;width: 100%;height: 40%;display: flex;flex-direction: column;justify-content: flex-end;padding: 0px 30px 25px 30px;background-image: linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));}
.Indtc-lun .hide{border-radius: 16px;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: #fff;padding: 85px 50px 20px 50px;opacity: 0;transition: all .4s ease;}
.Indtc-span {margin-right: -15px;}
.Indtc-span span{width: 120px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 20px;background-color: #e9f1f8;color: #3d4042;margin-right: 15px;transition: all .4s ease;}
.Indtc-span span:hover{background-color: #0877d8;color: #fff;}
.Indtc-lun .hide .btn{display: flex;align-items: center;width: fit-content;}
.Indtc-lun .hide .btn i{font-size: 12px;transform: rotate(180deg);margin-left: 15px;position: relative;left: 0px;transition: all .4s ease;}
.Indtc-lun .hide .btn:hover i{left: 10px;}
.Indtc-lun:hover .hide{opacity: 1;}
.Indtc-page {align-items: center;}
.Indtc-page .swiper-pagination{position: static;width: fit-content;font-family: "RB";font-size: 16px;color: #fff;margin: 0px 95px;}
.Indtc-page .swiper-btn a{display: flex;justify-content: center;align-items: center;font-size: 34px;color: #fff;line-height: 1;transition: all .4s ease;}
.Indtc-page .swiper-btn a:hover{color: #0877d8;}
.Indtc-page .swiper-btn.next {transform: rotate(180deg);}
.Indup{background-color: #f9f9f9;}
.Indup-cont .cont-l{width: 50%;}
.Indup-cont .cont-r{width: 50%;display: flex;align-items: flex-end;justify-content: flex-end;}
.Indup-list {margin-right: -20px;}
.Indup-list .list{width: calc(100%/3 - 20px);margin-right: 20px;border-radius: 20px;overflow: hidden;box-shadow: 0px 5px 11.18px 1.82px rgba(169, 169, 169, 0.11);background-color: #fff;}
.Indup-list .list .img{height: 315px;position: relative;overflow: hidden;}
.Indup-list .list .img > img{width: 100%;height: 100%;transition: all .4s ease;}
.Indup-list .list:hover .img > img{transform: scale(1.04);}
.Indup-list .list .img span{position: absolute;z-index: 2;top: 25px;left: 35px;height: 25px;background-color: #00f5c8;border-radius: 50px;padding: 0px 8px;display: flex;justify-content: center;align-items: center;}
.Indup-list .list .img .bg{position: absolute;z-index: 3;bottom: 0px;left: 0px;width: 100%;height: 95px;}
.Indup-list .list .img .bg img{width: 100%;height: 100%;}
.Indup-list .list .cont{padding: 45px 40px;}
.Indup-list .list .cont .data{color: #8e919b;}
.Indup-list .list .cont .title{color: #041b33;}
.Indup-list .list:hover .cont .title{color: #0877d8;}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .Indab-list {padding-left: 0px;}
    .Indbs-list .list .cont {width: 50%;padding: 0px 160px 0px 80px;}
    .Indtc-svp .swiper-container {padding-left: calc((100% - 1080px) / 2);padding-right: 370px;}
    .Indtc-lun .show{border-radius: 15px;}
    .Indtc-lun .hide {padding: 55px 50px 20px 50px;border-radius: 11px;}
    .Indtc-lun > img{height: 300px;border-radius: 15px;}
    .Indtc-lun{border-radius: 15px;}
    .Indup-list .list .img {height: 260px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .Indbs-list .list .cont {width: 50%;padding: 0px 60px 0px 80px;}
    .Indtc-svp .swiper-container {padding-left: calc((100% - 880px) / 2);padding-right: 270px;} 
    .Indup-list .list .img {height: 220px;}
    .Indtc-lun > img{height: 260px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-lun > img{min-height: 400px;}
    .IndBtn.lty1 i{display: none;}
    .IndBtn {width: 100px;height: 35px;}
    .IndBtn span{font-weight: 400;}
    .banner-btn{display: none;}
    .banner-control {bottom: 20px;}
    .banner-control .this, .banner-control .leng {font-size: 12px;line-height: 12px;}
    .banner-control .leng {margin: 0 0px 0 10px;}
    .banner-control .this {margin: 0 10px 0 0px;}
    .Indab img.bg{display: none;}
    .Indab-cont .cont-l{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;}
    .Indab-cont .cont-l .IndBtn{margin-top: 0px;}
    .Indab-cont .cont-r{width: 100%;margin-top: 15px;}
    .Indab-list {margin-bottom: -15px;}
    .Indab-list .list {width: calc(100%/3);margin-bottom: 15px;}
    .Indbs-cont .cont-l {width: 100%;}
    .Indbs-cont .cont-r {width: 100%;margin-top: 15px;}
    .Indbs-contain {padding: 0px 4%;}
    .Indbs-list {border-radius: 5px;}
    .Indbs-list .list {flex-wrap: wrap;flex-direction: column-reverse;}
    .Indbs-list .list:nth-child(even) {flex-direction: column-reverse;}
    .Indbs-list .list .img {width: 100%;}
    .Indbs-list .list .img img{min-height:auto}
    .Indbs-list .list .cont {width: 100%;padding: 15px;}
    .Indbs-list .list .cont .btn {width: 100px;height: 35px;margin-top: 15px;}
    .Indbs-list .list .cont .name {align-items: center;}
    .Indbs-list .list .cont .name span{padding-top: 0px;}
    .Indtc-btn {width: 125px;height: 35px;}
    .Indtc-cont .cont-l{width: 60%;}
    .Indtc-cont .cont-r{width: 40%;}
    .Indtc-svp {padding: 0px 4%;}
    .Indtc-svp .swiper-container {padding: 0px;}
    .Indtc-page{justify-content: center;}
    .Indtc-page .swiper-pagination {font-size: 14px;margin: 0px 50px;}
    .Indtc-page .swiper-btn a {font-size: 20px;}
    .Indtc-lun .hide {padding: 25px;}
    .Indtc-lun .show {padding: 0px 20px 20px 20px;}
    .Indtc-lun{border-radius: 8px;}
    .Indup-list {margin-right: 0px;margin-bottom: -15px;}
    .Indup-list .list {width: 100%;margin-right: 0px;margin-bottom: 15px;border-radius: 5px;}
    .Indup-list .list .img .bg{height: 70px;}
    .Indup-list .list .img span {top: 15px;left: 15px;padding: 0px 5px;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
}