* {
    margin: 0;
    padding: 0;
}

/* sections 背景色 */
.fp-section{
    background-image: url("../../static/img2/cover1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.fp-section:nth-child(1) {
    background-color: white;
    background-image:none;
}


/* 指示点颜色 */
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #FFC5DB !important;
    width: 8px !important;
    height: 8px !important;
    margin: -4px 0 0 -4px !important;
}

#fp-nav ul li .active span,
.fp-slidesNav ul li a span {
    background: #FF004E !important;
    width: 12px !important;
    height: 12px !important;
    margin: -6px 0 0 -6px !important;
}

/* footer */
.myContent {
    height: auto;
    padding-top: 5vh;
}

/* 定义缩放动画 */
@keyframes zoom-in-out {
    from {
        transform: scale(1.5);
    }

    to {
        transform: scale(1);
    }

}
/* 平滑缩放 */
@keyframes zoom-in-out-t {
    0% {
        transform: perspective(100px) scale(1.5);
    }
    100% {
        transform: perspective(100px) scale(1);
    }
}

/* 定义渐入动画 */
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

/* 定义变大动画 */
@keyframes zoomIn {
    from {
        transform: scale(0.5);
    }

    to {
        transform: scale(1);
    }
}

/* 定义渐入和变大动画 */
@keyframes fadeInZoom {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


/* 第一页 */
.onePage{
    width: 67.71vw;
    margin: 0 auto;
    margin-left: 13.02vw;
}
.onePage .top{
    display: flex;
    margin-top: 9.01vw;
}
.onePage .top :nth-child(1){
    width: 47vw;
    height: 15.21vw;
    /* margin-top: 3.28vw; */
}
.onePage .top :nth-child(2){
    width: 36.3vw;
    height: 34.74vw;
    margin-left: -8.36vw;
}
.onePage .bottom{
    display: flex;
    margin-top: -17.89vw;
}
.onePage .bottom .left{
    display: flex;
    flex-direction: column;
    gap: 0.94vw;
    margin-top: 1.93vw;
}
.onePage .bottom .left .show{
    width: 12.55vw;
    background: #4D4D4D;
    cursor: pointer;
    border-radius: 0.99vw;
    text-align: center;
}
.onePage .bottom .left .red{
    background: linear-gradient( 270deg, #FF5F2A 0%, #FF004E 100%);
}
.onePage .bottom .left .btn{
    width: 12.55vw;
    height: 3.23vw;
    cursor: pointer;
    font-size: 1.35vw;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    padding-left: 1.04vw;
}
.onePage .bottom .left .btn img{
    width: 1.88vw;
    margin-right: 1.3vw;
}
.onePage .bottom .left .code{
    width: 10.83vw;
    cursor: pointer;
    margin: 0 auto 0.78vw;
    border-radius: 0.99vw;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;

}
.onePage .bottom .left .btn1:hover + .code1,
.onePage .bottom .left .btn2:hover + .code2 {
    display: block;
    opacity: 1;
}
.onePage .bottom .right img{
    width: 57.34vw;
    height: 26.56vw;
    margin-left: 8.91vw;
}

/* 第二页 */
.twoPage {
    display: flex;
    margin: 0 auto;
    gap: 0.73vw;
    margin-top: 2.29vw;
}
.twoPage .left img{
    width: 24.06vw;
}
.twoPage .right{
    margin-left: 4.27vw;
}
.twoPage .right .cuo{
    margin-left: 3.59vw;
}
.twoPage .right .logoI{
    width: 12.29vw;
    margin-bottom: 1vw;
}
.logoAni {
    opacity: 0;
    animation: fadeIn 1s ease forwards, zoom-in-out-t 1s;
    /* transform-origin: center center;
        transform: perspective(100px) scale(1); */
}

/* 第三页 */
.threePage{
    display: flex;
    margin: 0 auto;
    gap: 23.49vw;
    margin-top: 7vw;
}
.threePage .left{
    position: relative;
}
.threePage .left .phone{
    width: 20.16vw;
}
.threePage .left .positions{
    position: absolute;
    left: 8.07vw;
    top: 4.17vw;
}
.threePage .left .positions img{
    width: 25.8vw;
    margin: -3.85vw 0;
}
.threePage .left .positions :nth-child(1){
    width: 25.5vw;
    animation-delay: 1s;
}
.threePage .left .positions :nth-child(2){
    margin-left: 0.57vw;
    animation-delay: 2s;
}
.threePage .left .positions :nth-child(3){
    margin-left: 3.39vw;
    animation-delay: 3s;
}
.threePage .left .positions :nth-child(4){
    margin-left: 1.3vw;
    animation-delay: 4s;
}
.threePage .right img{
    width: 26.72vw;
    margin-top: 1.61vw;
}
.jobsAni {
    opacity: 0;
    /* 初始透明度为0 */
    /* animation: fadeIn 1s ease forwards, zoomIn 1s ease forwards; */
    /* 渐入动画 */
    animation: fadeInZoom 1s ease forwards;
}

/* 第四页 */

.fourPage{
    display: flex;
    margin: 0 auto;
    gap: 19.64vw;
    margin-top: 4.7vw;
}
.fourPage .left img{
    width: 21.98vw;
    margin-top: 8.39vw;
}
.fourPage .right{
    position: relative;
}
.fourPage .right .phone{
    width: 17.03vw;
}
.fourPage .right .persons{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 7.65vw;
    left: 1.25vw;
}
.fourPage .right .persons img{
    width: 14.57vw;
    margin-bottom: 0.36vw;
}
.personAni {
    opacity: 0;
    animation: fadeIn 1s ease forwards, zoom-in-out 1.5s;
    animation-delay: 1s;
}

/* 第五页 */
.fivePage{
    display: flex;
    margin: 0 auto;
    gap: 10.31vw;
    margin-top: 7vw;
}
.fivePage .left{
    position: relative;
}
.fivePage .left .phone{
    width: 28.54vw;
}
.fivePage .left .white1{
    width: 17.14vw;
    position: absolute;
    left: 13.75vw;
    top: 6.82vw;
    animation-delay: 0.5s;
}
.fivePage .left .white2{
    width: 17.45vw;
    position: absolute;
    left: 15.63vw;
    top: 4.79vw;
    animation-delay: 1s;
}
.fivePage .left .contacts{
    position: absolute;
    left: 17.29vw;
    top: 7.14vw;
    width: 13.7vw;
}
.fivePage .left .contacts :nth-child(1){
    width: 12.4vw;
    float: right;
    animation-delay: 1.5s;
}
.fivePage .left .contacts :nth-child(2){
    width: 9.79vw;
    animation-delay: 2.5s;
}
.fivePage .left .contacts :nth-child(3){
    width: 2.66vw;
    margin: -0.89vw auto 0;
    display: block;
    animation-delay: 3.5s;
}
.fivePage .left .contacts :nth-child(4){
    width: 5.78vw;
    float: right;
    animation-delay: 4.5s;
}
.fivePage .left .contacts :nth-child(5){
    width: 7.29vw;
    margin-top: 1.56vw;
    animation-delay: 5.5s;
}
.fivePage .left .contacts :nth-child(6){
    width: 12.81vw;
    margin-top: -0.89vw;
    animation-delay: 6.5s;
}
.fivePage .left .contacts :nth-child(7){
    width: 4.27vw;
    float: right;
    margin-top: -0.89vw;
    animation-delay: 7.5s;
}

.fivePage .right img{
    width: 19.69vw;
    /* margin-top: 6.46vw; */
}

.contactAni {
    opacity: 0;
    /* 初始透明度为0 */
    animation: fadeIn 1s ease forwards;
}