/* ===================首页样式========================== */
.banner{height: 100vh;overflow: hidden;}
.banner-bg img{width: 100%;}
.banner-con{position: absolute;;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.banner-con .title{width: 46%; opacity: 0;transform: translateY(100px);transition: all 1s .1s ease;line-height: 1.3;}
.banner-con .comMore-box{opacity: 0;transform: translateY(100px);transition: all 1s ease;}
.swiper-slide-active .banner-con .title{opacity: 1;transform: translateY(0);transition-delay: .8s;}
.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);transition-delay: .9s;}
.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: .1s;}
.banner-pagination-box{position: absolute;left: 0;bottom: 35px;width: 100%;z-index: 2;}
.banner-pagination {display: flex; justify-content: center;}
.banner-pagination .swiper-pagination-bullet{margin-left: 3px;width: 36px;height: 36px;position: relative;background: transparent;opacity: 1;border-radius: 0;}
.banner-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner-pagination .swiper-pagination-bullet::before{transition: all .4s ease; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 4px;height: 4px;border-radius: 50%;background: rgba(255, 255, 255, .5);}
.banner-pagination .swiper-pagination-bullet::after{content: "";opacity: 0;transition: all .6s ease;animation: banPage 2s linear infinite; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../image/banner-pagination.png') no-repeat center/100% auto;}
.banner-pagination .swiper-pagination-bullet-active::before{background: #fff;width: 8px;height: 8px;}
.banner-pagination .swiper-pagination-bullet-active::after{opacity: 1;}
@keyframes banPage {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}

.bg-two{background-image: url('../picture/indab-bg.jpg');}
.bg-three{background-image: url('../picture/indnew-bg.jpg');}
.bg-four{background-image: url('../picture/indcont-bg.jpg');}
.bg-five{background-image: url('../picture/footer-bg.jpg');}


.indMore{width: 134px;height: 48px;border-radius: 24px;background: #fff;border: 2px solid #fff;transition: all .4s ease;position: relative;overflow: hidden;transform:translate3d(0,0,10px)}
.indMore i{font-size: 30px; color: #fff; transition: all .6s ease;}
.indMore::before{content: "";position: absolute;width: 200px;height: 200px;right: -16px;top: -40px;background: var(--main-color);border-radius: 50%;transform-origin: left bottom;transform: scale(0);transition: all 1.2s ease;}
.indMore:hover{box-shadow: 0 4px 20px 0 rgba(255, 255, 255, .4);}
.indMore:hover i{color: var(--main-color);}
.indMore:hover::before{transform: scale(1);transition: all .6s ease;}
.indMore.color{background: var(--main-color);border-color: var(--main-color);}
.indMore.color i{z-index: 2;}
.indMore.color::before{background: #fff;}
.indMore.color:hover{box-shadow: 0 4px 20px 0 rgba(186, 34, 23, .4);}
.indMore.color:hover i{}
.indMore.small{width: 108px;height: 42px;border-radius: 21px;}

.indTitle{width: auto;}
.indTitle.center{width: 100%;text-align: center;}
.indTitle .title{line-height: 1.1;}
.indTitle.center .text{max-width: 990px;margin-left: auto;margin-right: auto;}
.indTitle.center .link{width: 100%;justify-content: center;}

.indfa{background: #fff;}
.indfa .contain{width: 100%;padding: 0 98px;}
.indfa-list{width: 100%;}
.indfa-list ul{margin-left: -1px;flex-wrap: nowrap;}
.indfa-list li{width: calc(25% - 1px);height: 650px;margin-left: 1px;position: relative;overflow: hidden;}
.indfa-list li img{height: 650px;position: absolute;max-width: none;object-fit: fill;top: 0;left: 50%;transform: translateX(-50%);}
.indfa-list li::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: rgba(12, 19, 23, .5);transition: all .4s ease;}
.indfa-list li.other{width: calc((100% - 684px)/3 - 1px);}
.indfa-list li.active{width: 683px;}
.indfa-cont{position: absolute;width: 100%;z-index: 4;bottom: 0;text-align: center;padding: 0 20px 42px;}
.indfa-cont .title{line-height: 1.1;}
.indfa-cont .link{width: 100%;justify-content: center;}
.indfa-list li:hover::after{opacity: 0;}

.bg-about{background-image: url('../picture/bg-about.jpg');}
.indgy{}
.indgy video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.indgy .contain{position: relative;z-index: 4;max-width: 1200px;}
.indgy-number{width: 100%;margin-top: 124px;}
.indgy-number ul{justify-content: space-between;}
.indgy-number li{width: auto;text-align: center;}
.indgy-number .num{line-height: 1;}
.indgy-number .num *{line-height: inherit;}
.indgy-number .num .mix{font-family:'RE';font-weight: 700;margin-right: 10px;display: inline;}

.bg-indhy{background-color: var(--f8-color);}
.indhy-muen {display: flex;justify-content: center;}
.indhy-muen > div{border-radius: 27px;background-color: #fff;padding: 3px 5px;}
.indhy-muen a {padding: 0px 22px;border-radius: 24px;height: 48px;display: flex;align-items: center;justify-content: center;margin-right: 8px;}
.indhy-muen a.active{background-color: var(--main-color);color: #fff;}
.indhy-muen a:last-child {margin-right: 0px;}
.indhy-lun {border-radius: 20px;overflow: hidden;background-color: #fff;}
.indhy-lun .img{width: 50%;overflow: hidden;}
.indhy-lun .img img{width: 100%;height: 100%;transition: all .4s ease;}
.indhy-lun .img:hover img{transform: scale(1.04);}
.indhy-lun .cont{width: 50%;padding: 20px 100px;display: flex;flex-direction: column;justify-content: center;}
.indhy-lun .cont .title{color: #161616;}
.indhy-lun .cont .btn{width: 145px;height: 50px;}
.indhy-lun .cont ul{margin-bottom: -15px;padding-right: 110px;}
.indhy-lun .cont li{margin-right: 55px;margin-bottom: 15px;}


.fp-overflow{overflow: hidden;}
.indxw{background: #fff url('../image/indxwBg.png') no-repeat left bottom/auto 495px;}
.indxw .contain{position: relative;padding: 0 116px;}
.indxw-loop{width: 100%;position: relative;}
.indxw-loop .swiper-pagination{bottom: 0;display: none;}
.indxw-loop .swiper-slide{width: 31.5%;transition: all .4s ease;}
.indxw-loop .swiper-slide.swiper-slide-active{width: 37%;}
.indxw-loop .swiper-container{padding: 50px 0;overflow: visible;position: relative;z-index: 2;}
.indxw-link{display: block;width: 100%;padding: 38px 40px 44px;position: relative;background: #fff;transition: all .4s ease;box-shadow: 0 3px 32px 0 rgba(74, 96, 109, .11);}
.indxw-link::before{content: "";position: absolute;width: calc(100% + 2px);height: calc(100% + 2px);top: -1px;left: -1px;border: 0px solid #431900;transition: all .2s;}
.indxw-link:hover:before{border-width: 12px;}
.indxw-link>*{position: relative;z-index: 2;}
.indxw-link .time{width: 100%;}
.indxw-link .time span{font-family:'RR';line-height: 1;transition: all .4s ease;}
.indxw-link .time p{font-family:'RB';line-height: 1;color: var(--main-color);transition: all .4s ease;}
.indxw-link .image{width: 100%;overflow: hidden;height: 220px;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
.indxw-link .title{width: 100%;transition: all .4s ease;}
.indxw-loop .swiper-slide.swiper-slide-active .indxw-link{background: #431900;}
.indxw-loop .swiper-slide.swiper-slide-active .indxw-link .time span{color: #fff;}
.indxw-loop .swiper-slide.swiper-slide-active .indxw-link .time p{color: #fff;}
.indxw-loop .swiper-slide.swiper-slide-active .indxw-link .title{color: #fff;}
.indxw-lump{position: absolute;height: 100%;background: var(--f5-color);top: 0;left: -116px;width: calc(37% + 116px + 28px + 88px);}

.indxw-right {display: flex;width: 60px;height: 60px;justify-content: center;align-items: center;background-color: var(--main-color);color: #fff;border-radius: 100px;z-index: 2;position: absolute;top: 50%;transform: translateY(-50%);right: -120px;}
.indxw-right i{color: #fff;font-size: 24px;font-weight: 900;}




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .bannerCont-max {max-width: 400px;}
    .indfa-cont .title{font-size: 22px;}
    .indfa-list li, .indfa-list li img{height: 500px;}
    .indfa-list li.other{width: calc((100% - 526px)/3 - 1px);}
    .indfa-list li.active{width: 526px;}
    .indgy{padding-top: 160px;}
    .indgy-number {margin-top: 100px;}
    .indlc-run {left: 0;}
    .indlc-menu a.m2{left: 76%;}
    .indlc-menu a.m3 {left: 71%;top: 8%;}
    .indlc-menu a.m4{left: 3%;}
    .indlc-menu a.m7{left: 15%;}
    .indxw-link {padding: 28px 30px 34px;}
    .indxw-link .image {height: 190px;}
    .indxw-loop .swiper-container {padding: 42px 0;}
    .indfa .contain {padding: 0 84px;}
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .indfa-cont .title{font-size: 20px;}
    .indfa-list li, .indfa-list li img{height: 420px;}
    .indfa-cont {padding: 0 18px 32px;}
    .indfa-list li.other{width: calc((100% - 440px)/3 - 1px);}
    .indfa-list li.active{width: 440px;}
    .indgy{padding-top: 140px;}
    .indgy-number {margin-top: 80px;}
    .indlc {padding: 140px 0 160px;}
    .indlc-text{height: 168px;}
    .indlc-text.top{top: 204px;}
    .indlc-text.bottom{bottom: 204px;}
    .indlc-loop {width: 480px;height: 480px;padding: 0 40px;}
    .indlc-more {width: 120px;height: 120px;bottom: -20px;}
    .indlc-run {bottom: 10px;left: 74px;width: 374px;height: 424px;}
    .indlc-null {width: 70px;height: 70px;left: 39%;top: 90%;}
    .indlc-menu a.m5 {left: 24%;top: -10%;}
    .indlc-menu a.m6 {left: 10%;top: 5%;}
    .indlc-menu a.m4 {width: 98px;height: 98px;left: 4%;top: 56%;font-size: 28px;}
    .indlc-menu a.m7 {left: 18%;top: 88%;}
    .indlc-menu a.m1 {width: 130px;height: 130px;left: 84%;top: -16%;font-size: 38px;}
    .indlc-menu a.m8 {left: 82%;top: 100%;}
    .indhy-lun .cont {padding: 20px 40px;}
	.indxw .contain {padding: 0 68px;}
    .indxw-lump {left: -68px;width: calc(37% + 68px + 24px + 44px);}
    .indxw-link .image {height: 180px;}
    .indfa .contain {padding: 0 70px;}
    .indlc-loop-cont .text {line-height: 28px;}
    .indlc-loop-cont .text p::before {top: 11px;}
    .indxw {background-size: auto 400px;}
    .indxw-right{right: -110px;}
}

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

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

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .bannerCont-max {max-width: 320px;}
    .indfa-list li, .indfa-list li img{height: 350px;}
    .indfa-list li.other{width: calc((100% - 368px)/3 - 1px);}
    .indfa-list li.active{width: 368px;}
    .indgy {padding-top: 100px;}
    .indgy-number {margin-top: 68px;}
    .indlc-menu a.m3 {left: 76%;top: 14%;}
    .indlc-menu a.m2 {left: 82%;}
    .indlc-menu a.m7 {left: 12%;top: 88%;}
    .indlc-run {bottom: 24px;left: 0;width: 320px;height: 364px;}
    .indxw .contain {padding: 0;}
    .indxw-lump {left: -50px;width: calc(37% + 50px + 24px + 26px);}
    .indxw-loop .swiper-container {padding: 28px 0;}
    .indxw-link:hover:before {border-width: 8px;}
    .indxw-link {padding: 22px 24px 28px;}
    .indfa .contain {padding: 0 50px;}
    .indxw {background-size: auto 360px;}
}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-image img.pc{height: 50vh;}
    .banner video{display: none !important;}
    .banner .hasVideo .banner-image {opacity: 1;}
    .bannerLump-run{height: 50vh;}
    .indfa-list ul{margin: -1px 0 0 -1px;flex-wrap: wrap;}
    .indfa-list li{width: calc(50% - 1px);margin: 1px 0 0 1px;height: auto;}
    .indfa-list li img{position: static;height: auto;width: 100%;transform: none;}
    .indxw-lump {left: -20px;width: calc(37% + 20px + 24px + 26px);}
    .indfa .contain {padding: 0 30px;}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .bannerLump{display: none;}
    .bannerDot{bottom: 32px;text-align: center;}
    .bannerCont-items .hint, .bannerCont-items .title, .bannerCont-items .text, .bannerCont-items .link{opacity: 1;}
    .bannerCont-max{max-width: none;width: 100%;}
	.banner-bg{height: 100vh;}
	.banner-bg img{height: 100%;}
	@keyframes bannerUp{0%{opacity: 0;transform: translateY(60px);filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
    .indfa .contain {padding: 0 4%;}
    .indgy-number .text{font-size: 18px;}
	.indhy-lun .img{width: 100%;}
	.indhy-lun .cont{width: 100%;padding: 15px;}
	.indhy-lun .cont ul{padding-right: 0px;}
	.indhy-lun .cont li {margin-right: 25px;margin-bottom: 15px;}
	.indhy-muen {overflow-X: auto;width: 100%;display: flex;justify-content: flex-start;}
	.indhy-muen > div {flex-wrap: nowrap;padding: 0px;border-radius: 0px;}
	.indhy-muen a{border-radius: 0px;height: 35px;margin-right: 0px;padding: 0px 15px;width: 150px;}
	.indhy-lun{border-radius: 5px;}
	.indhy-lun .cont .btn {width: 110px;height: 35px;font-size: 12px;}
    .indxw-lump{display: none;}
    .indxw-loop .swiper-slide{width: auto;}
    .indxw-loop .swiper-slide.swiper-slide-active {width: auto;}
    .indxw-loop .swiper-slide.swiper-slide-active .indxw-link {background: #fff;}
    .indxw-loop .swiper-slide.swiper-slide-active .indxw-link .time span{color: #000;}
    .indxw-loop .swiper-slide.swiper-slide-active .indxw-link .time p{color: var(--main-color);}
    .indxw-loop .swiper-slide.swiper-slide-active .indxw-link .title{color: #000;}
    .indxw-loop .swiper-container{overflow: hidden;padding: 0;}
    .indxw-link{box-shadow: none;}
    .indxw-link:before {border-width: 4px;}
    .indxw-link:hover:before {border-width: 4px;}
    .indlc .contain{padding-left: 180px;}
    .indlc-run {bottom: 24px;left: 0;width: 280px;height: 318px;}
    .indlc-menu a.m3 {left: 50%;top: -14%;}
    .indlc-menu a.m2 {left: 33%;top: 98%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .bannerDot {bottom: 24px;}
    .bannerCont-items .title{font-size: 24px;}
    .bannerCont-items .text{font-size: 22px;}
    .indMore {width: 108px;height: 42px;border-radius: 21px;}
    .indMore.small {width: 96px;height: 38px;border-radius: 19px;}
    .indfa-loop{width: 100%;}
    .indfa-loop-box{width: 100%;position: relative;}
    .indfa-cont {padding: 0 15px 24px;}
    .indfa-loop-box img{width: 100%;object-fit: cover;}
    .indfa-loop .swiper-wrapper{padding-bottom: 32px;}
    .indfa-loop .swiper-pagination{bottom: 0;}
    .swiper-pagination-bullet {background: #b7bfc3;opacity: 1;margin: 0 6px !important;}
    .swiper-pagination-bullet-active {background: var(--main-color);}
    .indfa-cont .title {font-size: 18px;}
    .indTitle .text{font-size: 15px;line-height: 24px;margin-top: 8px;}
    .indfa .indTitle .text{font-size: 14px;}
    .indgy{padding-top: 54px;}
    .indgy-number {margin-top: 32px;}
    .indgy-number ul{margin-top: -16px;}
    .indgy-number li{width: 50%;text-align: center;margin-top: 16px;}
    .indgy-number .num .mix {margin-right: 6px;font-size: 28px;}
    .indgy-number .text {font-size: 15px;margin-top: 6px;}
    .indfa-cont .link{margin-top: 12px;}
    .indlc {padding: 60px 0;}
    .indlc .contain {padding: 50px 0 0;}
    .indlc-loop {width: 100%;height: auto;min-height: 264px;padding: 24px 0;border-radius: 10px;}
    .indlc-null{display: none;}
    .indlc-menu{width: 100%;display: flex;justify-content: space-between;margin-top: 20px;}
    .indlc-menu a{width: auto !important;height: auto !important;background: transparent !important;font-size: 13px !important;color: #000 !important;position: static !important;animation: none !important;}
    .indlc-menu a.active{color: var(--main-color) !important;}
    .indlc-more{position: relative;margin: 20px auto 0;width: 140px;height: 44px;border-radius: 22px;left: auto;bottom: auto;}
    .indlc-more i{background-size: 38px auto;}
    .indlc-loop-cont .text {line-height: 25px;font-size: 15px;margin-top: 8px;}
    .indlc-loop-cont .text p::before {width: 5px;height: 5px;top: 10px;}
    .indlc-loop-cont .text p {padding-left: 12px;}
    .indlc-text {height: 50px;}
    .indlc-text.top{top: 30px;}
    .indlc-text.bottom{bottom: 20px;}
    .indlc-run{bottom: auto;top: -30px;width: 120px;height: 138px;}
    @keyframes indlcLoopRun {0%{filter: blur(4px);opacity: 0;}100%{filter: blur(0);opacity: 1;}}
    .indlc-loop-cont {padding: 0 15px;}
    .indhy-muen a{font-size: 12px;}
    .indhy-lun .cont .title{font-size: 16px;}
    .indhy-lun .cont .text{font-size: 14px;margin-top: 4px;}
    .indhy-lun .cont li {font-size: 12px;margin-right: 15px;}
	.indxw {background-size: auto 340px;}
    .indxw-link {padding: 20px 16px 24px;}
    .indxw-link .title{line-height: 26px;height: 52px;}

    .indxw-right{display: none;}
}