@font-face {
    font-family: T;
    font-style: normal;
    font-weight: 400;
    /*src: url(https://cdn.teyes.cn/cc4/ys.otf) format("opentype")*/
    src: url(https://cdn1.teyes.cn/font/YS%20Text-Regular.woff2) format("opentype")

    
}

@font-face {
    font-family: N;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.teyes.cn/cc4/no.TTF) format("opentype")
}


* {
    margin: 0;
    padding: 0;
    font-family: T;
}

.en * {
    margin: 0;
    padding: 0;
    font-family: N;
}
body,html{
    height:100vh;
    width:100vw;
    overflow:auto;
    background-position:top center;
    background-repeat:no-repeat;
    background-color:#000;
    background-size:cover;
    background-image:url(https://cdn.teyes.cn/cc4/7/img/bg.png);
}
.page{
    max-width:1280px;
    margin:auto;
}
.container{
    margin-bottom:60px;
}
.lists{
    display:flex;
}
.swiper-slide{
}
.whatapp{
    text-align:center;
    padding-top:150px;
    margin-bottom:36px;
}
.container  .title{
    color:#fff;
    text-align:center;
    font-weight: 400;
    font-size: 50px;
    line-height: 50px;
    margin-bottom:30px;
}
.container .desc{
    text-align:center;
    font-size: 26px;
    color: #EDF8FF;
    line-height: 36px;
    text-align: center;
    margin-bottom:84px;
}
.lists .item{
    display:block;
    flex:1;
    border-radius:42px;
    margin-right:20px;
    position:relative;
    cursor:pointer;
    overflow:hidden;
    /*min-width:300px;*/
}
.swiper-slide{
    width:297px;
}
.swiper-slide.active  .item:before,
.lists .item:hover:before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    border-radius:40px;
    background-image:linear-gradient(to right, #659cff,#71ffdf);
}
.swiper-slide.active .item .inns,
.lists .item:hover .inns{
    background-color:#232b32;
}
.lists .item img{
    width:36px;
}
.lists .item:last-child{
    margin-right:0;
}
.container .c1{
    margin-bottom:40px;
}
.container .c2{
    font-size: 21px;
    color: #9DAFB9;
    line-height: 28px;
    margin-bottom:40px;
}
.container .c3{
    width: 160px;
    height: 64px;
    background: #F1F9FF;
    border-radius: 32px 32px 32px 32px;
    color:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
}
.phone{
    font-size: 26px;
    margin-bottom:40px;
    color: #EDF8FF;
}
.inns{
    background-color:rgba(35, 39, 43, .6);
    padding:40px;
    position:relative;
    margin:3px;
    border-radius:40px;
}

@media screen  and (max-width: 1300px) {
    .m20{
        margin-right:20px;
        margin-left:20px;
    }
}

@media screen  and (max-width: 750px) {
    body,html{
        background-image:url(https://cdn.teyes.cn/cc4/7/img/bgmb.png);
    }
    .swiper-slide{
        width:75vw;
    }
    .whatapp{
        margin-bottom:18px;
        padding-top: min(150px, 33vw);
    }
    .whatapp img{
        width:60px;
    }
    .lists{
        margin:0 0px;
    }
    .inns{
        padding:min(40px, 8vw);
    }
    .container .c1{
        margin-bottom:min(40px, 6vw);
    }
    .container .title{
        font-size:30px;
        margin-bottom:20px;
        line-height:120%;
    }
    .container .desc{
        margin:0 0px 40px 0px;
        font-size: min(16px, 3.7vw);
        line-height: 140%;
    }
    .container  .c2{
        font-size:20px;
        margin-bottom:20px;
    }
    .container .c3{
        width: 140px;
        height:50px;
        font-size:18px;
    }
    .phone{
        margin-bottom:40px;
    }
    .swbk{
        text-align:center;
    }
    .swp{
        display:inline-block;
        margin:20px auto;
    }
    .swpv{
        display:flex;
        border-radius:15px;
        padding: 4px 5px;
        background-color:rgba(24, 25, 28, .2);
    }
    .swpi{
        height:9px;
        margin:4px;
        width:9px;
        border-radius:50%;
        background-color:rgba(255, 255, 255, .1);
    }
    .swpi.active{
        background-color:#fff;
    }
    
}