@charset "utf-8";
/* ===================首页样式========================== */
.banner .swiper-pagination{bottom: 40px;}.banner .swiper-pagination-bullet{width: 60px;height: 2px;background: rgba(0, 0, 0, .1);opacity: 1;margin: 0 5px !important;position: relative;border-radius: 0;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #2272e9;position: absolute;top: 0;left: 0;}.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}
.banner-lun{position: relative;}
.banner-lun>img{width: 100%;}
.banner-lun .content{position: absolute;top: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.banner-lun .title{color: #1a212b;}
.banner-lun .text{width: 740px;}

.indkh{background-color: #f7f8fb;}
.indkh-list {width: 100%;}
.indkh-list li{width: calc(100%/8);padding: 15px;display: flex;justify-content: center;align-items: center;}
.indkh .swiper-wrapper{display: flex;flex-wrap: wrap;}

.IndBtn{width: 110px;display: flex;justify-content: center;align-items: center;height: 40px;background-color: #2272e9;transition: all .4s ease;}
.IndBtn:hover{box-shadow: 0px 0px 10px 0px rgba(34, 114, 233, 0.9);}

.IndTitle .title{color: #1a212b;}

.CET{color: #1a212b;}

.indsj-list1{display: flex;justify-content: center;padding-top: 60px;}
.indsj > .contain{overflow: auto;}
.indsj-list1 a{display: flex;align-items: center;margin: 0px 75px;padding-bottom: 20px;position: relative;}
.indsj-list1 .img{margin-right: 15px;}
.indsj-list1 a::before{position: absolute;content: "";bottom: 0px;left: 50%;width: 0%;transform: translateX(-50%);height: 3px;background-color: #2272e9;transition: all .4s ease;}
.indsj-list1 a:hover::before,.indsj-list1 a.active::before{width: 100%;}

.indsj-list{background-color: #f7f8fb;}
.indsj-list2 .list{visibility: hidden;height: 0;overflow: hidden;pointer-events: none;}
.indsj-list2 .list.active{visibility: visible;height: auto;pointer-events: auto;}

.indsj-lun{background-color: #fff;}
.indsj-lun a{padding: 60px 30px;display: flex;justify-content: center;flex-direction: column;align-items: center;width: 100%;height: 100%;}
.indsj-lun .img{padding: 15px;box-shadow: 0px 0px 10px 0px rgba(55, 59, 71, 0.05);overflow: hidden;}
.indsj-lun .img img{transition: all .4s ease;}
.indsj-lun .img img:hover{transform: scale(1.04);}
.indsj-list2 .list .pages{display: flex;justify-content: center;position: relative;z-index: 1;width: 100%;height: 2px;padding-top: 16px;padding-bottom: 60px;}
.indsj-btn{margin-top: 30px;display: flex;justify-content: center;}
.indsj-btn .btn{color: #2272e9;display: flex;align-items: center;}
.indsj-btn .btn i{transition: all .4s ease;}
.indsj-btn .btn:hover i{transform: translateX(10px);}
/* .swiper-pagination{position: relative;}  */
.swiper-pagination-bullet {width: 60px;height: 2px;border-radius: 0%;background: #dedfe1;opacity: 1;margin: 0px 5px;}
.swiper-pagination-bullet-active {opacity: 1;background: #2272e9;}

.indjj-list{margin-right: -10px;margin-bottom: -10px;}
.indjj-list .list-muen{width: calc(100%/3 - 10px);margin-right: 10px;margin-bottom: 10px;position: relative;overflow: hidden;}
.indjj-list .list-muen .show{position: absolute;z-index: 1;width: 100%;bottom: 0px;left: 0px;padding: 22px 40px;opacity: 1;transition: all .4s ease;}
.indjj-list .list-muen .hide{position: absolute;width: 100%;height: 100%;padding: 60px 40px;top: 100px;left: 0px;z-index: 2;opacity: 0;transition: all .4s ease;}
.indjj-list .list-muen::before{content: "";z-index: 1;position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);top: 0px;left: 0px;opacity: 0;transition: all .4s ease;}
.indjj-list .list-muen .btn {align-items: center;width: fit-content;}
.indjj-list .list-muen .btn .text{transition: all .4s ease;margin-right: 10px;}
.indjj-list .list-muen a>img{transition: all .4s ease;}
.indjj-list .list-muen:hover a>img{filter: blur(5px);}
.indjj-list .list-muen:hover::before{opacity: 1;}
.indjj-list .list-muen:hover .hide{top: 0px;opacity: 1;}
.indjj-list .list-muen:hover .show{opacity: 0;bottom: -100px;}
.indjj-list .list-muen .btn:hover .text{margin-right: 20px;}

.indsd-list{margin-right: -30px;margin-bottom: -30px;}
.indsd-list .list-muen{width: calc(100%/2 - 30px);margin-right: 30px;margin-bottom: 30px;background-color: #f7f8fb;transition: all .4s ease;}
.indsd-list .list-muen a{display: flex;width: 100%;height: 100%;padding: 20px;}
.indsd-img{width: 35%;overflow: hidden;}
.indsd-cont{width: 65%;display: flex;flex-direction: column;justify-content: center;padding-left: 30px;}
.indsd-img img{width: 100%;height: 100%;transition: all .4s ease;}
.indsd-img:hover img{transform: scale(1.04);}
.indsd-cont .title{transition: all .4s ease;}
.indsd-cont .text{transition: all .4s ease;}
.indsd-cont .data{transition: all .4s ease;}
.indsd-list .list-muen:hover .indsd-cont .title{color: #fff;}
.indsd-list .list-muen:hover .indsd-cont .text{color: #fff;}
.indsd-list .list-muen:hover .indsd-cont .data{color: #fff;}
.indsd-list .list-muen:hover{background-color: #2272e9;}

.indzl .IndTitle{padding-top: 54px;padding-bottom: 40px;}
.indzl .IndTitle .btn{color: #2272e9;justify-content: center;}
.indzl .IndTitle .btn .text{margin-right: 10px;transition: all .4s ease;}
.indzl .IndTitle .btn:hover .text{margin-right: 20px;}

.indzl-cont{width: 100%;background-color: #f0f3f7;}
.indzl-cont .cont-l{width: 32%;position: relative;background: url(../images/index/indzl-cont_bgl.jpg)center no-repeat;background-size: cover;padding: 20px 0px;}
.indzl-cont .cont-r{width: 68%;position: relative;background-color: #f7f8fb;padding: 40px 60px;}
.indzl-cont .cont-l::before{position: absolute;width: 100%;height: 100%;left: -210px;background-color: #f0f3f7;content: "";top: 0px;z-index: -1;}
.indzl-cont .cont-r::before{position: absolute;width: 100%;height: 100%;right: -210px;background-color: #f7f8fb;content: "";top: 0px;z-index: -1;}
.indzl-list{width: 100%;}
.indzl-list a{display: flex;height: 60px;align-items: center;transition: all .4s ease;position: relative;overflow: hidden;}
.indzl-list a.active{height: 160px;background-color: rgba(247, 248, 251, .9);font-size: 26px;}
.indzl-list a img{opacity: 0;position: absolute;animation: boll 10s linear infinite alternate;z-index: 1;}
@keyframes boll{0%{transform:translate(-50px)}33%{transform:translate(60px,-20px)}50%{transform:translate(160px,-10px)}66%{transform:translate(80px,40px)}to{transform:translate(-40px,20px);}}
.indzl-list a.active img{opacity: 1;}
.indzl-list a .text{position: relative;z-index: 2;}
.indzl-cont .cont-r .list .li{display: none;}
.indzl-cont .cont-r .list .li.active{display: block;}























/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indjj-list .list-muen .hide {padding: 35px 40px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
}

@media all and (max-width:1350px) {
    /* 1280 */
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indjj-list .list-muen {width: calc(100%/2 - 10px);}
    .indjj-list .list-muen .hide {padding: 65px 40px;}
    .indkh-list li {width: calc(100%/4);padding: 15px;}
    .indzl-cont .cont-r {padding: 25px;}
    .indsj-btn{margin-top: 10px;}
}

@media all and (max-width:1140px) {
    /* 1024 */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner-lun>img{height: 500px;}
    .banner-lun .text {width: 100%;}
    .indsj-list1 {padding-top: 25px;}
    .indzl-cont .cont-l{width: 100%;}
    .indzl-cont .cont-r{width: 100%;}
    .indzl-list{display: flex;flex-wrap: wrap;}
    .indzl-list a{width: calc(100%/3);justify-content: center;}
    .indzl-list a.active {height: 60px;font-size: 16px;color: #2272e9;}
    .indzl-cont .cont-l::before{display: none;}
    .indzl-cont .cont-r::before{display: none;}
    .indzl .IndTitle {padding-top: 30px;padding-bottom: 30px;}
    .indkh .swiper-wrapper{flex-wrap: nowrap;}
    .indkh-list{width: auto;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-lun>img{height: 400px;}
    .indzl-cont .cont-l{padding: 10px 0px;}
    .indzl-list a {width: calc(100%/2);text-align: center;}
    .indzl-cont .cont-r {padding: 15px;}
    .indjj-list .list-muen {width: calc(50%/1 - 10px);}
    .indjj-list .list-muen .hide {padding: 30px;}
    .indjj-list .list-muen .show {padding: 22px 15px;}
    .indkh-list li {width: calc(100%/2);padding: 10px;}
    .indsd-list {margin-right: -15px;margin-bottom: -15px;}
    .indsd-list .list-muen {width: calc(100%/1 - 15px);margin-right: 15px;margin-bottom: 15px;}
    .indzl .IndTitle {padding-top: 15px;padding-bottom: 15px;}
    .indsj-list1 a {margin: 0px 20px;}
    .indsj-list1 .img img{max-height: 35px;}
    .indsj-lun a {padding: 25px 15px;}
    .indsj-list2 .list .pages {padding-top: 15px;padding-bottom: 50px;}
    .swiper-pagination-bullet{width: 20px;}
    .indsj-list2 .list .pages {padding-top: 0px;padding-bottom: 30px;}
    .indsj-btn{margin-top: 10px;}
    .indjj-list .list-muen .hide{display: none;}
    .indsd-list .list-muen a{padding: 0px;flex-wrap: wrap;}
    .indsd-cont{padding: 15px;}
    .indsd-img{width: 100%;}
    .indsd-cont{width: 100%;}
    .indsj-list1{width: 500px;}
}