@charset "utf-8";
/* ===================首页样式========================== */
/* 加载 */
.loading{display: none;position: fixed;width: 102%;height: 100vh;top: 0;left: -1%;z-index: 9999999;overflow: hidden;}
.loading img{width: 100%;height: 100%;transition: transform 15s ease,opacity 1s ease 1s;transform-origin: 64% 70%;}
.loading video{width: 100%;height: 100%;object-fit: cover;}
.loading.active img{transform: scale(60);opacity: 0;}
@media all and (max-width:1100px) {.loading{display: none !important;}.loading video{display: none !important;}}

.banner{width: 100%;overflow: hidden;position: relative;}
.banner .swiper-slide{display:block;}
.banner-image{width: 100%;}
.banner-image img{width: 100%;}
.banner-image img.pc{height: 100vh;}
.banner-image img.mb{min-height: 400px;}
.banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;text-align: center;align-items: center;display: flex;background: rgba(0, 0, 0, 0.2);}
.banner-cont .title{line-height: 1.1;}
.banner-cont .text{line-height: 1.1;}
/* 文字 */
.banner-cont .title, .banner-cont .text{opacity: 0;}
.swiper-slide-active .banner-cont .title{animation: bannerDown 1s ease both 1.1s;}
.swiper-slide-active .banner-cont .text{animation: bannerUp 1s ease both 1.2s;}
.oneSlide .banner-cont .title{animation: bannerDown 1s ease both .5s;}
.oneSlide .banner-cont .text{animation: bannerUp 1s ease both .6s;}
@keyframes bannerDown{0%{opacity: 0;transform: translateY(-60px);filter: blur(8px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes bannerUp{0%{opacity: 0;transform: translateY(60px);filter: blur(8px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* banner视频 */
.banner .hasVideo .banner-image{animation: hasVideoImg 0s ease both;}
.banner .hasVideo{position: relative;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1140px) {.banner .hasVideo .banner-image{animation: none;}.banner video{display: none !important;}}
/* -- */
.banner .swiper-pagination{bottom: 48px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 17px !important;background: rgba(255, 255, 255, 0.5);position: relative;transition: background .4s ease;opacity: 1;}
.banner .swiper-pagination-bullet::before{content: "";position: absolute;opacity: 0;transform: scale(0);width: 18px;height: 18px;border: 2px solid #f58029;top: 50%;left: 50%;margin: -9px 0 0 -9px;border-radius: 50%;transition: all .6s ease;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: transparent;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 1;transform: scale(1);}

.indTitle{width: auto;}
.indTitle.center{width: 100%;}
.indTitle .line{display: block;width: 40px;height: 4px;background: #f58029;margin-left: auto;margin-right: auto;}

.indMore{display: flex;width: 160px;padding: 0 6px;height: 36px;position: relative;font-size: 16px;color: #666;justify-content: space-between;transition: color .4s ease;}
.indMore i{width: 19px;height: 17px;position: relative;}
.indMore i::before, .indMore i::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("../images/common/handG.png") no-repeat center/100% auto;transition: opacity .4s ease;}
.indMore i::after{opacity: 0;background-image: url("../images/common/handY.png");}
.indMore::after{content: "";position: absolute;right: 0;width: 100%;height: 2px;background: #f58029;bottom: 0;}
.indMore:hover{color: #f58029;}
.indMore:hover i::before{opacity: 0;}
.indMore:hover i::after{opacity: 1;}
.indMore:hover i{animation: indMoreHand 1s ease-in-out both;}
@keyframes indMoreHand{0%{transform: scale(1);}30%{transform: scale(.8);}50%{transform: scale(1);}70%{transform: scale(.9);}100%{transform: scale(1);}}
.indMore:hover::after{animation: indMoreLine 1s ease both;}
@keyframes indMoreLine{0%{width: 100%;right: 0;left: auto;}50%{width: 0;right: 0;left: auto;}50.1%{width: 0;right: auto;left: 0;}100%{width: 100%;right: auto;left: 0;}}
.indMore.white{color: #fff;}
.indMore.white::after{background: #fff;}
.indMore.white i::before, .indMore.white i::after{background-image: url("../images/common/handW.png");}
.indMore.white:hover i::before{opacity: 1;}
.indMore.white:hover i::after{opacity: 0;}

.indcp{background: #fff url("../images/index/indcpBg.jpg") no-repeat center/cover;}
.indcp-mix{width: 100%;position: relative;}
.indcp-loop{width: 100%;position: relative;}
.indcp-loop-img{width: 100%;overflow: hidden;position: relative;}
.indcp-loop-img img{width: 100%;object-fit: cover;height: 780px;}
.indcp-loop-cont{position: absolute;width: 100%;height: 0%;top: 0;left: 0;z-index: 4;padding: 130px 0 0 100px;}
.indcp-loop-cont .title, .indcp-loop-cont .text, .indcp-loop-cont .link{opacity: 0;}
.swiper-slide-active .indcp-loop-cont .title{animation: indcpUp 1s ease both 0.3s;}
.swiper-slide-active .indcp-loop-cont .text{animation: indcpUp 1s ease both 0.4s;}
.swiper-slide-active .indcp-loop-cont .link{animation: indcpUp 1s ease both 0.4s;}
@keyframes indcpUp{0%{opacity: 0;transform: translateY(60px);filter: blur(8px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
.indcp-menu{position: absolute;width: 260px;height: 100%;right: 0;top: 0;background: rgba(0,0,0,0.2);z-index: 6;display: flex;align-items: center;}
.indcp-menu li{user-select: none;cursor: pointer;display: flex;align-items: center;padding: 30px 42px;opacity: 0.5;transition: opacity .4s ease;}
.indcp-menu li i{width: 52px;text-align: center;}
.indcp-menu li i img{max-height: 70px;}
.indcp-menu li .text{width: calc(100% - 52px);padding-left: 20px;line-height: 1.2;color: #fff;}
.indcp-menu li.active{opacity: 1;}

.indpt{background: #fff;}
.indpt-bg{width: 100%;position: absolute;height: 100%;top: 0;left: 0;}
.indpt-bg img{width: 100%;height: 100%;}
.indpt-bg video{position:absolute;z-index:2;top:0;left:0;width: 100%;height: 100%;}
/*.indpt-bg::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;background: rgba(0,0,0,0.2);}*/
.indpt-mix{position: relative;width: 100%;z-index: 6;}
.indpt-cont{width: 50%;padding: 74px 280px 110px 80px;background: linear-gradient(135deg,#066aba,#1baddc);position: relative;color: #fff;}
.indpt-cont .ico{width: 292px;}
.indpt-cont .line{display: block;width: 40px;height: 4px;background: #f58029;}
.indpt-logo{animation: indptLogo2 1s ease both;width: 465px;height: 295px;position: absolute;top: 50%;margin-top: calc(-295px/2);right: calc(-465px/2);z-index: 4;}
.indpt-logo.active{animation: indptLogo1 1.4s ease both;}
@keyframes indptLogo1{0%{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);opacity: 0;filter: blur(10px);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);filter: blur(0);opacity: 1;}}
@keyframes indptLogo2{0%{opacity: 1;}100%{opacity: 0;}}
.indpt-logo img{width: 100%;position: absolute;top: 0;left: 0;max-width: none;}


.indgy{background: #fff url("../images/index/indgyBg.jpg") no-repeat center/cover;}
.indgy-mix{width: 100%;position: relative;}
.indgy-list{width: 100%;position: relative;z-index: 10;}
.indgy-link{width: calc(100%/4);height: calc(624px + 100px);border-top: 1px solid #e8e8e8;transition: border .4s ease;padding-top: 100px;position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.indgy-link::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: #e8e8e8;transition: background .4s ease;}
.indgy-link:first-child::before{display: none;}
.indgy-link .ico{width: 112px;margin: 0 auto;transition: opacity .4s ease;}
.indgy-link .img{display: none;}
.indgy-link .img img{width: 100%;}
.indgy-link .title{transition: color .4s ease, background .4s ease, transform .4s ease;transform: translateY(-60px);display: flex;justify-content: center;height: 100px;align-items: center;position:relative;}
.indgy-link .title span{transition:transform .4s ease;position:relative;z-index:2}
.indgy-link .text{width: 100%;display: none;}
.indgy-list.on .indgy-link{border-color: rgba(255, 255, 255, 0.2);}
.indgy-list.on .indgy-link::after{background: rgba(255, 255, 255, 0.2);}
.indgy-list.on .indgy-link .title{transform: translateY(0);}
.indgy-list.on .indgy-link .ico{opacity: 0;}
.indgy-list.on .indgy-link.active .title{color: #066aba;}
.indgy-list.on .indgy-link .title span{transform:scale(0.8)}
.indgy-imgs{position: absolute;width: 100%;height: calc(100% - 100px);top: 0;left: 0;}
.indgy-imgs.on{animation: indgyImg 1s ease both .2s;}
@keyframes indgyImg{0%{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
.indgy-imgs .indgy-imgs-items{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: opacity .4s cubic-bezier(0.22, 0.61, 0.36, 1);}
/* .indgy-imgs .indgy-imgs-items::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 10;} */
.indgy-imgs .indgy-imgs-items img{width: 100%;height: 100%;}
.indgy-imgs .indgy-imgs-items .indgy-imgs-cont{position: absolute;width: 25%;padding: 0 50px 0 80px;top: 240px;left: 0;}
.indgy-imgs .indgy-imgs-items.active .indgy-imgs-cont .title{animation: inddcDown 1s ease both .3s;}
.indgy-imgs .indgy-imgs-items.active .indgy-imgs-cont .text{animation: inddcDown 1s ease both .4s;}
.indgy-imgs .indgy-imgs-items.active{opacity: 1;z-index: 4;}

.inddc{background: #222;}
.inddc-imgs{width: 100%;position: relative;}
.inddc-imgs img.bg{width: 100%;height: 897px;}
.inddc-cont{width: 100%;position: absolute;top: 0;left: 0;padding-top: 240px;color: #fff;background: rgba(0,0,0,0.4);height: 100%;}
.inddc-cont .line{display: block;width: 40px;height: 4px;background: #f58029;}
.inddc-cont .title, .inddc-cont .text{max-width: 720px;}
.inddc-cont .box{width: 100%;position: relative;}
.inddc-cont .link{position: absolute;right: 0;top: 0;}
.inddc-menu{position: absolute;width: 100%;z-index: 10;left: 0;bottom: 110px;}
.inddc-menu-loop{width: 100%;position: relative;}
.inddc-btn{display: none;}
.inddc-click{user-select: none;height: 280px;position: relative;display: block;overflow: hidden;}
.inddc-click::after{content: "";position: absolute;width: 100%;top: 0;height: 0;opacity: 0;background: #066aba;transition: all .4s ease;}
.inddc-click .line{width: 100%;height: calc(100% - 20px);position: absolute;top: 10px;left: 0;}
.inddc-click .line::before, .inddc-click .line::after{width: 100%;height: 1px;content: "";position: absolute;background: rgba(255, 255, 255, 0.1);left: 0;}
.inddc-click .line::before{top: 0;}
.inddc-click .line::after{bottom: 0;}
.inddc-click .box{position: relative;z-index: 4;padding: 50px 20px 0;color: #fff;text-align: center;height: 100%;}
.inddc-click .ico{width: 68px;height: 50px;display: flex;align-items: flex-end;justify-content: center;margin: 0 auto;}
.inddc-click .ico img{max-height: 100%;}
.inddc-click .num{line-height: 1;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -18px;color: rgba(255, 255, 255, 0.1);opacity: 0;transition: opacity .4s ease;}
.inddc-click.active::after{opacity: 1;height: 100%;}
.inddc-click.active .num{opacity: 1;transition: opacity .4s ease .4s;}
.inddc-cont .title, .inddc-cont .line, .inddc-cont .box{opacity: 0;}
.swiper-slide-active .inddc-cont .title{animation: inddcDown 1s ease both .3s;}
.swiper-slide-active .inddc-cont .line{animation: inddcDown 1s ease both .4s;}
.swiper-slide-active .inddc-cont .box{animation: inddcDown 1s ease both .5s;}
@keyframes inddcDown{0%{opacity: 0;transform: translateY(32px);filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}

.indxw{background: #fff url("../images/index/indxwBg.jpg") no-repeat center/cover;}
.indxw-mix{width: 100%;}
.indxw-ul>div{width: 435px;}
.indxw-ul>div.indxw-main:nth-child(2){width: auto;flex: 1;margin: 0 40px;}
.indxw-main a{display: block;position: relative;width: 100%;height: 100%;overflow: hidden;}
.indxw-main a::before, .indxw-main a::after{content: "";position: absolute;width: 100%;left: 0;z-index: 2;}
.indxw-main a::before{height: 100%;top: 0;background: rgba(0,0,0,0.2);}
.indxw-main a::after{height: 10px;background: #f58029;bottom: 0;}
.indxw-main-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;}
.indxw-main-cont, .indxw-list a{color: #fff;padding: 50px 40px 0;}
.indxw-main img.bg{width: 100%;height: 710px;transition: all .6s ease;}
.indxw-main a:hover img.bg{transform: scale(1.06);}
.indxw-list{display: flex;flex-direction: column;justify-content: space-between;}
.indxw-list a{width: 100%;height: calc(50% - 20px);background: #066aba;position: relative;transition:background .4s ease}
.indxw-list a::after{display:none;height: 0;opacity: 0;content: "";position: absolute;width: 100%;left: 0;background: #f58029;bottom: 0;transition: all .4s ease;}
.indxw-list a:first-child{background: #1baddc;}
.indxw-list a:first-child:hover{background: rgba(27,173,220,0.88);}
.indxw-list a:last-child:hover{background: rgba(6,106,186,0.88);}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indcp-loop-img img{height: 691px;}
    .indcp-loop-cont {padding: 110px 0 0 90px;}
    .indcp-menu li {padding: 28px 40px;}
    .indgy-link {height: calc(520px + 100px);}
    .indgy-imgs .indgy-imgs-items .indgy-imgs-cont{top: 170px;}
    .inddc-imgs img.bg{height: 747px;}
    .inddc-cont {padding-top: 180px;}
    .inddc-menu {bottom: 80px;}
    .inddc-click {height: 250px;}
    .inddc-click .box {padding: 40px 20px 0;}
    .indxw-ul>div.indxw-main:nth-child(2) {margin: 0 30px;}
    .indxw-list a {height: calc(50% - 15px);}
    .indxw-main img.bg{height: 531px;}
    .indxw-main-cont, .indxw-list a {padding: 40px 36px 0;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indMore {width: 144px;padding: 0 4px;height: 32px;}
    .banner .swiper-pagination {bottom: 40px;}
    .indcp-loop-img img{height: 592px;}
    .indcp-loop-cont {padding: 86px 0 0 68px;}
    .indcp-menu li {padding: 22px 30px;}
    .indcp-menu{width: 224px;}
    .indpt-logo {width: 350px;height: 224px;margin-top: calc(-224px/2);right: calc(-350px/2);}
    .indpt-cont {padding: 48px 220px 68px 68px;}
    .indpt-cont .ico {width: 240px;}
    .indgy-link {height: calc(467px + 80px);padding-top: 70px;}
    .indgy-link .title {transform: translateY(-40px);height: 80px;}
    .indgy-imgs {height: calc(100% - 80px);}
    .indgy-imgs .indgy-imgs-items .indgy-imgs-cont {top: 170px;padding: 0 40px 0 60px;}
    .inddc-imgs img.bg{height: 672px;}
    .inddc-cont {padding-top: 144px;}
    .inddc-click {height: 230px;}
    .indxw-ul>div {width: 360px;}
    .indxw-ul>div.indxw-main:nth-child(2) {margin: 0 24px;}
    .indxw-list a {height: calc(50% - 12px);}
    .indxw-main img.bg{height: 488px;}
    .inddc-click .num {bottom: -16px;}
    .indgy-link.active .title{transform: translateY(-24px);}
}

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

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

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indMore {width: 132px;height: 30px;}
    .banner .swiper-pagination {bottom: 34px;}
    .banner .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0 12px !important;}
    .banner .swiper-pagination-bullet::before {width: 14px;height: 14px;margin: -7px 0 0 -7px;}
    .indcp-loop-img img{height: 474px;}
    .indcp-loop-cont {padding: 60px 0 0 48px;}
    .indcp-menu li {padding: 14px 30px;}
    .indpt-logo {width: 240px;height: 154px;margin-top: calc(-154px/2);right: calc(-240px/2);}
    .indpt-cont {padding: 34px 148px 44px 40px;}
    .indpt-cont .ico {width: 180px;}
    .indgy-link {height: calc(373px + 70px);padding-top: 50px;}
    .indgy-link .title {transform: translateY(-30px);height: 70px;}
    .indgy-imgs {height: calc(100% - 70px);}
    .indgy-imgs .indgy-imgs-items .indgy-imgs-cont {top: 120px;padding: 0 30px 0 40px;}
    .inddc-imgs img.bg{height: 538px;}
    .inddc-cont {padding-top: 100px;}
    .inddc-menu {bottom: 54px;}
    .inddc-click {height: 196px;}
    .inddc-click .box {padding: 26px 16px 0;}
    .inddc-cont .title, .inddc-cont .text {max-width: 630px;}
    .indxw-ul>div {width: 290px;}
    .indxw-ul>div.indxw-main:nth-child(2) {margin: 0 16px;}
    .indxw-list a {height: calc(50% - 8px);}
    .indxw-main-cont, .indxw-list a {padding: 30px 28px 0;}
    .indxw-main img.bg {height: 400px;}
    .inddc-click .num {bottom: -14px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .banner-image img.pc {height: 58vh;display:none}
    .banner-image img.mb{height: 58vh;display:block}
    .indgy-imgs{display: none;}
    .indgy-link {width: calc(100%/2);height: auto;justify-content: flex-start;padding: 40px;}
    /* .indgy-link .img{display: block;margin-top: 28px;} */
    .indgy-link .title{margin-top: 20px;height: auto;transform: translateY(0);}
    .indgy-link:nth-child(3)::before{display: none;}
    .indgy-link .text{height: auto;text-align: center;margin-top: 16px;display: block;}
    .indpt-bg video{display:none}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner .swiper-pagination {bottom: 24px;}
    .indpt-logo{display: none;}
    .indpt-cont{width: 100%;}
    .indpt-cont{padding: 40px;}
    .indcp-menu{width: 100%;top: auto;bottom: 0;height: auto;}
    .indcp-menu ul{display: flex;flex-wrap: wrap;}
    .indcp-menu li{width: 33.333%;padding: 8px 16px;}
    .indcp-loop-img img{height: 400px;}
    .inddc-cont .title, .inddc-cont .text {max-width: none;}
    .inddc-cont .link{position: relative;margin-top: 20px;}
    .inddc-cont {padding-top: 70px;}
    .inddc-menu-loop{padding: 0 40px;}
    .inddc-menu {bottom: 38px;}
    .inddc-btn{position: absolute;display: flex;align-items: center;cursor: pointer;height: 100%;top: 0;width: 40px;font-size: 20px;color: #fff;}
    .inddc-btn.prev{left: 0;}
    .inddc-btn.next{right: 0;transform: rotate(180deg);}
    .indxw-ul>div.indxw-main:nth-child(2){margin: 0 0 0 16px;}
    .indxw-ul>div.indxw-list{width: 100%;margin-top: 16px;flex-direction: row;}
    .indxw-list a{height: 192px;width: calc(50% - 8px);}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .banner-image img.mb{height: auto;}
    .banner .swiper-pagination {bottom: 20px;}
    .banner .swiper-pagination-bullet {margin: 0 8px !important;}
    .banner .swiper-pagination-bullet::before {width: 12px;height: 12px;margin: -6px 0 0 -6px;}
    .indTitle .line {width: 30px;height: 3px;}
    .indMore {width: 94px;padding: 0;height: 28px;font-size: 14px;}
    .indMore span{padding-top: 1px;}
    .indcp-loop-cont {padding: 20px 0 0 20px;}
    .indcp-menu li{flex-direction: column;padding: 8px 0;}
    .indcp-menu li .text {width: 100%;padding-left: 0;text-align: center;margin-top: 10px;font-size: 12px;}
    .indcp-menu li i img {max-height: 28px;}
    .indcp-menu{padding: 8px 0;}
    .indcp-loop-img img {height: auto;min-height: 360px;}
    .indpt-cont {padding: 20px;}
    .indpt-cont .line {width: 30px;height: 3px;}
    .indpt-cont .ico {width: 120px;}
    .indgy-link .ico {width: 54px;}
    .indgy-link {padding: 20px 16px;}
    .inddc-cont .line{width: 30px;height: 3px;}
    .inddc-cont {padding-top: 34px;}
    .inddc-btn {width: 30px;font-size: 16px;}
    .inddc-menu-loop {padding: 0 30px;}
    .inddc-click .text{display: none;}
    .inddc-click .ico {width: 34px;height: 28px;}
    .inddc-click .box {padding: 22px 8px 0;}
    .inddc-click .num{bottom: -10px;}
    .inddc-click {height: 106px;}
    .inddc-menu {bottom: 20px;}
    .inddc-imgs img.bg {height: 350px;}
    .inddc-click .line {height: calc(100% - 16px);top: 8px;}
    .indxw-ul>div{width: calc(50% - 4px);}
    .indxw-ul>div.indxw-main:nth-child(2) {margin: 0 0 0 8px;}
    .indxw-ul>div.indxw-list {margin-top: 8px;}
    .indxw-list a {height: auto;width: calc(50% - 4px);padding: 20px 16px;}
    .indxw-list a::after{display: none;}
    .indxw-main-cont{padding: 20px 16px 0;}
    .indxw-main a::after{height: 4px;}
    .indxw-main img.bg{height: 200px;}
    .indgy-link .text{margin-top: 10px;}
}