@charset "utf-8";
.header .rgt .nav li ul {
    width: 325%;
    right: -113%;
}

.header .rgt .search form {
    width: 275px;
}

.header .rgt .search .btn {
    width: 95px;
}

.banner .text h1 {
    line-height: 70px;
    font-size: 50px;
    letter-spacing: 0px;
}

.about {
    padding: 120px 0 170px 0;
}

.about .lft p {
    line-height: 35px;
    font-size: 16px;
    letter-spacing: 0px;
}

.about .lft a,
.pros .more {
    width: 200px;
}

.pros li h3 {
    height: 105px;
}

.intosr .into02 li .lft h3 {
    height: 60px;
    line-height: 30px;
    font-size: 16px;
}

.intosr .into02 li .rgt p {
    letter-spacing: 0px;
}

.banner_ej h1 {
    height: 70px;
    letter-spacing: 0px;
}

.catnav li {
    margin-right: 20px;
}

.catnav li a {
    font-size: 14px;
    letter-spacing: -0.5px;
}

.proall .msg h1 {
    line-height: 35px;
    padding-bottom: 20px;
}

.proall .msg a {
    width: 180px;
    background-position: 205px center;
}

.proshow .msg h3 {
    line-height: 60px;
    font-size: 40px;
    padding-top: 20px;
}

.proshow .msg p {
    line-height: 30px;
    font-size: 16px;
}

.proshow .msg a {
    margin-top: 50px;
}

.proshow .norms h4 {
    line-height: 40px;
    font-size: 24px;
    margin-top: 25px;
}

.investor .notice .rgt {
    background-position: 30px center;
}

.investor .notice .rgt a {
    padding: 40px 0 0 110px;
    background-position: 115px 90px;
}

.investor .shares a {
    width: 155px;
    background-position: 160px center;
}

.plan li p {
    font-size: 16px;
}

.job .lft .nvs {
    padding: 10px 15px;
}

.job .lft .nvs li a {
    font-weight: bold;
    font-size: 14px;
    text-transform: Uppercase;
}

.join .whysir li {
    height: 300px;
}

.social .wlbj .bg1 {
    height: 950px;
}

.social .soc1 .mumber li {
    width: 240px;
    margin: 0 40px;
}

.social .soc2 {
    top: 50px;
}

.social .soc2 .msg {
    width: 550px;
}

.social .soc2 .msg .nr {
    width: 450px;
}

.social .soc2 .msg .nr p {
    line-height: 30px;
    margin-top: 10px;
    letter-spacing: -0.5px;
}

.social .soc2 .msg .nr p::after {
    top: 13px;
}

.social .soc3 li .msg p {
    height: auto;
    mxa-height: 160px;
}

.social .soc4 {
    top: 70px;
}

.social .wlbj .bg2 {
    height: 800px;
}

.social .soc4 li {
    width: 285px;
    margin-right: 50px;
}

.social .soc4 li h3 {
    height: 60px;
    line-height: 30px;
    font-size: 22px;
}

.social .soc4 li p {
    line-height: 25px;
    font-size: 14px;
}

.footer .rgt {
    max-width: 45%;
}

@media screen and (max-width: 1365px) {
    .banner .text h1 {
        line-height: 60px;
        font-size: 40px;
        letter-spacing: 0;
    }

    .about .lft p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }

    .about .lft a, .pros .more {
        width: 160px;
    }

    .footer .nva {
        width: 540px;
    }

    .catnav {
        height: 50px;
        line-height: 50px;
        overflow-x: scroll;
    }

    .catnav::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

    .catnav ul {
        width: 1160px;
    }

    .topnav {
        height: 50px;
        line-height: 50px;
        overflow-x: scroll;
    }

    .topnav::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

    .topnav ul {
        width: 1050px;
    }

    .header .mnavs li h3 a {
        font-size: 14px;
    }

    .proall .msg a {
        font-size: 14px;
    }

    .proall .msg p {
        line-height: 22px;
        font-size: 12px;
    }

    .intosr .into02 li .lft h3 {
        height: 100px;
    }

    .plan li {
        height: auto;
    }

    .plan li p {
        background-position: center bottom;
    }

    .social .soc1 .mumber li {
        width: calc(100% / 2);
        margin: 10px 0;
    }

    .join .whysir li {
        height: 220px;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .catnav ul {
        width: 1330px;
    }

    .topnav ul {
        width: 745px;
    }

    .banner_ej h1 {
        font-size: 18px;
        letter-spacing: 0;
    }

    .banner .text h1 {
        line-height: 30px;
        font-size: 22px;
    }

    .about .lft p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }

    .contact .bottom .tabs {
        overflow: hidden;
        overflow-x: scroll;
    }

    .contact .bottom .tabs ul {
        display: block;
        width: 580px;
    }

    .contact .bottom .tabs li {
        padding: 0 10px;
    }

    .proall .msg a {
        width: 165px;
        background-position: 175px center;
    }

    .proall .msg {
        width: 90%;
    }

    .proall .msg h1 {
        line-height: 30px;
        font-size: 16px;
        padding: 10px 0;
    }

    .proall .msg p {
        line-height: 22px;
    }

    .prolist li .msg a {
        font-size: 12px;
        background-position: 155px center;
    }

    .investor .notice .rgt {
        background-position: center 20px;
    }

    .investor .notice .rgt a {
        line-height: 25px;
        padding: 80px 0 0 0;
        background-position: center 150px;
    }

    .investor .wlbj .bg {
        height: 470px;
    }

    .investor .shares a {
        background-position: 140px center;
    }

    .plan li {
        height: 510px;
    }

    .job .lft .nvs {
        padding: 0;
    }

    .jobshow .msg span {
        width: 100%;
    }

    .social .soc1 .mumber li {
        width: 100%;
    }

    .social .soc2 .msg {
        width: 100%;
    }

    .social .soc2 .msg .nr {
        width: calc(100% - 70px);
    }

    .join .whysir li {
        height: 300px;
    }
}