@charset "utf-8";
@font-face {
    font-family: OPPOSans-B;
    src: url('https://xjyd2023.oss-cn-shenzhen.aliyuncs.com/fonts/OppoSans-Bold.ttf')
}
@font-face {
    font-family: OPPOSans-R;
    src: url('https://xjyd2023.oss-cn-shenzhen.aliyuncs.com/fonts/OppoSans-Regular.ttf')
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-size: 62.5%;
    position: relative;
}
*, *:before, *:after {
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body {
    font-size:12px;
    color:#000;
    margin:auto;
    overflow-x: hidden;
}
body.active {
    overflow: hidden;
}
a,a:hover {
    text-decoration: none;
}
a:hover {
    color:#009c96
}
.menuBox a.on {
    color:#009c96 !important
}
.pageMenu li a.on {
    color:#fff;
    background:#009c96
}
li,ul {
    list-style: none;
}
img {
    vertical-align: middle;
    max-width:100%;
}
button {
    border:none;
}
.cls {
    clear:both
}
.imgBox {
    overflow: hidden;
    position: relative;
    height: 0;
}
.imgBox img {
    width: 100%;
    max-width: 100%;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
    transition: all 0.5s;
    height: 100%;
    object-fit: cover;
}
.sections {
    /*max-width: 1420px;*/
    padding:0 20px;
    margin:0 auto;
    width: 80%;
}
.pageSection {
    max-width: 1240px;
    padding:0 20px;
    margin:90px auto 150px;
    display: flex;
    width: 80%;
    justify-content: space-between;
}



.sections,.pageSection {
    /*width: 100%;*/
    /*max-width: 100%;*/
    /*padding-left: 270px;*/
    /*padding-right: 270px;*/
}
@media screen and (max-width: 1800px) {
    .sections,.pageSection {
        /*width: 90%;*/
        /*max-width: 90%;*/
        /*padding-left: 20px;*/
        /*padding-right: 20px;*/
    }
}
@media screen and (max-width: 1600px) {
    .sections,.pageSection {
        width: 80%;
        max-width: 80%;
    }
}
@media screen and (max-width: 1366px) {
    .sections,.pageSection {
        width: 90%;
        max-width: 90%;
    }
}
@media screen and (max-width: 768px) {
    .sections,.pageSection {
        width: 100%;
        max-width: 100%;
    }
}
:root {
    --linear-color:#009c96 linear-gradient(to right ,rgba(32,156,255,0.39),rgba(104,204,227,0.39));
    --dominant-color:#009c96
}

.swiper-button-prev:hover,.swiper-button-next:hover {
    background: var(--linear-color);
    box-shadow: 0 0 18px 9px rgba(0,165,184,0.1);
}
/*限制行数*/
.clamp1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.clamp2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.clamp3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.clamp4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.clamp5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.clamp6{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
input::placeholder,textarea::placeholder {
    font-size:14px;
    color:#999
}
input:focus,textarea:focus,select:focus {
    outline:1px solid #009c96;
    border:none
}
input:checked {
    background:#009c96 ;
}
/*swiper css*/
.swiper{
    --swiper-theme-color: #009c96;/* 设置Swiper风格 */
    --swiper-navigation-color: #009c96;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
}

.phone {
    display: none;
}
/*滚动条美化*/
::-webkit-scrollbar{
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track{
    background-color: #f5f5f5;
    -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1);
    border-radius:5px;
}
::-webkit-scrollbar-thumb{
    background-color: #b3b3b3;
    border-radius: 5px;
}

.swiper-pagination-progressbar {
    height: 6px !important;
    background: #e4e4e4 !important;
    border-radius: 20px;
}
.swiper-pagination-progressbar-fill {
    border-radius: 180px !important;
}

/*按钮*/
.button-prev,.button-next {
    transition: all 0.5s;
    background-repeat: no-repeat;
    background-position:center;
    background-size:28px 28px;
}
.button-prev:hover,.button-next:hover {
    background-color:#ff4d00;
    transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
    .pc {
        display:none;
    }
    .phone {
        display: block;
    }
}


@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 768px), (min-resolution: 120dpi) and (min-width: 768px) {

    html {
        /*zoom: 0.8;*/
        /*transform: scale(0.8);
        transform-origin: 0 0;
        width: 125%;
        height: 125%;*/
    }

    .menuBox ul li a {
        font-size: 20px !important;
    }


    @media screen and (max-width: 1080px) {
        .menuBox {
            height: 125vh;
        }
    }

}
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 768px), (min-resolution: 144dpi) and (min-width: 768px){
    html {
        /*zoom: 0.67;*/
    }
    .menuBox ul li a {
        font-size: 20px !important;
    }

    @media screen and (max-width: 1080px) {
        .menuBox {
            height: 150vh;
        }
    }
}


/*@media screen and (max-width: 1920px) {
    html {
        font-size: calc(10000 * 100vw / 1920);
    }
}*/