.w1800 {
    width: 18rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
    z-index: 2;
}

@media (max-width: 1820px) {
    .w1800 {
        width: 94%;
    }
}

.w1200 {
    width: 12rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
    z-index: 2;
}

@media (max-width: 1220px) {
    .w1200 {
        width: 94%;
    }
}

.w1400 {
    width: 14rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
    z-index: 2;
}

@media (max-width: 1420px) {
    .w1400 {
        width: 94%;
    }
}

.w1440 {
    width: 14.4rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
    z-index: 2;
}

@media (max-width: 1460px) {
    .w1440 {
        width: 94%;
    }
}

.w1660 {
    width: 16.6rem;
    margin: 0 auto;
    /* position: relative; */
    font-size: 0;
    z-index: 2;
}

@media (max-width: 1680px) {
    .w1660 {
        width: 94%;
    }
}

header {
    width: 100%;
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    transition: all ease 0.3s;
    font-size: 0;
}

header .logo {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 0.6rem;
}

header .logo a,
header .logo img {
    width: auto;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

header .logo img:first-child {
    display: none;
}

header .logo img:last-child {
    display: inline-block;
}

header nav {
    width: calc(100% - 1.15rem - 3rem);
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.2rem;
    text-align: center;
}

header nav .natem {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 0.1rem;
    padding: 0 0.1rem;
}

header nav .natem .nas {
    width: auto;
    display: inline-block;
}

header nav .natem .nas a {
    display: inline-block;
    line-height: 3.5;
    line-height: 1rem;
    color: #333;
    position: relative;
}

header nav .natem .navuls {
    width: 1.6rem;
    width: 100%;
    padding-left: 1.15rem;
    padding-right: 3rem;
    position: fixed;
    z-index: 101;
    top: 100%;
    top: 1rem;
    left: 0;
    background: #fff;
    display: none;
}

header nav .natem .navuls ul {
    width: 100%;
    padding: 0.35rem 0;
}

header nav .natem .navuls ul li {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

header nav .natem .navuls ul li .ns {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    line-height: 1.5;
    color: #333;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0.2rem;
    position: relative;
    text-align: center;
}

header nav .natem .navuls ul li .njm {
    width: 100%;
    font-size: 0;
    position: relative;
}

header nav .natem .navuls ul li .theul {
    position: relative;
    width: 100%;
    display: none;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
    padding-left: 0.2rem;
    margin: 0.15rem 0.05rem;
}

header nav .natem .navuls ul li .theul li {
    width: 100%;
}

header nav .natem .navuls ul li .theul li a {
    width: 100%;
    display: block;
    line-height: 2.5;
    color: #555;
    color: #000;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 0.1rem;
    background: white;
}

header nav .natem .navuls ul li .theul li a span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    position: relative;
    background-color: #dd0000;
    line-height: 1.8;
    padding: 0 0.05rem;
    margin-right: 0.04rem;
    top: -0.02rem;
}

header nav .natem .navuls ul li .theul li a:hover {
    color: #008cd6;
}

header nav .natem .navuls ul li.has-the .njm:after {
    content: ' ';
    position: absolute;
    right: 0.14rem;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 12px;
    background-image: url("../images/r.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


header nav .natem .navuls ul li+li {
    border-left: solid 1px #ddd;
}

header nav .natem .navuls ul li.on .ns {
    color: #008cd6;
}

header nav .natem .navuls ul li.on .ns span {
    color: #008cd6;
}

header nav .natem .classify {
    width: 100%;
    font-size: 0;
    height: auto;
    display: none;
    position: fixed;
    z-index: 101;
    top: 100%;
    top: 1rem;
    left: 0;
    text-align: left;
}

header nav .natem .classify .clams {
    width: 100%;
    height: 100%;
    display: flex;
}

header nav .natem .classify .cal {
    display: inline-block;
    vertical-align: top;
    width: calc((460 / 1920) * 100%);
    background-color: #f3f5f7;
    padding: 0.5rem 0.5rem 0.5rem calc((130 / 1920) * 100%);
}

header nav .natem .classify .cal .clt {
    width: 100%;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0.3rem;
}

header nav .natem .classify .cal .calist {
    width: 100%;
    overflow: auto;
    height: calc(100% - 0.5rem);
}

header nav .natem .classify .cal .calist .cavom {
    width: 100%;
}

header nav .natem .classify .cal .calist .cavom a {
    width: 100%;
    display: block;
    position: relative;
    font-size: 0;
    padding: 0.05rem 0;
}

header nav .natem .classify .cal .calist .cavom a span {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 2;
    width: auto;
    position: relative;
    max-width: 100%;
}

header nav .natem .classify .cal .calist .cavom a span:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    transition: all ease 0.3s;
    background-color: #008cd6;
}

header nav .natem .classify .cal .calist .cavom.on a span {
    color: #008cd6;
}

header nav .natem .classify .cal .calist .cavom.on a span:after {
    width: 100%;
}

header nav .natem .classify .cal .calist .cavom:hover a span {
    color: #008cd6;
}

header nav .natem .classify .cal .calist .cavom:hover a span:after {
    width: 100%;
}

header nav .natem .classify .car {
    display: inline-block;
    vertical-align: top;
    width: calc((1460 / 1920) * 100%);
    background-color: #fff;
    padding: 0.5rem calc((130 / 1920) * 100%) 0.5rem 0.5rem;
}

header nav .natem .classify .car .searv {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.4rem;
    border-bottom: solid 1px #e8e8e8;
}

header nav .natem .classify .car .searv .st {
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.22rem;
    margin-right: 0.1rem;
}

header nav .natem .classify .car .searv .st img {
    width: 100%;
    display: block;
}

header nav .natem .classify .car .searv .inpx {
    width: 100%;
    width: calc(100% - 0.22rem - 0.1rem);
    display: inline-block;
    vertical-align: middle;
}

header nav .natem .classify .car .searv .inpx input {
    width: 100%;
    display: block;
    background-color: transparent;
    border: none;
    color: #333;
    line-height: 2.2;
}

header nav .natem .classify .car .caroms {
    width: 100%;
}

header nav .natem .classify .car .caroms .carom {
    width: 100%;
    display: none;
}

header nav .natem .classify .car .caroms .carom.on {
    display: block;
}

header nav .natem .classify .car .carlist {
    width: 100%;
    font-size: 0;
    /* height: calc(100% - 1rem); */
    /* height: 3rem; */
    overflow: auto;
}

@media(min-width: 1201px){
    .carolis .mCSB_scrollTools{
        opacity: 0;
    }
    .carolis:hover .mCSB_scrollTools{
        opacity: 1;
    }
}


header nav .natem .classify .car .carlist .carolis {
    display: inline-block;
    vertical-align: top;
    /* width: calc((226 / 1360) * 100%); */
    /* width: calc((272 / 1360) * 100%); */
    width: calc((340 / 1360) * 100%);
    padding-right: 0.2rem;
    margin-bottom: 0.3rem;
    /* height: 4rem; */
}
.carolis .cits span{margin-bottom: .1rem; line-height: 1.5;min-height: 3em;letter-spacing: .02rem;}
.carolis .cits img{width: 100%;}

header nav .natem .classify .car .carlist .carolis.w100 {
    width: 100%;
}

header nav .natem .classify .car .carlist .carolis .cits {
    width: 100%;
    color: #008cd6;
    line-height: 1.5;
    margin-bottom: 0.2rem;
}

header nav .natem .classify .car .carlist .carolis .culs {
    width: 100%;
}

header nav .natem .classify .car .carlist .carolis .culs a {
    width: 100%;
    display: block;
    color: #333;
    line-height: 1.5;
    padding: 0.04rem 0;
}

header nav .natem .classify .car .carlist .carolis .culs a span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    position: relative;
    background-color: #dd0000;
    line-height: 1.8;
    padding: 0 0.05rem;
    border-radius: 3px;
    /* margin-right: 0.04rem; */
    transform: scale(0.7);
    top: -0.02rem;
}

header nav .natem .classify .car .carlist .carolis .culs a:hover {
    color: #008cd6;
}

header nav .natem:after {
    content: ' ';
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #008cd6;
    display: none;
}

header nav .natem.on:after {
    display: block;
}

header nav .natem.on .nas a {
    color: #008cd6;
}

header nav .natem.on .nas a:after {
    width: 100%;
    left: 0;
    right: 0;
}

header nav .natem.on .navuls {
    background-color: #fff;
}

header nav .natem:hover .nas a {
    color: #008cd6;
}

header nav .natem:hover .nas a:after {
    width: 100%;
    left: 0;
    right: 0;
}
header .w1800{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .righv {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding-left: 0.2rem;
    line-height: 0.6rem;
}

header .righv .user {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

header .righv .user a {
    width: 100%;
    display: block;
}

header .righv .user .ix {
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.22rem;
}

header .righv .user .ix img {
    width: 100%;
    display: block;
}

header .righv .user .ix img:first-child {
    display: block;
}

header .righv .user .ix img:last-child {
    display: none;
}

header .righv .user .im {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    line-height: 1.5;
    margin-left: 0.1rem;
}

header .righv .ss {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.1rem;
    cursor: pointer;
}
@media(max-width: 1920px){
    header .righv .ss{width: 20px;height: 20px;}
}
header .righv .ss img {
    width: 100%;
    display: block;
}

header .righv .ss img:first-child {
    display: block;
}

header .righv .ss img:last-child {
    display: none;
}

header .righv .languages {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin: 0 0.1rem;
    text-align: left;
}

header .righv .languages .lauges {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

header .righv .languages .lauges .lashow {
    width: 100%;
    color: #555;
    line-height: 1.5;
    position: relative;
    cursor: pointer;
    padding: 0 0.1rem;
    border: solid 1px #fff;
}

header .righv .languages .lauges .lashow .ac {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
}

header .righv .languages .lauges .lashow .ac img {
    width: 100%;
    display: block;
}

header .righv .languages .lauges .lashow .ac img:first-child {
    display: block;
}

header .righv .languages .lauges .lashow .ac img:last-child {
    display: none;
}

header .righv .languages .lauges .lashow .am {
    display: inline-block;
    vertical-align: middle;
    color: #555;
    line-height: 1.5;
    margin-left: 0.1rem;
}

header .righv .languages .lauges .language {
    position: absolute;
    z-index: 10;
    top: 100%;
    width: 100%;
    display: none;
}

header .righv .languages .lauges .language .latem {
    width: 100%;
}

header .righv .languages .lauges .language .latem a {
    width: 100%;
    display: block;
    color: #fff;
    padding: 0 0.1rem;
    line-height: 3;
    background: rgba(0, 140, 214, 0.5);
}

header .righv .languages .lauges .language .latem:hover a {
    background: #008cd6;
    color: #fff;
}

header .righv .menu {
    display: none;
}

header .black {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 149;
    cursor: pointer;
}

header .sear {
    width: 100%;
    width: 3.5rem;
    font-size: 0;
    padding: 0.1rem 0.2rem;
    border-top: solid 1px #f6f6f6;
    display: none;
    position: absolute;
    right: 3%;
    z-index: 1111;
    background: #fff;
}

header .sear form {
    width: 100%;
    font-size: 0;
    margin: 0 auto;
    max-width: 10rem;
    display: block;
}

header .sear .input {
    width: calc(100% - 1rem);
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    background: #f6f6f6;
}

header .sear .input input {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    background: #f6f6f6;
    color: #666666;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 2.5;
    height: 2.5em;
    padding: 0 0.2rem;
    border: none;
}

header .sear .submxt {
    width: 1rem;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

header .sear .submxt input {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background: #008cd6;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 2.5;
    padding: 0 0.2rem;
    border: none;
    text-align: center;
    cursor: pointer;
}

header .sear .submxt .submxt1 {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    background: #008cd6;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.16rem);
    line-height: 2.5;
    padding: 0 0.2rem;
    border: none;
    text-align: center;
    cursor: pointer;
}

.carlist.phone{display: none;}
@media(min-width: 951px){
    header nav .natem .navuls ul li:hover .ns {
        color: #008cd6;
    }

    header nav .natem .navuls ul li:hover .ns span {
        color: #008cd6;
    }
}
@media (max-width: 950px) {
    header {
        padding: 0.1rem 0;
    }
    header .w1800{display: flex;justify-content: space-between;}
    header .righv {
        text-align: right;
        /* width: calc(100% - 1.15rem); */
        width: auto;
        line-height: 0.5rem;
    }
    header .logo{
        height: 0.7rem;
    }
    header .righv .menu {
        display: inline-block;
        vertical-align: middle;
        width: 0.5rem;
        height: 0.5rem;
        margin-left: 0.1rem;
    }
    .xg-a{
        top: 0.9rem;
    }
    header .righv .menu img {
        width: 100%;
        display: block;
    }

    header .righv .user .ix {
        width: 22px;
        height: 22px;
    }

    header .righv .languages .lauges .lashow .ac {
        width: 22px;
        height: 22px;
    }

    header .righv .ss {
        width: 22px;
        height: 22px;
    }

    header nav {
        width: 280px;
        position: fixed;
        max-width: 90%;
        right: 0;
        top: 0;
        height: 100vh;
        background-color: #fff;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        overflow: auto;
        z-index: 500;
        transform: translate(100%, 0);
        transition: transform .3s;
        padding-left: 0.1rem;
        padding: 0.1rem;
    }

    header nav .natem {
        width: 100%;
        position: relative;
        margin: 0;
        text-align: left;
        padding: 0 0.2rem;
    }

    header nav .natem .nas {
        width: 100%;
        display: block;
        padding-bottom: 0;
    }

    header nav .natem .nas a {
        font-size: 14px;
        color: #333;
        line-height: 40px;
    }

    header nav .natem .nas a:after {
        left: 0;
        right: auto !important;
    }

    header nav .natem .nas .nem {
        color: #333;
    }

    header nav .natem .nas .nem .xm {
        display: none;
    }

    header nav .natem .navuls {
        width: 100%;
        padding: 0;
        position: relative;
        height: auto;
        text-align: left;
        top: 0;
    }

    header nav .natem .navuls ul {
        padding: 0;
    }

    header nav .natem .navuls ul li {
        width: 100%;
    }

    header nav .natem .navuls ul li .ns {
        text-align: left;
        line-height: 22px;
        padding: 9px 0 9px 20px;
        font-size: 14px;
    }

    header nav .natem .navuls ul li .theul {
        width: 100%;
    }

    header nav .natem .navuls ul li.has-the .njm:after {
        content: "+";
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        position: absolute;
        background: none;
        right: 0;
        left: auto;
        transform: translateX(0);
        top: 0.05rem;
        font-size: 20px;
        color: #333;
        border: none;
    }

    header nav .natem .navuls ul li.has-the.show .njm:after {
        content: "-";
    }

    header nav .natem .navuls ul li+li {
        border: none;
    }

    header nav .natem.on .nas .nem {
        color: #008cd6;
    }

    header nav .natem:hover .nas a {
        color: #008cd6;
        background-color: #fff;
    }

    header nav .natem.has-nav:after {
        content: "+";
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        position: absolute;
        background: none;
        right: 0;
        left: auto;
        transform: translateX(0);
        top: 0;
        font-size: 20px;
        color: #333;
        border: none;
    }

    header nav .natem.has-nav.show:after {
        content: "-";
    }

    header .sear {
        padding: 0.2rem;
        width: 100%;
        top: 100%;
        right: 0;
    }

    header.menu-state {
        z-index: 10000;
    }

    header.menu-state .w1800 {
        z-index: 150;
        position: static;
    }

    header.menu-state nav {
        transform: translate(0, 0);
    }

    header.menu-state .black {
        display: block;
    }

    .carlist.phone{padding-left: 40px;}
    .carlist.phone .cits{line-height: 22px;padding: 9px 0;font-size: 14px;color: #333;}
    .carlist.phone a{display: block;line-height: 22px;padding: 9px 0;font-size: 14px;color: #333;}
    .carlist.phone .fourth{padding-left: 20px;display: none;}
    .njm.has-third:after{content: "+";width: 40px;height: 40px;line-height: 38px;position: absolute;right: -10px;top: 0;font-size: 20px;color: #333;text-align: center;}
    .njm.has-third.show:after{content: "-";}
    .carolis.has-fourth .cits{position: relative;}
    .carolis.has-fourth .cits:after{content: "+";width: 40px;height: 40px;line-height: 38px;position: absolute;right: -10px;top: 0;font-size: 20px;color: #333;text-align: center;}
    .carolis.has-fourth.show .cits:after{content: "-";}
}

footer {
    width: 100%;
}

footer .ftop {
    width: 100%;
    background-color: #242933;
}

footer .ftop .fob {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.4rem 0;
    border-top: solid 1px #393e47;
}

footer .ftop .fob .fbl {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

footer .ftop .fob .fbl .fogo {
    display: inline-block;
    vertical-align: middle;
    width: 1.15rem;
    margin-right: 0.4rem;
}

footer .ftop .fob .fbl .fogo img {
    width: 100%;
    display: block;
}

footer .ftop .fob .fbl .fom {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 0;
}

footer .ftop .fob .fbl .fom a {
    display: inline-block;
    vertical-align: middle;
    color: #a4a9b2;
    line-height: 1.5;
    margin-right: 0.3rem;
}

footer .ftop .fob .fbl .fom a:hover {
    color: #fff;
}

footer .ftop .fob .fbr {
    display: inline-block;
    vertical-align: middle;
}

footer .ftop .fob .fbr .share {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

footer .ftop .fob .fbr .share .am {
    display: inline-block;
    vertical-align: middle;
    width: 0.45rem;
    height: 0.45rem;
    margin: 0 0.05rem;
    border-radius: 50%;
    background-color: #2f343d;
    position: relative;
}

footer .ftop .fob .fbr .share .am a {
    width: 100%;
    height: 100%;
    display: block;
}

footer .ftop .fob .fbr .share .am img {
    width: 100%;
    display: block;
}

footer .ftop .fob .fbr .share .am .codm {
    position: absolute;
    bottom: calc(100% + 0.14rem);
    right: 0.05rem;
    width: 1.2rem;
    height: 1.2rem;
    padding: 0rem;
    border-radius: 6px;
    display: none;
}

footer .ftop .fob .fbr .share .am .codm img {
    width: 100%;
    display: block;
}

footer .ftop .fob .fbr .share .am .codm:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border: solid 0.05rem;
    border-color: #fff transparent transparent transparent;
    right: 0.15rem;
    top: 100%;
}

footer .ftop .fob .fbr .share .am:hover {
    background-color: #008cd6;
}

footer .ftop .fob .fbr .share .am:hover .codm {
    display: block;
}

footer .ftop .fop {
    width: 100%;
    font-size: 0;
    padding: 0.7rem 0;
}

footer .ftop .fop .flist {
    display: inline-block;
    vertical-align: top;
    width: 14.28%;
}

footer .ftop .fop .flist .fit {
    width: 100%;
    color: #fff;
    line-height: 1.8;
    margin-bottom: 0.3rem;
}

footer .ftop .fop .flist .ful {
    width: 100%;
}

footer .ftop .fop .flist .ful a {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #a4a9b2;
    line-height: 1.5;
    padding: 0.05rem 0;
}

footer .ftop .fop .flist .ful a:hover {
    color: #fff;
}

footer .ftop .fop .flist.fim {
    /* width: calc((260 / 1660) * 100%); */
}

footer .ftop .fop .flist.fim .ful a {
    display: inline-block;
    vertical-align: top;
    /* width: 50%; */
    padding-right: 0.2rem;
}

footer .fbot {
    width: 100%;
    background-color: #006ab6;
    background-color: #242933;
}

footer .fbot .fto {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.25rem 0;
}

footer .fbot .fto span {
    display: inline-block;
    vertical-align: middle;
    color: #a4a9b2;
    line-height: 1.5;
}

footer .fbot .fto .tr {
    text-align: right;
}

@media (max-width: 900px) {
    footer .ftop .fop {
        padding: 0.2rem 0;
    }

    footer .ftop .fop .flist {
        width: 100%;
        margin-bottom: 0.2rem;
    }

    footer .ftop .fop .flist .fit {
        margin-bottom: 0.15rem;
    }

    footer .ftop .fop .flist .ful {
        font-size: 0;
    }

    footer .ftop .fop .flist .ful a {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin-bottom: 0.1rem;
        margin-right: 0.3rem;
    }

    footer .ftop .fop .flist.fim {
        width: 100%;
        margin-bottom: 0.2rem;
    }

    footer .ftop .fop .flist.fim .fit {
        margin-bottom: 0.15rem;
    }

    footer .ftop .fop .flist.fim .ful {
        font-size: 0;
    }

    footer .ftop .fop .flist.fim .ful a {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin-bottom: 0.1rem;
        margin-right: 0.3rem;
    }

    footer .ftop .fob .fbl {
        width: 100%;
    }

    footer .ftop .fob .fbl .fom {
        width: 100%;
        margin: 0.25rem 0;
    }

    footer .ftop .fob .fbl .fom a {
        margin-bottom: 0.1rem;
    }

    footer .ftop .fob .fbr {
        width: 100%;
    }

    footer .ftop .fob .fbr .share .am {
        width: 0.7rem;
        height: 0.7rem;
        margin-right: 0.1rem;
    }

    footer .ftop .fob .fbr .share .am .codm {
        right: auto;
        left: 0.05rem;
    }

    footer .ftop .fob .fbr .share .am .codm::after {
        right: auto;
        left: 0.15rem;
    }
}

.nanber {
    width: 100%;
}

.nanber .img {
    width: 100%;
    position: relative;
    padding-top: 33.85%;
    overflow: hidden;
}

.nanber .img .nox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc((130 / 1920) * 100%);
    max-width: 7.2rem;
}

.nanber .img .nox .xd {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}

.nanber .img .nox .xp {
    width: 100%;
    color: #fff;
    font-weight: bold;
    line-height: 1.8;
}

.nanber .img .nox.lefc {
    left: 0.75rem;
}

.nanber .img .narbar {
    width: 100%;
    padding: 0.2rem 0.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0;
    opacity: 0.5;
}

.nanber .img .narbar .home {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.12rem;
}

.nanber .img .narbar .home img {
    width: 100%;
    display: block;
}

.nanber .img .narbar a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
}

.nanber .img .narbar a span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
    position: relative;
    top: -0.02rem;
    margin: 0 0.1rem;
}

.nanber .img .narbar a:last-child span {
    display: none;
}

.nanber .img .nox.mid {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center;
}

.nanber .img .nox.tox {
    top: 45%;
}

.nanber.hei .img {
    padding-top: 48.95%;
}

@media (max-width: 900px) {

    /* .nanber .img {
    padding-top: 0%;
  }
  .nanber .img .nox {
    position: relative;
    top: 0;
    padding: 2.5rem 0 2rem;
    left: 5%;
    width: 90%;
    transform: translate(0, 0);
  } */
    .nanber .img .nox.mid {
        top: 0;
        padding: 2rem 0 2rem;
        left: 5%;
        width: 90%;
        transform: translate(0, 0);
    }

    .nanber.hei .img {
        padding-top: 0;
    }
}

.nanbar {
    width: 100%;
    font-size: 0;
    border-bottom: solid 1px #dddddd;
}

.nanbar .ncont {
    width: 100%;
    background: #fff;
    border-radius: 15px 15px 0px 0px;
    padding: 0 0.3rem;
}

.nanbar .nal {
    width: 5rem;
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.1rem;
    text-align: right;
}

.nanbar .nal .nts {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    color: #999;
    line-height: 3.5;
    margin-right: 0.16rem;
}

.nanbar .nal .nts span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.16rem;
    color: #999;
    line-height: 1.5;
    position: relative;
    top: -0.02rem;
}

.nanbar .nal .nts span img {
    width: 100%;
    display: block;
}

.nanbar .nal .nts:hover {
    color: #0058af;
}

.nanbar .nal .nts:last-child span {
    display: none;
}

.nanbar .nar {
    width: calc(100% - 5rem);
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.nanbar .nar .swiper-container {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.nanbar .nar .swiper-slide {
    width: auto;
}

.nanbar .nar .swiper-slide a {
    width: 100%;
    display: block;
    color: #333;
    padding: 0.2rem 0.1rem;
}

.nanbar .nar .swiper-slide .icon {
    display: block;
    margin: 0 auto 0.02rem;
    width: 0.46rem;
    height: 0.46rem;
}

.nanbar .nar .swiper-slide .icon img {
    width: 100%;
    display: block;
}

.nanbar .nar .swiper-slide .icon img:first-child {
    display: block;
}

.nanbar .nar .swiper-slide .icon img:last-child {
    display: none;
}

.nanbar .nar .swiper-slide .cim {
    width: 100%;
    text-align: center;
    color: #666;
    line-height: 1.8;
}

.nanbar .nar .swiper-slide.on .icon img:first-child {
    display: none;
}

.nanbar .nar .swiper-slide.on .icon img:last-child {
    display: block;
}

.nanbar .nar .swiper-slide.on .cim {
    color: #006ab6;
}

.nanbar .nar .swiper-slide:hover .icon img:first-child {
    display: none;
}

.nanbar .nar .swiper-slide:hover .icon img:last-child {
    display: block;
}

.nanbar .nar .swiper-slide:hover .cim {
    color: #006ab6;
}

.nanbar .nal.w100 {
    width: 100%;
}

.nanbar.fixed {
    border-bottom: solid 1px #e5e5e5;
}

@media (max-width: 900px) {
    .nanbar {
        width: 100%;
    }

    .nanbar .ncont {
        padding: 0;
    }

    .nanbar .nal {
        width: 100%;
    }

    .nanbar .nar {
        width: 100%;
    }

    .nanbar .nar .swiper-wrapper {
        justify-content: flex-start;
    }
}

.modular {
    width: 100%;
}

.modular .mitop {
    width: 100%;
    margin-bottom: 0.6rem;
}

.modular .mitop .cn {
    width: 100%;
    color: #191919;
    line-height: 1.5;
}

.modular .mitop .en {
    width: 100%;
    color: #999;
    font-weight: bold;
    line-height: 1.5;
}

.modular .mocit {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.6rem;
}

.modular .mocit .mic {
    display: inline-block;
    vertical-align: middle;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background-color: #0058af;
    margin-right: 0.25rem;
}

.modular .mocit .mic img {
    width: 100%;
    display: block;
}

.modular .mocit .ciom {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 1.05rem);
}

.modular .mocit .ciom .cm {
    width: 100%;
    color: #000;
    line-height: 1.5;
}

.modular .mocit .ciom .em {
    width: 100%;
    color: #999;
    font-weight: bold;
    line-height: 1.5;
}

.modular .switch {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.45rem;
}

.modular .switch .swl {
    display: inline-block;
    vertical-align: middle;
    padding-left: 0.3rem;
    position: relative;
    color: #000;
    line-height: 1.5;
}

.modular .switch .swl:after {
    content: ' ';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0.04rem;
    height: 0.22rem;
    background-color: #0058af;
    left: 0;
}

.modular .switch .swr {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.modular .switch .swr .vtn {
    display: inline-block;
    vertical-align: middle;
    width: 0.34rem;
    height: 0.34rem;
    background-color: #e5e5e5;
    border-radius: 5px;
    margin: 0 0.1rem;
    cursor: pointer;
}

.modular .switch .swr .vtn img {
    width: 100%;
    display: block;
}

.modular .switch .swr .vtn img:first-child {
    display: block;
}

.modular .switch .swr .vtn img:last-child {
    display: none;
}

.modular .switch .swr .vtn:hover {
    background-color: #0058af;
}

.modular .switch .swr .vtn:hover img:first-child {
    display: none;
}

.modular .switch .swr .vtn:hover img:last-child {
    display: block;
}

.modular.white .mitop .cn {
    color: #fff;
}

.modular.white .mitop .en {
    color: #fff;
}

.activities {
    width: 100%;
    padding: 0.9rem 0;
    background-color: #f5f5f5;
}

.activities .activlis {
    width: 100%;
    padding-top: 0.4rem;
}

.activities .activlis .actom {
    width: 100%;
    position: relative;
    text-align: right;
}

.activities .activlis .actom .actvm {
    width: calc((1580 / 1660) * 100%);
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    border-radius: 20px;
    padding: 0.7rem 0.7rem 0.7rem calc((980 / 1580) * 100%);
}

.activities .activlis .actom .actvm .ait {
    width: 100%;
    color: #0058af;
    line-height: 1.5;
    font-weight: bold;
}

.activities .activlis .actom .actvm .sit {
    width: 100%;
    color: #000;
    line-height: 1.5;
}

.activities .activlis .actom .actvm .line {
    width: 100%;
    font-size: 0;
    margin: 0.2rem 0 0.3rem;
}

.activities .activlis .actom .actvm .line span {
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 4px;
    background-color: #006ab6;
    border-radius: 2px;
}

.activities .activlis .actom .actvm .linp {
    width: 100%;
    color: #666;
    line-height: 1.8;
    height: 1.5rem;
    margin: 0.3rem 0 0.4rem;
}

.activities .activlis .actom .actvm .linp p {
    color: #666;
    line-height: 1.8;
}

.activities .activlis .actom .actvm .pagination {
    width: 100%;
    font-size: 0;
}

.activities .activlis .actom .actvm .pagination span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.1rem;
    margin-right: 0.1rem;
    border-radius: 2px;
    background-color: #c0c0c0;
    cursor: pointer;
}

.activities .activlis .actom .actvm .pagination span.on {
    background-color: #006ab6;
}

.activities .activlis .actom .actper {
    position: absolute;
    bottom: calc((40 / 563) * 100%);
    left: 0;
    width: calc((1000 / 1660) * 100%);
    border-radius: 20px;
}

.activities .activlis .actom .actper .swiper-slide {
    width: 100%;
}

.activities .activlis .actom .actper .swiper-slide .img {
    width: 100%;
    padding-top: 56.3%;
}

.activities .activlis .actom+.actom {
    margin-top: 1.2rem;
}

.activities .activlis .actom:nth-child(2n) {
    text-align: left;
}

.activities .activlis .actom:nth-child(2n) .actvm {
    padding: 0.7rem calc((980 / 1580) * 100%) 0.7rem 0.7rem;
}

.activities .activlis .actom:nth-child(2n) .actper {
    left: auto;
    right: 0;
}

@media (max-width: 900px) {
    .activities .activlis .actom {
        border-radius: 20px;
    }

    .activities .activlis .actom .actper {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        width: 100%;
        border-radius: 0;
    }

    .activities .activlis .actom .actvm {
        width: 100%;
        padding: 0.7rem 0.6rem;
        border-radius: 0;
    }

    .activities .activlis .actom:nth-child(2n) .actper {
        right: auto;
    }

    .activities .activlis .actom:nth-child(2n) .actvm {
        width: 100%;
        padding: 0.7rem 0.6rem;
        border-radius: 0;
    }
}

.newst {
    width: 100%;
    padding: 0.5rem 0;
}

.newst .newtom {
    width: 100%;
    font-size: 0;
}

.newst .newtom .nel {
    display: inline-block;
    vertical-align: top;
    width: calc((1080 / 1660) * 100%);
}

.newst .newtom .nel .nelist {
    width: 100%;
}

.newst .newtom .nel .nelom {
    width: 100%;
    padding: 0.4rem 0;
    border-bottom: solid 1px #e5e5e5;
}

.newst .newtom .nel .nelom a {
    width: 100%;
    display: block;
}

.newst .newtom .nel .nelom .imgs {
    display: inline-block;
    vertical-align: middle;
    width: calc((384 / 1080) * 100%);
    overflow: hidden;
}

.newst .newtom .nel .nelom .imgs .img {
    width: 100%;
    padding-top: 56.25%;
    transition: all ease 0.3s;
    border-radius: 7px;
}

.newst .newtom .nel .nelom .imgs:hover .img {
    transform: scale(1.1);
}

.newst .newtom .nel .nelom .rem {
    display: inline-block;
    vertical-align: middle;
    width: calc((695 / 1080) * 100%);
    padding-left: 0.5rem;
}

.newst .newtom .nel .nelom .rem .rit {
    width: 100%;
    color: #000;
    line-height: 1.8;
}

.newst .newtom .nel .nelom .rem .rit:hover {
    color: #fabf13;
}

.newst .newtom .nel .nelom .rem .rip {
    width: 100%;
    color: #666;
    line-height: 1.5;
    height: 3em;
    margin: 0.2rem 0 0.3rem;
}

.newst .newtom .nel .nelom .rem .more {
    width: 100%;
    font-size: 0;
}

.newst .newtom .nel .nelom .rem .more a {
    display: inline-block;
    vertical-align: middle;
    color: #fabf13;
    line-height: 1.5;
}

.newst .newtom .nel .nelom .rem .more a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    margin-left: 0.1rem;
    position: relative;
    top: -0.03rem;
    left: 0;
    transition: all ease 0.3s;
}

.newst .newtom .nel .nelom .rem .more a span img {
    width: 100%;
    display: block;
}

.newst .newtom .nel .nelom .rem .more a:hover span {
    left: 0.2rem;
}

.newst .newtom .nel .nelom.nmg .imgs {
    display: none;
}

.newst .newtom .nel .nelom.nmg .rem {
    width: 100%;
    padding-left: 0;
}

.newst .newtom .nel .cmgs {
    width: 100%;
    padding: 1.2rem 0.6rem;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 10px;
    margin: 0.5rem 0;
}

.newst .newtom .nel .cmgs .col {
    display: inline-block;
    vertical-align: middle;
    max-width: 6.2rem;
}

.newst .newtom .nel .cmgs .col .ctt {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0.08rem;
}

.newst .newtom .nel .cmgs .col .ctm {
    width: 100%;
    color: #fff;
    line-height: 1.8;
}

.newst .newtom .nel .cmgs .col .ctm p {
    color: #fff;
    line-height: 1.8;
}

.newst .newtom .nel .cmgs .cor {
    display: inline-block;
    vertical-align: middle;
}

.newst .newtom .nel .cmgs .cor .cog {
    display: inline-block;
    vertical-align: middle;
    width: 1.3rem;
    height: 1.3rem;
}

.newst .newtom .nel .cmgs .cor .cog img {
    width: 100%;
    display: block;
}

.newst .newtom .ner {
    display: inline-block;
    vertical-align: top;
    width: calc((420 / 1660) * 100%);
    position: relative;
    margin-left: calc((159 / 1660) * 100%);
}

.newst .newtom .ner .nervn {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.newst .newtom .ner .nervn .img {
    width: 100%;
    padding-top: 133.33%;
    position: relative;
}

.newst .newtom .ner .nervn .img .tom {
    position: absolute;
    top: 0.5rem;
    width: 100%;
    text-align: center;
    font-size: 0;
    padding: 0 0.4rem;
}

.newst .newtom .ner .nervn .img .tom .logo {
    display: inline-block;
    vertical-align: middle;
    width: 1.15rem;
}

.newst .newtom .ner .nervn .img .tom .logo img {
    width: 100%;
    display: block;
}

.newst .newtom .ner .nervn .img .tom .lin {
    display: inline-block;
    vertical-align: middle;
    height: 0.8rem;
    width: 2px;
    margin: 0 0.3rem;
    background-color: rgba(255, 255, 255, 0.5);
}

.newst .newtom .ner .nervn .img .tom .xm {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
}

.newst .newtom .ner .nervn .img .bom {
    width: 100%;
    padding: 0 0.4rem;
    font-size: 0;
    position: absolute;
    bottom: 0.4rem;
    left: 0;
    right: 0;
}

.newst .newtom .ner .nervn .img .bom span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.5;
    margin-right: 0.4rem;
}

.newst .newtom .ner .nervn .img .bom i {
    display: inline-block;
    vertical-align: middle;
    width: 0.06rem;
    height: 0.1rem;
    width: 6px;
    height: 10px;
    position: relative;
    top: -0.01rem;
}

.newst .newtom .ner .nervn .img .bom i img {
    width: 100%;
    display: block;
}

.newst .newtom .ner .nemoy {
    width: 100%;
    margin-top: 0.5rem;
    border-radius: 20px;
    overflow: hidden;
    padding: 0.4rem;
}

.newst .newtom .ner .nemoy .neip {
    width: 100%;
    border-left: solid 3px #fff;
    padding-left: 0.2rem;
    color: #fff;
    line-height: 1.8;
}

.newst .newtom .ner .nemoy .neip p {
    color: #fff;
    line-height: 1.8;
}

.newst .newtom .ner .nemoy .conm {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 0.3rem;
}

.newst .newtom .ner .nemoy .conm .mx {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem;
}

.newst .newtom .ner .nemoy .conm .mx img {
    width: 100%;
    display: block;
}

@media (max-width: 900px) {
    .newst .newtom .ner .nervn .img {
        position: relative;
        padding-top: 0;
        padding: 1rem 0.5rem;
    }

    .newst .newtom .ner .nervn .img .tom {
        position: relative;
        top: 0;
    }

    .newst .newtom .ner .nervn .img .bom {
        position: relative;
        bottom: 0;
        text-align: right;
        margin-top: 1rem;
    }

    .newst .newtom .ner .nemoy {
        width: 100%;
        padding: 1rem 0.5rem;
    }
}

.pages {
    width: 100%;
    padding: 0.3rem 0;
    font-size: 0;
    text-align: center;
}

.pages .page {
    display: inline-block;
    vertical-align: middle;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #666;
    border-radius: 5px;
    background-color: #f5f5f5;
    margin: 0 0.1rem;
    transition: all ease 0.3s;
}

.pages .page.ltn {
    background-image: url("../images/b1.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pages .page.rtn {
    background-image: url("../images/b2.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pages .page.on {
    background-color: #0058af;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
}

.pages .page.on.ltn {
    background-image: url("../images/b3.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
}

.pages .page.on.rtn {
    background-image: url("../images/b4.png");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 1;
}

.pages.white .page {
    background-color: #fff;
}

.pages.white .page.on {
    background-color: #0058af;
}

@media (max-width: 900px) {
    .pages .page {
        width: 0.7rem;
        height: 0.7rem;
        line-height: 0.7rem;
    }
}

.cooperation {
    width: 100%;
    background-color: #f5f5f5;
    padding: 1rem 0;
}

.cooperation .cooper {
    width: 100%;
    position: relative;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.cooperation .cooper .col {
    display: inline-block;
    vertical-align: top;
    width: calc((1080 / 1660) * 100%);
    margin-right: calc((79 / 1660) * 100%);
}

.cooperation .cooper .col .forms {
    width: 100%;
}

.cooperation .cooper .col .forms form {
    width: 100%;
}

.cooperation .cooper .col .forms .row {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.4rem;
}

.cooperation .cooper .col .forms .row .inpue {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    margin-right: 4%;
}

.cooperation .cooper .col .forms .row .inpue .name {
    width: 100%;
    color: #000;
    line-height: 1.8;
}

.cooperation .cooper .col .forms .row .inpue .name span {
    color: #ff0000;
}

.cooperation .cooper .col .forms .row .inpue .int {
    width: 100%;
    display: block;
    border-bottom: solid 1px #ddd;
}

.cooperation .cooper .col .forms .row .inpue .int input {
    width: 100%;
    display: block;
    height: 3.5em;
    line-height: 3.5;
    border: none;
    background-color: transparent;
}

.cooperation .cooper .col .forms .row .inpue .text {
    width: 100%;
}

.cooperation .cooper .col .forms .row .inpue .text .area {
    width: 100%;
    display: block;
    border: solid 2px rgba(204, 204, 204, 0.5);
    border-radius: 8px;
    overflow: hidden;
    background-color: transparent;
    padding: 0.2rem;
    line-height: 1.6;
    margin-top: 0.1rem;
}

.cooperation .cooper .col .forms .row .inpue:nth-child(2n) {
    margin-right: 0;
}

.cooperation .cooper .col .forms .row .inpue.w100 {
    width: 100%;
    width: 100%;
}

.cooperation .cooper .col .forms .row .inpue.w100 .int {
    width: 100%;
    width: 100%;
}

.cooperation .cooper .col .forms .row .inpue.yzm .int input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 130px);
    padding-right: 0.3rem;
}

.cooperation .cooper .col .forms .row .inpue.yzm .int .ymz {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
    position: relative;
    top: -5px;
}

.cooperation .cooper .col .forms .row .inpue.yzm .int .ymz img {
    width: 100%;
    display: block;
}

.cooperation .cooper .col .forms .row .sub {
    width: 100%;
    font-size: 0;
}

.cooperation .cooper .col .forms .row .sub a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.8rem 0 0.6rem;
}

.cooperation .cooper .col .forms .row .sub a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0;
}

.cooperation .cooper .col .forms .row .sub a span img {
    width: 100%;
    display: block;
}

.cooperation .cooper .col .forms .row .sub a:hover span {
    left: 0.2rem;
}

.cooperation .cooper .cor {
    display: inline-block;
    vertical-align: top;
    width: calc((500 / 1660) * 100%);
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    top: -2rem;
}

.cooperation .cooper .cor .img {
    width: 100%;
    padding-top: 133.2%;
}

@media (max-width: 900px) {
    .cooperation .cooper .cor {
        top: 0;
    }

    .cooperation .cooper .cor .img {
        padding-top: 50%;
    }
}

.goms {
    width: 100%;
    background-color: #f5f5f5;
    padding: 1rem 0 0.5rem;
}

.trains {
    width: 100%;
    margin-bottom: 0.8rem;
}

.trains .college {
    width: 100%;
    font-size: 0;
    position: relative;
}

.trains .college .coll {
    display: inline-block;
    vertical-align: top;
    width: calc((740 / 1660) * 100%);
    position: relative;
    z-index: 4;
}

.trains .college .coll .collom {
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    padding: 0.7rem 0.6rem;
}

.trains .college .coll .collom .cinp {
    width: 100%;
    color: #000;
    line-height: 1.8;
    padding: 1rem 0;
    position: relative;
}

.trains .college .coll .collom .cinp:after {
    content: ' ';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0.26rem;
    height: 0.23rem;
    background-image: url("../images/i40.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.trains .college .coll .collom .cinp:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 0.26rem;
    height: 0.23rem;
    background-image: url("../images/i41.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.trains .college .coll .collom .cinp p {
    color: #000;
    line-height: 1.8;
}

.trains .college .corr {
    display: inline-block;
    vertical-align: top;
    width: calc((1000 / 1660) * 100%);
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
}

.trains .college .corr .img {
    width: 100%;
    padding-top: 56.3%;
}

@media (max-width: 900px) {
    .trains .college .corr {
        width: 100%;
        position: relative;
        margin-bottom: 0.5rem;
    }

    .trains .college .coll {
        width: 100%;
    }
}

.systems {
    width: 100%;
    margin-bottom: 0.8rem;
}

.systems .system {
    width: 100%;
    padding: 2.5rem 0.8rem;
    font-size: 0;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.systems .system .syem {
    width: calc((150 / 1500) * 100%);
    display: inline-block;
    vertical-align: top;
    border-radius: 10px 10px 0 0;
    transform: translateY(-50%);
    border: solid 1px rgba(255, 255, 255, 0.5);
    background-color: rgba(0, 0, 0, 0.25);
}

.systems .system .syem .yem {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-content: center;
    justify-content: center;
    padding: 0.2rem 0;
}

.systems .system .syem .yem .sum {
    width: 100%;
    color: #fabf13;
    font-weight: bold;
    text-align: center;
}

.systems .system .syem .yem .ym {
    width: 100%;
    color: #fff;
    line-height: 2;
    text-align: center;
}

.systems .system .syem:nth-child(2n) {
    position: relative;
    transform: translateY(50%);
    border-radius: 0 0 10px 10px;
}

@media (max-width: 900px) {
    .systems .system {
        padding: 0.8rem 0.5rem;
    }

    .systems .system .syem {
        width: 48%;
        transform: translateY(0%);
        margin-bottom: 0.2rem;
        margin-right: 4%;
        padding: 0.4rem 0.1rem;
        border-radius: 10px !important;
    }

    .systems .system .syem:nth-child(2n) {
        margin-right: 0;
        transform: translateY(0%);
    }
}

.cultivate {
    width: 100%;
    margin-bottom: 0.8rem;
}

.swotem {
    width: 100%;
    margin-bottom: 0.8rem;
}

.swotem .switper {
    width: 100%;
}

.swotem .switper .swiper-slide {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.swotem .switper .swiper-slide a {
    width: 100%;
    display: block;
}

.swotem .switper .swiper-slide .imgs {
    width: 100%;
    overflow: hidden;
}

.swotem .switper .swiper-slide .imgs .img {
    width: 100%;
    padding-top: 56.1%;
    transition: all ease 0.3s;
}

.swotem .switper .swiper-slide .swm {
    width: 100%;
    background-color: #fff;
    padding: 0.2rem 0.25rem;
    color: #000;
    line-height: 1.5;
    font-weight: bold;
}

.swotem .switper .swiper-slide:hover .imgs .img {
    transform: scale(1.1);
}

.swotem .switper .swiper-slide:nth-child(4n+1) {
    transition-delay: 0.2s;
}

.swotem .switper .swiper-slide:nth-child(4n+2) {
    transition-delay: 0.3s;
}

.swotem .switper .swiper-slide:nth-child(4n+3) {
    transition-delay: 0.4s;
}

.swotem .switper .swiper-slide:nth-child(4n+4) {
    transition-delay: 0.5s;
}

.development {
    width: 100%;
}

.development .dmg {
    width: 100%;
    border-radius: 20px;
}

.development .dmg .img {
    width: 100%;
    padding-top: 30.90%;
}

.details {
    width: 100%;
    font-size: 0;
    padding: 1rem 0;
}

.details .del {
    display: inline-block;
    vertical-align: top;
    width: calc((1080 / 1660) * 100%);
    margin-right: calc((159 / 1660) * 100%);
}

.details .del .dit {
    width: 100%;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 0rem;
}

.details .del .dinps {
    width: 100%;
    color: #666;
    line-height: 1.8;
}

.details .del .dinps p {
    color: #666;
    line-height: 1.8;
}

.details .del .dinps img {
    max-width: 100%;
}

.details .del .camet {
    width: 100%;
    margin-top: 0.6rem;
}

.details .del .camet .cit {
    width: 100%;
    color: #0058af;
    line-height: 1.5;
    margin-bottom: 0.4rem;
}

.details .del .camet .cinps {
    width: 100%;
    color: #333;
    line-height: 1.7;
}

.details .del .camet .cinps p {
    color: #333;
    line-height: 1.7;
}

.details .del .camet .cinps img {
    max-width: 100%;
}

.details .der {
    display: inline-block;
    vertical-align: top;
    width: calc((420 / 1660) * 100%);
}

.details .der .derom {
    width: 100%;
}

.details .der .derom .derlist {
    width: 100%;
    border-bottom: solid 1px #999;
}

.details .der .derom .derlist .deam {
    width: 100%;
    margin-bottom: 0.15rem;
}

.details .der .derom .derlist .deam a {
    width: 100%;
    display: block;
}

.details .der .derom .derlist .deam .dx {
    width: 100%;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.05rem;
}

.details .der .derom .derlist .deam .day {
    width: 100%;
    color: #999;
    line-height: 1.5;
}

.details .der .derom .derlist .deam:hover .dx {
    color: #006ab6;
}

.details .der .derom .control {
    width: 100%;
    padding: 0.5rem 0;
}

.details .der .derom .control .cop {
    width: 100%;
    font-size: 0;
}

.details .der .derom .control .cop a {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1.5;
    font-weight: bold;
}

.details .der .derom .control .cop a:hover {
    color: #006ab6;
}

.details .der .derom .control .cop span {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1px;
    margin: 0 0.1rem;
    background-color: #333;
}

.details .der .derom .control .share {
    width: 100%;
    font-size: 0;
    padding: 0.2rem 0;
}

.details .der .derom .control .share span {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.5;
}

.details .der .derom .control .share .am {
    display: inline-block;
    vertical-align: middle;
    width: 0.24rem;
    height: 0.24rem;
    margin: 0 0.05rem;
}

.details .der .derom .control .share .am img {
    width: 100%;
    display: block;
}

.details .der .derom .control .share .am .a1 {
    display: block;
}

.details .der .derom .control .share .am .a2 {
    display: none;
}

.details .der .derom .control .share .am:hover .a1 {
    display: none;
}

.details .der .derom .control .share .am:hover .a2 {
    display: block;
}

.details .der .nemoy {
    width: 100%;
    margin-top: 0.5rem;
    border-radius: 20px;
    overflow: hidden;
    padding: 0.4rem;
}

.details .der .nemoy .neip {
    width: 100%;
    border-left: solid 3px #fff;
    padding-left: 0.2rem;
    color: #fff;
    line-height: 1.8;
}

.details .der .nemoy .neip p {
    color: #fff;
    line-height: 1.8;
}

.details .der .nemoy .conm {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 0.3rem;
}

.details .der .nemoy .conm .mx {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem;
}

.details .der .nemoy .conm .mx img {
    width: 100%;
    display: block;
}

.magazines {
    width: 100%;
    padding: 1rem 0;
}

.magazines .magalist {
    width: 100%;
    font-size: 0;
}

.magazines .magalist .magam {
    display: inline-block;
    vertical-align: top;
    width: calc((380 / 1660) * 100%);
    border: solid 1px #ebebeb;
    margin-right: calc((46 / 1660) * 100%);
    margin-bottom: 0.46rem;
    border-radius: 20px;
    padding: 0.35rem 0.45rem;
}

.magazines .magalist .magam a {
    width: 100%;
    display: block;
}

.magazines .magalist .magam .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

.magazines .magalist .magam .imgs .img {
    width: 100%;
    padding-top: 137.14%;
    transition: all ease 0.3s;
}

.magazines .magalist .magam .imgs .pom {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 106, 182, 0.7);
    transition: all ease 0.3s;
    opacity: 0;
}

.magazines .magalist .magam .imgs .pom .pot {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fabf13;
    border-radius: 50%;
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    transform: translate(-50%, -50%);
}

.magazines .magalist .magam .imgs .pom .pot .px {
    display: block;
    margin: 0 auto 0.05rem;
    width: 0.2rem;
    height: 0.2rem;
}

.magazines .magalist .magam .imgs .pom .pot .px img {
    width: 100%;
    display: block;
}

.magazines .magalist .magam .imgs .pom .pot .pm {
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 1.5;
}

.magazines .magalist .magam .man {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.15rem 0;
}

.magazines .magalist .magam .man span {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    line-height: 1.5;
}

.magazines .magalist .magam .mob {
    width: 100%;
    font-size: 0;
}

.magazines .magalist .magam .mob .ix {
    display: inline-block;
    vertical-align: middle;
    width: 0.3rem;
    height: 0.3rem;
}

.magazines .magalist .magam .mob .ix img {
    width: 100%;
    display: block;
}

.magazines .magalist .magam .mob .im {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.5;
    margin: 0 0.1rem 0;
}

.magazines .magalist .magam .mob .iv {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    margin-left: 0.15rem;
}

.magazines .magalist .magam .mob .iv img {
    width: 100%;
    display: block;
}

.magazines .magalist .magam:nth-child(4n) {
    margin-right: 0;
}

.magazines .magalist .magam:hover .imgs .pom {
    opacity: 1;
}

.magazines .magalist .magam:hover .man span {
    color: #006ab6;
}

.magazines .magalist .magam:nth-child(4n+1) {
    transition-delay: 0.2s;
}

.magazines .magalist .magam:nth-child(4n+2) {
    transition-delay: 0.3s;
}

.magazines .magalist .magam:nth-child(4n+3) {
    transition-delay: 0.4s;
}

.magazines .magalist .magam:nth-child(4n+4) {
    transition-delay: 0.5s;
}

.contacts {
    width: 100%;
    padding: 1rem 0;
}

.contacts .contact {
    width: 100%;
    font-size: 0;
}

.contacts .contact .col {
    display: inline-block;
    vertical-align: top;
    width: calc((1080 / 1660) * 100%);
}

.contacts .contact .col .colop {
    width: 100%;
    margin-bottom: 1rem;
}

.contacts .contact .col .colop .cit {
    width: 100%;
    color: #191919;
    line-height: 1.5;
}

.contacts .contact .col .colop .cix {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.contacts .contact .col .colop .cum {
    width: 100%;
    color: #fabf13;
    font-weight: bold;
    line-height: 1.5;
}

.contacts .contact .col .forms {
    width: 100%;
}

.contacts .contact .col .forms form {
    width: 100%;
}

.contacts .contact .col .forms .row {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.4rem;
}

.contacts .contact .col .forms .row .inpue {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    margin-right: 4%;
}

.contacts .contact .col .forms .row .inpue .name {
    width: 100%;
    color: #000;
    line-height: 1.8;
}

.contacts .contact .col .forms .row .inpue .name span {
    color: #ff0000;
}

.contacts .contact .col .forms .row .inpue .int {
    width: 100%;
    display: block;
    border-bottom: solid 1px #ddd;
}

.contacts .contact .col .forms .row .inpue .int input {
    width: 100%;
    display: block;
    height: 3.5em;
    line-height: 3.5;
    border: none;
    background-color: transparent;
}

.contacts .contact .col .forms .row .inpue .text {
    width: 100%;
}

.contacts .contact .col .forms .row .inpue .text .area {
    width: 100%;
    display: block;
    border: solid 2px rgba(204, 204, 204, 0.5);
    border-radius: 8px;
    overflow: hidden;
    background-color: transparent;
    padding: 0.2rem;
    line-height: 1.6;
    margin-top: 0.1rem;
}

.contacts .contact .col .forms .row .inpue:nth-child(2n) {
    margin-right: 0;
}

.contacts .contact .col .forms .row .inpue.w100 {
    width: 100%;
    width: 100%;
}

.contacts .contact .col .forms .row .inpue.w100 .int {
    width: 100%;
    width: 100%;
}

.contacts .contact .col .forms .row .inpue.yzm .int input {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 130px);
    padding-right: 0.3rem;
}

.contacts .contact .col .forms .row .inpue.yzm .int .ymz {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
    position: relative;
    top: -5px;
}

.contacts .contact .col .forms .row .inpue.yzm .int .ymz img {
    width: 100%;
    display: block;
}

.contacts .contact .col .forms .row .sub {
    width: 100%;
    font-size: 0;
}

.contacts .contact .col .forms .row .sub a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.8rem 0 0.6rem;
}

.contacts .contact .col .forms .row .sub a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0;
}

.contacts .contact .col .forms .row .sub a span img {
    width: 100%;
    display: block;
}

.contacts .contact .col .forms .row .sub a:hover span {
    left: 0.2rem;
}

.contacts .contact .col .forms .row .label {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    position: relative;
    padding: 0.05rem 0;
}

.contacts .contact .col .forms .row .label .icon {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: solid 1px #000;
}

.contacts .contact .col .forms .row .label .icon img {
    width: 100%;
    display: none;
}

.contacts .contact .col .forms .row .label .text {
    width: calc(100% - 14px - 0.1rem);
    display: inline-block;
    vertical-align: middle;
    color: #008cd6;
    line-height: 1.5;
    margin-left: 0.1rem;
}

.contacts .contact .col .forms .row .label .check {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    opacity: 0;
}

.contacts .contact .col .forms .row .label.selected .icon {
    border: solid 1px #fabf13;
}

.contacts .contact .col .forms .row .label.selected .icon img {
    display: block;
}

.contacts .contact .col .forms .row .select {
    width: 100%;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    border: none;
}

.contacts .contact .col .forms .row .select .select-con {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0;
}

.contacts .contact .col .forms .row .select .select-con .select-value {
    display: block;
    width: 100%;
    line-height: 3.5;
    height: 3.5em;
    color: #666;
    padding: 0 0.2rem;
}

.contacts .contact .col .forms .row .select .select-con select {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.contacts .contact .col .forms .row .select .select-con select option {
    color: #666;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 2.8;
    background: #fff;
}

.contacts .contact .col .forms .row .select .select-con:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 11px;
    height: 6px;
    background-image: url("../images/x.png");
    background-size: 100%;
}

.contacts .contact .cor {
    display: inline-block;
    vertical-align: top;
    width: calc((500 / 1660) * 100%);
    margin-left: calc((79 / 1660) * 100%);
}

.contacts .contact .cor .swiper-slide {
    width: 100%;
}

.contacts .contact .cor .swiper-slide .img {
    width: 100%;
    padding-top: 133.2%;
}

.contacts .contact .cor .swiper-pagination-bullet {
    width: 0.35rem;
    height: 0.04rem;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
    opacity: 1;
}

.contacts .contact .cor .swiper-pagination-bullet-active {
    background-color: #006ab6;
}

.contacts .contact .cor .swiper-pagination {
    bottom: 0.3rem;
    text-align: center;
}

.business {
    width: 100%;
    padding: 1rem 0;
}

.business .busin {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.business .busin .bul {
    display: inline-block;
    vertical-align: top;
    width: calc((1080 / 1660) * 100%);
}

.business .busin .bul .butop {
    width: 100%;
    font-size: 0;
}

.business .busin .bul .butop .select {
    width: 100%;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    border: none;
    max-width: 4.2rem;
}

.business .busin .bul .butop .select .select-con {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    border-radius: 8px;
    background-color: #fff;
    border: solid 1px #006ab6;
    padding: 0 0.2rem;
}

.business .busin .bul .butop .select .select-con .ix {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.1rem;
}

.business .busin .bul .butop .select .select-con .ix img {
    width: 100%;
    display: block;
}

.business .busin .bul .butop .select .select-con .select-value {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.3rem);
    line-height: 3.5;
    height: 3.5em;
    color: #666;
}

.business .busin .bul .butop .select .select-con select {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.business .busin .bul .butop .select .select-con select option {
    color: #666;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 2.8;
    background: #fff;
}

.business .busin .bul .butop .select .select-con:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 11px;
    height: 6px;
    background-image: url("../images/x.png");
    background-size: 100%;
}

.business .busin .bul .bucoms {
    width: 100%;
    margin-top: 1.5rem;
}

.business .busin .bul .bucoms .tip {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.business .busin .bul .bucoms .pit {
    width: 100%;
    color: #191919;
    line-height: 1.5;
}

.business .busin .bul .bucoms .nm {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.business .busin .bul .bucoms .tuls {
    width: 100%;
    color: #666;
    line-height: 1.8;
    font-size: 0;
    padding: 0.3rem 0;
    border-bottom: solid 1px #838383;
}

.business .busin .bul .bucoms .tuls .tli {
    display: inline-block;
    vertical-align: top;
    color: #666;
    min-width: 30%;
    margin-right: 4%;
    line-height: 2;
}

.business .busin .bur {
    display: inline-block;
    vertical-align: top;
    width: calc((500 / 1660) * 100%);
    margin-left: calc((79 / 1660) * 100%);
    border-radius: 20px;
    overflow: hidden;
}

.business .busin .bur .img {
    width: 100%;
    padding-top: 133.2%;
}

@media (max-width: 900px) {
    .business .busin .bur .img {
        padding-top: 50%;
    }
}

.schools {
    width: 100%;
    padding: 1rem 0;
    background-color: #f5f5f5;
}

.schools .modop {
    width: 100%;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.schools .modop .mitop {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.schools .modop .seatcm {
    display: inline-block;
    vertical-align: middle;
    width: 6rem;
}

.schools .modop .seatcm .inpuc {
    width: 100%;
    background-color: #fff;
    font-size: 0;
    border-radius: 0.25rem;
    padding: 0 0.2rem;
}

.schools .modop .seatcm .inpuc .ing {
    display: inline-block;
    vertical-align: middle;
    border: none;
    background-color: transparent;
    color: #333;
    line-height: 3.5;
    width: calc(100% - 0.22rem);
}

.schools .modop .seatcm .inpuc .sum {
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.22rem;
    border: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url("../images/i3.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.schools .modop .seatcm .hot {
    width: 100%;
    font-size: 0;
    padding: 0.1rem 0 0 0.2rem;
}

.schools .modop .seatcm .hot span {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.5;
}

.schools .modop .seatcm .hot a {
    display: inline-block;
    vertical-align: middle;
    color: #0058af;
    line-height: 1.5;
    margin-right: 0.15rem;
}

.schools .school {
    width: 100%;
    font-size: 0;
}

.schools .school .scl {
    display: inline-block;
    vertical-align: top;
    width: calc((420 / 1660) * 100%);
    background-color: #fff;
    border-radius: 8px;
    margin-right: calc((39 / 1660) * 100%);
    padding: 0 0.25rem;
}

.schools .school .scl .sclom {
    width: 100%;
}

.schools .school .scl .sclom .sit {
    width: 100%;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.schools .school .scl .sclom .sit span {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    line-height: 3.5;
}

.schools .school .scl .sclom .sit .desc {
    display: none;
}

.schools .school .scl .sclom .sit .add {
    display: inline-block;
}

.schools .school .scl .sclom .scont {
    width: 100%;
    display: none;
}

.schools .school .scl .sclom .seav {
    width: 100%;
    font-size: 0;
    border: solid 1px #333;
    padding: 0 0.2rem;
}

.schools .school .scl .sclom .seav .ing {
    display: inline-block;
    vertical-align: middle;
    border: none;
    background-color: transparent;
    color: #333;
    line-height: 3;
    width: calc(100% - 24px);
}

.schools .school .scl .sclom .seav .sum {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url("../images/i3.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


.schools .school .scl .sclom .labellis {
    width: 100%;
    margin-top: 0.15rem;
    max-height: 4.6rem;
}

.schools .school .scl .sclom .labellis .label {
    width: 100%;
    position: relative;
    padding: 0.05rem 0;
    font-size: 0;
    display: block;
}

.schools .school .scl .sclom .labellis .label a {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.8;
}

.schools .school .scl .sclom .labellis .label a:hover {
    color: #0058af;
}

.schools .school .scl .sclom .labellis .label .icon {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-right: 0.1rem;
}

.schools .school .scl .sclom .labellis .label .icon img {
    width: 100%;
    display: block;
}

.schools .school .scl .sclom .labellis .label .icon img:first-child {
    display: block;
}

.schools .school .scl .sclom .labellis .label .icon img:last-child {
    display: none;
}

.schools .school .scl .sclom .labellis .label .text {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    line-height: 1.5;
}

.schools .school .scl .sclom .labellis .label .tms {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
    opacity: 0;
}

.schools .school .scl .sclom .labellis .label.selected .icon img:first-child {
    display: none;
}

.schools .school .scl .sclom .labellis .label.selected .icon img:last-child {
    display: block;
}

.schools .school .scl .sclom .seatcm {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.schools .school .scl .sclom .seatcm .inpuc {
    width: 100%;
    background-color: #f5f5f5;
    font-size: 0;
    border-radius: 0.25rem;
    padding: 0 0.2rem;
}

.schools .school .scl .sclom .seatcm .inpuc .ing {
    display: inline-block;
    vertical-align: middle;
    border: none;
    background-color: transparent;
    color: #333;
    line-height: 3.5;
    width: calc(100% - 24px);
}

.schools .school .scl .sclom .seatcm .inpuc .sum {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    background-color: transparent;
    background-image: url("../images/i3.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.schools .school .scl .sclom .seatcm .hot {
    width: 100%;
    font-size: 0;
    padding: 0.2rem 0 0 0.3rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.schools .school .scl .sclom .seatcm .hot span {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.5;
    margin-bottom: 0.1rem;
}

.schools .school .scl .sclom .seatcm .hot .prm {
    flex: 1;
}

.schools .school .scl .sclom .seatcm .hot a {
    display: inline-block;
    vertical-align: middle;
    color: #0058af;
    line-height: 1.5;
    margin-right: 0.15rem;
    margin-bottom: 0.1rem;
}

.schools .school .scl .sclom.show .sit .desc {
    display: inline-block;
}

.schools .school .scl .sclom.show .sit .add {
    display: none;
}

.schools .school .scl .sclom+.sclom {
    border-top: solid 1px #e5e5e5;
}

.schools .school .scr {
    display: inline-block;
    vertical-align: top;
    width: calc((1200 / 1660) * 100%);
}

.schools .school .scr .recruit {
    width: 100%;
}

.schools .school .scr .recruit .tops {
    width: 100%;
    font-size: 0;
    line-height: 3;
    background: #fff;
}

.schools .school .scr .recruit .tops div {
    width: 16%;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-weight: bold;
    line-height: 3;
    padding: 0.1rem 0;
    text-align: center;
}

.schools .school .scr .recruit .tops .name {
    padding-left: 0.3rem;
    text-align: left;
    width: 20%;
}

.schools .school .scr .recruit .tops .coop {
    padding-right: 0.3rem;
}

.schools .school .scr .recruit .con-item {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
}

.schools .school .scr .recruit .con-item .title {
    width: 100%;
    line-height: 3;
    position: relative;
    font-size: 0;
    cursor: pointer;
    background-color: #fff;
}

.schools .school .scr .recruit .con-item .title div {
    width: 16%;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    line-height: 3;
    padding: 0.1rem 0;
    text-align: center;
}

.schools .school .scr .recruit .con-item .title .name {
    padding-left: 0.3rem;
    text-align: left;
    width: 20%;
}

.schools .school .scr .recruit .con-item .title .nm {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: left;
    position: relative;
}

.schools .school .scr .recruit .con-item .title .tip {
    position: absolute;
    right: -0.2rem;
    top: 0;
    background-color: #fabf13;
    border-radius: 3px;
    padding: 0 0.07rem;
    line-height: 2;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    white-space: nowrap;
}

.schools .school .scr .recruit .con-item .title .coop {
    padding-right: 0.3rem;
}

.schools .school .scr .recruit .con-item .title .coop {
    padding-right: 0.3rem;
    position: relative;
    text-align: center;
}

.schools .school .scr .recruit .con-item .title .coop span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transition: all ease 0.3s;
}

.schools .school .scr .recruit .con-item .title .coop .op {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 7px;
    transform: rotate(0deg);
}

.schools .school .scr .recruit .con-item .title .coop .op img {
    width: 100%;
    display: block;
}

.schools .school .scr .recruit .con-item .title .coop .op img:first-child {
    display: block;
}

.schools .school .scr .recruit .con-item .title .coop .op img:last-child {
    display: none;
}

.schools .school .scr .recruit .con-item .title .coop .cl {
    display: none;
    color: #fff;
}

.schools .school .scr .recruit .con-item .contents {
    display: none;
    width: 100%;
    padding: 0.4rem 0.4rem;
    height: auto;
    background: #ebeff3;
}

.schools .school .scr .recruit .con-item .contents .conc {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.2rem;
}

.schools .school .scr .recruit .con-item .contents .conc span {
    display: inline-block;
    vertical-align: top;
    color: #626262;
    line-height: 1.5;
    margin-right: 0.4rem;
    margin-bottom: 0.15rem;
}

.schools .school .scr .recruit .con-item .contents .column {
    width: 100%;
    height: auto;
    font-size: 0;
}

.schools .school .scr .recruit .con-item .contents .column .column-item {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    height: auto;
    margin-bottom: 0.15rem;
    margin-right: 4%;
}

.schools .school .scr .recruit .con-item .contents .column .column-item .column-name {
    width: 100%;
    text-align: left;
    display: block;
    line-height: 1.5;
    margin-bottom: 0.22rem;
    color: #000;
}

.schools .school .scr .recruit .con-item .contents .column .column-item .column-list {
    width: 100%;
    padding: 0rem 0 0.15rem;
    color: #666;
    line-height: 2;
}

.schools .school .scr .recruit .con-item .contents .column .column-item .column-list p {
    color: #666;
    line-height: 2;
}

.schools .school .scr .recruit .con-item .contents .column .column-item:nth-child(2n) {
    margin-right: 0;
}

.schools .school .scr .recruit .con-item .contents .column .column-item.w100 {
    width: 100%;
    margin-right: 0;
}

.schools .school .scr .recruit .con-item .contents .row {
    width: 100%;
}

.schools .school .scr .recruit .con-item .contents .sub {
    width: 100%;
    font-size: 0;
}

.schools .school .scr .recruit .con-item .contents .sub a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.8rem 0 0.6rem;
}

.schools .school .scr .recruit .con-item .contents .sub a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0;
}

.schools .school .scr .recruit .con-item .contents .sub a span img {
    width: 100%;
    display: block;
}

.schools .school .scr .recruit .con-item .contents .sub a:hover span {
    left: 0.2rem;
}

.schools .school .scr .recruit .con-item.show .title {
    background-color: #0058af;
}

.schools .school .scr .recruit .con-item.show .title div {
    color: #fff;
}

.schools .school .scr .recruit .con-item.show .title .coop .op {
    color: #0058af;
    transform: rotate(180deg);
}

.schools .school .scr .recruit .con-item.show .title .coop .op img:first-child {
    display: none;
}

.schools .school .scr .recruit .con-item.show .title .coop .op img:last-child {
    display: block;
}

.schools .school .scr .recruit .con-item.show .title .coop .cl {
    display: inline-block;
    color: #fff;
}

@media (max-width: 900px) {
    .schools .school .scr .recruit .tops .name {
        width: 40%;
    }

    .schools .school .scr .recruit .tops div:nth-child(2) {
        width: 30%;
    }

    .schools .school .scr .recruit .tops div:nth-child(3) {
        width: 30%;
    }

    .schools .school .scr .recruit .tops div:nth-child(4) {
        display: none;
    }

    .schools .school .scr .recruit .tops div:nth-child(5) {
        display: none;
    }

    .schools .school .scr .recruit .tops div:nth-child(6) {
        display: none;
    }

    .schools .school .scr .recruit .tops div {
        width: 20%;
    }

    .schools .school .scr .recruit .con-item .title .name {
        width: 40%;
    }

    .schools .school .scr .recruit .con-item .title div:nth-child(2) {
        width: 30%;
    }

    .schools .school .scr .recruit .con-item .title div:nth-child(3) {
        width: 30%;
    }

    .schools .school .scr .recruit .con-item .title div:nth-child(4) {
        display: none;
    }

    .schools .school .scr .recruit .con-item .title div:nth-child(5) {
        display: none;
    }

    .schools .school .scr .recruit .con-item .title div:nth-child(6) {
        display: none;
    }

    .schools .school .scr .recruit .con-item .title div {
        width: 20%;
    }
}

.trips {
    width: 100%;
    padding: 1rem 0 0.8rem;
}

.trips .tripers {
    width: 100%;
    position: relative;
}

.trips .tripers .trom {
    width: calc((1400 / 1660) * 100%);
    display: block;
    margin: 0 auto;
}

.trips .tripers .swiper-container {
    padding: 0.3rem 0 0.8rem;
}

.trips .tripers .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
}

.trips .tripers .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background-image: url("../images/i18.png");
    background-size: 100% 100%;
    background-color: transparent;
}

.trips .tripers .swiper-pagination {
    bottom: 0;
}

.trips .tripers .vtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 0.4rem;
    cursor: pointer;
}

.trips .tripers .vtn img {
    width: 100%;
    display: block;
}

.trips .tripers .vtn img:first-child {
    display: block;
}

.trips .tripers .vtn img:last-child {
    display: none;
}

.trips .tripers .vtn:hover img:first-child {
    display: none;
}

.trips .tripers .vtn:hover img:last-child {
    display: block;
}

.trips .tripers .bl {
    left: 0;
}

.trips .tripers .br {
    right: 0;
}

.trips .tripers .swiper-slide {
    width: 100%;
}

.trips .tripers .swiper-slide .tom {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 11px 9px 0px rgba(50, 50, 50, 0.05);
    padding: 0.2rem 0.4rem;
    position: relative;
}

.trips .tripers .swiper-slide .tom:after {
    content: ' ';
    position: absolute;
    width: 0.16rem;
    height: 0.35rem;
    background-image: url("../images/i13.png");
    background-size: 100% 100%;
    top: -0.11rem;
    left: 1rem;
}

.trips .tripers .swiper-slide .tom:before {
    content: ' ';
    position: absolute;
    width: 0.16rem;
    height: 0.35rem;
    background-image: url("../images/i13.png");
    background-size: 100% 100%;
    top: -0.11rem;
    right: 1rem;
}

.trips .tripers .swiper-slide .tom .riop {
    width: 100%;
    font-size: 0;
    padding: 0.4rem 0;
    border-bottom: dashed 1px #e8e8e8;
}

.trips .tripers .swiper-slide .tom .riop span {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.3rem);
    padding-right: 0.15rem;
    font-weight: bold;
    color: #2155cf;
    line-height: 1.5;
}

.trips .tripers .swiper-slide .tom .riop .rm {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.1rem;
    width: calc(100% - 0.3rem);
}

.trips .tripers .swiper-slide .tom .riop .rm .rx {
    width: 100%;
    color: #2155cf;
    line-height: 1.5;
    margin-bottom: 0.06rem;
}

.trips .tripers .swiper-slide .tom .riop .rm .re {
    width: 100%;
    color: #666;
    font-weight: bold;
    line-height: 1.5;
}

.trips .tripers .swiper-slide .tom .riop i {
    display: inline-block;
    vertical-align: middle;
    width: 0.3rem;
    height: 0.3rem;
}

.trips .tripers .swiper-slide .tom .riop i img {
    width: 100%;
    display: block;
}

.trips .tripers .swiper-slide .tom .riom {
    width: 100%;
    font-size: 0;
    padding: 0.4rem 0;
}

.trips .tripers .swiper-slide .tom .riom .rm {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding-right: 0.1rem;
}

.trips .tripers .swiper-slide .tom .riom .rm .rx {
    width: 100%;
    color: #2155cf;
    line-height: 1.5;
    margin-bottom: 0.06rem;
}

.trips .tripers .swiper-slide .tom .riom .rm .re {
    width: 100%;
    color: #666;
    font-weight: bold;
    line-height: 1.5;
}

.trips .tripers .swiper-slide .tom .riom .rm.w100 {
    width: 100%;
}

.trips .tripers .swiper-slide .tom .riom .rum {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #2155cf;
    line-height: 1.5;
    font-weight: bold;
}

.trips .tripers .swiper-slide .tom .riom+.riom {
    border-top: dashed 1px #e8e8e8;
}

.trips .tripers .swiper-slide:nth-child(3n+1) {
    transition-delay: 0.2s;
}

.trips .tripers .swiper-slide:nth-child(3n+2) {
    transition-delay: 0.3s;
}

.trips .tripers .swiper-slide:nth-child(3n+3) {
    transition-delay: 0.4s;
}

.flowcharts {
    width: 100%;
    padding: 1rem 0;
}

.flowcharts .proces {
    width: 100%;
    position: relative;
    padding: 3rem 0;
    font-size: 0;
}

.flowcharts .proces .procem {
    width: 100%;
    font-size: 0;
}

.flowcharts .proces .point {
    display: inline-block;
    vertical-align: middle;
    width: calc((25 / 1660) * 100%);
    position: relative;
    z-index: 3;
}

.flowcharts .proces .point .pint {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

.flowcharts .proces .point .pint .mm {
    width: 0.25rem;
    height: 0.25rem;
    display: block;
    margin: 0 auto;
}

.flowcharts .proces .point .pint .mm img {
    width: 100%;
    display: block;
}

.flowcharts .proces .point .pint .mm img:first-child {
    display: block;
}

.flowcharts .proces .point .pint .mm img:last-child {
    display: none;
}

.flowcharts .proces .point .pint .poms {
    bottom: 0.25rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    width: 160px;
    width: 3.4rem;
    background-color: #fff;
    box-shadow: 0px 0px 27px 0px rgba(22, 130, 196, 0.03);
    border-radius: 15px;
    margin-bottom: 1.2rem;
    transition: all ease 0.3s;
    display: flex;
    flex-wrap: wrap;
}

.flowcharts .proces .point .pint .poms:after {
    content: ' ';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    border-left: dashed 1px #dcdcdc;
    height: 1.2rem;
    bottom: -1.2rem;
}

.flowcharts .proces .point .pint .poms .pix {
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-color: #0058af;
    line-height: 2.6;
    display: block;
    border-radius: 15px 15px 0 0;
}

.flowcharts .proces .point .pint .poms .pig {
    width: 100%;
    text-align: left;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
    padding: 0.36rem;
    height: calc(0.72rem + 6em);
    border-radius: 0 0 15px 15px;
}

.flowcharts .proces .point .pint .poms:hover {
    box-shadow: 0px 0px 27px 0px rgba(22, 130, 196, 0.33);
}

.flowcharts .proces .point:nth-child(2n) .pint .poms {
    bottom: auto;
    top: 0.25rem;
    margin-top: 1.2rem;
    margin-bottom: 0;
    flex-direction: column-reverse;
}

.flowcharts .proces .point:nth-child(2n) .pint .poms .pix {
    border-radius: 0 0 15px 15px;
}

.flowcharts .proces .point:nth-child(2n) .pint .poms .pig {
    border-radius: 15px 15px 0 0;
}

.flowcharts .proces .point:nth-child(2n) .pint .poms:after {
    bottom: auto;
    top: -1.2rem;
}

.flowcharts .proces .lmg {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.flowcharts .proces .point:nth-child(1) {
    top: 0.30rem;
    left: calc((234 / 1660) * 100%);
}

.flowcharts .proces .point:nth-child(2) {
    top: -0.55rem;
    left: calc((430 / 1660) * 100%);
}

.flowcharts .proces .point:nth-child(3) {
    top: 0.30rem;
    left: calc((640 / 1660) * 100%);
}

.flowcharts .proces .point:nth-child(4) {
    top: -0.55rem;
    left: calc((840 / 1660) * 100%);
}

.flowcharts .proces .point:nth-child(5) {
    top: 0.30rem;
    left: calc((1050 / 1660) * 100%);
}

.flowcharts .proces .point:nth-child(6) {
    top: -0.55rem;
    left: calc((1240 / 1660) * 100%);
}

@media (max-width: 900px) {
    .flowcharts .proces {
        padding: 0;
    }

    .flowcharts .proces .point {
        position: relative;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
    }

    .flowcharts .proces .point .pint .mm {
        display: none;
    }

    .flowcharts .proces .point .pint .poms {
        position: relative;
        top: auto !important;
        transform: translateX(0) !important;
        width: 100%;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        flex-direction: column !important;
    }

    .flowcharts .proces .point .pint .poms .pix {
        border-radius: 15px 15px 0 0 !important;
    }

    .flowcharts .proces .point .pint .poms .pig {
        border-radius: 0 0 15px 15px !important;
    }

    .flowcharts .proces .point .pint .poms:after {
        display: none;
    }

    .flowcharts .proces .lmg {
        display: none;
    }
}

.dynamics {
    width: 100%;
    padding: 1rem 0;
    background-color: #f5f5f5;
}

.dynamics .dynamlis {
    width: 100%;
    font-size: 0;
}

.dynamics .dynamlis .dynam {
    display: inline-block;
    vertical-align: top;
    width: calc((810 / 1660) * 100%);
    margin-right: calc((39 / 1660) * 100%);
    background-color: #fff;
    padding: 0.3rem 0.4rem;
    margin-bottom: 0.4rem;
    border-radius: 15px;
}

.dynamics .dynamlis .dynam a {
    width: 100%;
    display: block;
}

.dynamics .dynamlis .dynam .dit {
    width: 100%;
    color: #000;
    line-height: 1.5;
    font-weight: bold;
}

.dynamics .dynamlis .dynam .time {
    width: 100%;
    color: #666;
    line-height: 2;
    margin-top: 0.1rem;
}

.dynamics .dynamlis .dynam .time span {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.1rem;
    position: relative;
    top: -0.02rem;
}

.dynamics .dynamlis .dynam .time span img {
    width: 100%;
    display: block;
}

.dynamics .dynamlis .dynam:hover .dit {
    color: #0058af;
}

.dynamics .dynamlis .dynam:nth-child(2n) {
    margin-right: 0;
}

.banner {
    width: 100%;
    position: relative;
}

.banner .swiper-slide {
    width: 100%;
    height: 100vh;
    display: block;
    position: relative;
}

.banner .swiper-slide .box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc((160 / 1920) * 100%);
    width: calc((740 / 1920) * 100%);
}

.banner .swiper-slide .url {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

.banner .swiper-slide .box .bit {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}

.banner .swiper-slide .box .emb {
    width: 100%;
    color: #fff;
    line-height: 2;
    font-weight: bold;
}

.banner .swiper-slide .box .morec {
    width: 100%;
    font-size: 0;
    margin-top: 0.8rem;
}

.banner .swiper-slide .box .morec a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.8rem 0 0.6rem;
}

.banner .swiper-slide .box .morec .dv {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.8rem 0 0.6rem;
}

.banner .swiper-slide .box .morec a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0;
}

.banner .swiper-slide .box .morec a span img {
    width: 100%;
    display: block;
}

.banner .swiper-slide .box .morec a:hover span {
    left: 0.2rem;
}

.banner .swiper-slide .box .morec .dv span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0;
}

.banner .swiper-slide .box .morec .dv span img {
    width: 100%;
    display: block;
}

.banner .swiper-slide .box .morec .dv:hover span {
    left: 0.2rem;
}

.banner .swiper-slide .bg-play {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../images/wm2.png);
    background-size: 100% 100%;
    cursor: pointer;
    transition-delay: .4s;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 123;
}

.banner .swiper-slide .vd {
    display: none;
}

.banner .swiper-slide .vd.show {
    display: block;
}

.banner .swiper-pagination {
    left: calc((160 / 1920) * 100%);
    bottom: 0.5rem;
    z-index: 10;
    text-align: left;
}

.banner .swiper-pagination-bullet {
    width: 0.35rem;
    height: 4px;
    background-color: #fff;
    opacity: 1;
    border-radius: 0;
}

.banner .swiper-pagination-bullet-active {
    background-color: #006ab6;
}

.banner .down {
    position: absolute;
    z-index: 4;
    bottom: 0.5rem;
    width: 0.24rem;
    height: 0.38rem;
    left: 50%;
    cursor: pointer;
    transform: translateX(-50%);
    transition: all ease 0.3s;
}

.banner .down img {
    width: 100%;
    display: block;
}

.banner .down:hover {
    transform: translateX(-50%) scale(1.1);
}

@media (max-width: 900px) {
    .banner .swiper-slide {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }

    .banner .swiper-slide .box {
        position: relative;
        width: 100%;
        top: auto;
        left: auto;
        transform: translateY(0);
        padding: 0 calc((160 / 1920) * 100%);
    }
}

.procen {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
    position: relative;
}

.procen .pel {
    width: 50%;
    background-color: #f3f5f7;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding: 0.4rem calc((130 / 1920) * 100%);
    position: relative;
}

.procen .pel .pip {
    width: 100%;
    color: #666;
    line-height: 1.8;
    margin: 0rem 0 0.9rem;
    max-width: 5.5rem;
    position: relative;
    z-index: 4;
}

.procen .pel .pip p {
    color: #666;
    line-height: 1.8;
}

.procen .pel .plist {
    width: 100%;
    font-size: 0;
    position: relative;
    z-index: 4;
}

.procen .pel .plist .ptem {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 0.4rem;
}

.procen .pel .plist .ptem a {
    width: 100%;
    display: block;
}

.procen .pel .plist .ptem .icon {
    display: block;
    margin: 0 auto 0.15rem;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background-color: #fff;
}

.procen .pel .plist .ptem .icon img {
    width: 100%;
    display: block;
}

.procen .pel .plist .ptem .icon img:first-child {
    display: block;
}

.procen .pel .plist .ptem .icon img:last-child {
    display: none;
}

.procen .pel .plist .ptem .pm {
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 1.5;
    font-weight: bold;
}

.procen .pel .plist .ptem:hover .icon img:first-child {
    display: none;
}

.procen .pel .plist .ptem:hover .icon img:last-child {
    display: block;
}

.procen .pel .plist .ptem:hover .pm {
    color: #006ab6;
}

.procen .pel .plist .ptem.on .icon img:first-child {
    display: none;
}

.procen .pel .plist .ptem.on .icon img:last-child {
    display: block;
}

.procen .pel .plist .ptem.on .pm {
    color: #006ab6;
}

.procen .pel .nums {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    right: 0.2rem;
}

.procen .pel .nums .pum {
    display: block;
    width: auto;
    opacity: 0;
    transition: all ease 0.3s;
    color: #ebedef;
    position: absolute;
    width: 100%;
    height: 1em;
    right: 0.5em;
    top: 0;
    font-weight: bold;
    transform: translateY(-50%);
}

.procen .pel .nums .pum.on {
    opacity: 1;
}

.procen .per {
    width: 50%;
}

.procen .per .earom {
    width: 100%;
    height: 100%;
    padding: 0.4rem calc((130 / 960) * 100%) 0.4rem calc((300 / 960) * 100%);
    display: none;
}

.procen .per .earom.on {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.procen .per .pit {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}

.procen .per .pip {
    width: 100%;
    color: #fff;
    line-height: 1.8;
    margin: 0.6rem 0;
    max-width: 5.2rem;
    display: block;
}

.procen .per .pip p {
    color: #fff;
    line-height: 1.8;
}

.procen .per .datas {
    width: 100%;
    display: block;
    font-size: 0;
}

@media (max-width: 800px) {
    .procen .per .datas {
        display: none;
    }

    .procen .per .pip {
        margin: 0.3rem 0;
        font-size: 13px;
    }
}


.procen .per .datas .dtem {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.6rem;
}

.procen .per .datas .dtem .dum {
    width: 100%;
    color: #fff;
    margin-bottom: 0rem;
}

.procen .per .datas .dtem .dum span {
    color: #fff;
    margin-right: 0.05rem;
}

.procen .per .datas .dtem .pum {
    width: 100%;
    color: #fff;
    line-height: 2;
}

.procen .per .morec {
    width: 100%;
    font-size: 0;
    margin-top: 0.8rem;
}

@media (max-width: 800px) {
    .procen .per .morec {
        margin-top: 0.3rem;
    }
}

.procen .per .morec a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.7rem 0 0.6rem;
}

.procen .per .morec a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0;
}

.procen .per .morec a span img {
    width: 100%;
    display: block;
}

.procen .per .morec a:hover span {
    left: 0.2rem;
}

.procen .product {
    position: absolute;
    z-index: 5;
    top: 45%;
    left: 50%;
    width: calc((500 / 1920) * 100%);
    transform: translate(-50%, -50%);
}

.procen .product .proam {
    width: 100%;
    display: none;
}

.procen .product .proam .img {
    width: 100%;
    padding-top: 100%;
}

.procen .product .proam.on {
    display: block;
}

@media (max-width: 900px) {
    .procen .pel {
        width: 100%;
        padding: 0.3rem;
        height: 45vh;
    }

    .procen .pel .pip {
        max-width: 100%;
    }

    .procen .pel .plist {
        width: 100%;
    }

    .procen .pel .plist .ptem {
        width: 20%;
        margin-right: 0;
        text-align: center;
    }

    .procen .per {
        width: 100%;
        height: 55vh;
    }

    .procen .per .earom {
        padding: 0.3rem;
    }

    .procen .product {
        right: 10%;
        bottom: 10%;
        left: auto;
        top: auto;
        transform: translate(0%, 0%);
        /* display: none; */
    }
}

.abouts {
    width: 100%;
    height: 100vh;
    padding: 1rem calc((130 / 1920) * 100%);
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.abouts .aim {
    width: 100%;
    color: #000;
    line-height: 1.5;
    margin: 0.3rem 0;
}

.abouts .mitop {
    margin-bottom: 0.3rem;
}

.abouts .record {
    width: 100%;
    font-size: 0;
}

.abouts .record .rel {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-size: 0;
    width: 6rem;
}

.abouts .record .rel .ream {
    display: inline-block;
    vertical-align: top;
    width: 2rem;
    padding: 0.15rem 0;
}

.abouts .record .rel .ream .xk {
    display: inline-block;
    vertical-align: middle;
}

.abouts .record .rel .ream .am {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.15rem;
}

.abouts .record .rel .ream .am .cum {
    display: inline-block;
    vertical-align: middle;
    color: #008cd6;
    font-weight: bold;
    position: relative;
    /* transform: scale(1.4); */
}

.abouts .record .rel .ream .am .cum .cc {
    position: absolute;
    top: -0.05rem;
    right: -0.2rem;
    color: #008cd6;
    font-weight: bold;
}

.abouts .record .rel .ream .am .cum .bb {
    position: absolute;
    bottom: -0rem;
    right: -0.2rem;
    color: #008cd6;
    font-weight: bold;
}

@media (max-width:1350px) {
    .abouts .record .rel .ream .am .cum .cc {
        right: -0.3rem;
        top: -0.1rem;
    }

    .abouts .record .rel .ream .am .cum .bb {
        right: -0.3rem;
    }
}

.abouts .record .rel .ream .xm {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.abouts .record .rer {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.abouts .record .rer .red {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.05rem;
}

.abouts .record .rer .red .ev {
    display: inline-block;
    vertical-align: middle;
    color: #dd0000;
    line-height: 1.5;
    font-weight: bold;
    position: relative;
}

.abouts .record .rer .red .ev:after {
    content: ' ';
    position: absolute;
    width: 0.2rem;
    height: 0.27rem;
    background-image: url("../images/i19.png");
    background-size: 100% 100%;
    right: -0.3rem;
    top: 0.15rem;
}

.abouts .record .rer .reh {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.abouts .record .rer .rvg {
    width: 100%;
    color: #000;
    line-height: 1.5;
}

.abouts .morec {
    width: 100%;
    font-size: 0;
    margin-top: 0.8rem;
}

.abouts .morec a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.8rem 0 0.6rem;
}

.abouts .morec a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0;
}

.abouts .morec a span img {
    width: 100%;
    display: block;
}

.abouts .morec a:hover span {
    left: 0.2rem;
}

@media (max-width: 1200px) {
    .abouts .record .rel .ream .am .cum .cc {
        font-size: 12px;
        right: -0.25rem;
    }

    .abouts .record .rel .ream .am .cum .bb {
        font-size: 12px;
        right: -0.3rem;
    }
}

@media (max-width: 900px) {
    .abouts .record .rel {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    .abouts .record .rel .ream {
        width: 33.3%;
    }

    .abouts .record .rel .ream .xk {
        margin-right: 0.1rem;
        padding-right: 0.1rem;
    }

    .abouts .record .rel .ream .am .cum {
        transform: scale(1.1);
    }

    .abouts .record .rel .ream .am .cum .cc {
        top: -0.1rem;
        right: -0.17rem;
        font-size: 16px;
    }

    .abouts .record .rel .ream .am .cum .bb {
        bottom: -0.1rem;
        font-size: 12px;
    }

    .abouts .record .rer {
        width: 100%;
    }
}

.new {
    width: 100%;
    background-color: #f3f5f7;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding-top: 0.5rem;
    overflow: hidden;
}

.new .netop {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0.2rem;
}

.new .netop .mitop {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-bottom: 0;
}

.new .netop .ner {
    display: inline-block;
    vertical-align: middle;
}

.new .netop .ner a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.8rem 0 0.6rem;
    border: solid 1px #dcdcdc;
    color: #fabf13;
    background-color: transparent;
}

.new .netop .ner a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0.2rem;
}

.new .netop .ner a span img {
    width: 100%;
    display: block;
}

.new .netop .ner a span img:first-child {
    display: block;
}

.new .netop .ner a span img:last-child {
    display: none;
}

.new .netop .ner a:hover {
    background-color: #fabf13;
    color: #fff;
    border: solid 1px #fabf13;
}

.new .netop .ner a:hover span {
    left: 0.2rem;
}

.new .netop .ner a:hover span img:first-child {
    display: none;
}

.new .netop .ner a:hover span img:last-child {
    display: block;
}

.new .ncont {
    width: 100%;
    font-size: 0;
}

.new .ncont .neup {
    width: 100%;
}

.new .ncont .neup .nul {
    display: inline-block;
    vertical-align: middle;
    width: calc((780 / 1660) * 100%);
    margin-right: calc((19 / 1660) * 100%);
    overflow: hidden;
    border-radius: 15px;
}

.new .ncont .neup .nul .img {
    width: 100%;
    position: relative;
}

.new .ncont .neup .nul .bg {
    width: 100%;
    padding-top: 57.69%;
    transition: all ease 0.3s;
}

.new .ncont .neup .nul .nom {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    top: 0;
    left: 0;
    padding: 0.5rem 0.4rem;
}

.new .ncont .neup .nul .nom .nop {
    width: 100%;
    max-width: 4rem;
}

.new .ncont .neup .nul .nom .nop .np {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0.1rem;
}

.new .ncont .neup .nul .nom .nop .nix {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}

.new .ncont .neup .nul .nom .nop .nix p {
    color: #fff;
    line-height: 1.5;
}

.new .ncont .neup .nul .nom .nob {
    width: 100%;
    font-size: 0;
}

.new .ncont .neup .nul .nom .nob a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.8rem 0 0.6rem;
}

.new .ncont .neup .nul .nom .nob a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0;
}

.new .ncont .neup .nul .nom .nob a span img {
    width: 100%;
    display: block;
}

.new .ncont .neup .nul .nom .nob a:hover span {
    left: 0.2rem;
}

.new .ncont .neup .nul:hover .img .bg {
    transform: scale(1.1);
}

.new .ncont .neup .nur {
    display: inline-block;
    vertical-align: middle;
    width: calc((860 / 1660) * 100%);
}

.new .ncont .neup .nur .url {
    display: inline-block;
    vertical-align: middle;
    width: calc((420 / 860) * 100%);
    margin-right: calc((19 / 860) * 100%);
    overflow: hidden;
    border-radius: 15px;
}

.new .ncont .neup .nur .url .img {
    width: 100%;
    padding-top: 107.14%;
    position: relative;
    transition: all ease 0.3s;
}

.new .ncont .neup .nur .url .img .play {
    position: absolute;
    width: 0.7rem;
    height: 0.7rem;
    display: block;
    top: 50%;
    left: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

.new .ncont .neup .nur .url:hover .img {
    transform: scale(1.1);
}

.new .ncont .neup .nur .urr {
    display: inline-block;
    vertical-align: middle;
    width: calc((420 / 860) * 100%);
}

.new .ncont .neup .nur .urr .urm {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}

.new .ncont .neup .nur .urr .urm .img {
    width: 100%;
    padding-top: 50.8%;
    transition: all ease 0.3s;
}

.new .ncont .neup .nur .urr .urm .uox {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    padding: 0.5rem 0.4rem;
}

.new .ncont .neup .nur .urr .urm .uox .ux {
    width: 100%;
    color: #fff;
    line-height: 1.5;
}

.new .ncont .neup .nur .urr .urm+.urm {
    margin-top: 0.2rem;
}

.new .ncont .neup .nur .urr .urm:hover .img {
    transform: scale(1.1);
}

.new .ncont .ndown {
    width: 100%;
    font-size: 0;
    margin-top: 0.2rem;
}

.new .ncont .ndown .ndom {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.4rem;
    width: calc((780 / 1660) * 100%);
    border-left: solid 3px #dcdcdc;
    transition: all ease 0.3s;
}

.new .ncont .ndown .ndom a {
    width: 100%;
    display: block;
}

.new .ncont .ndown .ndom .dt {
    width: 100%;
    color: #000;
    line-height: 1.5;
}

.new .ncont .ndown .ndom .dm {
    width: 100%;
    color: #666;
    line-height: 1.5;
    margin: 0.1rem 0;
}

.new .ncont .ndown .ndom .pm {
    width: 100%;
    font-size: 0;
}

.new .ncont .ndown .ndom .pm a {
    display: inline-block;
    vertical-align: middle;
    color: #fabf13;
    line-height: 1.5;
}

.new .ncont .ndown .ndom .pm a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.1rem;
    top: -0.02rem;
}

.new .ncont .ndown .ndom .pm a span img {
    width: 100%;
    display: block;
}

.new .ncont .ndown .ndom:nth-child(2n) {
    width: calc((860 / 1660) * 100%);
    margin-left: calc((19 / 1660) * 100%);
}

.new .ncont .ndown .ndom:hover {
    border-left: solid 3px #006ab6;
}

.new .ncont .ndown .ndom:hover .dt {
    color: #006ab6;
}

@media (max-width: 900px) {
    .new .ncont .neup .nul .img {
        padding-top: 0;
    }

    .new .ncont .neup .nul .img .nom {
        /* position: relative; */
        padding: 0.4rem;
    }

    .new .ncont .neup .nul .img .nom .nop {
        max-width: 100%;
        margin-bottom: 0.2rem;
    }

    .new .ncont .neup .nur .urr .urm .img .uox {
        overflow: auto;
    }

    .new .ncont .neup .nur .urr .urm .img .uox .ux {
        font-size: 12px;
    }
}

.explore {
    width: 100%;
    background-color: #f3f5f7;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.explore .epxm {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.explore .epxm .exl {
    display: inline-block;
    vertical-align: middle;
    width: calc((400 / 1660) * 100%);
}

.explore .epxm .exl .xom {
    width: 100%;
}

.explore .epxm .exl .xom .xn {
    width: 100%;
    color: #000;
    line-height: 1.5;
}

.explore .epxm .exl .xom .xj {
    width: 100%;
    font-size: 0;
}

.explore .epxm .exl .xom .xj .mm {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    line-height: 1.5;
    margin-right: 0.1rem;
}

.explore .epxm .exl .xom .xj .mc {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
}

.explore .epxm .exl .xom .xj .mc img {
    width: 100%;
    display: block;
}

.explore .epxm .exr {
    display: inline-block;
    vertical-align: middle;
    width: calc((1259 / 1660) * 100%);
}

.explore .epxm .exr .emg {
    width: 100%;
    padding-top: 40.65%;
    position: relative;
}

.explore .epxm .exr .emg .eamt {
    position: absolute;
    z-index: 2;
    width: 2.23rem;
    height: 2.23rem;
    padding: 0.23rem;
    transition: all ease 0.3s;
}

.explore .epxm .exr .emg .eamt .bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url("../images/bg19.png");
    background-size: 100% 100%;
    transition: all ease 0.3s;
}

.explore .epxm .exr .emg .eamt a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    border-radius: 50%;
}

.explore .epxm .exr .emg .eamt .egx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    position: relative;
    z-index: 2;
}

.explore .epxm .exr .emg .eamt .mt {
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 1.5;
}

.explore .epxm .exr .emg .eamt .line {
    width: 100%;
    font-size: 0;
    text-align: center;
}

.explore .epxm .exr .emg .eamt .line span {
    display: inline-block;
    vertical-align: middle;
    width: 0.25rem;
    height: 4px;
    background-color: #006ab6;
}

.explore .epxm .exr .emg .eamt .vx {
    width: 100%;
    text-align: center;
    color: #666;
    line-height: 1.5;
    overflow: hidden;
    height: 0;
    transition: all ease 0.3s;
}

.explore .epxm .exr .emg .eamt .morc {
    width: 100%;
    font-size: 0;
    text-align: center;
}

.explore .epxm .exr .emg .eamt .morc span {
    display: inline-block;
    vertical-align: middle;
    color: #fabf13;
    line-height: 1.5;
    height: 0;
    transition: all ease 0.3s;
    overflow: hidden;
}

.explore .epxm .exr .emg .eamt .morc i {
    display: inline-block;
    vertical-align: middle;
    width: 0.08rem;
    height: 0.14rem;
    margin-left: 0.1rem;
    height: 0;
    transition: all ease 0.3s;
    overflow: hidden;
}

.explore .epxm .exr .emg .eamt .morc i img {
    width: 100%;
    display: block;
}

.explore .epxm .exr .emg .eamt:hover {
    z-index: 5;
}

.explore .epxm .exr .emg .eamt:hover .bg {
    transform: scale(1.68);
    background-image: url("../images/bg20.png");
    background-size: 100% 100%;
}

.explore .epxm .exr .emg .eamt:hover a {
    transform: scale(1.68);
}

.explore .epxm .exr .emg .eamt:hover .egx {
    align-content: center;
}

.explore .epxm .exr .emg .eamt:hover .line {
    margin: 0.1rem 0;
}

.explore .epxm .exr .emg .eamt:hover .vx {
    height: 1.5em;
    margin: 0.2rem 0;
}

.explore .epxm .exr .emg .eamt:hover .morc span {
    height: 1.5em;
}

.explore .epxm .exr .emg .eamt:hover .morc i {
    height: 0.14rem;
}

.explore .epxm .exr .emg .eamt:nth-child(1) {
    left: 0;
    top: 2rem;
}

.explore .epxm .exr .emg .eamt:nth-child(2) {
    left: calc((267 / 1250) * 100%);
    top: 0.8rem;
}

.explore .epxm .exr .emg .eamt:nth-child(3) {
    left: calc((480 / 1250) * 100%);
    top: 2.7rem;
}

.explore .epxm .exr .emg .eamt:nth-child(4) {
    left: calc((588 / 1250) * 100%);
    top: 0rem;
}

.explore .epxm .exr .emg .eamt:nth-child(5) {
    left: calc((807 / 1250) * 100%);
    top: 2rem;
}

.explore .epxm .exr .emg .eamt:nth-child(6) {
    left: calc((1045 / 1250) * 100%);
    top: 0.5rem;
}

@media (max-width: 900px) {
    .explore {
        overflow: hidden;
    }

    .explore .epxm .exl {
        width: 100%;
    }

    .explore .epxm .exr {
        width: 100%;
        margin-top: 0.5rem;
    }

    .explore .epxm .exr .emg {
        position: relative;
        padding-top: 0;
        text-align: center;
    }

    .explore .epxm .exr .emg .eamt {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        left: auto !important;
        top: auto !important;
        margin: 0 6% 0.3rem;
    }
}

.appliction {
    width: 100%;
    position: relative;
}

.appliction .imglist {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.appliction .imglist .img {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all ease 0.5s;
}

.appliction .imglist .img.on {
    z-index: 3;
    opacity: 1;
}

.appliction .w1660 {
    position: relative;
    z-index: 4;
}

.appliction .appction {
    width: 100%;
    display: flex;
    height: 100vh;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.appliction .appction .apl {
    display: inline-block;
    vertical-align: middle;
    width: calc((600 / 1660) * 100%);
}

.appliction .appction .apl .aplom {
    width: 100%;
    display: none;
}

.appliction .appction .apl .aplom.on {
    display: block;
}

.appliction .appction .apl .ainp {
    width: 100%;
    color: #fff;
    line-height: 1.8;
}

.appliction .appction .apl .ainp p {
    color: #fff;
    line-height: 1.8;
}

.appliction .appction .apl .morec {
    width: 100%;
    font-size: 0;
    margin-top: 0.8rem;
}

.appliction .appction .apl .morec a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.7rem 0 0.6rem;
}

.appliction .appction .apl .morec a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0;
}

.appliction .appction .apl .morec a span img {
    width: 100%;
    display: block;
}

.appliction .appction .apl .morec a:hover span {
    left: 0.2rem;
}

.appliction .appction .apr {
    display: inline-block;
    vertical-align: middle;
    width: calc((300 / 1660) * 100%);
}

.appliction .appction .apr .swiper-container {
    width: 100%;
    height: 5rem;
    padding: 0.5rem;
}

.appliction .appction .apr .swiper-slide {
    width: 100%;
    font-size: 0;
    height: auto;
    padding: 0.3rem 0;
    cursor: pointer;
}

.appliction .appction .apr .swiper-slide .point {
    width: 100%;
}

.appliction .appction .apr .swiper-slide .icon {
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.22rem;
    position: relative;
    margin-right: 0.5rem;
}

.appliction .appction .apr .swiper-slide .icon .pm {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.appliction .appction .apr .swiper-slide .icon .pm img {
    width: 100%;
    display: block;
}

.appliction .appction .apr .swiper-slide .icon .tm {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 0.76rem;
    height: 0.76rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.3s;
    opacity: 0;
    background-image: url("../images/bg21.png");
    background-size: 100% 100%;
}

.appliction .appction .apr .swiper-slide .icon .tm img {
    width: 0.56rem;
    height: 0.56rem;
    display: block;
}

.appliction .appction .apr .swiper-slide .px {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.22rem - 0.5rem);
    color: #fff;
    line-height: 1.5;
}

.appliction .appction .apr .swiper-slide.on .icon .tm {
    opacity: 1;
}

@media (max-width: 900px) {
    #dowebok {
        width: 100%;
        overflow-x: hidden;
    }

    .appliction .appction {
        align-content: center;
        flex-direction: row;
    }

    .appliction .appction .apl {
        width: calc(100% - 2rem);
        width: 100%;
    }

    .appliction .appction .apr {
        width: 2rem;
        width: 100%;
        margin-bottom: 0.3rem;
    }

    .appliction .appction .apr .swiper-slide {
        width: auto;
        margin-right: 0.4rem;
    }

    .appliction .appction .apr .swiper-container {
        width: 100%;
        height: auto;
        padding: 0.5rem;
    }
}

.videos {
    width: 100%;
}

.videos .vio {
    width: 100%;
    position: relative;
}

.videos .vio .img {
    width: 100%;
    /* padding-top: 44.27%; */
    height: 100vh;
}

.videos .vio .voc {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: block;
}

.videos .vio .vox {
    width: 90%;
    max-width: 12rem;
    margin: 0 auto;
    position: absolute;
    z-index: 5;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.videos .vio .vox .vit {
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #fff;
    margin-top: 1.8rem;
}

.videos .vio .vox .serack {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    font-size: 0;
    border-radius: 0.25rem;
    padding: 0 0.25rem;
}

.videos .vio .vox .serack form {
    width: 100%;
    display: block;
}

.videos .vio .vox .serack .xm {
    display: inline-block;
    vertical-align: middle;
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.1rem;
}

.videos .vio .vox .serack .xm img {
    width: 100%;
    display: block;
}

.videos .vio .vox .serack .inx {
    width: calc(100% - 0.34rem - 8em);
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    height: 2.5em;
    line-height: 2.5;
    color: #fff;
}

.videos .vio .vox .serack .inx::-webkit-input-placeholder {
    color: #fff;
}

.videos .vio .vox .serack .inx::-moz-input-placeholder {
    color: #fff;
}

.videos .vio .vox .serack .inx::-ms-input-placeholder {
    color: #fff;
}

.videos .vio .vox .serack .ak {
    display: inline-block;
    vertical-align: middle;
    width: 8em;
    color: #fff;
    line-height: 2.5;
    text-align: right;
}

.videos .vio .vox .serack .ak i {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    margin-left: 0.05rem;
    position: relative;
    top: -0.02rem;
}

.videos .vio .vox .serack .ak i img {
    width: 100%;
    display: block;
}

.videos .vio .vob {
    position: absolute;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0.2rem 0.2rem;
    border-radius: 5px 5px 0 0;
    background-color: #f3f3f5;
}

.videos .vio .vob .votm {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: auto;
}

.videos .vio .vob .votm .vc {
    display: inline-block;
    vertical-align: middle;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    margin-right: 0.2rem;
    background-color: rgba(0, 88, 175, 0.1);
}

.videos .vio .vob .votm .vc img {
    width: 100%;
    display: block;
}

.videos .vio .vob .votm .vc img:first-child {
    display: block;
}

.videos .vio .vob .votm .vc img:last-child {
    display: none;
}

.videos .vio .vob .votm .vm {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 2;
}

.videos .vio .vob .votm:hover .vc {
    background-color: #0058af;
}

.videos .vio .vob .votm:hover .vc img:first-child {
    display: none;
}

.videos .vio .vob .votm:hover .vc img:last-child {
    display: block;
}

.videos .vio .vob .votm:hover .vm {
    color: #0058af;
}

@media (max-width: 900px) {
    .videos .vio .img {
        padding-top: 70%;
        padding-top: 0;
    }

    .videos .vio .vob {
        width: 100%;
        /* position: relative; */
    }

    .videos .vio .vob .votm .vc {
        display: block;
        margin: 0 auto 0.05rem;
    }

    .videos .vio .vob .votm .vm {
        width: 100%;
        text-align: center;
    }
}

.maps {
    width: 100%;
    padding: 1rem 0;
    background-color: #f3f5f7;
}

.maps .mapcon {
    width: 100%;
    background-color: #fff;
}

.maps .mapcon .macop {
    width: 100%;
    padding: 0.4rem;
    font-size: 0;
}

.maps .mapcon .macop .mn {
    display: inline-block;
    vertical-align: middle;
    width: 19%;
    margin-right: 4%;
}

.maps .mapcon .macop .select {
    width: 23%;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    border: none;
    margin-right: 4%;
}

.maps .mapcon .macop .select .select-con {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0;
}

.maps .mapcon .macop .select .select-con .select-value {
    display: block;
    width: 100%;
    line-height: 3.5;
    height: 3.5em;
    color: #666;
    padding: 0 0.2rem;
    border-radius: 8px;
    border: solid 1px #ddd;
}

.maps .mapcon .macop .select .select-con select {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.maps .mapcon .macop .select .select-con select option {
    color: #666;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 2.8;
    background: #fff;
}

.maps .mapcon .macop .select .select-con:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 11px;
    height: 6px;
    background-image: url("../images/x.png");
    background-size: 100%;
}

.maps .mapcon .macop .select:last-child {
    margin-right: 0;
}

.maps .conps {
    width: 100%;
    position: relative;
}

.maps .conps .cmap {
    width: 100%;
    display: none;
}

.maps .conps .conmaps {
    width: 100%;
    display: block;
}

.maps .conps .cmap.on {
    display: block;
}

.maps .conps .img {
    width: 100%;
    padding-top: 43.37%;
}

.maps .conps .conlist {
    position: absolute;
    height: 100%;
    width: 5rem;
    right: 0rem;
    bottom: 0;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.maps .conps .conlist .cip {
    width: 100%;
    background-color: rgba(0, 88, 175, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.2rem;
    border-radius: 10px 10px 0 0;
}

.maps .conps .conlist .cip span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 0.7rem;
}

.maps .conps .conlist .clist {
    width: 100%;
    height: calc(100% - 0.7rem);
    padding: 0 0rem 0.2rem;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.maps .conps .conlist .clist .cliem {
    width: 100%;
    font-size: 0;
    cursor: pointer;
    padding-left: 0.35rem;
}

.maps .conps .conlist .clist .cliem .cok {
    width: 100%;
    padding: 0.2rem 0;
    border-bottom: dashed 1px #ddd;
}

.maps .conps .conlist .clist .cliem .cok .ciy {
    width: 100%;
    color: #222;
    line-height: 2;
    font-weight: bold;
    position: relative;
}

/* .maps .conps .conlist .clist .cliem .cok .ciy span {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.24rem;
  margin-right: 0.15rem;
}

.maps .conps .conlist .clist .cliem .cok .ciy span img {
  width: 100%;
  display: block;
} */

.maps .conps .conlist .clist .cliem .cok .ciy .ic {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.24rem;
    margin-right: 0.15rem;
}

.maps .conps .conlist .clist .cliem .cok .ciy .ic img {
    width: 100%;
    display: block;
}

.maps .conps .conlist .clist .cliem .cok .ciy .cm {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.35rem);
    color: #222;
    line-height: 2;
    font-weight: bold;
}

.maps .conps .conlist .clist .cliem .cok .ciy:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: -0.35rem;
    transform: translateY(-50%);
    width: 0.2rem;
    height: 0.24rem;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/i44.png");
    background-size: 100% 100%;
}

.maps .conps .conlist .clist .cliem .cok .cinp {
    width: 100%;
    color: #666;
    line-height: 1.8;
    margin-left: 0.35rem;
    width: calc(100% - 0.35rem);
}

.maps .conps .conlist .clist .cliem .cok .cinp p {
    color: #666;
    line-height: 1.8;
}

.maps .conps .conlist .clist .cliem.on .cok .ciy {
    color: #0058af;
}

@media (max-width: 900px) {
    .maps .conps .conlist {
        height: 8rem;
        margin-top: 0.1rem;
        position: relative;
        width: 100%;
        right: auto;
        bottom: auto;
    }
}

.basics {
    width: 100%;
    padding: 1rem 0;
    background-color: #fff;
}

.basics .bacom {
    width: 100%;
    font-size: 0;
}

.basics .bacom .bol {
    display: inline-block;
    vertical-align: middle;
    width: calc((1060 / 1400) * 100%);
}

.basics .bacom .bol .img {
    width: 100%;
    padding-top: 60.24%;
}

.basics .bacom .bor {
    display: inline-block;
    vertical-align: middle;
    width: calc((339 / 1400) * 100%);
    padding-left: 0.6rem;
}

.basics .bacom .bor .rom {
    width: 100%;
    padding: 0.4rem 0.2rem;
}

.basics .bacom .bor .rom .xim {
    width: 100%;
    color: #666;
    line-height: 1.5;
    padding: 0.1rem 0;
}

.basics .bacom .bor .rom .xim span {
    display: inline-block;
    vertical-align: middle;
    width: 0.17rem;
    margin-right: 0.1rem;
}

.basics .bacom .bor .rom .xim span img {
    width: 100%;
    display: block;
}

.basics .bacom .bor .rom .xt {
    width: 100%;
    color: #0058af;
    font-weight: bold;
    line-height: 1.5;
    padding: 0rem 0;
}

.basics .bacom .bor .rom+.rom {
    border-top: solid 1px #e5e5e5;
}

@media (max-width: 900px) {
    .basics .bacom .bor .rom+.rom {
        border: none;
    }
}

.introduce {
    width: 100%;
    background-color: #f5f5f5;
    padding: 0.8rem 0;
}

.introduce .introum {
    width: 100%;
    font-size: 0;
}

.introduce .introum .row {
    width: 100%;
    font-size: 0;
}

.introduce .introum .row .intrm {
    width: calc((810 / 1660) * 100%);
    display: inline-block;
    vertical-align: top;
    margin-right: calc((39 / 1660) * 100%);
    padding: 0.3rem 0.4rem;
    background-color: #fff;
    margin-bottom: 0.4rem;
}

.introduce .introum .row .intrm .icon {
    display: inline-block;
    vertical-align: middle;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    margin-right: 0.3rem;
    background-color: #ebf2f9;
}

.introduce .introum .row .intrm .icon img {
    width: 100%;
    display: block;
}

.introduce .introum .row .intrm .trm {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.8rem - 0.3rem);
}

.introduce .introum .row .intrm .trm .tm {
    width: 100%;
    color: #000;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

.introduce .introum .row .intrm .trm .tx {
    width: 100%;
    color: #666;
    line-height: 1.8;
    white-space: pre-wrap;
}

.introduce .introum .row .intrm:nth-child(2n) {
    margin-right: 0;
}

.introduce .introum .row .intrm.w100 {
    width: 100%;
}

.introduce .introum .row .intrm:hover {
    transition: all ease 0.3s;
    box-shadow: 1px 8px 20px -5px rgba(0, 0, 0, 0.15);
}

.introduce .modes {
    width: 100%;
    padding: 1.65rem 1rem;
    font-size: 0;
    border-radius: 10px;
    overflow: hidden;
}

.introduce .modes .mor {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 0.8rem;
}

.introduce .modes .mor .rom {
    width: 100%;
    padding: 0.1rem 0rem;
}

.introduce .modes .mor .rom .xim {
    width: 100%;
    color: #666;
    line-height: 1.5;
    padding: 0.1rem 0;
}

.introduce .modes .mor .rom .xim span {
    display: inline-block;
    vertical-align: middle;
    width: 0.17rem;
    margin-right: 0.1rem;
}

.introduce .modes .mor .rom .xim span img {
    width: 100%;
    display: block;
}

.introduce .modes .mor .rom .xt {
    width: 100%;
    color: #0058af;
    font-weight: bold;
    line-height: 1.5;
    padding: 0rem 0;
}

.introduce .modes .mor .rom .xt.red {
    color: #dd0000;
}

.introduce .modes .mom {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.introduce .modes .mom .mit {
    width: 100%;
    color: #000;
    line-height: 1.5;
}

.introduce .modes .mom .line {
    width: 100%;
    font-size: 0;
    margin: 0.25rem 0 0.3rem;
}

.introduce .modes .mom .line span {
    display: inline-block;
    vertical-align: middle;
    width: 0.3rem;
    height: 4px;
    background-color: #0058af;
}

.introduce .modes .mom .mip {
    width: 100%;
    color: #666;
    line-height: 1.8;
}

.introduce .modes .mom .mip p {
    color: #666;
    line-height: 1.8;
}

@media (max-width: 900px) {
    .introduce .modes {
        padding: 1.05rem 0.8rem;
    }

    .introduce .modes .mor {
        padding-left: 0 !important;
    }
}


.fairness {
    width: 100%;
    padding: 0.8rem 0;
}

.fairness .fairm {
    width: 100%;
    font-size: 0;
}

.fairness .fairm .fal {
    width: calc((289 / 1660) * 100%);
    display: inline-block;
    vertical-align: top;
    padding-right: 0.4rem;
}

.fairness .fairm .fal .falper {
    width: 100%;
    height: 3.5rem;
    position: relative;
}

.fairness .fairm .fal .falper:after {
    content: ' ';
    position: absolute;
    left: calc(0.05rem - 1px);
    height: 100%;
    width: 1px;
    background-color: #d8d9db;
    top: 0;
}

.fairness .fairm .fal .falper .swiper-container {
    height: 100%;
    padding-top: 0.2rem;
}

.fairness .fairm .fal .falper .swiper-slide {
    width: 100%;
    height: auto;
    font-size: 0;
    cursor: pointer;
    z-index: 3;
}

.fairness .fairm .fal .falper .swiper-slide .point {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    margin-right: 0.2rem;
    background-color: #d8d9db;
}

.fairness .fairm .fal .falper .swiper-slide .swm {
    width: calc(100% - 0.1rem - 0.2rem);
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 2;
    transform: scale(0.9);
    transition: all ease 0.3s;
}

.fairness .fairm .fal .falper .swiper-slide.on .point {
    background-color: #0058af;
}

.fairness .fairm .fal .falper .swiper-slide.on .swm {
    color: #0058af;
    transform: scale(1);
}

.fairness .fairm .fal .falper .swiper-slide:hover .point {
    background-color: #0058af;
}

.fairness .fairm .fal .falper .swiper-slide:hover .swm {
    color: #0058af;
}

.fairness .fairm .far {
    width: calc((1370 / 1660) * 100%);
    display: inline-block;
    vertical-align: top;
}

.fairness .fairm .far .frams {
    width: 100%;
    display: none;
}

.fairness .fairm .far .frams.on {
    display: block;
}

.fairness .fairm .far .fit {
    width: 100%;
    color: #000;
    line-height: 1.5;
}

.fairness .fairm .far .fralist {
    width: 100%;
    font-size: 0;
}
@media(max-width: 1680px){
    .fairness .fairm .far .fralist{
        padding-right: 68px;
    }
}
@media(max-width: 900px){
    .fairness .fairm .far .fralist{
        padding-right: 0;
    }
}
.fairness .fairm .far .fralist .fame {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    width: calc((645 / 1370) * 100%);
    margin-right: calc((79 / 1370) * 100%);
    border-bottom: dashed 1px #e5e5e5;
}

.fairness .fairm .far .fralist .fame a {
    width: 100%;
    display: block;
    padding: 0.3rem 0;
}

.fairness .fairm .far .fralist .fame .fml {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.32rem);
}

.fairness .fairm .far .fralist .fame .fml .ft {
    width: 100%;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.1rem;
}

.fairness .fairm .far .fralist .fame .fml .time {
    width: 100%;
    color: #999;
    line-height: 1.5;
}

.fairness .fairm .far .fralist .fame .fmr {
    display: inline-block;
    vertical-align: middle;
    width: 0.32rem;
}

.fairness .fairm .far .fralist .fame .fmr span {
    display: inline-block;
    vertical-align: middle;
    width: 0.32rem;
    height: 0.32rem;
    border-radius: 50%;
    background-color: #f5f5f5;
}

.fairness .fairm .far .fralist .fame .fmr span img {
    width: 100%;
    display: block;
}

.fairness .fairm .far .fralist .fame .fmr span img:first-child {
    display: block;
}

.fairness .fairm .far .fralist .fame .fmr span img:last-child {
    display: none;
}

.fairness .fairm .far .fralist .fame:nth-child(2n) {
    margin-right: 0;
}

.fairness .fairm .far .fralist .fame:hover .fml .ft {
    color: #0058af;
}

.fairness .fairm .far .fralist .fame:hover .fmr span {
    background-color: #0058af;
}

.fairness .fairm .far .fralist .fame:hover .fmr span img:first-child {
    display: none;
}

.fairness .fairm .far .fralist .fame:hover .fmr span img:last-child {
    display: block;
}

@media (max-width: 900px) {
    .fairness .fairm .fal .falper {
        width: 100%;
        height: auto;
        padding: 0.2rem 0;
    }

    .fairness .fairm .fal .falper .swiper-slide {
        display: inline-block;
        vertical-align: middle;
        width: 20%;
        margin-right: 0.3rem;
    }

    .fairness .fairm .fal .falper .swiper-slide .point {
        width: 10px;
        height: 10px;
        display: block;
        margin: 0 auto 0.1rem;
    }

    .fairness .fairm .fal .falper .swiper-slide .swm {
        width: 100%;
        text-align: center;
        font-size: 18px;
    }

    .fairness .fairm .fal .falper:after {
        left: 0;
        top: calc((5px + 0.4rem) - 1px);
        height: 1px;
        width: 100%;
    }
}

.downloads {
    width: 100%;
    padding: 1rem 0;
    font-size: 0;
    background-color: #f5f5f5;
}


.downloads .dol {
    display: inline-block;
    vertical-align: top;
    width: calc((290 / 1660) * 100%);
    margin-right: calc((39 / 1660) * 100%);
    border-radius: 20px;
    background-color: #fff;
}

.downloads .dol .sop {
    width: 100%;
    background-color: #ebedef;
    border-radius: 20px 20px 0px 0px;
    font-size: 0;
    padding: 0 0.2rem;
}

.downloads .dol .sop form {
    width: 100%;
    display: block;
}

.downloads .dol .sop .inpux {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.22rem - 0.1rem);
    margin-right: 0.1rem;
}

.downloads .dol .sop .inpux .inx {
    width: 100%;
    display: block;
    background-color: transparent;
    color: #333;
    line-height: 3;
    border: none;
}

.downloads .dol .sop .sub {
    display: inline-block;
    vertical-align: middle;
    width: 0.22rem;
    height: 0.22rem;
}

.downloads .dol .sop .sub .ins {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    border: none;
    background-color: transparent;
    background-image: url("../images/ss2.png");
    background-size: 100% 100%;
}

.downloads .dol .convm {
    width: 100%;
    padding: 0.3rem;
}

.downloads .dol .convm .civ {
    width: 100%;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.1rem;
}

.downloads .dol .convm .vonslit {
    width: 100%;
}

.downloads .dol .convm .vonslit .vatem {
    width: 100%;
    position: relative;
}

.downloads .dol .convm .vonslit .vatem .vas {
    width: 100%;
    font-size: 0;
}

.downloads .dol .convm .vonslit .vatem .vas a {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    color: #666;
    line-height: 2;
}

.downloads .dol .convm .vonslit .vatem .vavuls {
    width: 100%;
    padding: 0.1rem 0.15rem;
    display: none;
}

.downloads .dol .convm .vonslit .vatem .vavuls ul {
    width: 100%;
}

.downloads .dol .convm .vonslit .vatem .vavuls li {
    width: 100%;
}

.downloads .dol .convm .vonslit .vatem .vavuls li a {
    width: 100%;
    color: #666;
    line-height: 2;
    display: block;
}

.downloads .dol .convm .vonslit .vatem .vavuls li a:hover {
    color: #0058af;
}

.downloads .dol .convm .vonslit .vatem .vavuls li a.active {
    color: #0058af;
}

.downloads .dol .convm .vonslit .vatem.has-vul:after {
    content: " ";
    display: inline-block;
    width: 0.12rem;
    height: 0.07rem;
    background-image: url("../images/x.png");
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    left: auto;
    transform: translateX(0);
    top: 0.17rem;
    transform: rotate(0deg);
    transition: all ease 0.3s;
}

.downloads .dol .convm .vonslit .vatem.has-vul.show:after {
    transform: rotate(180deg);
}

.downloads .dol .convm .classtm {
    width: 100%;
    padding-top: 0.2rem;
    margin-top: 0.3rem;
    border-top: solid 1px #ddd;
}

.downloads .dol .convm .classtm .clma {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.1rem;
}

.downloads .dol .convm .classtm .clma a {
    width: 100%;
    display: block;
    color: #333;
    border-radius: 8px;
    line-height: 2.5;
    text-align: center;
    border: solid 1px #dddddd;
}

.downloads .dol .convm .classtm .clma:nth-child(2n) {
    margin-right: 0;
}

.downloads .dol .convm .classtm .clma:hover a {
    background-color: #fabf13;
    border: solid 1px #fabf13;
    color: #fff;
}

.downloads .dol .convm .classtm .clma.on a {
    background-color: #fabf13;
    border: solid 1px #fabf13;
    color: #fff;
}

.downloads .dol .selconv {
    width: 100%;
    padding: 0.2rem 0;
}

.downloads .dol .selconv .select {
    width: 100%;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    border: none;
    margin-right: 0rem;
}

.downloads .dol .selconv .select .select-con {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    border-radius: 8px;
    background-color: #fff;
    border: solid 1px #ddd;
    padding: 0 0.2rem;
}

.downloads .dol .selconv .select .select-con .ix {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.1rem;
}

.downloads .dol .selconv .select .select-con .ix img {
    width: 100%;
    display: block;
}

.downloads .dol .selconv .select .select-con .select-value {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.3rem);
    line-height: 3.5;
    height: 3.5em;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.downloads .dol .selconv .select .select-con select {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.downloads .dol .selconv .select .select-con select option {
    color: #666;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 2.8;
    background: #fff;
}

.downloads .dol .selconv .select .select-con:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 11px;
    height: 6px;
    background-image: url("../images/x.png");
    background-size: 100%;
}

.downloads .dol .selconv .select+.select {
    margin-top: 0.15rem;
}

.downloads .dor {
    display: inline-block;
    vertical-align: top;
    width: calc((1330 / 1660) * 100%);
}

.downloads .dor .dorms {
    width: 100%;
    display: none;
}

.downloads .dor .dorms.on {
    display: block;
}

.downloads .dor .firmware {
    width: 100%;
    background-color: #fff;
    padding: 0.6rem;
    border-radius: 20px;
}

.downloads .dor .firmware .fop {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.26rem;
}

.downloads .dor .firmware .fop .fion {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    margin-right: 0.7rem;
}

.downloads .dor .firmware .fop .fion span {
    width: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    height: 1.2rem;
    background-color: #fabf13;
    border-radius: 8px;
}

.downloads .dor .firmware .fop .fion img {
    width: 100%;
    display: block;
}

.downloads .dor .firmware .fop .from {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.7rem - 1.2rem);
}

.downloads .dor .firmware .fop .from .ft {
    width: 100%;
    color: #000;
    line-height: 1.5;
    font-weight: bold;
}

.downloads .dor .firmware .fop .from .fmm {
    width: 100%;
    font-size: 0;
}

.downloads .dor .firmware .fop .from .fmm span {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.5;
    margin-right: 0.4rem;
}

.downloads .dor .firmware .ftm {
    width: 100%;
    padding-left: 1.9rem;
    color: #333;
    line-height: 1.5;
}

.downloads .dor .firmware .ftm p {
    color: #333;
    line-height: 1.5;
}

.downloads .dor .firmware .line {
    width: 100%;
    border-bottom: solid 1px #ddd;
    margin: 0.5rem 0;
}

.downloads .dor .firmware .don {
    width: 100%;
    font-size: 0;
}

.downloads .dor .firmware .don a {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0 0.4rem;
    border-radius: 8px;
    border: solid 1px #dddddd;
    color: #666;
    line-height: 2.5;
}

.downloads .dor .firmware .don a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin-left: 0.2rem;
}

.downloads .dor .firmware .don a span img {
    width: 100%;
    display: block;
}

.downloads .dor .firmware .don a span img:first-child {
    display: block;
}

.downloads .dor .firmware .don a span img:last-child {
    display: none;
}

.downloads .dor .firmware .don a:hover {
    background-color: #fabf13;
    border: solid 1px #fabf13;
    color: #fff;
}

.downloads .dor .firmware .don a:hover span img:first-child {
    display: none;
}

.downloads .dor .firmware .don a:hover span img:last-child {
    display: block;
}

.downloads .dor .colpage {
    width: 100%;
    background-color: #fff;
    padding: 0 0.4rem;
}

.downloads .dor .colpage .colpam {
    width: 100%;
    padding-bottom: 0.3rem;
}

.downloads .dor .colpage .colpam .oit {
    width: 100%;
    color: #191919;
    line-height: 1.5;
    padding: 0.3rem 0;
}

.downloads .dor .colpage .colpam .copaglist {
    width: 100%;
    font-size: 0;
}

.downloads .dor .colpage .colpam .copaglist .copam {
    display: inline-block;
    vertical-align: top;
    width: calc((390 / 1250) * 100%);
    margin-right: calc((39 / 1250) * 100%);
    margin-bottom: 0.4rem;
    padding: 0.5rem 0.3rem;
}

.downloads .dor .colpage .colpam .copaglist .copam a {
    width: 100%;
    display: block;
}

.downloads .dor .colpage .colpam .copaglist .copam .icon {
    display: block;
    margin: 0 auto 0.28rem;
    width: 0.8rem;
    height: 0.8rem;
    background-color: #0058af;
    border-radius: 8px;
    transition: all ease 0.3s;
}

.downloads .dor .colpage .colpam .copaglist .copam .icon img {
    width: 100%;
    display: block;
}

.downloads .dor .colpage .colpam .copaglist .copam .icon .img {
    width: 100%;
    padding-top: 100%;
}

.downloads .dor .colpage .colpam .copaglist .copam .civ {
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 1.5;
    font-weight: bold;
    height: 3em;
}

.downloads .dor .colpage .colpam .copaglist .copam .cim {
    width: 100%;
    font-size: 0;
    text-align: center;
}

.downloads .dor .colpage .colpam .copaglist .copam .cim span {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.5;
    margin: 0 0.1rem;
}

.downloads .dor .colpage .colpam .copaglist .copam .don {
    width: 100%;
    font-size: 0;
    text-align: center;
    margin-top: 0.3rem;
}

.downloads .dor .colpage .colpam .copaglist .copam .don .nv {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0 0.4rem;
    border-radius: 8px;
    border: solid 1px #dddddd;
    color: #666;
    line-height: 2.5;
    transition: all ease 0.3s;
}

.downloads .dor .colpage .colpam .copaglist .copam .don .nv span {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin-left: 0.2rem;
}

.downloads .dor .colpage .colpam .copaglist .copam .don .nv span img {
    width: 100%;
    display: block;
}

.downloads .dor .colpage .colpam .copaglist .copam .don .nv span img:first-child {
    display: block;
}

.downloads .dor .colpage .colpam .copaglist .copam .don .nv span img:last-child {
    display: none;
}

.downloads .dor .colpage .colpam .copaglist .copam:hover {
    background-color: #f5f5f5;
    border-radius: 10px;
}

.downloads .dor .colpage .colpam .copaglist .copam:hover .icon {
    background-color: #fabf13;
}

.downloads .dor .colpage .colpam .copaglist .copam:hover .don .nv {
    background-color: #fabf13;
    border: solid 1px #fabf13;
    color: #fff;
}

.downloads .dor .colpage .colpam .copaglist .copam:hover .don .nv span img:first-child {
    display: none;
}

.downloads .dor .colpage .colpam .copaglist .copam:hover .don .nv span img:last-child {
    display: block;
}

.downloads .dor .colpage .colpam .copaglist .copam:nth-child(3n) {
    margin-right: 0;
}

.downloads .dor .colpage .colpam .copaglist .copam:nth-child(3n+1) {
    transition-delay: 0.2s;
}

.downloads .dor .colpage .colpam .copaglist .copam:nth-child(3n+2) {
    transition-delay: 0.3s;
}

.downloads .dor .colpage .colpam .copaglist .copam:nth-child(3n+3) {
    transition-delay: 0.4s;
}

.downloads .dor .colpage .colpam .pages {
    padding-top: 0;
}

.downloads .dor .colpage .colpam .videolis {
    width: 100%;
    font-size: 0;
}

.downloads .dor .colpage .colpam .videolis .vetom {
    width: calc((390 / 1250) * 100%);
    margin-right: calc((39 / 1250) * 100%);
    background-color: #f5f5f5;
    border-radius: 10px;
    margin-bottom: 0.4rem;
    display: inline-block;
    vertical-align: top;
}

.downloads .dor .colpage .colpam .videolis .vetom a {
    width: 100%;
    display: block;
}

.downloads .dor .colpage .colpam .videolis .vetom .imgs {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.downloads .dor .colpage .colpam .videolis .vetom .imgs .img {
    width: 100%;
    padding-top: 56.41%;
    transition: all ease 0.3s;
}

.downloads .dor .colpage .colpam .videolis .vetom .imgs .play {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.7rem;
    height: 0.7rem;
    cursor: pointer;
}

.downloads .dor .colpage .colpam .videolis .vetom .imgs .play img {
    width: 100%;
    display: block;
}

.downloads .dor .colpage .colpam .videolis .vetom .vom {
    width: 100%;
    padding: 0.25rem;
}

.downloads .dor .colpage .colpam .videolis .vetom .vom .time {
    width: 100%;
    color: #999;
    line-height: 1.5;
}

.downloads .dor .colpage .colpam .videolis .vetom .vom .vit {
    width: 100%;
    color: #000;
    line-height: 1.5;
    font-weight: bold;
    margin: 0.08rem 0;
}

.downloads .dor .colpage .colpam .videolis .vetom .vom .em {
    width: 100%;
    color: #999;
    line-height: 1.5;
    height: 6em;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(3n) {
    margin-right: 0;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(3n+1) {
    transition-delay: 0.2s;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(3n+2) {
    transition-delay: 0.3s;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(3n+3) {
    transition-delay: 0.4s;
}

.downloads .dor .colpage .colpam .videolis .vetom:hover .imgs .img {
    transform: scale(1.1);
}

.downloads .dor .colpage .colpam .videolis .vetom:hover .vom .vit {
    color: #fabf13;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+1) .imgs .img {
    padding-top: 56.41%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+2) .imgs .img {
    padding-top: 61.53%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+3) .imgs .img {
    padding-top: 46.15%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+4) {
    position: relative;
    margin-top: -0.2rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+4) .imgs .img {
    padding-top: 61.53%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+5) {
    position: relative;
    margin-top: 0rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+5) .imgs .img {
    padding-top: 46.15%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+6) {
    position: relative;
    margin-top: -0.6rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+6) .imgs .img {
    padding-top: 56.51%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+7) {
    position: relative;
    margin-top: -0rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+7) .imgs .img {
    padding-top: 46.15%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+8) {
    position: relative;
    margin-top: -0.4rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+8) .imgs .img {
    padding-top: 56.51%;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+9) {
    position: relative;
    margin-top: -0.6rem;
}

.downloads .dor .colpage .colpam .videolis .vetom:nth-child(9n+9) .imgs .img {
    padding-top: 61.53%;
}

.downloads .dor .colpage .colpam+.colpam {
    border-top: solid 1px #ddd;
}

@media (max-width: 900px) {
    .downloads .dor .colpage .colpam .videolis .vetom {
        margin-top: 0rem !important;
    }

    .downloads .dor .colpage .colpam .videolis .vetom .imgs .img {
        padding-top: 56.51% !important;
    }
}

.repairs {
    width: 100%;
    padding: 0.8rem 0;
}

.repairs .repam {
    width: 100%;
}

.repairs .repam .retop {
    width: 100%;
    margin-bottom: 0.5rem;
}

.repairs .repam .retop .rep {
    width: 100%;
    color: #191919;
    font-weight: bold;
    line-height: 1.5;
}

.repairs .repam .retop .rx {
    width: 100%;
    font-size: 0;
}

.repairs .repam .retop .rx span {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    line-height: 1.5;
}

.repairs .repam .retop .rx a {
    display: inline-block;
    vertical-align: middle;
    color: #0058af;
    line-height: 1.5;
}

.repairs .repam .repont {
    width: 100%;
}

.repairs .repam .repont .reselect {
    width: 100%;
    font-size: 0;
}

.repairs .repam .repont .reselect .select {
    width: 4rem;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    border: none;
    margin-right: 0.3rem;
}

.repairs .repam .repont .reselect .select .select-con {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0;
    border-radius: 8px;
    background-color: #fff;
    border: solid 1px #ddd;
    padding: 0 0.2rem;
}

.repairs .repam .repont .reselect .select .select-con .ix {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.1rem;
}

.repairs .repam .repont .reselect .select .select-con .ix img {
    width: 100%;
    display: block;
}

.repairs .repam .repont .reselect .select .select-con .select-value {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.3rem);
    line-height: 3.5;
    height: 3.5em;
    color: #666;
}

.repairs .repam .repont .reselect .select .select-con select {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.repairs .repam .repont .reselect .select .select-con select option {
    color: #666;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 2.8;
    background: #fff;
}

.repairs .repam .repont .reselect .select .select-con:after {
    display: inline-block;
    content: "";
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 11px;
    height: 6px;
    background-image: url("../images/x.png");
    background-size: 100%;
}

.repairs .repam .repont .hotline {
    width: 100%;
    padding: 0.4rem 0;
    margin-bottom: 0.3rem;
}

.repairs .repam .repont .hotline .hx {
    width: 100%;
    color: #666;
    line-height: 1.8;
}

.repairs .repam .repont .hotline .line {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    margin: 0.15rem 0 0.05rem;
}

.repairs .repam .repont .hotline .hum {
    width: 100%;
    color: #fabf13;
    line-height: 1.5;
    font-weight: bold;
}

.repairs .repam .repont .companylis {
    width: 100%;
    font-size: 0;
}

.repairs .repam .repont .companylis .comays {
    display: inline-block;
    vertical-align: top;
    width: calc((810 / 1660) * 100%);
    background-color: #f5f5f5;
    border-radius: 20px;
    padding: 0.45rem 0.4rem;
    position: relative;
    margin-right: calc((39 / 1660) * 100%);
    margin-bottom: 0.4rem;
}

.repairs .repam .repont .companylis .comays:after {
    content: ' ';
    position: absolute;
    left: -0rem;
    top: 0.5rem;
    width: 0.16rem;
    height: 0.35rem;
    transform: rotate(-90deg);
    background-image: url("../images/i13.png");
    background-size: 100% 100%;
}

.repairs .repam .repont .companylis .comays:before {
    content: ' ';
    position: absolute;
    left: -0rem;
    bottom: 0.5rem;
    width: 0.16rem;
    height: 0.35rem;
    transform: rotate(-90deg);
    background-image: url("../images/i13.png");
    background-size: 100% 100%;
}

.repairs .repam .repont .companylis .comays .dian {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.12rem;
}

.repairs .repam .repont .companylis .comays .dian span {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    background-color: #006ab6;
}

.repairs .repam .repont .companylis .comays .cin {
    width: 100%;
    color: #222;
    line-height: 1.5;
    font-weight: bold;
}

.repairs .repam .repont .companylis .comays .line {
    width: 100%;
    border-bottom: dashed 1px #999;
    margin: 0.24rem 0 0.3rem;
}

.repairs .repam .repont .companylis .comays .cinp {
    width: 100%;
    color: #666;
    line-height: 1.8;
}

.repairs .repam .repont .companylis .comays .cinp p {
    color: #666;
    line-height: 1.8;
}

.repairs .repam .repont .companylis .comays:nth-child(2n) {
    margin-right: 0;
}

.parameter .parmen {
    overflow: hidden;
}

.parameter .parmen table {
    /* width: 100%; */
    display: block;
    font-size: 14px;
    border: none;
}

.parameter .parmen tbody {
    width: 100%;
    display: block;
}

.parameter .parmen table th {
    padding: 10px;
    font-size: 14px;
    line-height: 2 !important;
}

.parameter .parmen table td {
    padding: 10px;
    font-size: 14px;
    line-height: 2 !important;
}

.pocopm {
    position: fixed;
    z-index: 100;
    width: 100vw;
    left: 0;
    top: 0;
    height: 100vh;
    display: none;
}

.pocopm .plack {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
}

.pocopm .potn {
    width: 94%;
    max-width: 13rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pocopm .potn .firmware {
    width: 100%;
    background-color: #fff;
    padding: 0.6rem;
    border-radius: 20px;
    position: relative;
}

.pocopm .potn .firmware .fop {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.26rem;
}

.pocopm .potn .firmware .fop .fion {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    margin-right: 0.7rem;
}

.pocopm .potn .firmware .fop .fion span {
    width: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    height: 1.6rem;
    background-color: #fabf13;
    border-radius: 8px;
}

.pocopm .potn .firmware .fop .fion img {
    width: 100%;
    display: block;
}

.pocopm .potn .firmware .fop .from {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 0.7rem - 1.6rem);
}

.pocopm .potn .firmware .fop .from .ft {
    width: 100%;
    color: #000;
    line-height: 1.5;
    font-weight: bold;
}

.pocopm .potn .firmware .fop .from .fmm {
    width: 100%;
    font-size: 0;
}

.pocopm .potn .firmware .fop .from .fmm span {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    line-height: 1.5;
    margin-right: 0.4rem;
}

.pocopm .potn .firmware .ftm {
    width: 100%;
    padding-left: 1.9rem;
    color: #333;
    line-height: 1.5;
}

.pocopm .potn .firmware .ftm p {
    color: #333;
    line-height: 1.5;
}

.pocopm .potn .firmware .line {
    width: 100%;
    border-bottom: solid 1px #ddd;
    margin: 0.5rem 0;
}

.pocopm .potn .firmware .don {
    width: 100%;
    font-size: 0;
    text-align: left !important;
}

.pocopm .potn .firmware .don a {
    display: inline-block !important;
    vertical-align: middle;
    width: 1.6rem !important;
    padding: 0 0rem;
    text-align: center;
    border-radius: 8px;
    border: solid 1px #dddddd;
    color: #666;
    line-height: 2.5;
}

.pocopm .potn .firmware .don a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin-left: 0.2rem;
}

.pocopm .potn .firmware .don a span img {
    width: 100%;
    display: block;
}

.pocopm .potn .firmware .don a span img:first-child {
    display: block;
}

.pocopm .potn .firmware .don a span img:last-child {
    display: none;
}

.pocopm .potn .firmware .don a:hover {
    background-color: #fabf13;
    border: solid 1px #fabf13;
    color: #fff;
}

.pocopm .potn .firmware .don a:hover span img:first-child {
    display: none;
}

.pocopm .potn .firmware .don a:hover span img:last-child {
    display: block;
}

.pocopm .potn .firmware .close {
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    width: 0.35rem;
    height: 0.35rem;
    cursor: pointer;
}

.pocopm .potn .firmware .close img {
    width: 100%;
    display: block;
}

.pocopm .potn .firmware .vot {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.pocopm .potn .firmware .vot .ftm {
    width: calc(100% - 2rem);
    display: inline-block;
    vertical-align: middle;
    padding-left: 0;
}

.pocopm .potn .firmware .vot .don {
    width: 2rem !important;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0 !important;
}



.w1660 {
    width: 16.6rem;
    margin: 0 auto;
    position: relative;
    font-size: 0;
    z-index: 2;
}

@media (max-width: 1680px) {
    .w1660 {
        width: 94%;
    }
}

.xanner {
    width: 100%;
    position: relative;
}

.xanner .swiper-slide {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.xanner .swiper-slide .img {
    width: 100%;
    padding-top: 44.79%;
}

.xanner .swiper-slide .box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc((130 / 1920) * 100%);
    width: calc((740 / 1920) * 100%);
    width: 7.4rem;
    text-align: right;
    z-index: 4;
}

.xanner .swiper-slide .box .bit {
    width: 100%;
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
}

.xanner .swiper-slide .box .bit p {
    color: #fff;
    line-height: 1.5;
    font-weight: bold;
}

.xanner .swiper-slide .box .emb {
    width: 100%;
    color: #fff;
    line-height: 1.3;
    font-weight: bold;
    margin-top: 0.15rem;
}

.xanner .swiper-slide .box .emb p {
    color: #fff;
    line-height: 1.3;
    font-weight: bold;
}

.xanner .swiper-slide .box .morec {
    width: 100%;
    font-size: 0;
    margin-top: 0.8rem;
}

.xanner .swiper-slide .box .morec a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    padding: 0 0.8rem 0 0.6rem;
}

.xanner .swiper-slide .box .morec a span {
    display: inline-block;
    vertical-align: middle;
    width: 0.1rem;
    height: 0.16rem;
    position: relative;
    margin-left: 0.2rem;
    transition: all ease 0.3s;
    top: -0.02rem;
    left: 0;
}

.xanner .swiper-slide .box .morec a span img {
    width: 100%;
    display: block;
}

.xanner .swiper-slide .box .morec a:hover span {
    left: 0.2rem;
}

.xanner .swiper-slide .voc {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.xanner .swiper-pagination {
    bottom: 0.6rem;
}

.xanner .swiper-pagination-bullet {
    width: 0.35rem;
    height: 4px;
    background-color: #fff;
    opacity: 1;
    border-radius: 2px;
}

.xanner .swiper-pagination-bullet-active {
    background-color: #fabf13;
}

@media (max-width: 900px) {
    .xanner .swiper-slide {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
    }

    .xanner .swiper-slide a {
        width: 100%;
        display: block;
    }

    .xanner .swiper-slide .box .bit {
        font-size: 16px;
    }

    .xanner .swiper-slide .box .emb {
        font-size: 12px;
    }

    .xanner .swiper-slide .box .morec a {
        line-height: 2.5;
        padding: 0 0.4rem 0 0.3rem;
    }
}

.activitys {
    width: 100%;
    padding: 1rem 0;
}

.activitys .activm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.activitys .activm.is-sp{
    justify-content: center;
}
.activitys .activm.is-sp .actl{margin-bottom: 0 !important;!i;!;}
.activitys .activm.is-sp .actr{display: none !important;!i;!;}

.activitys .activm .actl {
    display: inline-block;
    vertical-align: middle;
    width: calc(960 / 1660 * 100%);
}

.activitys .activm .actl .tlcm {
    width: 100%;
    display: none;
    height: 5.4rem;
    background-color: #000;
    position: relative;
}

.activitys .activm .actl .tlcm .vi1 {
    width: 100%;
    height: 100%;
}

.activitys .activm .actl .tlcm .vi2 {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.activitys .activm .actl .tlcm .img {
    width: 100%;
    height: 100%;
}

.activitys .activm .actl .tlcm .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
    opacity: 0;
    transition: all ease 0.5s;
}

.activitys .activm .actl .tlcm .ic {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    opacity: 0;
    text-align: center;
    color: #fff;
    line-height: 2.5;
    border: solid 1px #fff;
    padding: 0 0.4rem;
    transition: all ease 0.5;
}

.activitys .activm .actl .tlcm .ic img {
    width: 100%;
    display: block;
}

.activitys .activm .actl .tlcm:hover .ic {
    opacity: 1;
}

.activitys .activm .actl .tlcm:hover .bg {
    opacity: 1;
}

.activitys .activm .actl .tlcm.on {
    display: block;
}

.activitys .activm .actr {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: calc(605 / 1660 * 100%);
}

.activitys .activm .actr .actrom {
    width: 100%;
    flex: 1;
}

.activitys .activm .actr .actrom .arom {
    width: 100%;
    display: none;
}

.activitys .activm .actr .actrom .arom.on {
    display: block;
}

.activitys .activm .actr .actnav {
    width: 100%;
    font-size: 0;
    margin-bottom: 0.25rem;
    position: relative;
}

.activitys .activm .actr .actnav .swiper-slide {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    width: 100%;
    border-bottom: solid 2px transparent;
}

.activitys .activm .actr .actnav .swiper-slide a {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    line-height: 2;
    width: 100%;
    text-align: center;
    transition: all ease 0.5s;
}

.activitys .activm .actr .actnav .swiper-slide.on,
.activitys .activm .actr .actnav .swiper-slide:hover {
    border-bottom: solid 2px #0094d8;
}

.activitys .activm .actr .actnav .swiper-slide.on a,
.activitys .activm .actr .actnav .swiper-slide:hover a {
    color: #0094d8;
}

.activitys .activm .actr .actnav .btn {
    position: absolute;
    z-index: 5;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    width: 11px;
    height: 18px;
    cursor: pointer;
    opacity: 0;
    transition: all ease 0.5s;
}

.activitys .activm .actr .actnav .btn img {
    width: 100%;
    display: block;
}

.activitys .activm .actr .actnav .btn img:first-child {
    display: block;
}

.activitys .activm .actr .actnav .btn img:last-child {
    display: none;
}

.activitys .activm .actr .actnav .btn:hover img:first-child {
    display: none;
}

.activitys .activm .actr .actnav .btn:hover img:last-child {
    display: block;
}

.activitys .activm .actr .actnav .bl {
    left: -13px;
}

.activitys .activm .actr .actnav .br {
    right: -13px;
}

.activitys .activm .actr .actnav:hover .btn {
    opacity: 1;
}

.activitys .activm .actr .at {
    width: 100%;
    color: #000;
    line-height: 1.5;
    padding-bottom: 0.1rem;
    border-bottom: solid 1px rgba(170, 180, 186, 0.3);
    margin-bottom: 0.15rem;
}

.activitys .activm .actr .aims {
    width: 100%;
    font-size: 0;
    margin: 0.4rem 0 0.2rem;
}

.activitys .activm .actr .aims .asm {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    line-height: 1.5;
    margin-right: 0.35rem;
    margin-bottom: 0.15rem;
}

.activitys .activm .actr .aims .asm.w100 {
    width: 100%;
}

.activitys .activm .actr .aims .asm span {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    position: relative;
    top: -0.02rem;
    margin-right: 0.1rem;
}

.activitys .activm .actr .aims .asm span img {
    width: 100%;
    display: block;
}

.activitys .activm .actr .auls {
    width: 100%;
    height: 2.7rem;
    overflow: auto;
    line-height: 1.5;
    padding-right: 15px;
    /*滚动条里面小方块*/
    /*滚动条里面轨道*/
}

.activitys .activm .actr .auls::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    scrollbar-arrow-color: rgba(34, 55, 81, 0.06);
}

.activitys .activm .actr .auls::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 148, 216, 0.8);
    background: rgba(0, 148, 216, 0.8);
    scrollbar-arrow-color: rgba(0, 0, 0, 0.1);
}

.activitys .activm .actr .auls::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
}

.activitys .activm .actr .auls .ali {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: solid 1px #ddd;
    padding: 0.1rem 0;
}

.activitys .activm .actr .auls .ali .am {
    display: inline-block;
    vertical-align: middle;
    color: #444;
    line-height: 1.5;
}

.activitys .activm .actr .auls .ali .ap {
    display: inline-block;
    vertical-align: middle;
    color: #444;
    line-height: 1.5;
}

.activitys .focus {
    width: 100%;
    font-size: 0;
    padding: 0.35rem 1rem;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.activitys .focus .fol {
    display: inline-block;
    vertical-align: middle;
}

.activitys .focus .fol .ftt {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
}

.activitys .focus .for {
    display: inline-block;
    vertical-align: middle;
}

.activitys .focus .for .cod {
    display: inline-block;
    vertical-align: middle;
    width: 1.36rem;
    height: 1.36rem;
    background-color: #fff;
    padding: 0.1rem;
    border-radius: 5px;
}

.activitys .focus .for .cod img {
    width: 100%;
    display: block;
}

@media (max-width: 800px) {
    .activitys .activm .actr .actnav .swiper-container {
        width: calc(100% - 30px);
        margin: 0 auto;
    }

    .activitys .activm .actr .actnav .btn {
        opacity: 1;
    }

    .activitys .activm .actr .actnav .bl {
        left: 0;
    }

    .activitys .activm .actr .actnav .br {
        right: 0;
    }
}

.displays {
    width: 100%;
    background-color: #ecf2f8;
    padding: 1rem 0;
}

.displays .distper {
    width: 100%;
    position: relative;
}

.displays .distper .swiper-container {
    width: 100%;
}

.displays .distper .swiper-wrapper {
    align-items: center;
    justify-content: space-between;
}

.displays .distper .swiper-slide {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 5.1rem;
    transition: all ease 0.5s;
}

.displays .distper .swiper-slide a {
    width: 100%;
    display: block;
    font-size: 0;
}

.displays .distper .swiper-slide .sonm {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 0.2rem;
    transition: all ease 0.5s;
    opacity: 0.7;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.displays .distper .swiper-slide .sonm .xit {
    position: absolute;
    z-index: 3;
    left: 0;
    width: 100%;
    bottom: 0.6rem;
    text-align: center;
    color: #333;
    line-height: 1.5;
}

.displays .distper .swiper-slide .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.displays .distper .swiper-slide .imgs .img {
    width: 100%;
    padding-top: 102.56%;
    transition: all ease 0.5s;
}

.displays .distper .swiper-slide .xit {
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 1.5;
    margin-top: 0.15rem;
}

.displays .distper .swiper-slide .paner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    margin: 0 auto;
    transition: all ease 0.5s;
    overflow: hidden;
    border-radius: 0.2rem;
    opacity: 0;
}

.displays .distper .swiper-slide .paner .imc {
    width: 100%;
    padding-top: 62.96%;
    background-color: #fff;
    transition: all ease 0.5s;
}

.displays .distper .swiper-slide .paner .pic {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
}

.displays .distper .swiper-slide .paner .pic .vit {
    width: 100%;
    font-size: 0;
    border-bottom: solid 1px #eee;
    padding-bottom: 0.1rem;
    margin-bottom: 0.25rem;
}

.displays .distper .swiper-slide .paner .pic .vit b {
    display: inline-block;
    color: #000;
    margin-right: 0.1rem;
}

.displays .distper .swiper-slide .paner .pic .vit span {
    display: inline-block;
    color: #333;
}

.displays .distper .swiper-slide .paner .pic .vm {
    width: 100%;
    color: #444;
    line-height: 1.5;
}

.displays .distper .swiper-slide .paner .pic .vm p {
    color: #444;
    line-height: 1.5;
}

.displays .distper .swiper-slide-active a {
    text-align: center;
}

.displays .distper .swiper-slide-active .sonm {
    opacity: 1;
    width: 0;
    padding: 0;
    display: none;
}

.displays .distper .swiper-slide-active .paner {
    width: 100%;
    display: block;
}

.displays .distper .swiper-slide-prev a {
    text-align: right;
}

.displays .distper .swiper-slide-prev a {
    text-align: right;
}

.displays .distper .btn {
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 0.4rem;
    cursor: pointer;
    top: calc(50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 5;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
}

.displays .distper .btn img {
    width: 100%;
    display: block;
}

.displays .distper .btn img:first-child {
    display: block;
}

.displays .distper .btn img:last-child {
    display: none;
}

.displays .distper .btn:hover {
    background-color: #fabf13;
}

.displays .distper .btn:hover img:first-child {
    display: none;
}

.displays .distper .btn:hover img:last-child {
    display: block;
}

.displays .distper .bl {
    left: -0.2rem;
}

.displays .distper .br {
    right: -0.2rem;
}

.displays .distper .swiper-slide.c1 .sonm {
    left: 0;
    width: calc(300 / 415 * 100%);
    transform: translate(0%, -50%);
}

.displays .distper .swiper-slide.c3 .sonm {
    right: 0;
    left: auto;
    width: calc(300 / 415 * 100%);
    transform: translate(0%, -50%);
}

.displays .distper .swiper-slide.c2 .sonm {
    width: 0;
    opacity: 0;
}

.displays .distper .swiper-slide.c2 .paner {
    opacity: 1;
    width: calc(610 / 415 * 100%);
}

.displays .distper .swiper-slide:hover .sonm {
    opacity: 1;
}

.displays .distper .swiper-slide:hover .sonm .imgs .img {
    transform: scale(1.1);
}

.displays .distper .swiper-slide:hover .paner .imc {
    transform: scale(1.1);
}

.displays .distper:hover .btn {
    opacity: 1;
}

@media (max-width: 800px) {
    .displays .distper .btn {
        opacity: 1;
    }

    .displays .distper .swiper-slide {
        width: 100%;
        margin: 0;
    }

    .displays .distper .swiper-slide.c1,
    .displays .distper .swiper-slide.c2,
    .displays .distper .swiper-slide.c3 {
        width: 100%;
    }

    .displays .distper .swiper-slide.c1 .paner,
    .displays .distper .swiper-slide.c2 .paner,
    .displays .distper .swiper-slide.c3 .paner {
        width: 100%;
    }
}

.hots {
    width: 100%;
    padding: 1rem 0;
}

.hots .hotem {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hots .hotem .htl {
    display: inline-block;
    vertical-align: middle;
    width: calc((810 / 1660 * 100%));
}

.hots .hotem .htl a {
    width: 100%;
    display: block;
}

.hots .hotem .htl .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.hots .hotem .htl .imgs .img {
    width: 100%;
    padding-top: 56.17%;
    transition: all ease 0.5s;
}

.hots .hotem .htl .vtm {
    position: relative;
    top: -0.5rem;
    width: calc((760 / 810 * 100%));
    background-color: #fff;
    border-radius: 0 0.2rem 0.2rem 0;
    padding: 0.4rem 0.5rem;
}

.hots .hotem .htl .vtm .xt {
    width: 100%;
    color: #000;
    line-height: 1.5;
}

.hots .hotem .htl .vtm .xp {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.hots .hotem .htl:hover .imgs .img {
    transform: scale(1.1);
}

.hots .hotem .htl:hover .vtm .xt {
    color: #0094d8;
}

.hots .hotem .htr {
    display: inline-block;
    vertical-align: middle;
    width: calc((770 / 1660 * 100%));
}

.hots .hotem .htr .hrom {
    width: 100%;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.hots .hotem .htr .hrom .hol {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
    padding-right: 0.8rem;
}

.hots .hotem .htr .hrom .hol .dt {
    width: 100%;
    color: #000;
    line-height: 1.5;
    margin-bottom: 0.1rem;
}

.hots .hotem .htr .hrom .hol .xp {
    width: 100%;
    line-height: 1.5;
    height: 3em;
    color: #666;
}

.hots .hotem .htr .hrom .hor {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.hots .hotem .htr .hrom .hor .jt {
    width: 100%;
    color: #666;
    line-height: 1.1;
}

.hots .hotem .htr .hrom .hor .dd {
    width: 100%;
    color: #666;
    line-height: 1.5;
}

.hots .hotem .htr .hrom:first-child {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.hots .hotem .htr .hrom:hover .hol .dt {
    color: #0094d8;
}

.hots .hotem .htr .more {
    width: 100%;
    font-size: 0;
    margin-top: 0.2rem;
    text-align: right;
}

.hots .hotem .htr .more a {
    display: inline-block;
    vertical-align: middle;
    line-height: 2;
    color: #666;
}

.hots .hotem .htr .more a:hover {
    color: #0094d8;
}

.reviews {
    width: 100%;
    padding: 1rem 0;
    background-color: #e6ebf1;
}

.reviews .revipers {
    width: 100%;
    position: relative;
}

.reviews .revipers .swiper-slide {
    width: 100%;
}

.reviews .revipers .swiper-slide a {
    width: 100%;
    display: block;
}

.reviews .revipers .swiper-slide .imgs {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 0.2rem;
}

.reviews .revipers .swiper-slide .imgs .img {
    width: 100%;
    padding-top: 77.60%;
    transition: all ease 0.5s;
}

.reviews .revipers .swiper-slide .sot {
    width: 100%;
    margin-top: 0.1rem;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reviews .revipers .swiper-slide .sot .sm {
    display: inline-block;
    vertical-align: middle;
    color: #191919;
    line-height: 1.5;
}

.reviews .revipers .swiper-slide .sot .mm {
    display: inline-block;
    vertical-align: middle;
    width: 0.26rem;
    height: 0.26rem;
    display: none;
}

.reviews .revipers .swiper-slide .sot .mm img {
    width: 100%;
    display: block;
}

.reviews .revipers .swiper-slide:hover .imgs .img {
    transform: scale(1.1);
}

.reviews .revipers .btn {
    display: inline-block;
    vertical-align: middle;
    width: 0.4rem;
    height: 0.4rem;
    cursor: pointer;
    top: calc(50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 5;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
}

.reviews .revipers .btn img {
    width: 100%;
    display: block;
}

.reviews .revipers .btn img:first-child {
    display: block;
}

.reviews .revipers .btn img:last-child {
    display: none;
}

.reviews .revipers .btn:hover {
    background-color: #fabf13;
}

.reviews .revipers .btn:hover img:first-child {
    display: none;
}

.reviews .revipers .btn:hover img:last-child {
    display: block;
}

.reviews .revipers .bl {
    left: -0.2rem;
}

.reviews .revipers .br {
    right: -0.2rem;
}

.reviews .revipers:hover .btn {
    opacity: 1;
}

@media (max-width: 800px) {
    .reviews .revipers .btn {
        opacity: 1;
    }
}

.botvom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 5;
}

.botvom .bvm {
    width: 100%;
    padding: 0.35rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.botvom .bvm .close {
    position: absolute;
    right: -5px;
    top: 5px;
    font-size: 20px;
    line-height: 1.5;
    cursor: pointer;
    color: #fff;
}

.botvom .bvm .bvl {
    display: inline-block;
    vertical-align: middle;
}

.botvom .bvm .bvl .bm {
    display: inline-block;
    vertical-align: middle;
}

.botvom .bvm .bvl .bm .num {
    color: #fabf13;
}

.botvom .bvm .bvl .bm .ic {
    width: 20px;
    display: inline-block;
    position: relative;
    top: 0.04rem;
    margin-right: 0.06rem;
}

.botvom .bvm .bvl .bm .ic img {
    width: 100%;
    display: block;
}

.botvom .bvm .bvl .bm .li {
    display: inline-block;
    vertical-align: top;
    width: auto;
    color: #fff;
    line-height: 1.5;
    margin-right: 0.3rem;
}

.botvom .bvm .bvr {
    display: inline-block;
    vertical-align: middle;
}

.botvom .bvm .bvr a {
    display: inline-block;
    vertical-align: middle;
    background-color: #fabf13;
    border-radius: 8px;
    color: #fff;
    line-height: 3.5;
    height: 3.5em;
    padding: 0 0.1rem;
    margin-right: 3rem;
    text-align: center;
    width: 2rem;
}

.modular .mitop.cen {
    text-align: center;
}

.rion {
    position: fixed;
    z-index: 20;
    width: 0.65rem;
    height: 0.65rem;
    right: 0.05rem;
    bottom: 70px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #008cd6;
}

.rion img {
    width: 100%;
    height: 100%;
    display: block;
}


.ricon {
    position: fixed;
    right: 0.05rem;
    width: 0.5rem;
    height: 0.5rem;
    z-index: 10;
    bottom: 10%;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);
    display: none;
}

.ricon img {
    width: 100%;
    display: block;
}

.rightnav .ream {
    transition: all ease 0.5s;
    left: 0;
}

.rightnav .switch {
    float: right;
    position: relative;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    background-color: #0094d8;
}

.rightnav .switch img {
    width: 100%;
    display: block;
}

.rightnav .switch img:first-child {
    display: block;
}

.rightnav .switch img:last-child {
    display: none;
}

.rightnav.hide .ream {
    left: 200px;
}

.rightnav.hide .switch img:first-child {
    display: none;
}

.rightnav.hide .switch img:last-child {
    display: block;
}

@media (max-width: 800px) {
    .rightnav .ream {
        overflow: hidden;
        width: 40px;
        height: 40px;
    }

    .rightnav .ream a {
        font-size: 0;
    }
}

.downloads .w1660{position: static;}
.pocopm .potn .firmware .vot .ftm{overflow: auto;}
.pocopm .potn .firmware .vot .ftm *{line-height: inherit;}