@charset "utf-8";
/* ===================首页样式========================== */
.banner-bg img{width: 100%;height: 100vh;}
.banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-con .contain{height: 100%;justify-content: flex-end; flex-direction: column;}
.banner-pagination{z-index: 2;position: absolute;left: 0;bottom: 7%;width: 100%;}
.banner-pagination .swiper-pagination-bullet{width: 0.8rem;height: 2px;border-radius: 0;margin: 0 0.06rem; opacity: 1;background: rgba(255, 255, 255, .5);position: relative;transition: all .4s ease;}
.banner-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #43c800;}
.banner-pagination .swiper-pagination-bullet.active{background: #fff;}
.banner-pagination .swiper-pagination-bullet.active::after{width: 100%;transition: all 4.5s linear;}

.banner-con .title{opacity: 0;transform: translateY(100px);transition: all 1s .8s ease;}
.banner-con .text{opacity: 0;transform: translateY(100px);transition: all 1s .9s ease;}
.banner-con .comMore-box{opacity: 0;transform: translateY(100px);transition: all 1s 1s ease;}

.swiper-slide-active.first .banner-con .title{transition-delay: 0s;}
.swiper-slide-active.first .banner-con .text{transition-delay: 0.1s;}
.swiper-slide-active.first .banner-con .comMore-box{transition-delay: 0.2s;}
.swiper-slide-active .banner-con .title,.swiper-slide-active .banner-con .text,.swiper-slide-active .banner-con .comMore-box{opacity: 1;transform: translateY(0);}


.pro-swiper{width:40%;}
.pro-swiper .swiper-container{overflow:visible !important;}
.joinFC-btn{user-select: none;cursor: pointer; z-index: 5;position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);width: max(40px,0.48rem);height: max(40px,0.48rem);border-radius: 50%;background: rgba(0, 0, 0);opacity:0;}
.joinFC-btn.next{left: auto;right: 1rem;transform: translateY(-50%) rotate(180deg);}
/*.joinFC-btn:hover{background: #000;}*/

.indPro{background: url('../images/index/indPro-bg.jpg') no-repeat center/cover;}
.indPro-flex{align-items: center;}
.indPro-menu{width: 21%;}
.indPro-menu-item{align-items: center;color: #aeaeae;user-select: none;cursor: pointer;}
.indPro-menu-item:first-child{margin-top: 0;}
.indPro-menu-item .dot-box{margin-right: 0.2rem;}
.indPro-menu-item .dot1{ width: 0.06rem;height: 0.06rem;border-radius: 50%;background: #ccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indPro-menu-item .dot2{z-index: 2;background: #fff; opacity: 0;transform: scale(0);transition: all .4s ease; width: 24px;height: 24px;position: relative;z-index: 2;}
.indPro-menu-item .dot2::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 20px;height: 20px;border-radius: 50%;border: 2px solid #e3e3e3;}
.indPro-menu-item .dot2 svg{z-index: 2; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-90deg);width: 24px;height: 24px;}
.indPro-menu-item .dot2 svg circle{stroke-dasharray:100,100;stroke-dashoffset:100;}
.indPro-menu-item:hover,.indPro-menu-item.active{color: #333;}
.indPro-menu-item.active .dot2{opacity: 1;transform: scale(1);}
.indPro-menu-item.active .dot2 svg circle{animation: bulletRun 7s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:100;}100%{stroke-dashoffset:0;}}
.indPro-drop{width: 79%;}
.indPro-drop>.swiper-container{overflow: visible;}
.indPro-slide{align-items: center;justify-content: space-between;}
.indPro-img{width: 48%;}
.indPro-img .circle1{width: 100%;animation: rotate1-1 60s linear infinite;}
.indPro-img .circle2{width: 88.5%;animation: rotate2-2 40s linear infinite;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.indPro-img .img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 85%;max-height: 85%;}
.indPro-con{width: 43%;padding: 0.5rem 0;}
.indPro-title .title-en{color: #ebebeb;line-height: 1.1;}
.indPro-title .title{position: absolute;left: 0;bottom: 0;width: 100%;}
.indPro-label{width: 75%;}
.indPro-label .item{width: 50%;align-items: center;}
.indPro-label .item i{display: block;width: 0.18rem;height: 0.18rem;border-radius: 50%;margin-right: 0.15rem;background: rgba(67, 200, 0, .1);display: flex;align-items: center;justify-content: center;}
.indPro-label .item i::after{content: "";display: block;width: 0.06rem;height: 0.06rem;border-radius: 50%;background: #43c800;}
.indPro-label .item span{flex: 1;}
.indPro-cj{margin-left: -0.4rem;}
.indPro-cj .item{margin: 0.3rem 0 0 0.4rem;width: calc((100% / 3) - 0.4rem);}
.indPro-cj .img .circle1{width: 100%;animation: rotate1-1 40s linear infinite;}
.indPro-cj .img .img1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 86%;height: 86%;border-radius: 50%;}
.indPro-btn{pointer-events: none; position: absolute;bottom: calc(100% + 0.1rem);right: 0;}
.indPro-drop>.swiper-container>.swiper-wrapper>.swiper-slide-active .indPro-btn{pointer-events: auto;}
.indPro-btn .btn{box-shadow: 1.744px 24.939px 26px 0px rgba(12, 87, 36, 0.15);user-select: none;cursor: pointer;width: 36px;height: 36px;border-radius: 50%;border: 1px solid #e0ede4;background: #fff;font-size: 14px;font-weight: 400;}
.indPro-btn .btn.next{margin-left: max(8px,0.2rem);}
.indPro-btn .btn.next::before{display: block;transform: rotate(180deg);}
.indPro-btn .btn:hover{border-color: #43c800;background: #43c800;color: #fff;}
@keyframes rotate1-1 {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@keyframes rotate1-2 {0%{transform: rotate(0);}100%{transform: rotate(-360deg);}}
@keyframes rotate2-1 {0%{transform:translate(-50%,-50%) rotate(0);}100%{transform: translate(-50%,-50%) rotate(360deg);}}
@keyframes rotate2-2 {0%{transform: translate(-50%,-50%) rotate(0);}100%{transform: translate(-50%,-50%) rotate(-360deg);}}

.pro-term{height:1.6rem;background-color: #000;color:white;line-height:1.6rem;}
.scrolling-text-container {display: flex;overflow: hidden;width:100vw;}
/*.scrolling-text {white-space: nowrap;animation: scroll-left 3s linear infinite;margin-right:20px;}*/
/*@keyframes scroll-left {0% {transform: translateX(0);}100% {transform: translateX(-100%);}}*/

.index-title .title span::before{position:absolute;content:'';width:550px;height:4px;top:24px;right:265px;background-color: #000;}
.index-title .title span::after{position:absolute;content:'';width:550px;height:4px;top:24px;left:265px;background-color: #000;}
.index-title .images img{width:.48rem;}

.video-btn{display:block;position:absolute;left:calc( 50% - .77rem);top:calc( 50% - .77rem);width:1.54rem;}

.index-content .images-content{width:50%;}
.index-content .text{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.index-content .text .index-btn{display:block;width:2.42rem;height:70px;line-height:70px;text-align:center;color:white;background-color:#000;font-size:24px;font-weight:400;}
.bancross {
    background-color: #f8f8f8;
    overflow: inherit;
    height: 200vh
}

.bancross .uptxt {
    position: absolute;
    text-align: left;
    width: 70%;
    left: 20%;
    top: 65px;
    z-index: 4;
    display: none
}

.bancross .uptxt .txta {
    float: left;
    font-size: 3vw;
    color: #000;
    line-height: 1.1;
    width: 50%
}

.bancross .uptxt .txtb {
    width: 35%;
    float: left
}

.bancross .sticky {
    height: 100vh;
    left: 0;
    position: sticky;
    top: 0;
    overflow: hidden
}

.bancross .container {
    display: flex;
    height: 100%;
    align-items: center
}

.bancross .pbox {
    position: absolute;
    left: 15vw;
    width: 68vw;
    transition: all 1s;
    overflow: hidden
}

.bancross .pbox video {
    width: 100%;
    height: 100%
}

.bancross .pbox.bpic1 {
    border-radius: 20px
}

.bancross .pbox.bpic1 img {
    display: none
}

.bancross .pbox.all {
    left: 0;
    top: 1.5rem;
    width: 100%;
    height: 100vh
}

.bancross .pbox.all video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bancross .pbox.bpic2 {
    left: 100vw
}

.bancross .pbox.bpic1.left {
    left: -100vw
}

.bancross .pbox.bpic2.left {
    left: 86vw
}

.bancross .pbox.bpic2.left-two {
    left: 15vw
}

.king {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.king .pics {
    flex: 0 0 50%;
    max-width: 50%;
    overflow: hidden;
    flex-flow: row wrap;
    display: flex;
    justify-content: space-between;
    border-radius: 20px
}

.king .pics .pica {
    width: calc((100% - 16px)/ 2);
    height: calc((100% - 16px)/ 2);
    overflow: hidden
}

.king .pics .pica:first-child {
    margin: 0 8px 8px 0
}

.king .pics .pica:nth-child(2) {
    margin: 0 0 8px 8px
}

.king .pics .pica.all {
    width: 100%;
    margin: 8px 0 0
}

.king .pics .pica img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.king .pics .pica.all video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.king .infos {
    flex: 0 0 45%;
    max-width: 45%
}

.king .infos .title {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    margin-bottom: 20px
}

.king .infos .desc {
    font-size: 23px;
    color: #000;
    margin: 0 0 24px;
    line-height: 36px;
    text-align: center
}

.king .infos .pstar {
    border-top: 1px solid #fff;
    padding: 16px 0 0;
    margin: 0 0 70px
}

.king .infos .star-rating>span:before {
    color: #000
}

.king .infos .button {
    width: 200px;
    height: 54px;
    margin: 0 auto;
    background-color: #000;
    text-align: center;
    display: block;
    border-radius: 8px;
    color: #fff;
    font-size: 19px;
    line-height: 54px;
    transition: all .4s;
    border: 1px solid #000
}

.king .infos .button:hover {
    background-color: transparent;
    color: #000
}

.kit {
    background-color: #f8f8f8;
    padding-bottom: 70px
}

.kit .cont {
    width: 68vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.kit .pics {
    flex: 0 0 50%;
    max-width: 50%;
    order: 2;
    overflow: hidden;
    flex-flow: row wrap;
    display: flex;
    justify-content: space-between;
    border-radius: 20px
}

.kit .pics .pica {
    width: calc((100% - 16px)/ 2);
    height: calc((100% - 16px)/ 2);
    overflow: hidden
}

.kit .pics .pica:first-child {
    margin: 0 8px 8px 0
}

.kit .pics .pica:nth-child(2) {
    margin: 8px 8px 0 0
}

.kit .pics .pica:nth-child(3) {
    margin: 8px 0 0 8px
}

.kit .pics .pica.all {
    width: 100%;
    margin: 0 0 8px
}

.kit .pics .pica img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.kit .pics .pica.all video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.kit .infos {
    flex: 0 0 45%;
    max-width: 45%
}

.kit .infos .title {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    margin-bottom: 20px
}

.kit .infos .desc {
    font-size: 23px;
    color: #000;
    margin: 0 0 24px;
    line-height: 36px;
    text-align: center
}

.kit .infos .product {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 70px;
    display: flex
}

.kit .infos .product img {
    width: 20%;
    margin-right: 5%
}

.kit .infos .pstar {
    margin: 0 0 20px;
    text-align: center
}

.kit .infos .star-rating>span:before {
    color: #000
}

.kit .infos .button {
    width: 200px;
    height: 54px;
    margin: 0 auto;
    background-color: #000;
    text-align: center;
    display: block;
    border-radius: 8px;
    color: #fff;
    font-size: 19px;
    line-height: 54px;
    transition: all .4s;
    border: 1px solid #000
}

.kit .infos .button:hover {
    background-color: transparent;
    color: #000
}

.str_wrap {
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    background: #f6f6f6;
    white-space: nowrap
}

.str_wrap.str_active {
    background: #f1f1f1
}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move
}

.str_move_clone {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0
}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%
}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%
}

.str_down .str_move,.str_vertical .str_move {
    white-space: normal;
    width: 100%
}

.noStop .str_move,.no_drag .str_move,.str_static .str_move {
    cursor: inherit
}

.str_wrap img {
    max-width: none!important
}

.bottom-content .btn-content{position:absolute;bottom:1rem;left:0;width:100%;display:flex;justify-content: center;}
.bottom-content .btn-content .btn{display:block;width:2.65rem;height:50px;border-radius: 10px;background-color: #000;opacity: .6;color:white;line-height:50px;text-align:center;}
.bottom-content .btn-content .btn.about{margin-right:1.2rem;}
/* 动画 */
@media all and (min-width:1100px){
    html::-webkit-scrollbar{width: 0;}
    /* 默认 */
    .Header.noEvent{opacity: 0;pointer-events: none;}
    .fp-section.indPro .contain,.fp-section.indNews .indTitle{opacity: 0;transform: translateY(80px);transition: all 1s .8s ease;}
    .fp-section .indNews-flex{opacity: 0;transform: translateY(80px);transition: all 1s .9s ease;}
    .fp-section .indSol-img{position: relative;}
    .fp-section .indSol-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f4f4f4;transition: all 1.5s .8s ease;}
    .fp-section .indSol-con>div{opacity: 0;transition: all 1s 1.7s ease;}
    .fp-section .indSol-head,.fp-section.indHZ .indTitle{opacity: 0;transition: all 1s .8s ease;}
    .fp-section .indHZ-swp{transform: translateX(30%);opacity: 0; transition: all 1.5s .8s ease;}
    .fp-section .indHZ-swp:nth-child(2){transform: translateX(-30%) rotate(180deg);}
    
   
    /* 选中 */
    .fp-section.active.indPro .contain,.fp-section.active.indNews .indTitle,.fp-section.active .indNews-flex{opacity: 1;transform: translateY(0);}
    .fp-section.active .indSol-img::after{width: 0;}
    .fp-section.active .indSol-con>div,.fp-section.active .indSol-head,.fp-section.active.indHZ .indTitle{opacity: 1;}
    .fp-section.active .indHZ-swp{transform: translateX(0);opacity: 1;}
    .fp-section.active .indHZ-swp:nth-child(2){transform: translateX(0) rotate(180deg);}
}



  


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

@media all and (max-width:1590px){
    /* 1440 × (700)  */
}

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

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

@media all and (max-width:1270px){
    /* 1152 × (700) */
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .joinFC-btn{opacity:1;}
    .index-content .images-content{width:100%;}
    .index-content .text{width:100%;margin-top:20px;}
    
    .index-content .text .index-btn{width:5.42rem;height:50px;line-height:50px;}
    
    .banner-bg img{height: 300px;}
    .banner-pagination{bottom: 15px;}
    .banner-pagination .swiper-pagination-bullet{margin: 0 5px;}
    .indPro{padding: 40px 0;}
    .indPro-btn{display: none;}
    .indPro-menu{width: 100%;overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;display: flex;padding: 20px 0 10px;}
    .indPro-menu-item{flex-wrap: nowrap;margin: 0 0 0 20px;}
    .indPro-menu-item:first-child{margin: 0;}
    .indPro-menu-item .dot1{width: 4px;height: 4px;}
    .indPro-menu-item .dot2-box{margin-right: 12px;}
    .indPro-menu-item .dot2{width: 16px;height: 16px;}
    .indPro-menu-item .dot2 svg,.indPro-menu-item .dot2::after{transform: translate(-50%,-50%) rotate(-90deg) scale(.5);}
    .indPro-slide{flex-direction: column;align-items: center;justify-content: flex-start;}
    .indPro-drop{width: 100%;margin-top: 40px;}
    .indPro-img{width: 70%;}
    .indPro-con{width: 100%;padding: 40px 0 20px;}
    .indPro-pagination{user-select: none;}
    .indPro-pagination .swiper-pagination-bullet{margin: 0 4px;}
    .indPro-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #43c800;}
    .indPro-title .title-en{font-size: 30px;}
    .indPro-title .title{font-size: 18px;}
    .indPro-label{width: 100%;}
    .indPro-label .item i{width: 12px;height: 12px;margin-right: 8px;}
    .indPro-label .item i::after{width: 4px;height: 4px;}
    .indPro-cj{margin-left: -30px;}
    .indPro-cj .item{margin: 30px 0 0 30px;width: calc((100% / 3) - 30px);}
    .indPro-cj .title{font-size: 12px;}
    .indSol{padding-top: 50px;}
    .indSol-nav{width: 100%;margin-top: 15px;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .indSol-nav-item .icon{height: 28px;}
    .indSol-nav-item .title{font-size: 13px;margin-top: 6px;}
    .indSol-slide{padding: 30px 4% 40px;background: url('../images/index/indSol-bg.jpg') no-repeat center/cover;flex-direction: column-reverse;}
    .indSol-img{width: 100%;}
    .indSol-img img{height: 225px;}
    .indSol-con{background: transparent;padding: 15px 0 0;width: 100%;}
    .indNews{padding: 40px 0;}
    .indNews-swp{width: 100%;}
    .indNews-slide-img img{height: 250px;}
    .indNews-slide-con{padding: 0 0 15px 15px;}
    .indNews-pagination{right: 15px;bottom: 15px;}
    .indNews-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin-left: 6px;}
    .indNews-list{width: 100%;}
    .indNews-item{width: 100%;margin-top: 15px;height: auto;padding: 25px 15px;}
    .indNews-item .year{font-size: 10px;}
    .indHZ{padding: 40px 0;}
    .indHZ-slide{height: 40px;}
    .indHZ-swp-box::after, .indHZ-swp-box::before{width: 25%;}
    
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
}