/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-image{width: 100%;overflow: hidden;}
.banner-image img{width: 100%;height: 100vh;transform: matrix(1.16, 0, 0, 1.16, 0, 0);transition: all .4s ease 1s;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: left;}
.banner-cont .title{line-height: 1.24;}
.banner-cont .text{line-height: 1.24;}
.swiper-slide-active .banner-image img {transform: matrix(1, 0, 0, 1, 0, 0);transition: all 4s ease .4s;}
/* -- */
.banner-control{position: absolute;width: 100%;left: 0;bottom: 92px;opacity: 0;animation: bannerCt 1s ease both 1s;z-index: 4;transform: translate3d(0,0,10px);}
.banner-control .swiper-pagination{position: relative;text-align: left;padding-left: 4px;}
@keyframes bannerCt{0%{opacity: 0;}100%{opacity: 1;}}
/* -- */
/* 文字效果-右边版 */
.banner-cont .title, .banner-cont .text, .banner-cont .commBtn{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerRun 1s ease both .9s;}
.swiper-slide-active .banner-cont .text{animation: bannerRun 1s ease both 1s;}
.swiper-slide-active .banner-cont .commBtn{animation: bannerRun 1s ease both 1.1s;}
.oneSlide .banner-cont .title{animation: bannerRun 1s ease both .4s;}
.oneSlide .banner-cont .text{animation: bannerRun 1s ease both .5s;}
.oneSlide .banner-cont .commBtn{animation: bannerRun 1s ease both .6s;}
@keyframes bannerRun{0%{opacity: 0;transform: translateX(240px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}

.indgy{background: #fff;}
.indgy-mix{width: 100%;position: relative;padding-left: 50px;padding-right: 28px;overflow: hidden;}
.indgy-shade{width: 100%;position: absolute;height: calc(100% - 100px);top: 0;left: 0;background: linear-gradient(90deg,#d7d7d7,#eee);}
.indgy-cont{width: calc(100% - 1140px);padding: 0 36px 200px 0;position: relative;z-index: 2;}
.indgy-list{width: 1140px;position: relative;z-index: 2;}
.indgy-list-ul{margin: -30px 0 0 -30px;}
.indgy-link{display: block;overflow: hidden;width: calc(100%/3 - 30px);margin: 30px 0 0 30px;position: relative;}
.indgy-link .bg{width: 100%;height: 642px;transition: all .6s ease;}
.indgy-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../image/indgySd.png") repeat-x left bottom/auto 60%;z-index: 2;transform: translate3d(0,0,10px);}
.indgy-link-cont{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 3;transform: translate3d(0,0,11px);text-align: center;overflow: hidden;transition: all .4s ease;}
.indgy-link-cont, .indgy-link-other-info{padding: 100px 22px 58px;}
.indgy-link-cont .title, .indgy-link-cont .text, .indgy-link-cont .link{position: relative;z-index: 4;transition: all .4s ease;}
.indgy-link-cont .link, .indgy-link-other-info .link{width: 31px;height: 10px;background: url("../image/arrL.png") no-repeat center;transform: rotateY(180deg);margin: 0 auto;opacity: 0;}
.indgy-link:hover .indgy-link-cont, .indgy-link:hover .indgy-link-other-info{background: #0746a4;}
.indgy-link:hover .indgy-link-cont .title, .indgy-link:hover .indgy-link-cont .text, .indgy-link:hover .indgy-link-other-info .mix{transform: translateY(-50px);}
.indgy-link:hover .link{opacity: 1;transform: rotateY(180deg) translateY(-10px);}
.indgy-link:hover .bg{transform: scale(1.06);}
.indgy-link-other{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 3;transform: translate3d(0,0,11px);overflow: hidden;}
.indgy-link-other .title{transform: translateY(100px);transition: all .4s ease;padding: 0 22px;}
.indgy-link-other-info{width: 100%;overflow: hidden;margin-top: 24px;transition: all .4s ease;}
.indgy-link-other-info .mix{justify-content: space-between;align-items: flex-end;transition: all .4s ease;}
.indgy-link-other-info .link{margin: 0;transition: all .4s ease;}
.indgy-link:hover .indgy-link-other .title{transform: translateY(0);}

.indcp{background: #fff;overflow: visible;height: 300vh;}
.indcp-mb{display: none;}
.indcp-sticky{width: 100%;height: 100vh;position: sticky;top: 0;left: 0;overflow: hidden;}
.indcp-logo, .indcp-mix{width: 100%;position: absolute;width: 100%;height: 100vh;top: 0;left: 0;z-index: 4;}
.indcp-logo{z-index: 10;transition: all .6s ease;}
.indcp-logo .bg{width: 100%;height: 100%;}
.indcp-logo .run{width: calc(100% + 2px);height: calc(100% + 2px);position: absolute;top: -1px;left: -1px;}
.indcp-logo.hide{opacity: 0;pointer-events: none;}
/* .indcp-logo.hide{animation: indcpRun 1.2s ease both .4s;} */
/* @keyframes indcpRun{0%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}100%{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}} */
/* .indcp-logo.show{animation: indcpRun2 1.2s ease both 0s;} */
/* @keyframes indcpRun2{0%{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}} */
.indcp-mix-left, .indcp-mix-right{opacity: 0;}
.indcp-mix.on .indcp-mix-left{animation: indcpLeft 1s ease both .2s;}
.indcp-mix.on .indcp-mix-right{animation: indcpRight 1s ease both .2s;}
@keyframes indcpLeft{0%{opacity: 0;transform: translateX(-200px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes indcpRight{0%{opacity: 0;transform: translateX(200px);}100%{opacity: 1;transform: translateX(0);}}
.indcp-mix{display: flex;padding-top: 120px;}
.indcp-mix .contain{align-items: center;}
.indcp-mix-left{width: calc(100% - 1168px);padding-right: 70px;}
.indcp-menus{width: 100%;overflow: visible;height: 640px;position: relative;}
.indcp-menus .items{width: 100%;position: absolute;top: 0;left: 0;opacity: 0;background: #fff;transform: translateY(100%);transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);}
.indcp-menus .items.active{opacity: 1;transform: translateY(0);}
.indcp-menus-img{display: flex;align-items: flex-end;height: 270px;}
.indcp-menus-img img{max-height: 100%;transition: all .6s ease;}
.indcp-mix-right{width: 1168px;position: relative;padding-bottom: 24px;height: calc(100% - 46px);margin-top: -12px;}
.indcp-shade{width: calc(100% - 64px * 2);background: #ebeff5;position: absolute;height: calc(100% - 24px);bottom: 0;left: 0;right: 0;margin: 0 auto;}
.indcp-loops{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 4;}
.indcp-loops .items{width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;opacity: 0;pointer-events: none;visibility: hidden;transform: scale(0.68);transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1);}
.indcp-loops .items.active{opacity: 1;transform: scale(1);pointer-events: auto;visibility: visible;}
.indcp-loops-run{width: 100%;height: 100%;overflow: hidden;}
.indcp-loops-run .swiper-container{height: 100%;}
.indcp-loops-run-mix{width: 100%;position: relative;height: 100%;overflow: hidden;display: block;}
.indcp-loops-run-mix .bg{width: 100%;height: 100%;transition: all .6s ease;}
.indcp-loops-run-mix::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../image/indcpSd.png") repeat-x left bottom/auto 40%;z-index: 1;transform: translate3d(0,0,10px);}
.indcp-loops-run-mix .cont{position: absolute;width: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);text-align: center;padding-top: 150px;}
.indcp-loops-run-mix .cont .link{width: 31px;height: 10px;margin-left: auto;margin-right: auto;background: url("../image/arrL.png") no-repeat center;transform: rotateY(180deg);transition: all .4s ease;}
.indcp-loops-run-mix:hover .bg{transform: scale(1.04);}
.indcp-loops-run-mix:hover .cont .link{transform: rotateY(180deg) translateX(-10px);}
.indcp-loops-menu{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 10;transform: translate3d(0,0,10px);}
.indcp-loops-menu a{flex: 1;text-align: center;position: relative;color: #fff;line-height: 1.12;justify-content: center;display: flex;opacity: 0.68;transition: all .4s ease;position: relative;}
.indcp-loops-menu a span{position: relative;padding-bottom: 48px;}
.indcp-loops-menu a span::after{content: "";position: absolute;width: 100%;height: 4px;left: 0;bottom: 0;background: #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;opacity: 0;transition: all .4s ease;}
.indcp-loops-menu a.active, .indcp-loops-menu a:hover{opacity: 1;}
.indcp-loops-menu a.active span::after{opacity: 1;}

.indxw{background: #fff;}
.indxw-list{width: 100%;}
.indxw-list .swiper-pagination{display:none;position: relative;}
.indxw-list .swiper-container{overflow: visible;}
.indxw-list .swiper-wrapper{flex-wrap: wrap;width: auto;margin: -30px 0 0 -30px;}
.indxw-list .swiper-slide{width: calc(100%/3 - 30px);margin: 30px 0 0 30px;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;height: auto;}
.indxw-link{width: 100%;overflow: hidden;position: relative;display: block;}
.indxw-link .bg{width: 100%;height: 738px;transition: all .6s ease;}
.indxw-link::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../image/indxwSd.png") repeat-x left bottom/auto 60%;z-index: 2;transform: translate3d(0,0,10px);}
.indxw-link-cont{position: absolute;width: 100%;left: 0;bottom: 0;padding: 0 50px 36px;z-index: 3;transform: translate3d(0,0,12px);}
.indxw-link-cont .title, .indxw-link-cont .text{transition: all .4s ease;}
.indxw-link-cont .link{width: 31px;height: 10px;background: url("../image/arrL.png") no-repeat center;transform: rotateY(180deg);opacity: 0;transition: all .4s ease;}
.indxw-link:hover .bg{transform: scale(1.06);}
.indxw-link:hover .title, .indxw-link:hover .text{transform: translateY(-50px);}
.indxw-link:hover .link{opacity: 1;transform: rotateY(180deg) translateY(-10px);}

.indjr{background: #fff;}
.indjr-loop{width: 100%;position: relative;overflow: hidden;}
.indjr-mix{width: 100%;overflow: hidden;position: relative;}
.indjr-mix video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
.indjr-mix img{width: 100%;height: 726px;}
.indjr-loop .swiper-pagination{width: 100%;text-align: center;bottom: 54px;}
.indjr-loop .commSbt{opacity: 0;}
.indjr-loop:hover .commSbt{opacity: 1;}
.indjr-loop .prev{left: 50px;}
.indjr-loop .next{right: 50px;}
.indjr-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;transform: translate3d(0,0,10px);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.indjr-loop .hasVideo .indjr-cont{display: none;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .banner-control{bottom: 80px;}
    .indgy-mix {padding-left: 40px;padding-right: 28px;}
    .indgy-cont {width: calc(100% - 960px);padding: 0 30px 160px 0;}
    .indgy-list {width: 960px;}
    .indgy-link .bg{height: 536px;}
    .indgy-shade {height: calc(100% - 80px);}
    .indxw-link .bg{height: 582px;}
    .indxw-link-cont {padding: 0 40px 30px;}
    .indjr-mix img{height: 578px;}
    .indcp-mix-left {width: calc(100% - 1000px);padding-right: 60px;}
    .indcp-mix-right {width: 1000px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-control{bottom: 60px;}
    .indgy-mix {padding-left: 32px;padding-right: 24px;}
    .indgy-cont {width: calc(100% - 820px);padding: 0 24px 120px 0;}
    .indgy-list {width: 820px;}
    .indgy-link .bg{height: 460px;}
    .indgy-shade {height: calc(100% - 60px);}
    .indgy-list-ul {margin: -24px 0 0 -24px;}
    .indgy-link {width: calc(100%/3 - 24px);margin: 24px 0 0 24px;}
    .indgy-link-cont, .indgy-link-other-info {padding: 80px 16px 44px;}
    .indgy-link:hover .indgy-link-cont .title, .indgy-link:hover .indgy-link-cont .text, .indgy-link:hover .indgy-link-other-info .mix{transform: translateY(-40px);}
    .indgy-link-other .title{transform: translateY(80px);padding: 0 16px;}
    .indgy-link-other-info{margin-top: 20px;}
    .indxw-list .swiper-wrapper{margin: -24px 0 0 -24px;}
    .indxw-list .swiper-slide{width: calc(100%/3 - 24px);margin: 24px 0 0 24px;}
    .indxw-link .bg{height: 500px;}
    .indxw-link-cont {padding: 0 30px 24px;}
    .indxw-link:hover .title, .indxw-link:hover .text{transform: translateY(-40px);}
    .indjr-mix img{height: 494px;}
    .indjr-loop .prev{left: 34px;}
    .indjr-loop .next{right: 34px;}
    .indjr-loop .swiper-pagination{bottom: 40px;}
    .indcp-mix-left {width: calc(100% - 800px);padding-right: 40px;}
    .indcp-mix-right {width: 800px;height: calc(100% - 20px);padding-bottom: 20px;}
    .indcp-mix {padding-top: 100px;}
    .indcp-loops-run-mix .cont {padding-top: 80px;}
    .indcp-loops-menu a span {padding-bottom: 30px;}
    .indcp-shade {width: calc(100% - 40px * 2);height: calc(100% - 20px);}
    .indcp-menus-info{margin-top: 20px;}
    .indcp-menus-img {height: 220px;}
    .indcp-menus{height: 500px;}
}

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

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

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .banner-control{bottom: 40px;}
    .indgy-mix {padding-left: 20px;padding-right: 20px;}
    .indgy-cont {width: calc(100% - 660px);padding: 0 20px 80px 0;}
    .indgy-list {width: 660px;}
    .indgy-link .bg{height: 370px;}
    .indgy-shade {height: calc(100% - 40px);}
    .indgy-list-ul {margin: -20px 0 0 -20px;}
    .indgy-link {width: calc(100%/3 - 20px);margin: 20px 0 0 20px;}
    .indgy-link-cont, .indgy-link-other-info {padding: 60px 16px 34px;}
    .indgy-link:hover .indgy-link-cont .title, .indgy-link:hover .indgy-link-cont .text, .indgy-link:hover .indgy-link-other-info .mix{transform: translateY(-30px);}
    .indgy-link-other .title{transform: translateY(60px);padding: 0 16px;}
    .indgy-link-other-info{margin-top: 16px;}
    .indxw-list .swiper-wrapper{margin: -20px 0 0 -20px;}
    .indxw-list .swiper-slide{width: calc(100%/3 - 20px);margin: 20px 0 0 20px;}
    .indxw-link .bg{height: 400px;}
    .indxw-link-cont {padding: 0 24px 20px;}
    .indxw-link:hover .title, .indxw-link:hover .text{transform: translateY(-36px);}
    .indjr-mix img{height: 398px;}
    .indjr-loop .prev{left: 24px;}
    .indjr-loop .next{right: 24px;}
    .indjr-loop .swiper-pagination{bottom: 24px;}
    .indcp-mix-left {width: calc(100% - 680px);padding-right: 24px;}
    .indcp-mix-right {width: 680px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .banner-image img{height: calc(100vh - 60px);}
    .indcp-sticky{display: none;}
    .indcp{height: auto !important;}
    .indcp-mb{display: block;}
    .indcp-mb-mix{width: 100%;}
    .indcp-mb-loops{width: 100%;position: relative;margin-top: 40px;}
    .indcp-mb-loop .swiper-pagination{position: relative;width: 100%;margin-top: 40px;}
    .indcp-loops-run .items{width: 100%;position: relative;display: none;}
    .indcp-loops-run .items.active{display: block;}
    .indcp-loops-run-mix{height: auto;}
    .indcp-loops-run-mix .bg{height: 725px;}
    .indcp-loops-menu a span{padding: 24px 0;}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-image img{transform: matrix(1.12, 0, 0, 1.12, 0, 0);}
    @keyframes bannerRun{0%{opacity: 0;transform: translateX(120px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}}
    .banner-control {bottom: 32px;}
    .indgy-cont{width: 100%;padding: 0;}
    .indgy-mix{padding: 36px 12px 0;}
    .indgy-info{margin-top: 20px;}
    .indgy-list{width: 100%;margin-top: 24px;}
    .indgy-list-ul {margin: -8px 0 0 -8px;}
    .indgy-link {width: calc(100%/3 - 8px);margin: 8px 0 0 8px;}
    .indgy-link .bg {height: 396px;}
    .indgy-shade {height: calc(100% - 32px);}
    .indgy-link-cont, .indgy-link-other-info, .indgy-link-other{padding: 20px 8px;}
    .indgy-link-cont .text, .indgy-link-cont .link{display: none;}
    .indgy-link-other .title {transform: translateY(0);padding: 0;justify-content: center;}
    .indgy-link-other-info{display: none;}
    .indgy-link:hover .indgy-link-cont, .indgy-link:hover .indgy-link-other-info{background: transparent;}
    .indgy-link:hover .indgy-link-cont .title, .indgy-link:hover .indgy-link-cont .text, .indgy-link:hover .indgy-link-other-info .mix {transform: translateY(0);}
    .indxw-list{margin-top: 24px;}
    .indxw-list .swiper-pagination{display:block;padding: 18px 0 10px 4px;text-align: left;}
    .indxw-list .swiper-container{overflow: hidden;border-radius: 8px;}
    .indxw-list .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;}
    .indxw-list .swiper-slide{width: 100%;margin: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;flex: none;}
    .indxw-link .bg{height: 918px;}
    .indxw-link-cont {padding: 0 16px 16px;}
    .indxw-link:hover .title, .indxw-link:hover .text {transform: translateY(-28px);}
    .indjr-mix img{height: 292px;}
    .indjr-loop .next, .indjr-loop .prev{display: none;}
    .indjr-cont .commBtn{margin-top: 18px;}
    .indjr-loop .swiper-pagination {bottom: 16px;}
    .indjr-mix video{display: none;}
    .indjr-loop .hasVideo .indjr-cont{display: flex;}
    .indcp-loops-run-mix .bg{height: 544px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .indgy-link .bg{height: 174px;}
    .indxw-link .bg{height: 430px;}
    .indjr-mix img{height: 200px;}
    .indcp-loops-run-mix .bg{height: 254px;}
    .indcp-menus-info .title {font-size: 20px;}
    .indcp-menus-img{height: 110px;}
    .indcp-mb-loops {margin-top: 20px;}
    .indcp-loops-run-mix .cont {padding-top: 36px;}
    .indcp-loops-menu a span::after {height: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px;}
    .indcp-loops-menu a span {padding: 12px 0;}
    .indcp-mb-loop .swiper-pagination {margin-top: 20px;}
    .indcp-loops-run-mix .cont .title{font-size: 18px;}
    .indcp-loops-run-mix .cont .text{font-size: 16px;}
    .banner-image img{height: auto;}
    .banner-cont .title{font-size: 18px;}
    .banner-cont .text{display: none;}
    .banner-control {bottom: 16px;}
    .banner-cont .commBtn{margin-top: 16px;}
    .banner-control .swiper-pagination {text-align: center;}
    .indcp-menus-img{display: none;}
    .indcp-menus-info{position: relative;}
    .indcp-menus-info .commBtn{position: absolute;right: 0;top: -10px;margin: 0;}
    .indxw .contain{position: relative;}
    .indxw-more{position: absolute;margin: 0;right: 0;top: 0px;margin: 0;}
    .indxw-list .swiper-pagination {text-align: center;}
}