@charset "utf-8";
/* ===================首页样式========================== */
.banner{width: 100%;overflow: hidden;position: relative;background: #222;}
.banner-image{width: 100%;overflow: hidden;display:block}
.banner-image img{width: 100%;height: 100vh;}
/* -- */
.banner .swiper-pagination{font-size: 0;right: 32px;height: 100%;bottom: auto;top: 0;display: flex;align-items: center;justify-content: center;pointer-events: none;width: auto;left: auto;flex-wrap: wrap;flex-direction: column;}
.banner .swiper-pagination-bullet{display: block;width: 20px;height: 20px;opacity: 1;background: transparent;margin: 8px auto !important;pointer-events: auto;position: relative;transition: background .4s ease;cursor:pointer}
.banner .swiper-pagination-bullet::before, .banner .swiper-pagination-bullet::after{content: "";position: absolute;border-radius: 50%;left: 50%;top: 50%;transition: all .4s ease;}
.banner .swiper-pagination-bullet::before{width:6px;height:6px;background: rgba(255,255,255,.3);margin:-3px 0 0 -3px}
.banner .swiper-pagination-bullet::after{width: 20px;height: 20px;;margin: -10px 0 0 -10px;border: 2px solid #fff;transform: scale(0);opacity: 0}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: #fff;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;transform: scale(1);}

.indcp{background: #fff;}
.indcp-head{justify-content: space-between;align-items: center;display: none;}
.indcp-wrap{width: 100%;animation-duration: 1.5s;}
.indcp-loop{width: 100%;position: relative;background: #222;}
.indCp-mix{width: 100%;position: relative;}
.indCp-img{display: block;width: 100%;overflow: hidden;position: relative;}
.indCp-img img{width: 100%;height: 100vh;}
.indCp-img::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to right,rgba(0,0,0,0.68),transparent);}
.indCp-cont{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;color: #fff;top: 0;left: 0;z-index: 2;}
.indCp-cont .title, .indCp-cont .text{max-width: 516px;}
.indCp-cont .text{hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.indCp-cont .title, .indCp-cont .text, .indCp-link{opacity: 0;}
.swiper-slide-active  .indCp-cont .title{animation: indCpUp 1s ease both .3s;}
.swiper-slide-active  .indCp-cont .text{animation: indCpUp 1s ease both .4s;}
.swiper-slide-active  .indCp-link{animation: indCpUp 1s ease both .5s;}
@keyframes indCpUp{0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
.indCp-link{position: absolute;width: 100%;bottom: 40px;left: 0;z-index: 3;}
.indCp-link a{color: #fff;display: flex;align-items: center;position: relative;padding-bottom: 2px;}
.indCp-link a i{font-size: inherit;transform: rotateY(180deg);margin-right: 6px;}
.indCp-link a::after{content: "";position: absolute;width: 0;opacity: 0;bottom: 0;right: 0;height: 1px;background: #fff;transition: width .4s ease,opacity .2s ease .4s;}
.indCp-link a:hover::after{width: 100%;right: auto;left: 0;opacity: 1;transition: width .4s ease .2s,opacity .2s ease;}
.indcp-menu{width: 346px;transform: translateX(180px);transition: all .4s ease;height: 100%;background: rgba(12,18,23,0.9);position: absolute;z-index: 4;top: 0;right: 0;overflow: hidden;display: flex;align-items: center;user-select: none;}
.indcp-menu-title{width: auto;position: absolute;top: 70px;color: #fff;left: 23.8%;transform: translateX(-50%);z-index: 3;transition: all .4s ease;}
.indcp-menu-more{display: flex;position: absolute;left: 0;bottom: 0;background: #00a63b;align-items: center;width: 100%;height: 72px;padding: 0 40px;color: #fff;z-index: 3;transition: opacity .4s ease;}
.indcp-menu-more .arrow, .indcp-menu-more .text{position: relative;z-index: 2;}
.indcp-menu-more .arrow{font-size: 30px;position: absolute;top: 0;left: 20%;height: 100%;display: flex;align-items: center;transition: all .4s ease;}
.indcp-menu-more .arrow i{font-size: inherit;transform: rotateY(180deg);}
.indcp-menu-more .text{opacity: 0;transition: all .4s ease;}
.indcp-menu-link{width: 100%;}
.indcp-menu-link a{display: flex;align-items: center;width: 100%;height: 72px;padding: 0 62px;color: #fff;opacity: 0.5;transition: opacity .4s ease;}
.indcp-menu-link a .ico{width: 44px;margin-right: 20px;text-align: center;}
.indcp-menu-link a .ico img{max-width: 100%;}
.indcp-menu-link a .text{line-height: 1;opacity: 0;transition: opacity .4s ease;}
.indcp-menu-link a:hover, .indcp-menu-link a.active{opacity: 1;}
/* -- */
.indcp-menu.open{transform: translateX(0);}
.indcp-menu.open .indcp-menu-title{left: 50%;}
.indcp-menu.open .indcp-menu-more .text{opacity: 1;}
.indcp-menu.open .indcp-menu-more .arrow{left: calc(100% - 30px - 40px);}
.indcp-menu.open .indcp-menu-link a .text{opacity: 1;}
/* -- */

.indBtn{width: 200px;border: 1px solid #333;display: flex;height: 56px;padding: 0 26px;justify-content: space-between;align-items: center;transition: all .4s ease;color: #333;}
.indBtn span{line-height: 1;}
.indBtn i{transform: translateX(0px) rotate(180deg);transition: transform .4s ease;font-size: inherit;line-height: 1;}
.indBtn.white{border-color: #fff;color: #fff;}
.indBtn:hover{border-color: #00a63b;background: #00a63b;color: #fff;}
.indBtn:hover i{transform: translateX(4px) rotate(180deg);}

.indfw{background: #fff;overflow: visible;height: 100vh;}
.indfw-sticky{width: 100%;top: 0;left: 0;position: sticky;overflow: hidden;}
.indfw-bg{width: 100%;height: 100vh;}
.indfw-video{position:absolute;width: 100%;height: 100vh;top:0;left:0;z-index:1}
.indfw-wrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;z-index: 3;transform:translate3d(0,0,10px)}
.indfw-head{width: 100%;text-align: center;color: #fff;}
.indfw-num{width: 100%;color: #fff;}
.indfw-num ul{justify-content: center;margin: -32px 0 0 -32px;}
.indfw-num li{display: flex;width: calc(33.3333% - 32px);margin: 32px 0 0 32px;padding: 32px 36px;border: 1px solid rgba(255,255,255,.2);transition: all .4s ease;justify-content: space-between;}
.indfw-num li .cont{width: auto;}
.indfw-num li .cont .num{align-items: baseline;}
.indfw-num li .cont .num span{margin-right: 4px;}
.indfw-num li .ico{max-width: 46px;}
.indfw-num li:hover{border-color: #00a63b;background: #00a63b;}
.indfw-link{display: flex;justify-content: center;}
.indfw-logo{position: absolute;z-index: 4;width: 100%;height: 100vh;top: 0;left: 0;pointer-events: none;}
.indfw-logo img {width: 100%;height: 100%;object-fit: cover;}
.indfw-shade{position: absolute;z-index: 1;width: 100%;height: 100vh;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;}
.indfw-head-mb{display: none;}
/* -- */
.indfw .indfw-wrap{opacity: 0;pointer-events: none;transition: all .8s ease;}
.indfw.active .indfw-wrap{opacity: 1;pointer-events: auto;}
.indfw.active .indfw-wrap .indfw-head{animation: indfwRun 1s ease both .4s;}
.indfw.active .indfw-wrap .indfw-num{animation: indfwRun 1s ease both .6s;}
.indfw.active .indfw-wrap .indfw-link{animation: indfwRun 1s ease both .8s;}
@keyframes indfwRun{0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
/* -- */

.indfa{background: #fff;display: flex;flex-wrap: wrap;}
.indfa-wrap{width: 1200px;background: #222;position: relative;}
.indfa-image{width: 100%;position: relative;}
.indfa-image-img{width: 100%;display: block;overflow: hidden;}
.indfa-image-img img{width: 100%;height: 920px;}
.indfa-image::after{content: "";position: absolute;width: 100%;height: 275px;background: url("../images/index/indfaSd.png") repeat-x left bottom;z-index: 2;left: 0;bottom: 0;}
.indfa-menu{position: absolute;width: 100%;z-index: 4;transform: translate3d(0,0,10px);left: 0;bottom: 0;user-select: none;}
.indfa-menu li{flex: 1;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 140px;color: #fff;position: relative;cursor: pointer;transition: all .4s ease;}
.indfa-menu li .ico{max-width: 37px;margin: 0 auto;text-align: center;position: relative;z-index: 2;}
.indfa-menu li .text{position: relative;z-index: 2;text-align: center;font-size: 16px;}
.indfa-menu li::after{content: "";position: absolute;width: 100%;height: 0;opacity: 0;transition: height .4s ease,opacity .2s ease .4s;left: 0;bottom: 0;background: linear-gradient(to top,#00a63b,transparent);}
.indfa-menu li.active::after{height: 100%;opacity: 1;transition: height .4s ease .2s,opacity .2s ease;}
.indfa-mix{width: calc(100% - 1200px);padding: 70px calc((100vw - 1600px)/2) 0 100px;background: #fff url('../images/index/indfaBg.png') no-repeat right bottom/100% auto;}
.indfa-title{color: #333;}
.indfa-content{width: 100%;}
.indfa-content .swiper-container{padding: 10px 0 70px;}
.indfa-cont{width: 100%;}
.indfa-cont .title{position: relative;padding-right: 140px;}
.indfa-cont .num{color: #00a63b;line-height: 1;opacity: 0.1;position: absolute;top:54%;right: 0;transform: translateY(-50%);}
.indfa-cont .title, .indfa-cont .text, .indfa-cont .link{opacity: 0;}
.swiper-slide-active  .indfa-cont .title{animation: indfaUp 1s ease both .3s;}
.swiper-slide-active  .indfa-cont .text{animation: indfaUp 1s ease both .4s;}
.swiper-slide-active  .indfa-cont .link{animation: indfaUp 1s ease both .5s;}
@keyframes indfaUp{0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}

.indxw{background: #fff;}
.indxw .contain-1600{justify-content: space-between;}
.indxw-head{width: auto;flex-direction: column;justify-content: flex-end;}
.indxw-list{width: 1150px;}
.indxw-link{display: flex;width: 100%;flex-wrap: wrap;padding: 36px 0 54px;position: relative;}
.indxw-link:first-child{padding-top: 0;}
.indxw-link:last-child{padding-bottom: 0;}
.indxw-link::after{content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;background: #e9e9e9;}
.indxw-link:last-child::after{display: none;}
.indxw-link .time{color: #00a63b;width: 130px;font-family: Arial, Helvetica, sans-serif;padding-top: 4px;}
.indxw-link .cont{width: calc(100% - 130px - 226px);padding-right: 56px;}
.indxw-link .cont .title{transition: all .4s ease;}
.indxw-link .img{width: 226px;overflow: hidden;order: 3;}
.indxw-link .img img{width: 100%;height: 122px;transition: all .6s ease;}
.indxw-link:hover .cont .title{color: #00a63b;}
.indxw-link:hover .img img{transform: scale(1.06);}

.indhb{background: #f6f6f6 url("../images/index/indhbBg.png") no-repeat right bottom/auto 70%;}
.indhb-head{width: 100%;align-items: flex-end;position: relative;}
.indhb-head .title{line-height: 1.24;padding-right: 64px;margin-right: 64px;position: relative;}
.indhb-head .title::after{content: "";position: absolute;right: 0;top: 0;width: 1px;background: #cdcdcd;height: 100%;}
.indhb-head .num{color: #00a63b;align-items: self-start;}
.indhb-head .num span{line-height: 0.68;}
.indhb-head .num i{line-height: 0.68;font-style: normal;margin: -12px 0 0 8px;}
.indhb-btn{position: absolute;right: 0;bottom: -6px;}
.indhb-btn>div{cursor: pointer;color: #cdcdcd;font-size: 20px;transition: all .4s ease;}
.indhb-btn>div.next{transform: rotate(180deg);margin-left: 18px;}
.indhb-btn>div i{font-size: inherit;}
.indhb-btn>div:hover{color: #00a63b;}
.indhb-loop{width: 100%;position: relative;}
.indhb-list{width: 100%;}
.indhb-list-ul{margin: 1px 0 0 1px;}
.indhb-list-logo{display: flex;align-items: center;justify-content: center;padding: 12px;height: 260px;border: 1px solid #cdcdcd;margin: -1px 0 0 -1px;width: calc(100%/6 + 1px);transition: all .4s ease;}
.indhb-list-logo img{max-height: 100%;transition: all .4s ease;}
.indhb-list-logo:hover{background: #fff;}
.indhb-list-logo:hover img{transform: translateY(-6px);}
.indhb-loop .swiper-container{padding-bottom: 124px;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .indfa-wrap {width: 1000px;}
    .indfa-mix {width: calc(100% - 1000px);padding: 70px calc((100vw - 1400px)/2) 0 70px;}
    .indfa-image-img img{height: 766px;}
    .indxw-list {width: 1080px;}
    .indhb-list-logo{height: 220px;}
    .indhb-loop .swiper-container{padding-bottom: 120px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indcp-menu-link a {height: 68px;padding: 0 42px;}
    .indcp-menu {width: 260px;transform: translateX(134px);}
    .indcp-menu-title {left: 24.6%;}
    .indcp-menu-more .arrow{left: 18.6%;}
    .indcp-menu-more{padding: 0 30px;}
    .indfw-num ul {margin: -26px 0 0 -26px;}
    .indfw-num li {width: calc(33.3333% - 26px);margin: 26px 0 0 26px;padding: 26px 30px;}
    .indfa-wrap {width: 840px;}
    .indfa-mix {width: calc(100% - 840px);padding: 70px calc((100vw - 1200px)/2) 0 70px;}
    .indfa-image-img img{height: 644px;}
    .indfa-menu li{height: 130px;}
    .indfa-image::after{height: 200px;}
    .indBtn {width: 168px;height: 48px;padding: 0 20px;}
    .indxw-list {width: 930px;}
    .indxw-link {padding: 30px 0 42px;}
    .indxw-link .time{width: 120px;}
    .indxw-link .cont {width: calc(100% - 120px - 226px);padding-right: 48px;}
    .indhb-head .num span {line-height: 0.7;}
    .indhb-head .title {padding-right: 54px;margin-right: 54px;}
    .indhb-list-logo {height: 184px;}
    .indhb-loop .swiper-container{padding-bottom: 90px;}
    .indfa-menu li .text{font-size: 15px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
    .indfa-wrap {width: 800px;}
    .indfa-mix {width: calc(100% - 800px);padding: 60px calc((100vw - 1200px)/2) 0 60px;}
    .indfa-image-img img{height: 614px;}
    .indfa-content .swiper-container {padding: 10px 0 60px;}
}

@media all and (max-width:1350px) {
    /* 1280 */
    .indfa-mix {padding: 60px calc((100vw - 1200px)/2) 0 40px;}
    .indfa-content .swiper-container {padding: 10px 0 60px;}
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .indfw-num ul {margin: -20px 0 0 -20px;}
    .indfw-num li {width: calc(33.3333% - 20px);margin: 20px 0 0 20px;padding: 20px 24px;}
    .indfa-wrap {width: 680px;}
    .indfa-mix {width: calc(100% - 680px);padding: 50px calc((100vw - 960px)/2) 0 40px;}
    .indfa-image-img img{height: 522px;}
    .indfa-content .swiper-container {padding: 10px 0 50px;}
    .indfa-menu li {height: 120px;}
    .indBtn {width: 144px;height: 44px;padding: 0 16px;}
    .indxw-list {width: 740px;}
    .indxw-link {padding: 24px 0 32px;}
    .indxw-link .time{width: 100px;}
    .indxw-link .cont {width: calc(100% - 100px - 200px);padding-right: 40px;}
    .indxw-link .img{width: 200px;}
    .indxw-link .img img{height: 108px;}
    .indhb-head .title {padding-right: 30px;margin-right: 30px;}
    .indhb-list-logo {height: 154px;}
    .indhb-loop .swiper-container{padding-bottom: 70px;}
    .indfa-menu li .text{font-size: 14px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .banner-image img{height: 560px;}
    .banner .swiper-pagination{height: auto;top: auto;bottom: 40px;width: 100%;flex-direction: row;right: 0;}
    .banner .swiper-pagination-bullet{margin: 0 0 0 40px !important;}
    .banner .swiper-pagination-bullet:first-child{margin: 0 !important;}
    .indCp-img img{height: 600px;}
    .indcp-menu-title{top: 36px;}
    .indcp-menu-more{height: 54px;}
    .indfw{height: auto !important;}
    .indfw-sticky{position: relative;}
    .indfw-logo{display: none;}
    .indfw-shade{opacity: 1 !important;}
    .indfw .indfw-wrap{opacity: 1;pointer-events: auto;position: relative;padding: 200px 0;}
    .indfw-bg{position: absolute;top: 0;left: 0;height: 100%;}
    .indfa-mix {padding: 50px 4% 0 40px;}
    .indfw-video{display:none}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-image img {height: 430px;}
    .indcp-menu-link a{height: 58px;}
    .indCp-img img {height: 490px;}
    .indcp-menu-title{top: 24px;}
    .indcp-menu-more{height: 44px;}
    .indfw .indfw-wrap{padding: 140px 0;}
    .indfw-num ul {margin: -12px 0 0 -12px;}
    .indfw-num li {width: calc(33.3333% - 12px);margin: 12px 0 0 12px;padding: 14px 16px;}
    .indfa-wrap {width: 100%;}
    .indfa-mix {width: 100%;padding: 50px 4% 0;}
    .indfa-content{margin-top: 40px;}
    .indxw-head{padding: 0;width: 100%;justify-content: space-between;align-items: center;flex-direction: row;}
    .indxw-head .link{margin: 0;}
    .indxw-list{width: 100%;margin-top: 40px;}
    .indhb-list-logo {width: calc(100%/3 + 1px);}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .indBtn {width: 104px;height: 34px;padding: 0 10px 0 12px;}
    .banner-image img{height: auto;}
    .banner .swiper-pagination {bottom: 20px;}
    .banner .swiper-pagination-bullet::after {width: 18px;height: 18px;margin: -9px 0 0 -9px;}
    .banner .swiper-pagination-bullet {margin: 0 0 0 10px !important;width:18px;height:18px}
    .indcp{padding: 40px 0;}
    .indcp-head{display: flex;padding: 0 4%;}
    .indcp-wrap{margin-top: 26px;position: relative;animation-duration: 1s;}
    .indcp-menu-title,.indcp-menu-more{display: none;}
    .indCp-cont{padding-bottom: 20px;}
    .indCp-link {bottom: 20px;}
    .indCp-img img{height: 280px;}
    .indcp-menu{width: 100%;top: auto;bottom: 0;height: auto;transform: none !important;display: block;position: relative;padding: 12px 0;}
    .indcp-menu-link{display: flex;flex-wrap: wrap;}
    .indcp-menu-link a{width: 50%;padding: 0 4%;height: 50px;}
    .indcp-menu-link a .text{opacity: 1;font-size: 14px;}
    .indCp-img::after{background: rgba(0,0,0,0.4);}
    .indcp-menu-link a .ico {width: 30px;margin-right: 12px;}
    .indcp-menu-link a .ico img{max-height: 28px;}
    .indfw-head .title{font-size: 17px;color: #333;}
    .indfw-head .text{font-size: 13px;line-height: 24px;margin-top: 14px;color: #666;}
    .indfw .indfw-wrap{padding: 40px 0;}
    .indfw-sticky{margin-top: 18px;animation-duration: 1s;}
    .indfw-head-mb{display: block;}
    .indfw-wrap .indfw-head{display: none;}
    .indfw-num{margin-top: 0;}
    .indfw-num li {width: calc(100% - 12px);padding: 20px 24px;}
    .indfa{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
    .indfa-image-img img{height: 270px;}
    .indfa-menu li .text{font-size: 12px;}
    .indfa-menu li{flex: auto;height: 72px;}
    .indfa-menu li .ico {max-width: 28px;}
    .indfa-mix {padding: 40px 4% 0;}
    .indfa-content {margin-top: 14px;}
    .indfa-title{font-size: 20px;}
    .indfa-content .swiper-container {padding: 10px 0 28px;}
    .indxw-link .img {width: 100%;order: 0;}
    .indxw-link .img img{height: 180px;}
    .indxw-link .time{width: 100%;margin: 10px 0 12px;}
    .indxw-link .cont{width: 100%;padding: 0;}
    .indxw-list {margin-top: 24px;}
    .indxw-link {padding: 20px 0 16px;}
    .indhb-head .title {padding-right: 16px;margin-right: 14px;font-size: 16px;}
    .indhb-head .num span{font-size: 36px;}
    .indhb-head .num i {margin: -6px 0 0 2px;}
    .indhb-btn>div.next {margin-left: 10px;}
    .indhb {background-size: auto 50%;}
    .indhb-list-logo {height: 98px;padding: 8px;}
    .indhb-loop .swiper-container{padding-bottom: 36px;}
}