:root {
    --big-title-size: max(2.4vw, 28px);
    --big2-title-size: max(2.0vw, 24px);
    --big3-title-size: max(1.9vw, 22px);
    --p-size: max(0.95vw, 17px);
    --two-title: max(1.25vw, 21px);
    --p2-size: max(0.85vw, 15px);
    --p3-size: max(0.52vw, 12px);
    --p4-size: max(1vw, 16px);
    --two2-title: max(1.05vw, 17px);
}


/*title*/
.title-item-1 {
    position: fixed;
    width: 100vw;
    z-index: 888;
    box-shadow: 0.7px 0.7px 1.1px rgba(0, 0, 0, 0.125), 2.5px 2.5px 3.8px rgba(0, 0, 0, 0.185), 11px 11px 17px rgba(0, 0, 0, 0.27);
    background-color: #000000bb;
    min-height:75px;
    top:0px;
}

.title-item-1-inner {
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: all 0.5s linear;
}

.title-item-1-inner-1 {
    width: max( 7vw, 75px);
    margin-right:1.5vw;
}

.title-item-1-inner-2 {
    transform:translateX(10%);

}


.title-item-1-inner-2, .title-item-1-inner-2-1-2 {
    font-family: 'OPPOSans-H';
    font-weight: 700;
}

.title-item-1-inner-2-2 {
   /* font-family: 'OPPOSans-R';*/
}

.title-item-1-inner-2-1 {
    transform: translateY(10%);
}


.title-item-1-inner-2-1-1 {
    font-family: 'bahnschrift';
    font-weight:700;
    color: #5E69FF;
    font-size: max(1.1vw,16px);
    transform:translateY(2px);
    display:inline-block;
}

.title-item-1-inner-2-1-2 {
    font-size: max(0.9vw,13px);
}

.title-item-1-inner-2-2 {
    font-size: max(0.65vw,9px);
}

.title-item-1-inner-2-1-1, .title-item-1-inner-2-1-2 {
    line-height:23px;
}

.title-item-1-inner-2-1-2, .title-item-1-inner-2-2 {
    color: #fff;
}

.title-item-1-inner-2-3 {
    width: 3vw;
    height: 2px;
    background-color: #5e69ff;
    margin-top:3px;
}

.tttt {
    cursor:pointer;
}

.tttt:hover .title-tc {
    opacity: 1;
    display:flex;
}

.title-tc {
    display:none;
    font-family: 'OPPOSans-R';
    font-size: var(--p2-size);
    position: absolute;
    height: 100px;
    bottom: -100px;
    width: 320%;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    background: #000000;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content:space-around;
    align-items:flex-start;
    padding:0px 5px;
}

.title-tc-a {
    font-size: var(--p2-size);
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
}

 .title-tc-a a {
     color:#fff;
 }

 .title-tc-a:hover a {
       color: #8f77be !important;
 }


.title-item-1-inner-2:hover .title-item-1-inner-2-1-2 {
    color: #8f77be !important;
}


.meun-cz {
    width:40px;
    position:fixed;
    right:10px;
    display:none;
    cursor:pointer;
}

.title-phone-x {
    position:fixed;
    width:100vw;
    height:100vh;
    top:0px;
    left:0px;
    background-color:#000000;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    padding-top:15vh;
    overflow-y:auto;
    display:none;
}

.title-p-x {
    position:absolute;
    width:50px;
    right:3vw;
    top:3vw;
}

.title-phone-x-item {
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: flex-start;
    width: 80%;
    margin: 0 auto;
}

.title-phone-x-item-a {
    font-family: 'OPPOSans-H';
    font-size: max(1.2vw,20px);
    color: #fff !important;
    margin-bottom:15px;
    margin-top:15px;
}

.title-phone-x-item-a-1 {
    font-family: 'OPPOSans-R';
    font-size: max(2vw,20px);
    color: #fff !important;
}

 .title-phone-x-item-a-2 {
     display:flex;
     align-items:flex-end;
 }



@media (max-width:980px) {

    .meun-cz {
        display: block;
    }

    .title-item-1-inner-2 {
        display: none !important;
    }
    
}

@media (max-width:820px) {

    .title-item-2 {
        padding-top:60px !important;
    }

    .tx-item-2 {
        width: 100%;
    }

    .bb-x {
        height:50px;
    }

    .bottom-2-2 {
        height: 18vw;
    }

  .title-item-15-inner-2 {
       flex-direction: column !important;
       align-items: center;
 }

    .bottom-1 {
        width:80%;
    }

    .bbbb1 {
        border-bottom: 1px dashed #FFAF08;
        border-right: none;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .bbbb2 {
        border-bottom: 1px dashed #CB01B9;
        border-right: none;
        margin-bottom: 20px;
        padding-bottom:15px;
    }


    .title-item-8-inner-2-2-item-2 {
        top: 52%;
    }


    .meun-cz {
        display: block;
    }

    .title-item-1-inner-2 {
        display:none !important;
    }

    .title-item-1-inner {
        height: 60px !important;
    }



    .title-img-2 {
        width:70%;
    }

    .title-item-3-inner {
        flex-direction:column;
        align-items:center;
    }

    .title-item-6-inner-1 {
        display:flex;
        flex-direction: column;
        align-items: center;
    }

    .title-item-3-1 {
       margin-bottom:3vw;
    }

    .title-item-3-2 {
        margin-left:0px !important;
    }

    .title-item-6-inner-2-1 {
        flex-direction: column;
        align-items: flex-start;
        align-items: center;
    }

    .title-item-8-inner-2-2-item {
        width: 80% !important;
        margin: 0 auto;
        margin-bottom: 7vw;
    }

    .title-item-8-inner-2-2-item-2-1 {
        font-size:5vw;
    }

    .title-item-8-inner-2-2-item-2-2 {
        font-size: 3vw;
    }

    .title-item-9-inner-2-2 {
        flex-direction:column;
        align-items:center;
    }

    .title-item-9-inner-2-2-item {
        width:100% !important;
       display:flex;
       flex-direction:column;
       justify-content:center;
       align-items:center;
    }

    .title-item-9-inner-2-2-item-1 {
        width:50%
    }

    .title-item-9-inner-2-2-item-2 {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom:3vw;
    }

    .title-item-9-inner-2-2-item-2-2 {
        font-size:3vw;
    }

    .title-item-7-inner-2-1 {
        text-align:center;
        font-size:16px;
        margin-top:3vw;
    }

    .title-item-6-inner-2-2 {
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .wz-con1 {
        width:100% !important;
    }
    .wz-con1-c-1 {
        width: 100% !important;
        margin-right:0vw !important;
    }

    .wz-con1-c-2 {
        width: 47% !important;
    }
}

@media screen and (min-width: 450px) and (max-width:820px) {
    .wz-tx {
        width: 45% !important;
    }

    .title-item-7-inner-2-2-item {
        width: 46%;
        position: relative;
    }

    .content-2-1, .content-2-3, .content-2-4 {
        font-family: 'OPPOSans-M';
        font-size: 2.25vw;
    }

    .title-item-7-inner-2-2-item-content {
        padding: 2.4vw;
    }

    .content-2-2 {
        height:2.6vw;
    }

    .content-1-1 {
        font-size: 3vw;
    }

    .content-1-2-1 {
        font-size: 2.1vw;
    }

    .title-item-14-inner-2-1 {
        height: 30vw !important;
    }

}

@media screen and (max-width: 670px) {

    


    .phone-1 {
        display: flex !important;
        margin-top:24px;
    }

    .phone-1-2 {
        padding:4vw;
    }

    .title-item-10-inner-2 {
        display: none;
    }

    .title-item-tt {
        display:block;
        margin-top:4vw;
    }

    .title-item-tt-item {
        margin-bottom:5vw;
        padding-bottom:3vw;
        border-bottom:1px dashed #fff;
        text-align:center;
    }

    .title-item-tt-item-1-1 {
        font-size: 22px;
    }
    .title-item-tt-item-1-2 {
        font-size:18px;
    }

    .title-item-tt-item-2 {
        font-size:22px;
    }

    .title-item-tt-item-3 span:nth-of-type(1){
        font-size:22px;
    }
    .title-item-tt-item-3 span:nth-of-type(2) {
        font-size: 18px;
    }

    .title-item-tt-item-4 {
        font-size:16px;
    }

    .title-item-tt2 {
        margin-bottom:25px;
    }

    .title-item-tt2-1 {
        font-size: 16px;
    }

    .title-item-tt2-2 {
        font-size: 12px;
    }

    .title-item-10-btn {
        width:80%;
        max-width:450px;
    }
    .title-item-10-btn-1 {
        width:100%;
    }

    .title-item-10-btn-2 {
        font-size:12px;
    }

    .title-item-14-inner-2-1 {
        height: 47vw !important;
    }

}

 @media screen and (max-width: 449px) {

    .title-item-12-inner-2-1-1 {
        margin-top:20px;
    }

    .ssss-2 {
        font-size:22px;
    }

    .phone-1-2-1 {
        width: 15vw;
    }

    .title-item-tt-item-1-1 {
        font-size:20px;
    }

    .title-item-9-inner-2-2-item-2 {
        display: block;
    }

    .ttt-item {
        width:100%;
    }

    .title-item-9-inner-2-2-item-2-2 {
        font-size: 16px;
    }

    .title-item-14-inner-2-1 {
        height: 67vw !important;
    }

        .wz-tx {
            width: 90% !important;
        }

        .title-item-7-inner-2-2-item {
            width: 96%;
            position: relative;
            margin-bottom: -4vw;
        }

        .content-2-1, .content-2-3, .content-2-4 {
            font-family: 'OPPOSans-M';
            font-size: 4.25vw;
        }

        .title-item-7-inner-2-2-item-content {
            padding: 4.4vw;
        }

        .content-2-2 {
            height: 4.6vw;
        }

        .content-1-1 {
            font-size: 5vw;
        }

        .content-1-2-1 {
            font-size: 4.1vw;
        }

        .title-item-7-inner-2-1 {
            margin-top: 6vw;
            margin-bottom: 4vw;
        }
  }

.width-85 {
    width: 75%;
    margin: 0 auto;

}


a {
    text-decoration: none !important;
}