@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;background: #000;}
.banner-mix{width: 100%;position: relative;}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img img.pc{height: calc(100vh - max(70px,0.9rem));}
.banner-img img.mb{min-height: 500px;}
.banner-cont{position: absolute;width: 100%;color: #fff;height: 100%;top: 0;left: 0;z-index: 2;display: flex;align-items: center;justify-content: center;user-select: none;}
.banner-cont{width: 100%;text-align: center;}
.banner-cont-wrap{width: 100%;}
/* -- */
.banner-mix-one .banner-cont{pointer-events: none;}
.banner-mix-one .banner-cont .title{letter-spacing: max(4px,0.1rem);}
.banner-mix-one .banner-cont .text{letter-spacing: 1px;}
.banner-mix-one .contain{display: flex;flex-wrap: wrap;align-items: center;position: relative;}
.banner-mix-one .banner-cont-dot{width: 7.2rem;text-align: center;padding: 0 0.9rem;margin-top: max(70px,0.9rem);}
.banner-mix-one .banner-cont-dot img{width: 100%;visibility: hidden;}
.banner-mix-one .banner-dot{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.banner-mix-one .banner-dot #cartoonDot-text{width: 100% !important;height: 100% !important;}
.banner-mix-one .banner-cont-wrap{width: calc(100% - 7.2rem);}
.banner-mix-one .banner-img{opacity: 0;}
.banner-mix-one .banner-shade{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url('../images/index/bannerSd.png') no-repeat center/cover;z-index: 2;pointer-events: none;}
/* 效果 */
.banner-cont .title, .banner-cont .text{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerDown 1s ease both .5s;}
.swiper-slide-active .banner-cont .text{animation: bannerUp 1s ease both .5s;}
.oneSlide .banner-cont .title{animation: bannerDown 1s ease both .5s;}
.oneSlide .banner-cont .text{animation: bannerUp 1s ease both .5s;}
@keyframes bannerDown{0%{opacity: 0;transform: translateY(min(-40px,-0.8rem));filter: blur(max(4px,0.08rem));}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(max(40px,0.8rem));filter: blur(max(4px,0.08rem));}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */
.banner .swiper-pagination{bottom: max(24px,0.5rem);font-size: 0;width: 100%;}
.banner .swiper-pagination-bullet{width: max(24px,0.4rem);height: max(3px,0.04rem);opacity: 1;background: #fff;border-radius: 4px;margin: 0 max(4px,0.08rem) !important;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #e51313;}

.indcp{background: #fff url("../images/index/indcpBg.png") no-repeat center top/9.44rem auto;}
.indcp-loop{width: 100%;padding: 0 10px;}
.indcp-loop .swiper-pagination{position: relative;font-size: 0;bottom: 0;display: none;}
.indcp-loop .swiper-container{overflow: visible;}
.indcp-loop .swiper-wrapper{flex-wrap: wrap;width: auto;margin: -10px 0 0 -10px;}
.indcp-loop.on .swiper-wrapper{flex-wrap: nowrap;}
.indcp-loop .swiper-slide{flex: 1;margin: 10px 0 0 10px;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;height: auto;transition: flex .4s ease;}
.indcp-link{display: block;width: 100%;overflow: hidden;position: relative;}
.indcp-link img{width: 100%;height: 6.62rem;}
.indcp-link::before, .indcp-link::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;background: rgba(0,0,0,0.1);}
.indcp-link::after{z-index: 3;background: url("../images/index/indcpSd.png") repeat-x left bottom/auto 3.65rem;opacity: 0;}
.indcp-link .cont{position: absolute;z-index: 6;width: 100%;left: 0;bottom: 0;transform: translate3d(0,0,10px);color: #fff;}
.indcp-link .cont .limit{transform: translateY(calc(100% - max(18px,0.26rem)));}
.indcp-link .cont .title{line-height: max(18px,0.26rem);}
.indcp-link .cont .text{opacity: 0;filter: blur(max(4px,0.08rem));}
.indcp-loop .swiper-slide.active{flex: 2.12;}
.indcp-loop .swiper-slide.active .indcp-link .cont .limit{transform: translateY(0);transition: transform .4s ease .4s;}
.indcp-loop .swiper-slide.active .indcp-link .cont .text{opacity: 1;filter: blur(0);transition: opacity .4s ease .4s, filter .4s ease .4s;}
.indcp-loop .swiper-slide.active .indcp-link::after{opacity: 1;transition: opacity .4s ease .4s,transform .4s ease .4s;}

.indgy{background: #fff;overflow: visible;height: 100vh;z-index: 2;}
.indgy-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indgy-bg{width: 100%;height: 100vh;}
.indgy-wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;color: #fff;padding-top: max(70px,0.9rem);display: flex;align-items: center;}
.indgy-info{width: 6.8rem;}
.indgy-info .btn a{height: max(38px,0.54rem);background: #e51313;color: #fff;padding: 0 max(24px,0.54rem);border-radius: max(19px,0.27rem);overflow: hidden;position: relative;}
.indgy-info .btn a span{position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.indgy-info .btn a::after{content: "";position: absolute;width: 16px;height: 16px;top: 50%;left: 50%;background: rgba(255, 255, 255, 0.4);transform: translate(-50%,-50%);border-radius: 50%;opacity: 0;}
.indgy-info .btn a:hover::after{animation: indgyBtn 1.2s ease both;}
@keyframes indgyBtn{0%{opacity: 1;transform: translate(-50%,-50%) scale(1)}100%{opacity: 0;transform: translate(-50%,-50%) scale(20)}}
.indgy-logo{position: absolute;z-index: 4;width: calc(100% + 4px);height: calc(100vh + 4px);top: -2px;left: -2px;pointer-events: none;}
.indgy-logo img {width: 100%;height: 100%;object-fit: cover;}
.indgy-logo .text{position: absolute;width: 100%;left: 0;bottom: 16.4vh;text-align: center;letter-spacing: max(4px,0.1rem);}
.indgy-shade{position: absolute;z-index: 1;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(0, 0, 0, 0.2);opacity: 0;}
/* -- */
.indgy .indgy-wrap{opacity: 0;pointer-events: none;transition: all .8s ease;}
.indgy.active .indgy-wrap{opacity: 1;pointer-events: auto;}
.indgy.active .indgy-wrap .indgy-info .title{animation: indgyRun 1s ease both .4s;}
.indgy.active .indgy-wrap .indgy-info .hint{animation: indgyRun 1s ease both .6s;}
.indgy.active .indgy-wrap .indgy-info .text{animation: indgyRun 1s ease both .8s;}
.indgy.active .indgy-wrap .indgy-info .btn{animation: indgyRun 1s ease both 1s;}
@keyframes indgyRun{0%{opacity: 0;transform: translateY(max(28px,0.6rem));filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */

.indxw{background: #f6f6f6;}
.indxw-menu{width: 100%;justify-content: center;user-select: none;}
.indxw-menu .link{display: flex;cursor: pointer;margin-right: max(20px,0.54rem);transition: color .4s ease;}
.indxw-menu .link:last-child{margin-right: 0;}
.indxw-menu .link:hover, .indxw-menu .link.active{color: #e51313;}
.indxw-loop{width: 100%;position: relative;}
.indxw-loop .items{width: 100%;position: absolute;top: 0;left: 0;pointer-events: none;opacity: 0;}
.indxw-loop .items:first-child{position: relative;}
.indxw-loop .items.active{pointer-events: auto;opacity: 1;z-index: 2;}
.indxw-loop .swiper-container{overflow: visible;}
.indxw-loop .swiper-pagination{position: relative;font-size: 0;bottom: 0;display: none;}
.indxw-link{display: block;width: 100%;background: #fff;overflow: hidden;position: relative;padding-bottom: 2.58rem;transition: box-shadow .4s ease;}
.indxw-link .img{width: 100%;overflow: hidden;}
.indxw-link .img img{width: 100%;height: 2.9rem;transition: all .6s ease;}
.indxw-link .cont{width: 100%;background: #fff;transition: margin .4s ease;position: absolute;left: 0;bottom: max(16px,0.4rem);z-index: 4;transform: translate3d(0,0,10px);}
.indxw-link .cont .title{transition: color .4s ease;}
.indxw-link .cont .look{color: #e51313;height: 0;transition: all .4s ease;overflow: hidden;opacity: 0;}
.indxw-link .cont .look i{transform: rotateY(180deg);margin-left: max(6px,0.1rem);}
.indxw-link:hover {box-shadow: 0px 0px max(12px,0.3rem) 0px rgba(229, 19, 19, 0.2);}
.indxw-link:hover .img img{transform: scale(1.06);}
.indxw-link:hover .cont .title{color: #e51313;}
.indxw-link:hover .cont .look{height: max(16px,0.20rem);opacity: 1;margin-top: max(12px, 0.28rem);}
.indxw-loop .btn{position: absolute;line-height: 1;width: max(36px,0.6rem);height: max(36px,0.6rem);font-size: max(14px,0.16rem);border-radius: 50%;top: 50%;margin-top: min(-18px,-0.3rem);background: #e51313;color: #fff;z-index: 10;cursor: pointer;user-select: none;}
.indxw-loop .btn.prev{left: min(-46px,-0.7rem);}
.indxw-loop .btn.next{right: min(-46px,-0.7rem);transform: rotateY(180deg);}

.indhz{background: #fff;}
.indhz-more{width: 100%;user-select: none;}
.indhz-list{width: 100%;margin-top: max(10px,0.2rem);}
.indhz-list .swiper-wrapper{transition-timing-function: linear;margin: 0 auto;}
.indhz-link{width: 100%;height: max(70px,0.8rem);border: 1px solid #e5e5e5;box-shadow: 0px 0px max(10px,0.2rem) 0px rgba(0, 0, 0, 0.05);transform: translate3d(0,0,10px);}
.indhz-link img{max-width: 88%;max-height: 88%;}
.indhz-list:nth-child(2) .swiper-container{transform: rotateY(180deg);}
.indhz-list:nth-child(2) .indhz-link{transform: rotateY(180deg);}



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

@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .indcp-link img{height: 6.1rem;}
}

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

@media all and (max-width:1350px){
    /* 1280 */
    .indxw-link {padding-bottom: 2.68rem;}
}

@media all and (max-width:1270px){
    /* 1152 × (700) */
    .indxw-link {padding-bottom: 2.88rem;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .banner-img img.pc{height: 50vh;}
    .banner-mix-one .banner-dot,.banner-mix-one .banner-shade,.banner-mix-one .banner-cont-dot{display: none;}
    .banner-mix-one .banner-cont-wrap{width: 100%;}
    .banner-mix-one .banner-img{opacity: 1;}
    .indcp-loop{padding: 0;width: 92%;margin: max(26px,0.68rem) auto 0;overflow: hidden;border-radius: max(6px, 0.10rem);}
    .indcp-loop .swiper-container{overflow: hidden;}
    .indcp-loop .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;}
    .indcp-loop .swiper-slide{width: 100%;margin: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;flex: none;transition: none;}
    .indcp-link img{height: 560px;}
    .indcp-link .cont .limit{transform: translateY(0);}
    .indcp-link .cont .text{opacity: 1;filter: blur(0);}
    .indcp-link::after{opacity: 1;}
    .indcp-loop .swiper-pagination, .indxw-loop .swiper-pagination{display:block;margin-top: 30px;}
    .indcp-loop .swiper-pagination-bullet,.indxw-loop .swiper-pagination-bullet {width: 8px;height: 8px;background: #ccc;opacity: 1;margin: 0 6px !important;}
    .indcp-loop .swiper-pagination-bullet-active, .indxw-loop .swiper-pagination-bullet-active {background: #e51313;}
    .indgy{padding-top: 60px;height: auto;}
    .indgy-logo{display: none;}
    .indgy-shade{opacity: 1;}
    .indgy-sticky{position: relative;}
    .indgy-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .indgy .indgy-wrap{opacity: 1;pointer-events: auto;position: relative;padding: 80px 0 160px;}
    .indxw-loop .btn{display: none;}
    .indxw-loop .swiper-container{overflow: hidden;border-radius: max(6px, 0.10rem);}
    .indxw-link:hover{box-shadow: none;}
    .indxw-link .cont{border-radius: 0;position: relative;bottom: 0;padding-bottom: max(16px,0.38rem);}
    .indxw-link {padding-bottom: 0;}
    .indxw-link .cont .look{display: none;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .banner-cont .title{font-size: 26px;}
    .banner-cont .text{font-size: 16px;}
    .banner-mix-one .banner-cont{padding-top:16%}
    .indcp-link img{height: 400px;}
    .indcp-link::after{background-size: auto 5rem;}
    .indcp-loop .swiper-pagination, .indxw-loop .swiper-pagination {margin-top: 20px;}
    .indcp-loop .swiper-pagination-bullet, .indxw-loop .swiper-pagination-bullet {width: 6px;height: 6px;margin: 0 5px !important;}
    .indgy {padding-top: 34px;}
    .indgy-info {width: 100%;}
    .indgy .indgy-wrap {padding: 40px 0 68px;}
    .indgy-info .hint{font-size: 16px;}
    .indgy-info .text{font-size: 13px;line-height: 24px;}
    .indgy-shade{background: rgba(0, 0, 0, 0.3);}
    .indxw-link .img img{height: 200px;}
    .indxw-link .cont{padding: 20px 16px;}
    .indhz-link{height: 54px;}
    .indhz-link img {max-width: 80%;max-height: 80%;}
}

/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){
    .indcp-link img{height: 420px;}
    .indgy .indgy-wrap {padding: 60px 0 120px;}
    .indhz-link{height: 70px;}
}