@charset "utf-8";
/* ===================首页样式========================== */
/* 公共样式 */
.indMore{margin: 25px auto 0;width: 150px;height: 55px;border-radius: 40px;border: 1px solid #fff;}
/* .indMore i{width: 20px;height: 21px;display: inline-block;margin-left: 13px;transition: all .4s ease;background: url('../images/index/indMore-icon.png') no-repeat center/100% auto;} */
.indMore i{display: inline-block;margin: 5px 0 0 5px;}
.indMore i,.indMore span{position: relative;z-index: 2;transition: all .4s ease;}
.indMore::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;transition: all .4s ease;}
.indMore svg{transition: all .6s .2s  ease;}
.indMore.active{border-color: #8ec31f;}
.indMore.active::after{background: #8ec31f;}
.indMore.active:hover{border-color: #fff;}
.indMore:hover::after{background: #fff;}
.indMore:hover span{color: #8ec31f;}
.indMore:hover svg{transform: rotate(180deg);}
.indMore:hover svg circle{fill:#8ec31f;}
.indMore:hover svg path{stroke: #8ec31f;}
.indTitle{padding-bottom: 14px;}
.indTitle::after,.indTitle::before{content: "";position: absolute;left: 50%;bottom: 0;width: 30px;height: 4px;background: #003586;transform: skew(-20deg);}
.indTitle::before{left: auto;right: 50%;background: #8ec31f;transform: translateX(20deg);}
.indTitle.white::after,.indTitle.white::before{background: #fff;}
.indTitle.left::after{left: 0;}
.indTitle.left::before{left: 24px;right: auto;}
.banner{position: relative;}
.banner-bg img{width: 100%;height: 100vh;}

.banner .hasVideo .banner-bg img.pc{animation: hasVideoImg 1s ease both;}
.banner .hasVideo::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);z-index: 3;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner video{display: none;}
.banner .hasVideo video{display: block; width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1151px) {.hasVideo .banner-bg img.pc{animation: none;}.hasVideo video{display: none;}}


.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;text-align: left;justify-content: flex-start;}
.banner-title{color: #8ec31f;}
.banner-title,.banner-text,.banner-title-en{opacity: 0;transform: translateX(150px);transition: all 1.5s .8s ease;}
.banner-title-en{transition-delay: 1s;}
.banner-text{transition-delay: 1s;font-weight: 700;color: #eae9e9;}
.banner .indMore{opacity: 0;transform: translateX(150px);transition:opacity 1.5s 1.2s ease, transform 1.5s 1.2s ease,border .4s ease;margin: 25px 0 0;}
.swiper-slide-active .banner-title,.swiper-slide-active .banner-title-en,.swiper-slide-active .banner-text, .banner .swiper-slide-active .indMore{opacity: 1;transform: translateX(0);}
.swiper-slide-active.oneSlide .banner-title{transition-delay: 0s;}
.swiper-slide-active.oneSlide .banner-text,.swiper-slide-active.oneSlide .banner-title-en{transition-delay: .4s;}
.banner .swiper-slide-active.oneSlide .indMore{transition-delay: .4s;}
.banner-pagination{bottom: 50px;position: absolute;left: 50%;transform: translateX(-50%);z-index: 10;}
.banner-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background: #fff;opacity: 1;position: relative;margin: 0 22px !important;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet i{position: absolute;width: 20px;height: 20px;margin: -10px 0 0 -10px;top: 50%;left: 50%;opacity: 0;transition: all .4s ease;border-radius: 50%;border: 2px solid rgba(255, 255, 255, 0.5);}
.banner-pagination .swiper-pagination-bullet svg{position: absolute;z-index: 2;left: 50%;top: 50%;margin: -10px 0 0 -10px;width: 20px;height: 20px;transform: rotate(-90deg);opacity: 0;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet svg circle{stroke-dasharray:100,100;stroke-dashoffset:100;}
.banner-pagination .swiper-pagination-bullet-active{background: transparent;}
.banner-pagination .swiper-pagination-bullet-active i{opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active svg{opacity: 1;}
.banner-pagination .swiper-pagination-bullet-active svg circle{animation: bulletRun 5s linear both;}
.banner-pagination .swiper-pagination-bullet-active.oneBullet svg circle{animation: bulletRun 4s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:100;}100%{stroke-dashoffset:0;}}
.indSer-list li{transform: translateY(50px); width: 50%;overflow: hidden;position: relative;}
.indSer-list li:nth-child(2n){transform: translateY(0);}
.indSer-img img{width: 100%;height: 390px;}
.indSer-img::after,.indSer-img::before{transition: all .4s ease; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent,rgba(0,0,0,.6));}
.indSer-img::after{background: rgba(0, 0, 0, .55);opacity: 0;}
.indSer-show{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 0 35px 35px;transition: all .4s  ease;}
.indSer-show .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 37px;height: 2px;background: #fff;}
.indSer-hide{position: absolute;transition: all .6s ease;padding: 0 50px 0 35px; align-items: flex-start; transform: translateY(101%);opacity: 0; left: 0;top: 0;width: 100%;height: 100%;z-index: 2;flex-direction: column;justify-content: center;}
.indSer-hide .page{position: absolute;top: 10%;right: 6%;color: #cfd3d5;font-weight: 700;}
.indSer-hide .title{border-bottom: 2px solid #8ec31f;}
.indSer-hide .text{color: #cfd3d5;}
.indSer-hide .indMore{margin: 30px 0 0;}
.indSer-list li:hover .indSer-img::after{opacity: 1;}
.indSer-list li:hover .indSer-img::before{opacity: 0;}
.indSer-list li:hover .indSer-show{transform: translateY(100%);opacity: 0;}
.indSer-list li:hover .indSer-hide{transform: translateY(0);opacity: 1;}
.ind-product{background: url('../images/index/indPro-bg.jpg') no-repeat center/cover;}
.indPro-list{margin-left: -20px;}
.indPro-item{background: #fff;margin: 20px 0 0 20px;width: calc(27.5% - 20px);padding: 30px;transition: all .4s ease;border: 1px solid #fff;}
.indPro-item:nth-child(2),.indPro-item:nth-child(4){width: calc(45% - 20px);}
.indPro-title{transition: all .4s ease;}
.indPro-img{height: 290px;}
.indPro-img img{max-width: 100%;max-height: 80%;}
.indPro-item:hover{border-color: #8ec31f; box-shadow: 1.465px 20.949px 54.28px 4.72px rgba(142, 195, 31, 0.07);}
.indPro-item:hover .indPro-title{color: #8ec31f;}
.indAbout-bg{position: relative;}
.indAbout-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, .2);}
.indAbout-bg img{width: 100%;height: 660px;}
.indAbout-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/* .indAbout-con .indMore i{background-image: url('../images/index/indMore-iconH.png');}
.indAbout-con .indMore:hover i{background-image: url('../images/index/indMore-icon.png');} */
.indAbout-num{position: relative;z-index: 2;}
.indAbout-num ul{background: #8ec31f;transform: translateY(-50%);}
.indAbout-num li{width: 25%;border-left: 1px solid rgba(255, 255, 25, .3);height: 160px;}
.indAbout-num li:first-child{border-left: unset;}
.indAbout-num-icon{margin-right: 20px;}
.indAbout-num-text{text-align: left;}
.indAbout-num-text .title span{line-height: 1;}
.indHZ{background: #fefefe;overflow: hidden;}
.indHZ-slide{width: 100%;height: 100px;border: 1px solid #f1f1f1;background: #fff;transition: all .4s ease;}
.indHZ-slide img{max-width: 80%;max-height: 80%;}
.indHZ-slide:hover{border-color: #8ec31f;box-shadow: 1.465px 20.949px 54.28px 4.72px rgba(142, 195, 31, 0.07);}
.indHZ-swp .swiper-wrapper{transition-timing-function: linear;}
.indHZ-swp .swiper-container{overflow: visible;}
.indHZ-swp:nth-child(2n){transform: rotate(180deg);}
.indHZ-swp:nth-child(2n) .indHZ-slide{transform: rotate(-180deg);}
.indNews{background: linear-gradient(to bottom,#fefefe,#f9f9f9);}
.indNews-list{justify-content: space-between;}
.indNews-list::after{content: "";width: 32%;}
.indNews-item{width: 32%;background: #fff;position: relative;}
.indNews-item::after{content: "";position: absolute;left: 0;transition: all .4s ease; width: 0;height: 1px;background: #8ec31f;bottom: 0;}
.indNews-img{padding: 30px;border-bottom: 1px solid #f2f2f2;}
.indNews-img .img img{width: 100%;height: 190px;}
.indNews-text{padding: 40px 30px;}
.indNews-text .more{border: 1px solid #777;width: 32px;height: 32px;border-radius: 50%;font-size: 14px;}
.indNews-text .more::before{transform: rotate(180deg);}
.indNews-item:hover{box-shadow: 0px 10px 26.68px 2.32px rgba(83, 83, 83, 0.14);}
.indNews-item:hover::after{width: 100%;}
.indNews-item:hover .indNews-img .img img{transform: scale(1.1);}
.indNews-item:hover .indNews-text .more{background: #8ec31f;border-color: #8ec31f;color: #fff;}
.indYS{background: url('../images/index/indYS-bg.png') no-repeat left top/30% auto;overflow: hidden;padding: 110px 0 200px;}
.indYS .indTitle{position: relative;z-index: 3;}
/* .indYS-swp{position: relative;z-index: 4;} */
.indYS-swp .swiper-container{width: 39%;margin: 0;}
.indYS-list{border: 1px solid #f2f2f2;}
.indYS-list li{z-index: 2;display: flex; position: relative;height: 180px;align-items: center;padding: 0 40px;border-top: 1px solid #f2f2f2;background: #fefefe;}
.indYS-list li:first-child{border-top: unset;}
.indYS-list li:nth-child(2n){background: #fff;}
.indYS-title,.indYS-list{transform: translateY(100px);opacity: 0;transition: all 1s ease;}
.indYS-list{transition-delay: .2s;}
.swiper-slide-active .indYS-title,.swiper-slide-active .indYS-list{transform: translateY(0);opacity: 1;}
.indYS-icon{width: 60px;}
.indYS-text{flex: 1;padding-left: 20px;}
.indYS-right{position: absolute;right: -200px;top: 50%;transform: translateY(-50%);}
.indYS-btn-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indYS-nav-item{user-select: none;cursor: pointer;}
.indYS-nav-item::after{content: "";position: absolute;left: -30px;top: 50%;transform: translateY(-50%);width: 12px;height: 12px;border-radius: 50%;border: 3px solid #8ec31f;opacity: 0;transition: all .4s ease;}
.indYS-nav-item.active::after{opacity: 1;}
.indYS-nav-item:hover,.indYS-nav-item.active{color: #8ec31f;}
.indYS-btn{justify-content: center;}
.indYS-btn .btn{font-size: 26px;color: #000;user-select: none;cursor: pointer;}
.indYS-btn .btn.next{transform: rotate(180deg);margin-left: 20px;}
.supIntro-swp{transition: all .6s linear;width: 750px;height: 750px;border-radius: 50%;border: 2px solid #ececec;}
.supIntro-swp li{cursor: pointer; left: calc(50% - 6px);top: calc(50% - 6px);border-radius: 50%;background: #68cfc8;position: absolute;}
.supIntro-swp-img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(.23);width: 22vw;height: 22vw;transition: all .4s ease}
.supIntro-swp-img img{width: 100%;}
.supIntro-swp li.active .supIntro-swp-img{transform: translate(-50%,-50%) scale(1);transition-delay: .6s;}
/* -------------------------4k端 S=50% Y*2--------------------------- */
@media all and (min-width:3000px) and (max-width:5000px) {}
/* -------------------------2k端 S=75% Y*1.5--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .indSer-img img{height: 330px;}
    .indSer-list li{transform: translateY(35px);}
    .indPro-item{padding: 20px;}
    .indPro-img{height: 250px;}
    .indNews-img{padding: 20px;}
    .indNews-text{padding: 30px 20px;}
    .indNews-img .img img{height: 165px;}
    .indHZ-slide{height: 80px;}
    .fs38{font-size: 30px;}
    .supIntro-swp{width: 550px;height: 550px;}
    .indYS-list li{height: auto;padding: 20px 30px;min-height: 150px;}
    .indYS-right{right: -150px;}
    .indYS-nav-item{font-size: 18px;}
    .indYS-nav-item::after{left: -20px;}
    .indYS-swp .swiper-container{width: 45%;}
    .indAbout-bg img{height: 550px;}
    .indYS{padding: 80px 0 120px;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .fs38{font-size: 25px;}
    .supIntro-swp{width: 550px;height: 550px;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-bg img{height: 400px;}
    .indMore{margin-top: 20px;width: 120px;height: 45px;}
    /* .indMore i{width: 15px;height: 16px;margin-left: 8px;} */
    .banner-pagination{bottom: 30px;}
    .banner-pagination .swiper-pagination-bullet{margin: 0 10px !important;}
    .indSer-list li{transform: unset;width: 100%;margin-top: 15px;}
    .indSer-img img{height: 300px;}
    .indSer-show{padding: 0 15px 30px;}
    .indSer-show .title::after{width: 30px;height: 1px;}
    .indSer-hide{padding: 0 15px;}
    .fs38{font-size: 25px;}
    .indTitle{padding-bottom: 10px;}
    .indTitle::after, .indTitle::before{width: 25px;height: 3px;}
    .indSer-hide .title{padding-bottom: 4px;border-width: 1px;}
    .indPro-list{margin-left: 0;}
    .indPro-item{width: 100% !important;margin:15px 0 0;}
    .indAbout-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .indAbout-bg img{width: 100%;height: 100%;}
    .indAbout-con{position: relative;z-index: 2;padding: 40px 0;}
    .indAbout-text br{display: none;}
    .indAbout-num{margin-top: 20px;}
    .indAbout-num ul{transform: unset;}
    .indAbout-num li{width: 50%;height: 140px;}
    .indAbout-num li:nth-child(3){border-left: unset;}
    .indAbout-num li:nth-child(n+2){border-top: 1px solid rgba(255, 255, 255, .3);}
    .indAbout-num-icon{margin-right: 15px;}
    .indAbout-num-icon img{width: 35px;}
    .indHZ-con{padding: 10px 0;overflow: hidden;}
    .indHZ-slide{height: 70px;}
    .indNews-item{width: 100%;margin: 15px 0 0;}
    .indNews-img{padding: 15px;}
    .indNews-text{padding: 25px 15px;}
    .indNews-text .more{margin-top: 20px;}
    .indYS{padding: 40px 0;display: flex;flex-direction: column;}
    .indYS .indTitle{order: 1;}
    .indYS-right{order: 2;}
    .indYS-swp{order: 3;}
    .indYS-swp .swiper-container{width: 100%;}
    .indYS-right{position: relative;margin-top: 30px;right: auto; top: auto;transform: unset;}
    .supIntro-swp{display: none;}
    .indYS-btn-box{position: relative;transform: unset;left: auto;top: auto;}
    .indYS-btn{display: none;}
    .indYS-nav{display: flex;justify-content:flex-start;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .indYS-nav-item{margin-left: 35px;}
    .indYS-nav-item::after{left: -14px;width: 10px;height: 10px;border-width: 2px;}
    .indYS-list li{height: auto;padding: 25px 15px;}
    .indYS-icon{width: 40px;}
    .indYS-text{padding-left: 15px;}
    .banner .hasVideo::after{display: none;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
}