@charset "UTF-8";

@font-face {
    font-family: manropeBold;
    src: url("/fonts/manrope/manrope-thin-8.otf");
}

@font-face {
    font-family: manropeFine;
    src: url("/fonts/manrope/manrope-thin-8.otf");
}
:root{
    --w1400:14rem;
    --scale:scale(1)
}

@media (min-width: 750px) {

    /**自定义滚动条样式 */
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    ::-webkit-scrollbar-track {
        background-color: transparent;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #9c9da0;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
    }
}

html {
    font-family: 'manropeFine';
}

html,
body,
header,
section,
footer,
div,
ul,
ol,
li,
img,
a,
span,
del,
legend,
center,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
hr,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    border: 0;
    padding: 0;
    font-style: normal;
    box-sizing: border-box;
}

td,
th {
    padding: 10px;
}

table {
    border-collapse: collapse;
}

strong {
    /*font-weight: normal !important;*/
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #666;
    display: block;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-weight: normal;
}

input,
button,
textarea,
select {
    outline: none;
}

button {
    border: none;
    cursor: pointer;
}

input::placeholder,
textarea::placeholder,
textarea,
select {
    font-family: manropeFine, Arial, Helvetica, sans-serif;
}

textarea {
    resize: none;
}

i {
    font-style: normal;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.dis-flex {
    display: flex;
    display: -webkit-flex;
}

.flex {
    flex: 1;
    -webkit-flex: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.align-items {
    align-items: center;
    -webkit-align-items: center;
}

.justify-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.flex-direction {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.justify-center {
    justify-content: center;
    -webkit-justify-content: center;
}

.multi-row {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.single {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.point {
    pointer-events: none;
}

.left-center {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.break-word {
    word-break: keep-all;
    word-wrap: break-word;
}

.left-center-before {
    position: relative;
}

.left-center-before::before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.top-center {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.top-center-before {
    position: relative;
}

.top-center-before::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.all-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.all-center-before {
    position: relative;
}

.all-center-before::before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.ponit {
    pointer-events: none;
}

.border-bottom1 {
    border-bottom: 1px solid #eee;
}

.border {
    border: 1px solid #eee;
}

/**自定义滚动条样式 */
/* ::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

::-webkit-scrollbar-thumb {
    background-color: #9c9da0;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
} */

.w1200 {
    width: 12rem;
    margin: 0 auto;
}

.w1400 {
    width: var(--w1400);
    margin: 0 auto;
}

.w1300 {
    width: 13rem;
    margin: 0 auto;
}

.tracking-in-expand-fwd-bottom {
    -webkit-animation: tracking-in-expand-fwd-bottom 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-expand-fwd-bottom 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

@-webkit-keyframes tracking-in-expand-fwd-bottom {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-700px) translateY(500px);
        transform: translateZ(-700px) translateY(500px);
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

@keyframes tracking-in-expand-fwd-bottom {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-700px) translateY(500px);
        transform: translateZ(-700px) translateY(500px);
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        -webkit-transform: translateZ(0) translateY(0);
        transform: translateZ(0) translateY(0);
        opacity: 1;
    }
}

.slide-top {
    animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-top2 {
    animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}

@keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}

.slide-in-right {
    animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-right1 {
    animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}

.slide-in-left {
    animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-left1 {
    animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}

.slide-in-bottom {
    animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-bottom2 {
    animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}

.slide-in-bottom3 {
    animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
}

.slide-in-bottom4 {
    animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s both;
}

.slide-in-bottom5 {
    animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2s both;
}

@keyframes slide-in-bottom {
    0% {
        transform: translate(0, 100px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes wave1 {
    0% {
        box-shadow: 0 0 0 0 rgba(229, 229, 229, 0.6), 0 0 0 0 rgba(229, 229, 229, 0.6);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(229, 229, 229, 0.3), 0 0 0 2px rgba(229, 229, 229, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(229, 229, 229, 0), 0 0 0 5px rgba(229, 229, 229, 0);
    }
}

@keyframes wave2 {
    0% {
        box-shadow: 0 0 0 0 rgba(133, 192, 35, 0.6), 0 0 0 0 rgba(133, 192, 35, 0.6);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(133, 192, 35, 0.3), 0 0 0 2px rgba(133, 192, 35, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(133, 192, 35, 0), 0 0 0 5px rgba(133, 192, 35, 0);
    }
}

@keyframes wave3 {
    0% {
        box-shadow: 0 0 0 0 rgba(210, 156, 197, 0.6), 0 0 0 0 rgba(210, 156, 197, 0.6);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(210, 156, 197, 0.3), 0 0 0 2px rgba(210, 156, 197, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(210, 156, 197, 0), 0 0 0 5px rgba(210, 156, 197, 0);
    }
}

@keyframes wave4 {
    0% {
        box-shadow: 0 0 0 0 rgba(52, 98, 146, 0.6), 0 0 0 0 rgba(52, 98, 146, 0.6);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(52, 98, 146, 0.3), 0 0 0 2px rgba(52, 98, 146, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(52, 98, 146, 0), 0 0 0 5px rgba(52, 98, 146, 0);
    }
}

@keyframes wave5 {
    0% {
        box-shadow: 0 0 0 0 rgba(245, 186, 24, 0.6), 0 0 0 0 rgba(245, 186, 24, 0.6);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(245, 186, 24, 0.3), 0 0 0 2px rgba(245, 186, 24, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(245, 186, 24, 0), 0 0 0 5px rgba(245, 186, 24, 0);
    }
}

@keyframes wave6 {
    0% {
        box-shadow: 0 0 0 0 rgba(192, 229, 243, 0.6), 0 0 0 0 rgba(192, 229, 243, 0.6);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(192, 229, 243, 0.3), 0 0 0 2px rgba(192, 229, 243, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(192, 229, 243, 0), 0 0 0 5px rgba(192, 229, 243, 0);
    }
}

@keyframes wave7 {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6), 0 0 0 0 rgba(255, 255, 255, 0.6);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3), 0 0 0 2px rgba(255, 255, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0), 0 0 0 5px rgba(255, 255, 255, 0);
    }
}

@keyframes wave8 {
    0% {
        box-shadow: 0 0 0 0 rgba(159, 159, 159, 0.6), 0 0 0 0 rgba(223, 18, 18, 0.6);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(159, 159, 159, 0.3), 0 0 0 2px rgba(159, 159, 159, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(159, 159, 159, 0), 0 0 0 5px rgba(159, 159, 159, 0);
    }
}

@keyframes wave10 {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6), 0 0 0 0 rgba(255, 255, 255, 0.6);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3), 0 0 0 2px rgba(255, 255, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0), 0 0 0 5px rgba(255, 255, 255, 0);
    }
}

@keyframes wave9 {
    0% {
        box-shadow: 0 0 0 0 rgba(159, 159, 159, 0.6), 0 0 0 0 rgba(223, 18, 18, 0.6);
    }

    25% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3), 0 0 0 2px rgba(255, 255, 255, 0.3);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 2px rgba(255, 255, 255, 0.3);
    }

    75% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3), 0 0 0 2px rgba(255, 255, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0), 0 0 0 5px rgba(255, 255, 255, 0);
    }
}

@keyframes wave {
    0% {
        box-shadow: 0 0 0 0 rgba(159, 159, 159, 0.6), 0 0 0 0 rgba(223, 18, 18, 0.6);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3), 0 0 0 2px rgba(255, 255, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0), 0 0 0 5px rgba(255, 255, 255, 0);
    }
}

@keyframes warn {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@media (min-width: 750px) {
    .header {
        background-color: rgba(0, 0, 0, 0.8);
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
    }

    .header .header-content {
        height: 1rem;
    }

    .header .header-content .logo {
        width: 2.4rem;
        margin-right: 1.4rem;
        padding-top: .2rem;
    }

    .header .header-content .logo img {
        width: 100%;
        display: block;
    }

    .header .header-content .nav {
        padding-top: .17rem;
    }

    .header .header-content .nav .nav-top {
        justify-content: flex-end;
    }

    .header .header-content .nav .nav-top .nav-top__search {
        width: 2.54rem;
        height: .3rem;
        border: 1px solid #CCCCCC;
        border-radius: .15rem;
        padding: 0 .1rem;
    }

    .header .header-content .nav .nav-top .nav-top__search input {
        height: 100%;
        background: transparent;
        color: #fff;
        width: 80%;
        font-size: .16rem;
    }

    .header .header-content .nav .nav-top .nav-top__search input::placeholder {
        color: #ccc;
    }

    .header .header-content .nav .nav-top .nav-top__search input[type="image"] {
        width: .17rem;
        height: 62%;
    }

    .header .header-content .nav .nav-top .nav-top__search img {
        width: .17rem;
        height: .17rem;
    }

    .header .header-content .nav .nav-top .form {
        display: flex;
        align-items: center;
    }

    .header .header-content .nav .nav-top .nav-top__old {
        display: none;
        height: .24rem;
        border: 1px solid #CCCCCC;
        border-radius: 5rem;
        font-size: .12rem;
        text-align: center;
        color: #fff;
        margin-left: .28rem;
    }

    .header .header-content .nav .nav-top .nav-top__old a {
        color: #ccc;
        padding: 0 .1rem;
        font-size: .12rem;
    }

    .header .header-content .nav .nav-top .nav-top__language {
        position: relative;
        margin-left: .28rem;
        height: .26rem;
    }

    .header .header-content .nav .nav-top .nav-top__language .language {
        position: absolute;
        top: .4rem;
        right: -.48rem;
        z-index: 999;
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
        border-radius: 4px;
        display: none;
        width: 1.2rem;
        text-align: center;
    }

    .header .header-content .nav .nav-top .nav-top__language .language::after {
        display: block;
        content: '';
        border: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -12px;
        left: 39px;
    }

    .header .header-content .nav .nav-top .nav-top__language .language p {
        line-height: .4rem;
        font-size: .14rem;
        color: #666;
        cursor: pointer;
    }

    .header .header-content .nav .nav-top .nav-top__login {
        margin-left: .28rem;
        height: .26rem;
    }

    .header .header-content .nav .nav-top img {
        width: .26rem;
        height: .26rem;
        cursor: pointer;
        display: block;
    }

    .header .header-content .nav .nav-list {
        margin-top: .15rem;
    }

    .header .header-content .nav .nav-list .nav-list-item {
        position: relative;
    }

    .header .header-content .nav .nav-list .nav-list-item:hover .nav-list-item__links {
        display: block;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__name {
        height: .4rem;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__name.active a {
        color: #85c023;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__name a {
        color: #fff;
        font-size: .16rem;
        text-transform: capitalize;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links {
        display: none;
        position: absolute;
        background-color: #fff;
        min-width: 1.5rem;
        border-radius: 4px;
        top: .38rem;
        left: -0.2rem;
        box-shadow: 0 0 10px #ccc;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links::after {
        display: block;
        content: '';
        border: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -12px;
        left: 39px;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links .links-one li {
        position: relative;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links .links-one li:nth-last-of-type(1) a {
        border: none;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links .links-one li:hover>a {
        background-color: #b5d37c;
        color: #fff;
        border-radius: 4px;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links .links-one li:hover .links-one-tow {
        display: block;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links .links-one li a {
        padding: 10px 15px;
        display: block;
        color: #666;
        border-bottom: 1px solid #eee;
        white-space: nowrap;
        font-size: .16rem;
        color: #666;
        text-transform: capitalize;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links .links-one .links-one-tow {
        display: none;
        position: absolute;
        left: 101%;
        top: 0;
        background-color: #fff;
        border-radius: 5px;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links .links-one .links-one-tow li:hover a {
        color: #fff;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links .links-one .links-one-tow li:nth-last-of-type(1) a {
        border: none;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links .links-one .links-one-tow li a {
        padding: .1rem .15rem;
        display: block;
        color: #666;
        border-bottom: 1px solid #eee;
        white-space: nowrap;
        text-transform: capitalize;
        font-size: .14rem;
    }

    .footer {
        background-color: #2C2C2C;
    }

    .footer .footer-box {
        padding-top: .25rem;
    }

    .footer .footer-box .footer-box-nav ul li {
        margin-bottom: .1rem;
        line-height: 1;
    }

    .footer .footer-box .footer-box-nav ul li.nav-name {
        font-size: .18rem;
        color: #85c023;
    }

    .footer .footer-box .footer-box-nav ul li.nav-name a {
        font-size: .18rem;
        color: #85c023;
    }

    .footer .footer-box .footer-box-nav ul li a {
        font-size: .14rem;
        color: #999;
        text-transform: capitalize;
    }

    .footer .footer-box .find-us {
        padding-top: .1rem;
        font-size: .14rem;
        color: #999;
        justify-content: flex-end;
    }

    .footer .footer-box .find-us span,
    .footer .footer-box .find-us img {
        margin: 0 .1rem;
        text-transform: capitalize;
    }

    .footer .footer-box .find-us img {
        width: .22rem;
        display: block;
    }

    .footer .copyright {
        font-size: .14rem;
        background-color: #0C0C0C;
        color: #D4D4D4;
        margin-top: .1rem;
    }

    .footer .copyright .copyright-box {
        height: .6rem;
    }

    .footer .copyright .copyright-box span {
        padding-right: .15rem;
    }

    .footer .copyright .copyright-box a {
        color: #D4D4D4;
        padding-left: .1rem;
    }

    .banner {
        background-size: 100% 100%;
        height: 6.9rem;
    }

    .banner .banner-txt {
        padding-top: 2.7rem;
        color: #fff;
        line-height: 1;
        text-align: 0 0 0 10px #000;
    }

    .banner .banner-txt .title {
        font-size: .6rem;
        margin-bottom: .2rem;
    }

    .banner .banner-txt .info {
        font-size: .24rem;
    }

    .banner .banner-txt .btn a {
        width: 2.86rem;
        height: .5rem;
        background-color: rgba(125, 188, 66, 0.6);
        font-size: .24rem;
        color: #fff;
        text-align: center;
        line-height: .5rem;
        border-radius: 25rem;
    }

    .page {
        font-size: .2rem;
        padding: .2rem 0;
        padding-bottom: .7rem;
    }

    .page span {
        display: inline-block;
        border: 1px solid #CCCCCC;
        margin: 0 .2rem;
    }

    .page span a {
        display: block;
        padding: .05rem 0.2rem;
    }

    .page span a[disabled] {
        color: #ccc;
        cursor: no-drop;
    }

    .page span.active {
        color: #fff;
        background-color: #85c023;
        padding: .05rem 0.2rem;
    }
}

.four {
    background-color: #f7f8fa;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 750px) {

    .w1200,
    .w1400 {
        width: 100%;
    }

    .four img {
        width: 100%;
    }

    .header {
        background-color: rgba(0, 0, 0, 0.8);
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 999;
    }

    .header .header-content {
        height: .56rem;
        justify-content: space-between;
        padding: 0 .2rem;
    }

    .header .header-content .logo {
        padding-top: 0;
    }

    .header .header-content .logo img {
        width: 1.5rem;
    }

    .header .header-content .nav .nav-top {
        position: relative;
        justify-content: flex-end;
    }

    .header .header-content .nav .nav-top .nav-top__search {
        position: fixed;
        top: 1rem;
        left: .2rem;
        right: .2rem;
        border-radius: 1rem;
        background-color: rgba(204, 204, 204, 0.3);
        flex-direction: row-reverse;
        padding: 0rem .13rem;
        z-index: 998;
    }

    .header .header-content .nav .nav-top .nav-top__search img {
        width: .22rem;
        height: .22rem;
    }

    .header .header-content .nav .nav-top .nav-top__search input {
        background-color: transparent;
        flex: 1;
        padding-left: .1rem;
        height: .35rem;
    }

    .header .header-content .nav .nav-top .nav-top__search input[type="image"] {
        height: .2rem;
        flex: 0;
    }

    .header .header-content .nav .nav-top .form {
        display: flex;
        align-items: center;
    }

    .header .header-content .nav .nav-top .nav-top__old {
        width: .25rem;
        height: .25rem;
        background-image: url("/imgs/mena.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: .3rem;
        display: block;
    }

    .header .header-content .nav .nav-top .nav-top__old a {
        display: none;
    }

    .header .header-content .nav .nav-top .nav-top__language {
        position: relative;
        margin-left: .3rem;
        width: .23rem;
        height: .23rem;
        background-image: url("/imgs/home-world-w.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .header .header-content .nav .nav-top .nav-top__language img {
        opacity: 0;
    }

    .header .header-content .nav .nav-top .nav-top__language .language {
        position: absolute;
        top: .4rem;
        left: -0.25rem;
        background-color: #fff;
        display: none;
        z-index: 999;
    }

    .header .header-content .nav .nav-top .nav-top__language .language p {
        padding: 0.05rem .1rem;
        border-bottom: 1px solid #eee;
        width: .8rem;
        text-align: center;
    }

    .header .header-content .nav .nav-top .nav-top__login a {
        width: .25rem;
        height: .25rem;
        background-image: url("/imgs/home-login-w.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .header .header-content .nav .nav-top .nav-top__login img {
        display: none;
    }

    .header .header-content .nav .nav-list {
        position: fixed;
        background-color: #fff;
        display: none;
        left: 0;
        right: 0;
        top: .56rem;
        line-height: .4rem;
        z-index: 999;
    }

    .header .header-content .nav .nav-list .nav-list-item {
        border-bottom: 1px solid #eee;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__name {
        padding-left: .2rem;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links {
        display: none;
    }

    .header .header-content .nav .nav-list .nav-list-item .nav-list-item__links li {
        padding-left: .4rem;
        line-height: .3rem;
        border-top: 1px solid #eee;
    }

    .header .header-content .nav .nav-list .links-one-tow {
        display: none;
    }

    .footer {
        display: flex;
        flex-direction: column-reverse;
        background-color: #0C0C0C;
        color: #fff;
        padding: .24rem 0 0.14rem 0;
    }

    .footer a {
        color: #fff;
    }

    .footer .footer-box .footer-box-nav {
        display: none;
    }

    .footer .footer-box .find-us {
        justify-content: center;
    }

    .footer .footer-box .find-us span {
        display: none;
    }

    .footer .footer-box .find-us img {
        width: .21rem;
        height: .21rem;
        margin: 0 .1rem;
    }

    .footer .copyright .copyright-box {
        display: block;
        font-size: .08rem;
        text-align: center;
    }

    .footer .copyright .copyright-box p {
        margin-bottom: .09rem;
    }

    .footer .copyright .copyright-box p span {
        padding: 0 .05rem;
    }

    .footer .copyright .copyright-box .dis-flex {
        justify-content: center;
    }

    .banner {
        min-height: 2.3rem;
        /* background-size: 100% 100%; */
        background-size: cover;
        padding-bottom: .3rem;
    }

    .banner.whoweare {
        text-align: center;
    }

    .banner.whoweare .btn {
        margin: 0 auto;
    }

    .banner.whoweare .banner-txt {
        padding: 0;
        padding-top: 1rem;
    }

    .banner .banner-txt {
        padding-top: 1rem;
        padding-left: .34rem;
        color: #fff;
        text-shadow: 0 0 10px #000;
    }

    .banner .banner-txt .title {
        font-size: .2rem;
    }

    .banner .banner-txt .info {
        font-size: .1rem;
        padding-right: .24rem;
    }

    .banner .banner-txt .btn {
        background-color: rgba(125, 188, 66, 0.6);
        color: #fff;
        border-radius: .1rem;
        font-size: .12rem;
        text-align: center;
        line-height: .21rem;
        min-width: 1.3rem;
        height: .21rem;
        padding: 0 .05rem;
        display: inline-block;
    }

    .banner .banner-txt .btn a {
        color: #fff;
    }

    .nav-top__search {
        display: none;
    }

    .page {
        padding: .2rem 0;
    }

    .page span {
        display: inline-block;
        font-size: .1rem;
        padding: 0 .05rem;
    }

    .page span.active {
        color: #fff;
        background-color: #85c023;
    }
}