/* --- */
@charset "utf-8";
@keyframes scaleAni1{
    from {-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
    to {-webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);}
}
@keyframes scaleAni2{
    from {-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); opacity: 1;}
    to {-webkit-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6); opacity: 0;}
}




/*pc二级导航*/
.header-sub-bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 99; display: none;}
.header-sub{position: fixed; left: 0; top: 80px; right: 0; z-index: 100; display: none;}
.header-sub .items{position: absolute; left: 0; top: 0; right: 0; z-index: 10; display: none;}
.header-sub .box1{padding: 0.6rem 0; background-color: #fff;}
.header-sub .box1 .container{height: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.header-sub .box1 .left{width: 4.6rem; flex-shrink: 0;}
.header-sub .box1 .right{padding-top: 0.04rem; width: calc(100% - 8rem); flex-shrink: 0; display: flex; flex-wrap: wrap;}
.header-sub .box1 .pic{height: 3.45rem; border-radius: 0.1rem; border: 1px solid #ededed; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.header-sub .box1 .pic img{display: block; max-width: 100%; max-height: 100%; object-fit: cover;}
.header-sub .box1 .list{padding-right: 0.4rem; width: 33.33%; flex-shrink: 0;}
.header-sub .box1 .list li{margin-bottom: 0.18rem;}
.header-sub .box1 .list a{padding: 0.04rem 0; display: block; font-size: var(--font16); color: #666666; line-height: 1.5;}
.header-sub .box1 .list a:hover{color: #222222; text-decoration: underline;}
.header-sub .box1 .list a:hover:before{width: 100%;}


/*侧边*/
#slide-nav{position: fixed; right: 0.4rem; top: 50%; z-index: 20;}
#slide-nav .item{margin-bottom: 0.1rem;}
#slide-nav .item:first-child{margin-bottom: 0.46rem; display: none;}
#slide-nav .item:first-child .icon:before{border: none; background-color: #81c548;}
#slide-nav .item:first-child .icon img{max-width: 100%; max-height: 100%;}
#slide-nav .item:last-child{margin-bottom: 0;}
#slide-nav .item.goTop{display: none;}
#slide-nav .icon{display: block; width: 0.6rem; height: 0.6rem; position: relative; z-index: 1; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
#slide-nav .icon:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #ededed; background-color: #fff; border-radius: 50%; z-index: -1; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
#slide-nav .icon:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #81c548; border-radius: 50%; z-index: -1; opacity: 0; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
#slide-nav .icon img{position: absolute; left: 50%; top: 50%; max-width: 60%; max-height: 60%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
#slide-nav .icon .ig2{opacity: 0;}
#slide-nav .item:hover{}
#slide-nav .item:hover .icon:before{background-color: #81c548; border-color: #81c548;}
#slide-nav .item:hover .icon:after{animation: scaleAni2 2s linear infinite;}
#slide-nav .item:hover .icon img{opacity: 0;}
#slide-nav .item:hover .icon .ig2{opacity: 1;}



/*弹窗1*/
.m-pop{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.m-pop .pop-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .5; z-index: 1;}
.m-pop .pop-close{position: absolute; right: 0.1rem; top: 0.1rem; width: 0.38rem; height: 0.38rem; background: url(../images/component/icon-close1.png) center center no-repeat; -webkit-background-size: 0.11rem auto; background-size: 0.11rem auto; cursor: pointer; z-index: 10;}
.m-pop .pop-hd{font-size: var(--font16); color: #999999; line-height: 1.5;}
.m-pop .pop-hd .title{margin-bottom: 0.08rem; font-size: var(--font24); color: #222222; font-weight: normal; line-height: 1.2;}
.m-pop .pop-bd{padding: 0.12rem 0;}
.pop-win1{position: absolute; left: 50%; top: 50%; background-color: #fff; border-radius: 0.15rem; z-index: 10; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex;}
.pop-win1 .pop-left{width: 3rem; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; border-radius: 0.15rem 0 0 0.15rem; flex-shrink: 0;}
.pop-win1 .pop-right{padding: 0.46rem 0.4rem 0.5rem; width: 5rem; flex-shrink: 0;}
.pop-form1{}
.pop-form1 input, .pop-form1 textarea, .pop-form1 button{outline: none; border: none; background-color: transparent;}
.pop-form1 .form-cont{}
.pop-form1 .form-bot{margin-top: 0.2rem;}
.pop-form1 .form-item{border-bottom: 1px solid #ededed; min-height: 0.6rem; display: flex; justify-content: space-between; align-items: flex-start;}
.pop-form1 .label{padding: 0.15rem 0; margin-right: 0.1rem; width: 0.82rem; font-size: var(--font16); color: #666666; line-height: 0.3rem; flex-shrink: 0;}
.pop-form1 .right{flex-grow: 1;}
.pop-form1 .inp, .pop-form1 .tar{display: block; width: 100%; height: 0.6rem; line-height: 0.6rem; font-size: var(--font16); color: #666666;}

.pop-form1 .vcode .yzm{cursor: pointer;}

@media (max-width: 1600px) {
    .pop-form1 .label {
        width: 1.1rem;
    }
}

.pop-form1 .inp::-webkit-input-placeholder {color: #999999;}
.pop-form1 .inp:-moz-placeholder {color: #999999;}
.pop-form1 .inp::-moz-placeholder {color: #999999;}
.pop-form1 .inp:-ms-input-placeholder {color: #999999;}
.pop-form1 .tar::-webkit-input-placeholder {color: #999999;}
.pop-form1 .tar:-moz-placeholder {color: #999999;}
.pop-form1 .tar::-moz-placeholder {color: #999999;}
.pop-form1 .tar:-ms-input-placeholder {color: #999999;}
.pop-form1 .tar{padding: 0.18rem 0; height: 0.98rem; line-height: 0.24rem;}
.pop-form1 .upload{display: flex; justify-content: space-between; align-items: flex-start;}
.pop-form1 .upload .l{padding-top: 0.08rem; flex-grow: 1; display: flex; flex-wrap: wrap;}
.pop-form1 .upload .l ul{display: flex; flex-wrap: wrap;}
.pop-form1 .upload .l li{padding: 0.08rem 0.08rem 0.04rem 0; display: block; position: relative;}
.pop-form1 .upload .l li:last-child{margin-right: 0.16rem;}
.pop-form1 .upload .l span{padding: 0 0.09rem; display: block; border: 1px solid #999999; border-radius: 0.05rem; line-height: 0.26rem; font-size: var(--font14); color: #222222;}
.pop-form1 .upload .l .close{position: absolute; right: 0; top: 0; width: 0.2rem; height: 0.2rem; background: url(../images/component/icon-close2.png) center center no-repeat; -webkit-background-size: 0.14rem auto; background-size: 0.14rem auto; cursor: pointer; z-index: 10;}
.pop-form1 .upload .l .tips{margin-top: 0.07rem; margin-bottom: 0.07rem; font-size: var(--font16); color: #999999; line-height: 0.3rem;}
.pop-form1 .upload .r{padding: 0.09rem 0; margin-left: 0.2rem; flex-shrink: 0;}
.pop-form1 .upload .r .btn{display: block; position: relative; cursor: pointer; overflow: hidden;}
.pop-form1 .upload .r .btn label{display: block; width: 0.4rem; height: 0.4rem; border: 1px solid #ededed; background: url(../images/component/icon-upload.png) center center no-repeat; -webkit-background-size: 0.15rem auto; background-size: 0.15rem auto; cursor: pointer;}
.pop-form1 .upload .r .btn input{position: absolute; left: -9999px;}
.pop-form1 .vcode{display: flex; align-items: center;}
.pop-form1 .vcode .inp{flex-grow: 1;}
.pop-form1 .vcode .img{margin-left: 0.2rem; width: 0.88rem; height: 0.22rem; overflow: hidden; flex-shrink: 0;}
.pop-form1 .vcode .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.pop-form1 .submit{display: block; width: 1.6rem; height: 0.54rem; line-height: 0.54rem; background-color: #81c548; border-radius: 50rem; font-size: var(--font16); color: #ffffff; text-align: center; cursor: pointer; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pop-form1 .submit:hover{opacity: .8;}







/*关于我们*/
.pageAbout{}
.pageAbout .fl1 {height: 100vh; position: relative; z-index: 1; display: flex; align-items: center;overflow: hidden;}
.pageAbout .fl1 .container{height: 100%; flex-direction: column; justify-content: center; align-items: center;}
.pageAbout .fl1 .f-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-background-size: cover !important; background-size: cover !important; background-attachment: fixed !important; z-index: -1;}
.pageAbout .fl1 video,.pageAbout .fl2 video,.pageAbout .fl3 video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-background-size: cover !important; background-size: cover !important; background-attachment: fixed !important; z-index: 1;object-fit: cover;
    filter: brightness(.5);
}
.pageAbout .fl2 video,.pageAbout .fl3 video{
    transform: translateY(-100%);
}
.pageAbout .fl1 .ntit2{width: 100% !important; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.pageAbout .fl1 .ntit2 h3{color: #ffffff; text-align: center;}
.pageAbout .fl1 .ntit2 h3:nth-child(2){display: none;}


@media (max-width:767px) {
    .pageAbout .fl1 .ntit2 h3{display: none;}
    .pageAbout .fl1 .ntit2 h3:nth-child(2){display: block;}
}
.pageAbout .fl1 .ntit2 .play-btn{margin: 0.6rem auto 0; display: block; width: 0.78rem; height: 0.78rem; background: url(../images/about/icon-play1.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; cursor: pointer; animation: scaleAni1 linear 1s alternate infinite;}
.pageAbout .fl1 .ntit2.hide{opacity: .5;}

.pageAbout .fl2{padding: 1rem 0; height: 100vh; position: relative; z-index: 1; display: flex; align-items: center;overflow: hidden;}
.pageAbout .fl2 .f-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  -webkit-background-size: cover !important; background-size: cover !important; background-attachment: fixed !important; z-index: -1;}
.pageAbout .fl2 .desc{margin: 0 auto; padding: 0 0.7rem 0 0.68rem; width: 11rem; max-width: 100%; font-size: var(--font24); color: #ffffff; line-height: 1.3; position: relative; z-index: 1;}
.pageAbout .fl2 .desc:before, .pageAbout .fl2 .desc:after{content: ''; position: absolute; width: 0.4rem; height: 0.34rem; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain; z-index: -1;}
.pageAbout .fl2 .desc:before{left: 0; top: 0; background-image: url(../images/about/icon-yh1.png);}
.pageAbout .fl2 .desc:after{right: 0; bottom: 0; background-image: url(../images/about/icon-yh2.png);}
.pageAbout .fl2 .desc p{line-height: 2.08;}
.pageAbout .fl2 .desc p span {opacity: .3;}
.pageAbout .fl2 .desc p .on {opacity: 1;}


.pageAbout .fl3{padding: 1rem 0; height: 100vh; position: relative; z-index: 1; display: flex; align-items: center;overflow: hidden;}
.pageAbout .fl3 .f-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  -webkit-background-size: cover !important; background-size: cover !important; background-attachment: fixed !important; z-index: -1;}
.pageAbout .fl3 .list{margin-bottom: -0.4rem; color: #ffffff; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
.pageAbout .fl3 .list li{margin-bottom: 0.4rem; padding: 0 0.2rem; width: 480px; max-width: 33.33%; flex-shrink: 0;}
.pageAbout .fl3 .list .tit{font-size: var(--font36); font-weight: normal; line-height: 1.3;}
.pageAbout .fl3 .list .desc{margin-top: 0.2rem; font-size: var(--font20); line-height: 1.5;}

.pageAbout .fl4{padding: 1rem 0; min-height: 100vh; border-bottom: 1px solid #dfdfdf; position: relative; z-index: 1; display: flex; align-items: center;}
.pageAbout .fl4 .f-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  -webkit-background-size: cover !important; background-size: cover !important; z-index: -1;}
.pageAbout .fl4 .container{max-width: 1280px;}
.pageAbout .fl4 .ntit4{margin-bottom: 0.8rem;}
.pageAbout .fl4 .list{margin-bottom: 0.34rem; font-size: var(--font16); color: #222222; line-height: 1.5; display: flex; justify-content: center; align-items: flex-start;}
.pageAbout .fl4 .list li{width: 3.2rem; position: relative; flex-shrink: 0; display: flex; justify-content: center; align-items: flex-start;}
.pageAbout .fl4 .list li:before{content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 0.64rem; background-color: #e5e5e5; margin-top: -0.32rem;}
.pageAbout .fl4 .list li:last-child:before{display: none;}
.pageAbout .fl4 .list .con{display: flex; flex-direction: column;}
.pageAbout .fl4 .list .num{margin-bottom: 0.1rem; font-size: var(--font24); color: #222222; line-height: 1.8; display: flex; justify-content: center; align-items: flex-end;}
.pageAbout .fl4 .list .num span{margin-right: 0.06rem; font-size: var(--font50); color: #85c02e; font-weight: bold; line-height: 1.1;}
.pageAbout .fl4 .swiper{position: relative;}
.pageAbout .fl4 .swiper .swiper-slide{padding: 0.6rem 0; width: 19.45%;}
.pageAbout .fl4 .swiper .con{padding: 0.16rem 0.22rem; display: block; height: 3.44rem; position: relative; z-index: 1; -webkit-box-reflect: below 0 linear-gradient(to bottom, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0.4) 100%);}
.pageAbout .fl4 .swiper .con:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/about/ls-bg1.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; z-index: -1;}
.pageAbout .fl4 .swiper .pic{height: 100%; background-color: #fff; box-shadow: 0 0.06rem 0.1rem rgba(0, 0, 0, .2); position: relative; z-index: 10; display: flex; justify-content: center; align-items: center;}
.pageAbout .fl4 .swiper .pic img{display: block; max-width: 100%; max-height: 100%;}

.pageAbout .fl5{padding: 1.4rem 0;}
.pageAbout .fl5 .container{max-width: 1280px;}
.pageAbout .fl5 .list{margin: 0 -0.2rem -0.4rem; display: flex; flex-wrap: wrap;}
.pageAbout .fl5 .list li{padding: 0 0.2rem; margin-bottom: 0.4rem; width: 33.33%; flex-shrink: 0;}
.pageAbout .fl5 .list .con{display: block; height: 5.34rem; border-radius: 0.15rem; position: relative; overflow: hidden;}
@media(max-width: 1580px){
    .pageAbout .fl5 .list .con{
        height: 6.34rem;
    }
    .pageAbout .fl2 .desc{
        font-size: var(--font18);
    }
}
.pageAbout .fl5 .list .con::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    backdrop-filter: blur(15px);
    z-index: 5;
    transition: 0.4s ease-in-out;
    opacity: 0;
    background: url('../images/x-xian1.png') no-repeat center;
    background-size: auto 100%;
    background-position: 5% 0;
}
.pageAbout .fl5 .list .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageAbout .fl5 .list .text{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.pageAbout .fl5 .list .tit{color: #ffffff; line-height: 1.3; font-weight: normal; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.pageAbout .fl5 .list .tit .cn{font-size: var(--font36);}
.pageAbout .fl5 .list .tit .en{margin-top: 0.1rem; font-size: var(--font20); font-weight: bold; text-transform: uppercase;}
.pageAbout .fl5 .list .btn-arrow{margin: 0 auto; margin-top: 0.48rem; display: block; width: 0.34rem; height: 0.34rem; background-color: #85c02e; border-radius: 50%; position: relative; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageAbout .fl5 .list .btn-arrow i{position: absolute; left: 50%; top: 50%; width: 0.17rem; height: 0.15rem; background: url(../images/about/icon-arrow1.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; margin: -0.07rem 0 0 -0.09rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageAbout .fl5 .list .con:hover::before{opacity: 1;}
.pageAbout .fl5 .list .con:hover .bg{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.pageAbout .fl5 .list .con:hover .tit{}
.pageAbout .fl5 .list .con:hover .btn-arrow{margin-top: 0.68rem; margin-bottom: 0.24rem; width: 0.6rem; height: 0.6rem;}
.pageAbout .fl5 .list .con:hover .btn-arrow i{-webkit-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0);}





/*发展历程*/
.pageDev{padding-top: 81px;}
.pageDev .fl1{padding: 0.9rem 0 0.5rem; border-top: 1px solid #ededed;}
.pageDev .fl1 .container{max-width: 1280px;}
.pageDev .fl1 .ntit4{margin-bottom: 0.26rem;}
.pageDev .fl1 .tabs{border-bottom: 1px solid #ededed;}
.pageDev .fl1 .tabs ul{display: flex; flex-wrap: wrap;}
.pageDev .fl1 .tabs li{margin-right: 0.24rem;}
.pageDev .fl1 .tabs a{padding: 0 0.2rem; display: block; line-height: 0.66rem; font-size: var(--font20); color: #666666; position: relative;}
.pageDev .fl1 .tabs a:before{content: ''; position: absolute; left: 0; bottom: -1px; right: 0; height: 2px; background-color: #85c02e; opacity: 0;}
.pageDev .fl1 .tabs .on{}
.pageDev .fl1 .tabs .on a{color: #85c02e;}
.pageDev .fl1 .tabs .on a:before{opacity: 1;}

.pageDev .fl2{position: relative; z-index: 1;}
.pageDev .fl2 .f-line{position: absolute; left: 7.46rem; top: 0; bottom: 0; width: 1.37rem; background: url(../images/development/line1.png) center center repeat-y; -webkit-background-size: 100% auto; background-size: 100% auto; z-index: -1; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl2 .c-main{
    position: sticky;
    top: 0;
    height: 100vh;
    height: 100svh;
    height: 100dvh;
    padding: 1rem 0; 
}
@media (max-width:1199px) {
    .pageDev .fl2 .c-main{
        height: auto;
    }
}
.pageDev .fl2 .container{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    height: 100%;
}
.pageDev .fl2 .ntit3{
    width: 100%;
}
.pageDev .fl2 .f-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -2;overflow: hidden;}
.pageDev .fl2 .f-bg .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-background-size: cover !important; background-size: cover !important; background-attachment: fixed !important; opacity: 0; visibility: hidden; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl2 .f-bg .item::before{content: "";position: absolute;top: 0;left: 0;width: 100%; height: 100%;backdrop-filter: blur(15px);background: rgba(0,0,0,.2);}
.pageDev .fl2 .f-bg .item.active{opacity: 1; visibility: visible;}
.pageDev .fl2 .ntit3{margin-bottom: 0.26rem;}
.pageDev .fl2 .ntit3 h3{font-size: var(--font42);}
.pageDev .fl2 .swiper{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.pageDev .fl2 .swiper .slider-nav{width: 1.2rem; height: 4.26rem; overflow: hidden; z-index: 10;}
.pageDev .fl2 .swiper .slider-nav .swiper-wrapper{justify-content: center;}
.pageDev .fl2 .swiper .slider-nav .swiper-slide{cursor: pointer;}
.pageDev .fl2 .swiper .slider-nav .year{position: relative; font-size: var(--font16); color: #ffffff; display: flex; align-items: center; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl2 .swiper .slider-nav .year:before{content: ''; margin-right: 0.19rem; display: block; width: 0.16rem; height: 1px; background-color: #fff; opacity: .2; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl2 .swiper .slider-nav .year span{opacity: 0; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl2 .swiper .slider-nav .swiper-slide-thumb-active{}
.pageDev .fl2 .swiper .slider-nav .swiper-slide-thumb-active .year{}
.pageDev .fl2 .swiper .slider-nav .swiper-slide-thumb-active .year:before{width: 0.42rem; opacity: 1;}
.pageDev .fl2 .swiper .slider-nav .swiper-slide-thumb-active .year span{opacity: 1; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl2 .swiper .slider-cont{width: calc(100% - 1.72rem); height: 6.4rem; position: relative; overflow: hidden; flex-shrink: 0;}
.pageDev .fl2 .swiper .slider-cont .swiper-pagination{position: absolute; left: 0; bottom: 0; right: 0; font-size: 0; text-align: center; z-index: 10; display: none;}
.pageDev .fl2 .swiper .slider-cont .swiper-pagination .swiper-pagination-bullet{width: 0.14rem; height: 0.14rem; background-color: rgba(255, 255, 255, .7);}
.pageDev .fl2 .swiper .slider-cont .swiper-pagination .swiper-pagination-bullet-active{background-color: #85c02e;}
.pageDev .fl2 .swiper .slider-cont .con{display: block; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.pageDev .fl2 .swiper .slider-cont .pic{margin-right: 2rem; width: 6rem; height: 4rem; border-radius: 0.1rem; overflow: hidden; flex-shrink: 0; opacity: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;    -webkit-mask: 
        linear-gradient(
            to bottom,
            transparent 0%, 
            black 10%, /* 顶部虚化范围 */
            black 90%, /* 底部保留清晰范围 */
            transparent 100%
        ),
        linear-gradient(
            to right,
            transparent 0%, 
            black 10%, /* 左侧虚化范围 */
            black 90%, /* 右侧保留清晰范围 */
            transparent 100%
        );
    mask: 
        linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%),
        linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    mask-composite: intersect; /* 合并两个渐变（仅 Firefox 支持） */
    -webkit-mask-composite: destination-in; /* 兼容 Chrome/Safari */}
.pageDev .fl2 .swiper .slider-cont .pic.active{opacity: 1;}
.pageDev .fl2 .swiper .slider-cont .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.pageDev .fl2 .swiper .slider-cont .right{color: #ffffff; width: 100%; min-width: 0; flex: 1; opacity: .1; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.pageDev .fl2 .swiper .slider-cont .year{font-size: var(--font78); font-weight: bold; line-height: 1.1; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.pageDev .fl2 .swiper .slider-cont .desc{font-size: var(--font28); line-height: 1.5; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.pageDev .fl2 .swiper .slider-cont .swiper-slide-active .pic{opacity: 1;}
.pageDev .fl2 .swiper .slider-cont .swiper-slide-active .right{opacity: 1; -webkit-transform: translateX(-0.6rem); -ms-transform: translateX(-0.6rem); -o-transform: translateX(-0.6rem); transform: translateX(-0.6rem);}
.pageDev .fl2 .swiper .slider-cont .swiper-slide-active .year{font-size: var(--font120);}
.pageDev .fl2 .swiper .slider-cont .swiper-slide-active .desc{margin-top: 0.16rem; font-size: var(--font36);}

.pageDev .fl3{padding: 1.16rem 0 0; position: relative; overflow: hidden;}
.pageDev .fl3 .ntit4{margin-bottom: 0;}
@media (max-width:1199px) {
    .pageDev .fl3 .ntit4{margin-bottom: 0.7rem;}
    .pageDev .fl2 .swiper .slider-nav .swiper-wrapper{justify-content: flex-start;}
}
.pageDev .fl3 .ntit4 h3{text-align: center;}
.pageDev .fl3 .swiper{overflow: visible;}
.pageDev .fl3 .swiper .slider-imgs{margin-bottom: 0; padding: 0 0.8rem; height: 4rem; position: relative; z-index: 10;}
.pageDev .fl3 .swiper .slider-imgs .swi-arrow{margin-top: -0.25rem; position: absolute; top: 50%; width: 0.5rem; height: 0.5rem; border: 1px solid #e3e3e3; border-radius: 50%; z-index: 10; cursor: pointer; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl3 .swiper .slider-imgs .swi-arrow:before{content: ''; position: absolute; left: 50%; top: 50%; width: 0.07rem; height: 0.12rem; background: url(../images/development/icon-arrow1.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; margin: -0.06rem 0 0 -0.035rem;}
.pageDev .fl3 .swiper .slider-imgs .swi-arrow.prev{left: 0;}
.pageDev .fl3 .swiper .slider-imgs .swi-arrow.next{right: 0;}
.pageDev .fl3 .swiper .slider-imgs .swi-arrow.next:before{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.pageDev .fl3 .swiper .slider-imgs .swi-arrow:hover{border-color: #333333;}
.pageDev .fl3 .swiper .slider-imgs .box{padding: 0 37%; height: 100%; position: relative; overflow: visible;}
.pageDev .fl3 .swiper .slider-imgs .pic{padding: 0.3rem; height: 4rem; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center;}
.pageDev .fl3 .swiper .slider-imgs .pic:before{content: ''; margin-left: -2.04rem; position: absolute; left: 50%; bottom: .3rem; width: 4.08rem; height: 0.5rem; background: url(../images/development/circle1.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; opacity: 0; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl3 .swiper .slider-imgs .pic img{display: block; max-width: 100%; max-height: 100%; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl3 .swiper .slider-imgs .swiper-slide-active .pic img{-webkit-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9);}
.pageDev .fl3 .swiper .slider-imgs .swiper-slide-active .pic:before{opacity: 1;}
.pageDev .fl3 .swiper .slider-nav { width: 100%; height: 4.2rem; position: relative; z-index: 10; }
.pageDev .fl3 .swiper .slider-nav .bg-circle{margin-left: -15.745rem; position: absolute; left: 50%; top: 0; width: 31.49rem; height: 31.49rem; background: url(../images/development/circle2.png) center center no-repeat; -webkit-background-size: contain; background-size: contain; z-index: -1;}
.pageDev .fl3 .swiper .slider-nav:after{content: ''; margin-left: 2px; position: absolute; left: 50%; top: 0; width: 1px; height: 0.4rem; background-color: #85c02e; margin-top: -0.24rem;}
.pageDev .fl3 .swiper .slider-nav .swiper-slide{padding-top: 0.58rem; width: 17%; height: auto; cursor: pointer;}
.pageDev .fl3 .swiper .slider-nav .year{font-size: var(--font20); color: #222222; line-height: 1.3; text-align: center; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl3 .swiper .slider-nav .swiper-slide-active .year{font-size: var(--font36); color: #85c02e; font-weight: bold;}
.pageDev .fl3 .swiper .slider-txts { width: 100%; height: 5rem; position: absolute; left: 0; bottom: 0; padding-top: 1rem; pointer-events: none; overflow: hidden; z-index: 1;}
.pageDev .fl3 .swiper .slider-txts .desc{ width: 6.4rem; height: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: var(--font24); color: #222222; line-height: 1.25; text-align: center;}

@media (max-height: 650px) {
    .pageDev .fl3 .swiper .slider-txts { height: 3.5rem; }
}

.pageDev .fl4{ /* margin-top: -1.44rem; */ position: relative; z-index: 10;}
.pageDev .fl4 .ntit4 {margin-bottom: 0.6rem;}
.pageDev .fl4 .ntit4 h3 { text-align: center;}
.pageDev .fl4 .swiper{height: 100vh; position: relative; overflow: hidden;}
.pageDev .fl4 .swiper .slider-imgs{height: 100%; overflow: hidden; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 2s linear; -o-transition: 2s linear; transition: 2s linear;}
.pageDev .fl4 .swiper .slider-imgs .swiper-slide{overflow: hidden;}
.pageDev .fl4 .swiper .slider-imgs .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.pageDev .fl4 .swiper .slider-nav {position: absolute; left: 0; bottom: 0.34rem; right: 0; z-index: 10;}
.pageDev .fl4 .swiper .slider-nav .swiper-wrapper{align-items: flex-end;}
.pageDev .fl4 .swiper .slider-nav .swiper-slide{cursor: pointer;}
.pageDev .fl4 .swiper .slider-nav .con{padding: 0.16rem 0.32rem; display: block; height: 1.18rem; border-radius: 0.1rem; position: relative; z-index: 1; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl4 .swiper .slider-nav .con:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .5; z-index: -1; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl4 .swiper .slider-nav .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; z-index: -2; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl4 .swiper .slider-nav .year{font-size: var(--font16); color: #ffffff;}
.pageDev .fl4 .swiper .slider-nav .tit{margin-top: 0.1rem; font-size: var(--font16); color: #fff; -webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.pageDev .fl4 .swiper .slider-nav .swiper-slide-thumb-active .con{height: 1.65rem;}
.pageDev .fl4 .swiper .slider-nav .swiper-slide-thumb-active .con:before{opacity: .8;}
.pageDev .fl4 .swiper .slider-nav .swiper-slide-thumb-active .bg{opacity: 0;}
.pageDev .fl4 .swiper .slider-nav .swiper-slide-thumb-active .tit{font-size: var(--font24);}
.pageDev .fl4 .swiper.animated .slider-imgs{-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}



@media(max-width: 1600px) {
    .pageDev .fl4 .swiper .slider-nav .con {
        height: 1.5rem;
    }
    .pageDev .fl4 .swiper .slider-nav .swiper-slide-thumb-active .con{height: 1.7rem;}
    .pageAbout .fl2 .desc { width: 13rem; font-size: var(--font20); }
}
@media(max-width: 1280px){
    /*头部*/
    .header-sub{top: 70px;}
    .header-sub .box1 .right{width: calc(100% - 7rem);}
    /*发展历程*/
    .pageDev{padding-top: 70px;}
}

@media(max-width: 1199px){
    /*关于我们*/
    .pageAbout .fl2, .pageAbout .fl3{height: auto; min-height: 100vh;}
    .pageAbout .fl4{min-height: 0;}
    .pageAbout .fl4 .swiper .swiper-slide{width: 24%;}
    /*发展历程*/
    .pageDev{padding-top: 60px;}
    .pageDev .fl2:before{display: none;}
    .pageDev .fl2 .ntit3{margin-bottom: 0.6rem;}
    .pageDev .fl2 .f-line{display: none;}
    .pageDev .fl2 .swiper{padding: 0; display: block;}
    .pageDev .fl2 .swiper .slider-nav{margin-bottom: 0.8rem; width: auto; height: auto;}
    .pageDev .fl2 .swiper .slider-nav .swiper-slide{padding: 0 0.2rem;}
    .pageDev .fl2 .swiper .slider-nav .year span{opacity: 1;}
    .pageDev .fl2 .swiper .slider-cont{width: 100%; height: auto;}
    .pageDev .fl2 .swiper .slider-cont .swiper-slide{min-height: 0;}
    .pageDev .fl2 .swiper .slider-cont .con{padding-bottom: 0;}
    .pageDev .fl2 .swiper .slider-cont .pic{margin-right: 1rem;}
    .pageDev .fl2 .swiper .slider-cont .right{width: calc(100% - 4.2rem); -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; -o-transform: translate(0) !important; transform: translate(0) !important;}
    .pageDev .fl3 .swiper{display: flex; flex-direction: column;}
    .pageDev .fl3 .swiper .slider-box {}
    .pageDev .fl3 .swiper .slider-nav{ height: auto; order: 1;}
    .pageDev .fl3 .swiper .slider-nav:before{display: none;}
    .pageDev .fl3 .swiper .slider-nav .bg-circle{display: none;}
    .pageDev .fl3 .swiper .slider-nav .swiper-slide{padding-top: 0.24rem; transform: none !important;}
    .pageDev .fl3 .swiper .slider-nav .year{height: 0.6rem; line-height: 0.6rem;}
    .pageDev .fl3 .swiper .slider-txts{  margin: 0; margin-bottom: 2rem !important; padding: 0; position: static; width: 100%; height: auto !important; order: 3;}
    .pageDev .fl3 .swiper .slider-imgs{order: 2;}
    .pageDev .fl3 .swiper .slider-imgs .box{padding: 0;}
    .pageDev .fl3 .swiper .slider-imgs .pic{height: 3rem;}
    .pageDev .fl2 .swiper .slider-cont{padding-bottom: 0.6rem;}
    .pageDev .fl2 .swiper .slider-cont .swiper-pagination{display: block;}
    .pageDev .fl4 .swiper{height: 52vw;}
    .pageDev .fl4 .swiper .slider-nav{bottom: 0.2rem;}
    .pageDev .fl4 .swiper .slider-nav .swiper-slide-thumb-active .tit{font-size: var(--font18);}
}

@media(max-width: 769px){
    /*关于我们*/
    .pageAbout .fl2 .desc{font-size: var(--font18); line-height: 1.1;}
    .pageAbout .fl2 .desc p{line-height: 1.7;}
    .pageAbout .fl3 .list{margin-bottom: -0.8rem;}
    .pageAbout .fl3 .list li{margin-bottom: 0.8rem; width: 100%; max-width: 100%;}
    .pageAbout .fl3 .list .desc{font-size: var(--font18);}
    .pageAbout .fl4 .ntit4{margin-bottom: 0.6rem;}
    .pageAbout .fl4 .ntit4 h3{font-size: var(--font40);}
    .pageAbout .fl4 .list{margin-bottom: 0.2rem;}
    .pageAbout .fl4 .list li{width: 33.33%;}
    .pageAbout .fl4 .list .num{font-size: var(--font18);}
    .pageAbout .fl4 .swiper .swiper-slide{padding: 0.4rem 0; width: 3rem;}
    .pageAbout .fl4 .swiper .con{height: 52vw;}
    .pageAbout .fl5{padding: 1rem 0;}
    .pageAbout .fl5 .list li{width: 100%;}
    .pageAbout .fl5 .list .con{height: 4rem;}
    .pageAbout .fl5 .list .btn-arrow{margin: 0.4rem auto 0; width: 0.52rem; height: 0.52rem;}
    .pageAbout .fl5 .list .btn-arrow i{width: 0.2rem; height: 0.18rem; margin: -0.09rem 0 0 -0.1rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
    /*发展历程*/
    .pageDev .fl1 .tabs li{margin-right: 0;}
    .pageDev .fl1 .tabs a{line-height: 0.9rem;}
    .pageDev .fl2 .swiper .slider-cont .swiper-slide{height: 100%;}
    .pageDev .fl2 .swiper .slider-cont .con{display: block;}
    .pageDev .fl2 .swiper .slider-cont .pic, .pageDev .fl2 .swiper .slider-cont .right{width: 100%;}
    .pageDev .fl2 .swiper .slider-cont .pic{margin-bottom: 0.3rem; height: 52vw;}
    .pageDev .fl2 .swiper .slider-cont .year{font-size: var(--font60) !important;}
    .pageDev .fl2 .swiper .slider-cont .desc{margin-top: 0.2rem !important; font-size: var(--font24) !important;}
    .pageDev .fl3 .swiper .slider-imgs{padding: 0 0.6rem;}
    .pageDev .fl3 .swiper .slider-imgs .pic{height: 4rem;}
    .pageDev .fl3 .swiper .slider-imgs{margin-bottom: 0;}
    .pageDev .fl3 .swiper .slider-nav .swiper-slide{width: 25%;}
    .pageDev .fl4{margin-top: 0;}
    .pageDev .fl4 .swiper{height: 80vw;}
    .pageDev .fl4 .swiper .slider-nav .con {
        height: 1.7rem;
    }
    /*弹窗*/
    .pop-win1 .pop-right{width: 6rem;}
    .m-pop .pop-close{right: 0.05rem; top: 0.05rem; width: 0.6rem; height: 0.6rem; -webkit-background-size: 0.18rem auto; background-size: 0.18rem auto;}
    .pop-win1 .pop-left{display: none;}
    .pop-form1 .form-item{min-height: 0.9rem;}
    .pop-form1 .inp, .pop-form1 .tar{height: 0.9rem; line-height: 0.9rem;}
    .pop-form1 .tar{padding: 0.26rem 0; height: 1.4rem; line-height: 0.34rem;}
    .pop-form1 .label{padding: 0.25rem 0; width: 1.5rem; line-height: 0.4rem;}
    .pop-form1 .vcode .img{width: 1.2rem; height: 0.4rem;}
    .pop-form1 .upload .l{padding-top: 0.1rem;}
    .pop-form1 .upload .l li{padding: 0.22rem 0.22rem 0 0;}
    .pop-form1 .upload .l span{line-height: 0.42rem;}
    .pop-form1 .upload .l .close{width: 0.4rem; height: 0.4rem; -webkit-background-size: 0.28rem auto; background-size: 0.28rem auto;}
    .pop-form1 .upload .l .tips{margin-top: 0.15rem; margin-bottom: 0.25rem; line-height: 0.4rem;}
    .pop-form1 .upload .r{padding: 0.15rem 0;}
    .pop-form1 .upload .r .btn label{width: 0.6rem; height: 0.6rem; -webkit-background-size: 0.2rem auto; background-size: 0.2rem auto;}
    
}




.pop-win1{    width: 90%; 
    max-width: 800px;
}
.pop-win1 .pop-left{width: 37.5%;}
.pop-win1 .pop-right{width: 62.5%; }
.pop-form1 .label{width: 82px !important;}


@media(max-width: 769px){
    .pop-win1 .pop-right{width: 100%; }
}