@charset "utf-8";

* {
    padding: 0;
    margin: 0;
    outline: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

html, body {
    font-size: 0.16rem;
    font-family: "AlibabaPuHuiTi",-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial !important;
    background: #000;
    color: #fff;
}

input, textarea, select, pre{
    font-family: "AlibabaPuHuiTi",-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial !important;
    font-size: 0.16rem;white-space:normal;
}

img, input, textarea {
    border: none;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
    font-size: 0.16rem;
    line-height: 1.4;
    transition: all .4s;
}

table {
    width: 100%;
    border-collapse: collapse;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

html.hide {
    overflow: hidden;
}

body.hide {
    overflow: hidden;
}

a {
    color: #fff;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after {
    content: '';
    display: table;
    clear: both;
}

p,pre{
    line-height: 1.4;
}

.des-justify p {
    text-align: justify;
}

.img100 img {
    vertical-align: bottom;
    width: 100%;
}

.middle-box {
    display: table;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
    table-layout: fixed;
}

.middle-inner {
    display: table-cell;
    vertical-align: middle;
    *position: absolute;
    *top: 50%;
    *left: 50%;
    width: 100%;
}

.pc-show {
    display: block;
}

.wap-show {
    display: none;
}

.position-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.relative {
    position: relative;
}

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

.overhide {
    overflow: hidden;
}

.w836 {
    width: 83.6%;
    margin: 0 auto;
}

.w78 {
    width: 78%;
    margin: 0 auto;
}

ul {
    font-size: 0;
}

    ul li {
        font-size: 0.16rem;
        display: inline-block;
        vertical-align: top;
    }

        ul li:last-child {
            margin-right: 0;
        }

.BMap_Marker img {
    width: 100%;
    vertical-align: bottom;
}

.scrollBar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollBar::-webkit-scrollbar-thumb:hover {
    border: 1px solid #636363;
    background-color: #929292;
}

.scrollBar::-webkit-scrollbar-thumb {
    background-color: #cfcfd2;
    border-radius: 8px;
    background-clip: padding-box;
    min-height: 28px;
}

.scrollBar::-webkit-scrollbar-track-piece {
    background: #f3f3f3;
}

.search_box .text::-webkit-input-placeholder {
    color: #fff;
}

.search_box .text:-moz-placeholder {
    color: #fff;
}

.search_box .text::-moz-placeholder {
    color: #fff;
}

.search_box .text:-ms-input-placeholder {
    color: #fff;
}

.edit * {
    font-weight: revert;
    list-style: revert;
}

.line20 p {
    line-height: 2;
}

.line18 p {
    line-height: 1.8;
}

.des-fff * {
    color: #fff;
}

.title-fff * {
    color: #fff;
}

.imgmax img {
    max-width: 100%;
    vertical-align: bottom;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    vertical-align: middle;
    opacity: 1;
}

.wow {
    transform: translateZ(0);
}

body {
    padding-top: 1.54rem;
    transition: all .4s;
}

.bg-fff {
    background: #fff;
    color: #000;
}

    .bg-fff * {
        color: #000;
    }

.padding-tb70 {
    padding: 0.7rem 0;
}

.mg-bt10 {
    margin-bottom: 0.1rem;
}

.mg-bt20 {
    margin-bottom: 0.2rem;
}

.mg-bt25 {
    margin-bottom: 0.25rem;
}

.mg-bt30 {
    margin-bottom: 0.3rem;
}

.mg-bt35 {
    margin-bottom: 0.35rem;
}

.mg-bt40 {
    margin-bottom: 0.4rem;
}

.mg-bt50 {
    margin-bottom: 0.5rem;
}

.mg-bt60 {
    margin-bottom: 0.6rem;
}

.mg-bt70 {
    margin-bottom: 0.7rem;
}

.mg-bt80 {
    margin-bottom: 0.8rem;
}

.mg-bt90 {
    margin-bottom: 0.9rem;
}

.mg-bt100 {
    margin-bottom: 1rem;
}

.size58 {
    font-size: 0.58rem;
}
/*header s*/
.menu-handler {
    width: 30px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    right: 4%;
    top: 50%;
    margin-top: -16px;
    transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: none;
    z-index: 9;
}

    .menu-handler .burger {
        transition: all .4s;
        height: 2px;
        background: #9c1c95;
        display: block;
        width: 20px;
        position: absolute;
        z-index: 5;
        left: 5px;
        transform-origin: center;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        -ms-transform-origin: center;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        top: 8px;
    }

    .menu-handler .burger-2 {
        top: 15px;
    }

    .menu-handler .burger-3 {
        top: 22px;
    }

    .menu-handler.active .burger-1 {
        top: 15px;
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    .menu-handler.active .burger-2 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        filter: alpha(opacity=0);
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
    }

    .menu-handler.active .burger-3 {
        top: 15px;
        -moz-transform: rotate(-225deg);
        -webkit-transform: rotate(-225deg);
        -o-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
        transform: rotate(-225deg);
    }

.header {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0;
    transition: all .4s;
    background: #000;
}

.logo {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

    .logo img {
        vertical-align: bottom;
        display: block;
        height: 1.46rem;
        transition: all .4s;
    }

.nav li {
    float: left;
    position: relative;
    margin: 0 1px;
}

    .nav li.active .nav-yi span:after {
        width: 100%;
        opacity: 1;
    }

.nav-yi {
    display: block;
    color: #fff;
    line-height: 1.54rem;
    padding: 0 0.5rem;
    text-align: center;
    transition: all .4s;
    font-size: 0.25rem;
}

    .nav-yi span {
        position: relative;
        display: inline-block;
        line-height: normal;
    }

        .nav-yi span:after {
            content: "";
            position: absolute;
            opacity: 0;
            left: 50%;
            transform: translateX(-50%);
            bottom: -0.04rem;
            border-top: 0.03rem solid #9c1c95;
            width: 0;
            transition: all .4s;
            z-index: 5;
        }

/*.nav-er-box a:before{content: '';width: 6px;height: 6px;border-radius: 100%;left: 12px;top:50%;margin-top:-3px;transition: all .4s;background: #4d4d4d;display: inline-block;margin-right: 5px;vertical-align: middle;}*/
.nav-box {
    margin-left: 1.32rem;
}

.header-area {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.header-area-item {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0.36rem;
    position: relative;
    padding: 0.14rem 0;
}

    .header-area-item:after {
        position: absolute;
        width: 0;
        bottom: 0.08rem;
        height: 0.03rem;
        background: #9c1c95;
        transition: all .4s;
        left: 50%;
        content: "";
        transform: translateX(-50%);
        opacity: 0;
    }

    .header-area-item:hover:after {
        width: 100%;
        opacity: 1;
    }

    .header-area-item.active:after {
        width: 100%;
        opacity: 1;
    }

    .header-area-item:last-child {
        margin-right: 0;
    }

.header-area-icon {
    display: inline-block;
    vertical-align: middle;
}

    .header-area-icon img {
        height: 0.39rem;
        vertical-align: bottom;
    }

.header-area-text {
    font-size: 0.29rem;
    display: inline-block;
    vertical-align: middle;
}

.language .header-area-icon {
    margin-right: 0.12rem;
}

.downloads .header-area-icon {
    margin-right: 0.12rem;
}

.downloads-hide {
    position: absolute;
    right: 0;
    min-width: 3.5rem;
    top: 100%;
    padding: 0.12rem 0.14rem;
    text-align: right;
    display: none;
}

.downloads:hover .downloads-hide {
    display: block;
}

.downloads-hide li {
    display: block;
}

    .downloads-hide li a {
        display: flex;
        width: 100%;
        font-size: 0.25rem;
        justify-content: flex-end;
        align-items: center;
    }

        .downloads-hide li a .i {
            width: 0.48rem;
            height: 0.48rem;
            background: #9c1c95;
            margin-left: 0.15rem;
            position: relative;
            transition: all .4s;
            opacity: 0;
        }

            .downloads-hide li a .i:after {
                content: "";
                position: absolute;
                top: 50%;
                width: 0.26rem;
                height: 0.04rem;
                left: 50%;
                margin: -0.02rem 0 0 -0.13rem;
                background: #fff;
            }

    .downloads-hide li.active a .i {
        opacity: 1;
    }

    .downloads-hide li:hover a .i {
        opacity: 1;
    }

.index-fixed {
    background: rgba(45,45,45,.5);
    position: fixed;
    z-index: 999;
    top: 1.12rem;
    width: 61%;
    left: 50%;
    margin-left: -30.5%;
    padding: 0.3rem 0.5rem;
    display: none;
    transition: all .4s;
}

.ss88 {
    width: 0.44rem;
    height: 0.44rem;
    background: url("/UploadFiles/images/ss88.png") no-repeat center;
    background-size: cover;
}

.gb88 {
    width: 0.44rem;
    height: 0.44rem;
    background: url("/UploadFiles/images/gb88.png") no-repeat center;
    background-size: cover;
}

.index-fixed-ss {
    align-items: center;
    justify-content: space-between;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

    .index-fixed-ss.active {
        display: flex;
    }

.ss-box .text {
    display: block;
    width: 100%;
    height: 0.44rem;
    font-size: 0.18rem;
    text-indent: 2em;
}

.ss-box {
    width: 100%;
    margin: 0 0.15rem;
    position: relative;
}

.ss-sb {
    width: 0.56rem;
    height: 0.44rem;
    background: url("/UploadFiles/images/go.png") no-repeat center;
    background-size: cover;
    top: 0;
    right: 0;
    position: absolute;
}

.des-title24 h3 {
    font-size: 0.24rem;
}

.des-title20 h3 {
    font-size: 0.20rem;
}

.nav-pro-a {
    text-align: center;
    display: block;
}

    .nav-pro-a .img100 img {
        width: 2.2rem;
        height: 2.2rem;
        max-width: 100%;
        object-fit: cover;
    }

.nav .swiper-container {
    margin: 0 0.5rem;
}

.h-play {
    display: none;
}

    .h-play.active {
        display: block;
    }

.nav-bot {
    margin-top: 0.2rem;
    display: flex;
    justify-content: center;
    min-height: 0.44rem;
}

.nav-type {
    display: flex;
    background: #000;
    border-radius: 0.44rem;
    padding: 0 0.1rem;
}

    .nav-type a {
        line-height: 0.44rem;
        position: relative;
        margin-right: 0.14rem;
    }

        .nav-type a:before {
            content: "";
            position: absolute;
            height: 90%;
            border-right: 0.02rem solid #fff;
            top: 5%;
            right: -0.08rem;
        }

        .nav-type a:last-child {
            margin-right: 0;
        }

            .nav-type a:last-child:before {
                display: none;
            }

        .nav-type a:after {
            position: absolute;
            width: 0;
            bottom: 0.08rem;
            height: 0.03rem;
            background: #9c1c95;
            transition: all .4s;
            left: 50%;
            content: "";
            transform: translateX(-50%);
            opacity: 0;
        }

        .nav-type a:hover:after {
            width: 100%;
            opacity: 1;
        }

        .nav-type a.active:after {
            width: 100%;
            opacity: 1;
        }

.navBtn div {
    position: absolute;
    z-index: 9;
    width: 0.69rem;
    height: 0.44rem;
    background-color: #000;
    border-radius: 0.44rem;
    cursor: pointer;
    transition: all .4s;
}

.navBtn1 {
    left: 0;
    background: #000 url("/UploadFiles/images/left.png") no-repeat center;
    background-size: cover;
}

.navBtn2 {
    right: 0;
    background: #000 url("/UploadFiles/images/right.png") no-repeat center;
    background-size: cover;
}

.navBtn div:hover {
    background-color: #9c1c95;
}

.swiper-container-center .swiper-wrapper {
    justify-content: center;
}

.swiper-container-left .swiper-container-center .swiper-wrapper {
    justify-content: flex-start;
}

.nav-pro-a:hover h3 {
    color: #9c1c95;
}

.nav-fan .navBtn div {
    transform: none;
    bottom: -0.03rem;
    top: auto;
}

.nav-fan .nav-bot {
    margin-top: 0;
}

.nav-support h3 {
    font-size: 0.2rem;
}

body.active {
    padding-top: 1.2rem;
}

    body.active .nav-yi {
        line-height: 1.2rem;
    }

    body.active .logo img {
        height: 1.15rem;
    }

    body.active .index-fixed {
        top: 0.9rem;
    }


/*header e*/
/*footer s*/
.footer {
    padding: 0.52rem 0;
}

    .footer a, .footer span {
        opacity: 0.5;
        transition: all .4s;
        display: inline-block;
        font-size: 0.32rem;
        font-weight: lighter;
    }

.footer-bot span {
    margin-right: 0.1rem;
}

.footer a:hover {
    opacity: 1;
}

.nav-page {
    position: absolute;
    top: 0;
}

    .nav-page:nth-child(1) {
        left: 0;
    }

    .nav-page:nth-child(2) {
        right: 0;
    }

    .nav-page a {
        margin-right: 0.85rem;
    }

        .nav-page a:last-child {
            margin-right: 0;
        }
/*footer e*/

/*index s*/
.bannerDot {
    position: absolute;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.25rem;
	display:none !important;
}

    .bannerDot .swiper-pagination-bullet {
        width: 0.88rem;
        height: 0.07rem;
        margin-right: 0.36rem;
        background: #848484;
        border-radius: 0;
    }

        .bannerDot .swiper-pagination-bullet:last-child {
            margin-right: 0;
        }

    .bannerDot .swiper-pagination-bullet-active {
        background: #fff;
    }

.bannerBtn div {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 50%;
    margin-top: -1rem;
    z-index: 9;
    cursor: pointer;
}

.bannerBtn1 {
    background: url("/UploadFiles/images/4001.png") no-repeat center;
    background-size: cover;
    left: .65rem;
}

.bannerBtn2 {
    background: url("/UploadFiles/images/4002.png") no-repeat center;
    background-size: cover;
    right: .65rem;
}

.title100 h2 {
    font-size: 0.48rem;
}

.title-lt {
    position: absolute;
    top: 0.6rem;
    left: 0;
    width: 100%;
}

    .title-lt .w836 {
        padding-left: 0.56rem;
    }

.learnmore {
    display: inline-block;
    border: 0.03rem solid #fff;
    font-size: 0.34rem;
    padding: 0.11rem 0.17rem;
    border-radius: 0.14rem;
    transition: all .4s;
}

    .learnmore:hover {
        border-color: #9c1c95;
        color: #9c1c95;
    }

.title60 h2 {
    font-size: 0.64rem;
}
.hot-title h3{font-size: 0.34rem;}
.title-bold h2 {
    font-weight: bold;
}

.hot li {
    width: 49%;
    margin-right: 2%;
    border: 1px solid #333;
    margin-bottom: 2%;
    position: relative;
}

    .hot li:nth-child(2n) {
        margin-right: 0;
    }

.mg-bt40 {
    margin-bottom: 0.4rem;
}

.hot h3 {
    position: absolute;
    top: 0.1rem;
    left: 0.28rem;
    z-index: 9;
}

.hot img {
    height: 5.72rem;
    object-fit: cover;
}

.padding-tb100 {
    padding: 1rem 0;
}

.des-title42 h3 {
    font-size: 0.42rem;
}

.des22 p {
    font-size: 0.22rem;
}

.font-lighter {
    font-weight: lighter;
}

.des-lighter {
    font-weight: lighter;
}

.view-list {
}

    .view-list li {
        text-align: center;
        width: 32%;
        margin-right: 2%;
    }

        .view-list li:nth-child(3n) {
            margin-right: 0;
        }

.viewall {
    display: inline-block;
    transition: all .4s;
    border: 1px solid #fff;
    font-size: 0.32rem;
    line-height: 0.66rem;
    padding: 0 .25rem;
}

.view-list p {
    width: 4.25rem;
    max-width: 100%;
    margin: 0 auto;
}

.view-list .des22 {
    height: 0.7rem;
}

.viewall:hover {
    background: #9c1c95;
    border-color: #9c1c95;
    color: #fff;
}
/*index e*/
/*联系我们 s*/
.lxwm-ban-des {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}

.des40 p {
    font-size: 0.4rem;
}

.lxwm-ban-des p {
    width: 14rem;
    margin: 0 auto;
    max-width: 100%;
}

.xing {
    color: #f00;
}

.lxwm-input {
    background: #fff;
}

    .lxwm-input .text {
        display: block;
        width: 100%;
        font-size: 0.4rem;
        text-indent: 0.4rem;
        height: 1.2rem;
        background: #fff;
    }

.lxwm-textarea {
    padding: 0.35rem 0.4rem;
    background: #fff;
}

    .lxwm-textarea textarea {
        display: block;
        width: 100%;
        resize: none;
        overflow: auto;
        font-size: 0.4rem;
        height: 3.68rem;
    }

.send {
    background: #9c1c95;
    font-size: 0.75rem;
    width: 4.55rem;
    line-height: 1.37rem;
    text-align: center;
    display: inline-block;
    transition: all .4s;
}

    .send:hover {
        box-shadow: 0 0 0.2rem #fff;
        border-radius: 0.2rem;
    }

.lxwm-bot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.des32 p {
    font-size: 0.32rem;
}

.privcy {
    border-bottom: 0.03rem solid #fff;
    transition: all .4s;
}

    .privcy:hover {
        color: #9c1c95;
        border-color: #9c1c95;
    }

.gou {
    width: 0.56rem;
    height: 0.56rem;
    border: 0.07rem solid #fff;
    margin-right: 0.22rem;
    position: relative;
}

.lxwm-bot-ck {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.gou.active .i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0.36rem;
    height: 0.4rem;
    background: url("/UploadFiles/images/gou.png") no-repeat center;
    background-size: 100% 100%;
}
/*联系我们 e*/
/*模版2 s*/
.w92 {
    width: 92%;
    margin: 0 auto;
}

.ccpxq-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.title62 h2 {
    font-size: 0.62rem;
}

.des30 p {
    font-size: 0.3rem;
}

.color-list li {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.2rem;
    border: 1px solid #000;
    display: none;
}

.color-type a {
    display: inline-block;
    font-size: 0.27rem;
    font-weight: lighter;
    border: 1px solid #8d8d8d;
    transition: all .4s;
    line-height: 0.72rem;
    padding: 0 0.2rem;
    margin-right: 0.35rem;
    margin-top: 0.35rem;
    min-width: 1.8rem;
    text-align: center;
}

.ccpxq-top-con {
    width: 35%;
    padding-top: 0.8rem;
}

.color-list li.active {
    display: block;
}

.color-type a:hover {
    border-color: #9c1c95;
}

.color-type a.active {
    border-color: #9c1c95;
}
.color-type a.active {
    color: #9c1c95;
}

.color-type a:hover{
    color: #9c1c95;
}

.color-type {
    width: 5rem;
    max-width: 100%;
}

.mg-bt180 {
    margin-bottom: 1.8rem;
}

.des-title25 h3 {
    font-size: 0.25rem;
}

.purchase {
    display: inline-block;
    font-size: 0.23rem;
    background: #000;
    transition: all .4s;
    line-height: 0.74rem;
    color: #fff;
    padding: 0 0.14rem;
    min-width: 2.16rem;
    text-align: center;
}

    .purchase:hover {
        background: #9c1c95;
    }

.ccpxq-top-img {
    width: 60%;
}

.viewBtn a {
    width: 0.4rem;
    height: 0.72rem;
    transition: all .4s;
    top: 50%;
    margin-top: -0.36rem;
    position: absolute;
    z-index: 9;
}

.viewBtn .arrow-left {
    background: #f7f7f7 url("/UploadFiles/images/cpxq-btn1.png") no-repeat center;
    background-size: cover;
    left: 0;
}

    .viewBtn .arrow-left:hover {
        background: #9c1c95 url("/UploadFiles/images/cpxq-btn3.png") no-repeat center;
        background-size: cover;
    }

.viewBtn .arrow-right {
    background: #f7f7f7 url("/UploadFiles/images/cpxq-btn2.png") no-repeat center;
    background-size: cover;
    right: 0;
}

    .viewBtn .arrow-right:hover {
        background: #9c1c95 url("/UploadFiles/images/cpxq-btn4.png") no-repeat center;
        background-size: cover;
    }

.view .swiper-container {
    margin: 0 0.4rem;
}
/*.view img{height: 6.8rem;object-fit: cover;}*/
.preview {
    margin: 0 1.34rem;
}

    .preview .swiper-slide {
        width: 16%;
        margin-right: 5%;
        cursor: pointer;
    }

        .preview .swiper-slide .img100 {
            border: 1px solid #8d8d8d;
            height: 1.43rem;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .4s;
        }

            .preview .swiper-slide .img100 img {
                max-width: 100%;
                max-height: 100%;
                vertical-align: bottom;
                width: auto;
            }

        .preview .swiper-slide:hover .img100 {
            border-color: #9c1c95;
        }

        .preview .swiper-slide.active-nav .img100 {
            border-color: #9c1c95;
        }

.padding-tb50 {
    padding: 0.5rem 0;
}

.cpxq-tabs {
    display: none;
}

    .cpxq-tabs.active {
        display: block;
    }

.title72 h2 {
    font-size: 0.606rem;
}

.title-lighter * {
    font-weight: lighter;
}

.cpxq-nav {
    font-size: 0;
}

    .cpxq-nav a {
        transition: all .4s;
        color: #373737;
        font-size: 0.32rem;
        margin-right: 1rem;
        position: relative;
        letter-spacing: -0.03rem;
        padding-bottom: 0.4rem;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 0.2rem;
    }

        .cpxq-nav a:last-child {
            margin-right: 0;
        }

.cpxq-page-phenomenal .cpxq-tabs img {
    /*max-width: 75%;*/
}

.cpxq-nav a.active {
    color: #fff;
}

.cpxq-nav a:hover {
    color: #fff;
}

.cpxq-nav a:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 0.45rem;
    height: 0.18rem;
    background: url("/UploadFiles/images/90x36.png") no-repeat center;
    background-size: cover;
    display: none;
}

.cpxq-nav a:before {
    position: absolute;
    bottom: 0.09rem;
    left: 0;
    content: "";
    width: 0.15rem;
    height: 0.15rem;
    background: #fff;
    border-radius: 100%;
    display: none;
}

.cpxq-nav a .line {
    position: absolute;
    left: 0.15rem;
    right: 0.45rem;
    height: 0.03rem;
    background: #fff;
    bottom: 0.15rem;
    display: none;
}

.cpxq-nav a.active:after {
    display: block;
}

.cpxq-nav a.active:before {
    display: block;
}

.cpxq-nav a.active .line {
    display: block;
}

.cpxq-nav a:hover:after {
    display: block;
}

.cpxq-nav a:hover:before {
    display: block;
}

.cpxq-nav a:hover .line {
    display: block;
}

.structeur {
    width: 17rem;
    max-width: 100%;
    margin: 0 auto;
}
.structeur.shipin{width:14rem;}

    .structeur video {
        height: 37vw;
    }

.play56 {
    display: inline-block;
    width: 0.28rem;
    height: 0.28rem;
    background: url("/UploadFiles/images/play56.png") no-repeat center;
    background-size: cover;
}

.hipplay56 {
    position: absolute;
    z-index: 2;
    right: 0.15rem;
    bottom: 0.15rem;
}

.acs-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .acs-list li {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
    }

        .acs-list li:nth-child(1) {
            background: #101010;
        }

        .acs-list li:nth-child(4) {
            background: #101010;
        }

.acs-img {
    width: 67.18%;
}

.acs-con {
    width: 38%;
    padding-left: 6%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
/*.acs-img img{height: 5.40rem;object-fit: cover;}*/
.des34 p {
    font-size: 0.34rem;
}
/*.acs-list li:nth-child(1) .acs-con{padding-left: 16%;}*/
/*.acs-list li:nth-child(3) .acs-con{padding-left: 20%;}*/
.title-line h2 {
    display: inline-block;
    position: relative;
    padding-bottom: 0.6rem;
}

    .title-line h2:after {
        position: absolute;
        bottom: 0;
        right: 0;
        content: "";
        width: 0.81rem;
        height: 0.3rem;
        background: url("/UploadFiles/images/162x60.png") no-repeat center;
        background-size: cover;
        display: none;
    }

    .title-line h2:before {
        position: absolute;
        bottom: 0.21rem;
        left: 0;
        content: "";
        width: 0.15rem;
        height: 0.15rem;
        background: #fff;
        border-radius: 100%;
        display: none;
    }

    .title-line h2 .line {
        position: absolute;
        left: 0.15rem;
        right: 0.81rem;
        height: 0.03rem;
        background: #fff;
        bottom: 0.27rem;
        display: none;
    }

    .title-line h2.active:after {
        display: block;
    }

    .title-line h2.active:before {
        display: block;
    }

    .title-line h2.active .line {
        display: block;
    }

.w1820 {
    width: 71%;
    margin: 0 auto;
}

.des50 p {
    font-size: 0.32rem;
}

.des58 p {
    font-size: 0.58rem;
}

.excep-list li {
    position: relative;
    padding-left: 1.9rem;
    margin-bottom: 0.65rem;
	display:block;
	min-height:0.67rem;
}

    .excep-list li p {
        word-break: break-all;
    }

.excep-list span {
   /*border: 1px solid #fff;*/
        /*font-size: 0.46rem;*/
        /*font-weight: lighter;*/
        /*line-height: 0.84rem;*/
        /*width: 1.56rem;*/
        /*text-align: center;*/
        /*position: absolute;*/
        /*top: -0.025rem;*/
        /*left: 0;*/
}

.cpxq-page-exceptional {
    min-height: 12.75rem;
}
/*模版2 e*/
/*模版1 s*/
.title62 .title-zw {
    font-size: 0.5rem;
    margin-left: 0.2rem;
}

.title62 h2 {
    display: flex;
    align-items: center;
}

.title76 h2 {
    font-size: 0.64rem;
}

.width1922 {
    width: 81.65%;
    max-width: 100%;
    margin: 0 auto;
}

.border-bt-000 {
    border-bottom: 2px solid #000;
}

.padding-t50 {
    padding-top: 0.5rem;
}

.mg-bt150 {
    margin-bottom: 1.5rem;
}

.acs-list-3 li {
    background: #070707 !important;
}

    .acs-list-3 li:last-child {
        width: 100%;
        background: #000 !important;
    }

.acs-list-3 .acs-con {
    width: 44%;
}

.des42 p {
    font-size: 0.42rem;
}

.des-888 p {
    color: #888;
}

.cpxq-page {
    position: relative;
	overflow:hidden;
}

.page-dot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.3rem;
}

    .page-dot li {
        display: block;
        width: 0.16rem;
        height: 0.16rem;
        border: 1px solid #fff;
        border-radius: 100%;
        margin-bottom: 2rem;
        position: relative;
    }

        .page-dot li:last-child {
            margin-bottom: 0;
        }

        .page-dot li:before {
            content: "";
            position: absolute;
            height: 2rem;
            top: 100%;
            left: 50%;
            border-left: 1px dashed #727272;
        }

        .page-dot li:last-child:before {
            display: none;
        }

        .page-dot li.active {
            background: #fff;
        }
/*模版1 e*/
/*产品详情-1-2560 s*/
.des45 p {
    font-size: 0.45rem;
}

.cpxq-img-bg {
    background: linear-gradient(to bottom, #080808, #000000);
    border-radius: 0.5rem;
    overflow: hidden;
}

.radius50 {
    border-radius: 0.5rem;
    overflow: hidden;
}

.ldg li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

    .ldg li:nth-child(2n) {
        margin-right: 0;
    }

.padding-t100 {
    padding-top: 1rem;
}

.padding-t250 {
    padding-top: 2.5rem;
}

.width1610 {
    width: 16.10rem;
    max-width: 100%;
    margin: 0 auto;
}

.padding-b20 {
    padding-bottom: 0.2rem;
}
/*产品详情-1-2560 e*/
/*软件教程 s*/
.video-box video {
    display: block;
    width: 100%;
    vertical-align: bottom;
}
.spjc{width: 70%;margin: 0 auto;}
.spjc video {
    height: 33vw;
}

.shipin {
    cursor: pointer;
}

.mg-bt140 {
    margin-bottom: 1.4rem;
}

.des-title41 h3 {
    font-size: 0.41rem;
}

.wzjj-top {
    padding: 0.5rem;
    cursor: pointer;
}

.wzjj-page {
    border-bottom: 1px dashed #fff;
}

.wzjj-bot {
    padding: 0.5rem;
    display: none;
    border-top: 0.05rem solid #9c1c95;
}

.wzjj-top-i {
    position: absolute;
    right: 0;
    transition: all .4s;
    top: 50%;
    transform: translateY(-50%);
    width: .69rem;
    height: .52rem;
    filter: brightness(10);
    background: url("/UploadFiles/images/r138x104.png") no-repeat center;
    background-size: 100% 100%;
}

.padding-tb120 {
    padding: 1.2rem 0;
}

.wzjj-top:hover .wzjj-top-i {
    filter: brightness(1);
}

.wzjj-page.active {
    border-bottom: 1px solid #fff;
}

li.active .wzjj-page {
    border-bottom: 1px solid #fff;
}

.wzjj-page.active .wzjj-top-i {
    filter: brightness(1);
    transform: translateY(-50%) rotate(90deg);
}

li.active .wzjj-page .wzjj-top-i {
    filter: brightness(1);
    transform: translateY(-50%) rotate(90deg);
}
/*软件教程 e*/
/*软件下载 s*/
.title58 h2 {
    font-size: 0.58rem;
}

.towei {
    display: inline-block;
    width: 4.28rem;
    transition: all .4s;
    overflow: hidden;
}

    .towei:hover {
        box-shadow: 0 0 0.2rem #fff;
        border-radius: 0.2rem;
    }

.des33 p {
    font-size: 0.33rem;
}
/*软件下载 e*/
/*安装说明选择界面 s*/
.bg-4d4d4d {
    background: #4d4d4d;
}

.azsm-type img {
    vertical-align: bottom;
    height: 3.2rem;
}

.azsm-type a {
    display: inline-block;
    padding-bottom: 0.3rem;
    position: relative;
    transition: all .4s;
}

    .azsm-type a:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0.17rem;
        background: #9c1c95;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        max-width: 100%;
        transition: all .4s;
    }

    .azsm-type a.active:after {
        width: 4.67rem;
    }

    .azsm-type a:hover:after {
        width: 4.67rem;
    }

.azsm-list li {
    width: 47%;
    margin-right: 6%;
    position: relative;
}

    .azsm-list li.active {
        z-index: 9;
    }

    .azsm-list li:nth-child(2n) {
        margin-right: 0;
    }

.azsm-list {
    display: none;
    min-height: 5.4rem;
}

    .azsm-list.active {
        display: block;
    }
/*安装说明选择界面 e*/
/*具体型号安装说明界面（型号未完成）） s*/
.padding-tb80 {
    padding: 0.8rem 0;
}

.smxq-bot {
    padding: 0.9rem 1rem;
}

.edit img {
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

.azsmxq-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.madual {
    background: #fff;
    display: inline-block;
    color: #4d4d4d;
    transition: all .4s;
    font-size: .53rem;
    padding: 0 0.5rem;
}

    .madual span {
        line-height: 1.3rem;
    }

.azsmxq-top-left h2 {
    line-height: 1;
}

.madual * {
    display: inline-block;
    vertical-align: middle;
}

.madual .i {
    width: .47rem;
    height: 0.65rem;
    background: url("/UploadFiles/images/x94x130.png") no-repeat center;
    background-size: 100% 100%;
    margin-left: 1rem;
    transition: all .4s;
}

.madual:hover {
    background: #9c1c95;
    color: #fff;
}

    .madual:hover .i {
        filter: brightness(10);
    }
/*具体型号安装说明界面（型号未完成）） e*/
/*壁纸 s*/
.padding-tb180 {
    padding: 1.8rem 0;
}

.w2250 {
    width: 87.89%;
    margin: 0 auto;
}

.bizhi li {
    width: 45%;
    margin-right: 10%;
}

    .bizhi li:nth-child(2n) {
        margin-right: 0;
    }

.downloads2 {
    font-size: 0.3rem;
    transition: all .4s
}

    .downloads2 * {
        display: inline-block;
        vertical-align: middle;
    }

    .downloads2 .i {
        width: 0.23rem;
        height: .32rem;
        background: url("/UploadFiles/images/x94x130.png") no-repeat center;
        background-size: 100% 100%;
        margin-right: 0.15rem;
        filter: brightness(10);
        transition: all .4s
    }

    .downloads2:hover {
        color: #9c1c95;
    }

        .downloads2:hover .i {
            filter: brightness(1);
        }
/*.bizhi{min-height: 5.8rem;}*/
/*壁纸 e*/
/*关于我们 s*/
.cuy2uhsjtvzjr91x {
    object-fit: cover;
}

.footer-absolute {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.about-top {
    position: absolute;
    top: 2rem;
    width: 100%;
    left: 0;
    z-index: 9;
}

.about-bot {
    position: absolute;
    bottom: 2.5rem;
    width: 100%;
    left: 0;
    z-index: 9;
}

.title75 h2 {
    font-size: 0.75rem;
}
/*关于我们 e*/
/*常见问题（文字部分非完整） s*/
.cjwt-b .wzjj-bot {
    position: absolute;
    left: 0;
    width: 100%;
}

.cjwt-b .wzjj-top {
    padding: 0.65rem 0.35rem;
}

.cjwt-b .wzjj-bot {
    padding: 0.35rem;
}
/*常见问题（文字部分非完整） e*/
.cxltshipin video {
    height: 37vw;
}

.hjfg img {
    width: 41.4%;
}

.auto-940 {
    max-width: 940px;
    width: 92%;
    margin: 0 auto;
}

.htmlContent p, .htmlContent h1, .htmlContent h2, .htmlContent h3, .htmlContent h4 {
    margin: 1em 0;
}

.layout {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

    .layout .main {
        flex: 1;
    }

html, body {
    width: 100%;
    height: 100%;
}

.login-box {
    width: 7.3rem;
    margin: 1rem auto 0.9rem;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 0.6rem 0.65rem;
    position: relative;
    max-width: 92%;
}

    .login-box .form-item {
        padding-top: 0.45rem;
        position: relative;
        border-bottom: 3px solid #9d1d96;
    }

    .login-box .text {
        width: 100%;
        border: 0;
        background-color: transparent;
        height: 0.8rem;
        color: #fff;
        font-size: 0.3rem;
    }

        .login-box .text::placeholder {
            color: #fff;
        }

    .login-box .ver {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .login-box .ver-btn {
        padding: 0 0.15rem;
        border: 1.5px solid #fff;
        height: 0.6rem;
        color: #fff;
        font-size: 0.24rem;
        border-radius: 0.05rem;
        background-color: transparent;
        transition: 0.3s;
        cursor: pointer;
    }

        .login-box .ver-btn:hover {
            background-color: #9d1d96;
            border-color: #9d1d96;
        }

    .login-box .btn {
        width: 100%;
        text-align: center;
        height: 0.8rem;
        border-radius: 0.05rem;
        background-color: #9d1d96;
        border: 0;
        margin-top: 0.4rem;
        font-size: 0.3rem;
        color: #bcbcbc;
        cursor: pointer;
        transition: 0.3s;
    }

        .login-box .btn:hover {
            color: #fff;
        }

        .login-box .btn:disabled {
            background-color: #eee;
            cursor: not-allowed;
        }

    .login-box .des {
        display: flex;
        align-items: center;
        margin-top: 0.2rem;
    }

        .login-box .des span {
            padding: 0 0.4rem;
            flex-shrink: 0;
            font-size: 0.32rem;
            line-height: 2.64;
            color: #bcbcbc;
        }

        .login-box .des::after,
        .login-box .des::before {
            content: '';
            display: block;
            flex: 1;
            height: 1px;
            background-color: #bcbcbc;
        }

    .login-box .switch {
        display: flex;
        justify-content: space-around;
        margin-top: 0.5rem;
    }

        .login-box .switch .item {
            width: 1.1rem;
            height: 1.1rem;
            border-radius: 50%;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #5e5e5e;
            cursor: pointer;
            transition: 0.3s;
        }

            .login-box .switch .item .iconfont {
                font-size: 0.46rem;
            }

            .login-box .switch .item:hover {
                background-color: #333333;
            }

            .login-box .switch .item.active {
                background-color: #9d1d96;
            }

    .login-box .wechat-login {
        text-align: center;
        justify-content: center;
        padding: 0.3rem;
        background-color: #fff;
    }

        .login-box .wechat-login.active {
            display: flex;
        }

    .login-box .tips {
        position: absolute;
        width: 100%;
        top: -0.7rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        left: 0;
    }

        .login-box .tips .tips-item {
            margin-bottom: 0.15rem;
            padding: 0.1rem 0.2rem;
            border-radius: 0.05rem;
            background-color: #9d1d96;
            color: #fff;
            text-align: center;
            opacity: 0;
            transition: 0.3s;
        }

@font-face {
    font-family: "iconfont"; /* Project id 4117820 */
    src: url('../iconfont/iconfont.woff2?t=1693990931520') format('woff2'), url('../iconfont/iconfont.woff?t=1693990931520') format('woff'), url('../iconfont/iconfont.ttf?t=1693990931520') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
    content: "\e628";
}

.icon-QQ:before {
    content: "\e882";
}

.icon-wechat-fill:before {
    content: "\e883";
}

.icon-close:before {
    content: "\e6a7";
}

.icon-search:before {
    content: "\e6d4";
}

.color-000 {
    color: #333;
}

.des-000 p {
    color: #333;
}

.des22 p {
    font-size: 0.22rem;
}

.des20 p {
    font-size: 0.2rem;
}

.title30 h2 {
    font-size: 0.3rem;
}

.form-page {
    display: none;
}

    .form-page.active {
        display: block;
    }

.cpxq-nav2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.cpxq-nav2 .des45 p{font-size:0.25rem;}
.cpxq-nav2 .des34 p{font-size:0.2rem;}

.cpxq-nav2 a {
    text-align: center;
    margin-right: 0.45rem;
}

.cpxq-nav2 a:last-child {
    margin-right: 0;
}
.cpxq-nav2 .a {
    text-align: center;
    margin-right: 0.45rem;
}

.cpxq-nav2 .a:last-child {
    margin-right: 0;
}
.des-777 p {
    color: #777;
    transition: all .4s;
}

.cpxq-nav2 .des45 {
    border-bottom: 1px solid #777;
    transition: all .4s;
    padding-bottom: 0.06rem;
    margin-bottom: 0.03rem;
}

.cpxq-nav2 a.active p {
    color: #fff;
}

.cpxq-nav2 a.active .des45 {
    border-color: #fff;
}

.cpxq-nav2 a:hover p {
    color: #fff;
}

.cpxq-nav2 a:hover .des45 {
    border-color: #fff;
}

.cpxq-nav2 .a.active p {
    color: #fff;
}

.cpxq-nav2 .a.active .des45 {
    border-color: #fff;
}

.cpxq-nav2 .a:hover p {
    color: #fff;
}

.cpxq-nav2 .a:hover .des45 {
    border-color: #fff;
}

.cpxq-qh a {
    transition: all .4s;
    margin-right: 1rem;
    position: relative;
    padding-bottom: 0.15rem;
}

    .cpxq-qh a:last-child {
        margin-right: 0;
    }

    .cpxq-qh a:after {
        content: "";
        position: absolute;
        opacity: 0;
        left: 0;
        bottom: 0;
        border-top: 0.05rem solid #9c1c95;
        width: 0;
        transition: all .4s;
        z-index: 5;
    }

    .cpxq-qh a:hover:after {
        width: 100%;
        opacity: 1;
    }

    .cpxq-qh a.active:after {
        width: 100%;
        opacity: 1;
    }

    .cpxq-qh a:hover {
        color: #9d1d96;
    }

    .cpxq-qh a.active {
        color: #9d1d96;
    }

.cpxq-qh-tab {
    display: none;
}

    .cpxq-qh-tab.active {
        display: block;
    }

.title42 h2 {
    font-size: 0.42rem;
}

.csa li {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #b2b2b2;
    padding: 0.5rem 0.35rem;
	align-items: center;
}

.csa-left {
    width: 33%;
}

.csa-con {
    width: 62.75%;
}

.file-des li {
    display: list-item;
    list-style: disc;
    margin: 0 1.2em;
}
/*.csa-con p{word-break: break-all;}*/

.title-line .h2{display: inline-block;position: relative;padding-bottom: 0.6rem;}
.title-line .h2 h2{padding-bottom: 0 !important;}
.title-line .h2:after{position: absolute;bottom:0;right: 0;content: "";width: 0.81rem;height: 0.3rem;background: url("/UploadFiles/images/162x60.png") no-repeat center;background-size: cover;display: none;}
.title-line .h2:before{position: absolute;bottom:0.21rem;left: 0;content: "";width: 0.15rem;height: 0.15rem;background: #fff;border-radius: 100%;display: none;}
.title-line .h2 .line{position: absolute;left: 0.15rem;right: 0.81rem;height: 0.03rem;background: #fff;bottom:0.27rem;display: none;}
.title-line .h2.active:after{display: block;}
.title-line .h2.active:before{display: block;}
.title-line .h2.active .line{display: block;}
.excep-list .intel{border:1px solid #fff;font-size: 0.46rem;font-weight: lighter;line-height: 0.8rem;width: 1.52rem;text-align: center;position: absolute;top:-0.065rem;left: 0;}
.language-box{position: absolute;width: 1.6rem;left: 50%;margin-left: -0.8rem;padding-top: .1rem;display: none;}
.language-box a{display: block;font-size: 0.22rem;line-height: 2;position: relative;transition: all .4s;}
.language-inner{border:1px solid #9d1d96;padding: 0.15rem 0.2rem 0.15rem 0.2rem;background-color: #1d1d1d;position: relative;}
.language-inner:after{content: ''; width: 0.05rem;height: calc(100% - 0.2rem);top: 0.1rem;right: 0.1rem;background-color: #888888;border-radius: 0.03rem;position: absolute;}
.language-inner a::after{content: '';height: 0.12rem;width: 0.12rem;position: absolute;right: -0.14rem;top: 50%;transform: translateY(-50%);background-color: #1d1d1d;border: 1px solid #888888;border-radius: 50%;opacity: 0;z-index: 9;}
.language-inner a.active::after{opacity: 1;}
.language-inner a.active{color: #9d1d96;}
.language-inner a:hover{color: #9d1d96;}
.shipin > .position-full{display: none;}

.search-box{cursor: default;}
.search-box .header-area-icon{cursor: pointer;}
.search-hide{position: absolute;right: 0;padding-top: 0.1rem;display: none;}
.search-hide dl{border:1px solid #9d1d96;background-color: #000;max-height: 2.2rem;overflow-y: auto;}
.search-hide .text{padding-right: 0.3rem;border: 1px solid #9d1d96;border-radius: 0.22rem;background-color: #1d1d1d;height: 0.4rem;line-height: 0.4rem; padding-left: 0.2rem;width: 2.2rem;color: #888888;font-size: 0.18rem;}
.top-search-result{position: absolute;width: 100%;top: 100%;padding-top: 0.12rem;display: none;}
.top-search-result dd{padding: 0 0.1rem;}
.top-search-result dd a,.top-search-result dd{display: block;line-height: .3rem;color: #888888;font-size: 0.18rem;}
.top-search-result dd a:hover{color: #9d1d96;}
.sssb{position: absolute;cursor: pointer;height: 100%;width: 0.4rem;background: url("/UploadFiles/images/ss88.png") no-repeat center;background-size: cover;top:0;right: 0.05rem;}
.search-box.active .search-hide{display: block;}
.top-search-result .loading{text-align: center;}
.top-search-result .empty{text-align: center;}
.cpxq-qh a{font-size: 0.36rem;}
.nav-dl a{line-height: 1.28rem;font-size:0.45rem;margin-right: 2.2rem;position: relative;display: inline-block;}
.nav-dl a:last-child{margin-right: 0;}
.nav-dl a:after{content: "";position: absolute;opacity: 0;left: 0;bottom: 0;border-top: 0.05rem solid #9c1c95;width: 0; transition: all .4s;z-index: 5;}
.nav-dl a.active:after{width: 100%;opacity: 1;}
.nav-dl a:hover:after{width: 100%;opacity: 1;}
.intr-list li{display: flex;align-items: center;justify-content: space-between;margin-bottom: 2rem;}
/*.intr-list li:last-child{margin-bottom: 0;}*/
.intr-list li:nth-child(even){flex-direction: row-reverse;}
.intr-img{width: 42.24%;position: relative;}
.intr-img:before{content: "";position: absolute;top:-22%;right: -10%;bottom:-22%;left: -10%;background: url("/UploadFiles/images/sd1122.png") no-repeat center;background-size: 100% 100%;}
.intr-img .img100{padding-bottom: 56%;}
.des25 p{font-size: 0.25rem;}
.intr-con{width: 35%;position: relative;z-index: 9;}
.imgcover{position: absolute;width: 100%;height: 100%;top:0;left: 0;object-fit: cover;}
.lxwm-select-list{position: absolute;width: 100%;left: 0;top:100%;background: #4d4d4d;z-index: 9;max-height: 5.25rem;overflow: auto;display: none;}
.lxwm-select-list a{display: block;position: relative;font-size: 0.41rem;color: #fff;padding:0 0.46rem;font-weight: lighter;line-height: 0.75rem;}
.lxwm-input{position: relative;}
.zindex5{z-index: 5;}
.lxwm-select-list a:before{content: "";position: absolute;width: 0.2rem;height: 0.2rem;background: #9c1c95;left: 0.14rem;top:50%;margin-top: -0.1rem;opacity: 0;}
.lxwm-select-list a.active:before{opacity: 1;}
.lxwm-select-list a:hover:before{opacity: 1;}
.lxwm-select:after{content: "";position: absolute;width: 0.339rem;height: 0.294rem;background: url("/UploadFiles/images/xia-sjx.png") no-repeat center;background-size: 100% 100%;right: 0.5rem;top:50%;margin-top: -0.147rem;transition: all .4s;filter: grayscale(1);}
.lxwm-select.active:after{filter: grayscale(0);}
.lxwm-select{cursor: pointer;}
.lxwm-select .text{cursor: pointer;}
.lxwm-page .el-select{display: block;}
.lxwm-page .el-input--suffix .el-input__inner{height: 1.2rem;line-height: 1.2rem;font-size: 0.4rem;padding-left: 0.4rem;}
.el-select-dropdown .el-select-dropdown__item{font-size: 0.3rem;display: block;padding: 0 0.4rem;line-height: 0.75rem;height: auto;}
.el-select-dropdown .el-select-dropdown__wrap{max-height: 5.25rem;}

.lxwm-page .el-select .el-input:before{content: "";position: absolute;width: 0.339rem;height: 0.294rem;background: url("/UploadFiles/images/xia-sjx.png") no-repeat center;background-size: 100% 100%;right: 0.5rem;top:50%;margin-top: -0.147rem;transition: all .4s;filter: grayscale(1);}
.lxwm-page .el-select .el-input.is-focus:before{filter: grayscale(0);}

.lxwm-page .el-select .el-input .el-select__caret:before{display: none;}
.el-select-dropdown__item.selected{color: #9c1c95 !important;}
.el-select .el-input__inner:focus{border-color: #9c1c95 !important;}
.tom104-title{position: absolute;top:0.5rem;width: 100%;left: 0;z-index: 5;}
.des-title30 h3{font-size: 0.42rem;}
.tom104-text{position: absolute;}
.tom104-text1{left: 9%;bottom: 18%;}
.tom104-text2{right: 8%;bottom: 29%;}
.tom104-text1 .i{position: absolute;width: 8.3rem;height: 0.98rem;background: url("/UploadFiles/images/nm1.png") no-repeat center;background-size: 100% 100%;left: 0;bottom:-0.15rem;}
.tom104-text2 .i{position: absolute;width: 7.8rem;height: 1.21rem;background: url("/UploadFiles/images/nm2.png") no-repeat center;background-size: 100% 100%;right: 0;bottom:-0.2rem;}
.tom104-text .des42{position: relative;z-index: 5;}
.tom104-text1{animation-delay: 500ms !important;}
.tom104-text2{animation-delay: 800ms !important;}
.menus{position:absolute;right:100%;margin-right:3px;top:50%;transform:translateY(-50%);color:#fff;font-size:16px;}
#live800iconlink img{width:0.85rem;}
.view.mg-bt80{margin-bottom:0 !important;}
.cpxq-tabs video{max-width:100%;height: auto !important;}
.img100 video{max-width:100%;height: auto !important;}
.lim_float_icon{
	position: fixed !important;
    right: 0.2rem !important;
    bottom: 1rem !important;
    border-radius: 5px;
    overflow: hidden;
	top:auto !important;z-index:998;
	width:0.85rem;
}
.lim_float_icon a{display:block !important;margin-bottom:1px;}
#lim_mobile_chat{display: none !important;}
.lim_float_icon a img{width:100%;vertical-align:bottom;}
.cpxq-page .w92{width:100%;}
.cpxq-qh-tab img{max-width:100%;height:auto !important;}

@font-face {
    font-family: tcomas;
    src: url("../font/tcomasregular.woff"),url("../font/tcomasregular.woff2");
}
.tcomas{font-family: tcomas;}

.imgscale .img100 {
    overflow: hidden;
}

    .imgscale .img100 img {
        transition: all .4s;
    }

.imgscale:hover .img100 img {
    transform: scale(1.1);
}

.background-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp, .banner .swiper-slide-active .title-lt {
    animation: slideUp 1s both ease-out;
    -webkit-animation: slideUp 1s both ease-out;
}

@keyframes slideUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }

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

.slideLeft {
    animation: slideLeft 1s both ease-out;
    -webkit-animation: slideLeft 1s both ease-out;
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60px);
        transform: translateX(-60px);
    }

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

.slideRight {
    animation: slideRight 1s both ease-out;
    -webkit-animation: slideRight 1s both ease-out;
}

@keyframes slideRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
    }

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

.tobig {
    animation: tobig 1s both ease-out;
    -webkit-animation: tobig 1s both ease-out;
}

@keyframes tobig {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.explore .imgs {
    padding-top: 47.22%;
    position: relative;
    margin-bottom: 1.3rem;
    overflow: hidden;
}
.explore .imgs.active img {
    opacity: 1 !important;
    transform: translate(0) !important;
}
.explore .imgs img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    transition: transform 0.8s cubic-bezier(0.01, 0.7, 0.3, 0.99);
}
.explore .imgs img:nth-child(1) {
    transform: translate(20%, -34%);
}
.explore .imgs img:nth-child(2) {
    transform: translate(26%, -34%);
}
.explore .imgs img:nth-child(3) {
    transform: translate(18%, -23%);
}
.explore .imgs img:nth-child(4) {
transform: translate(31%, -14%);
}
.explore .imgs img:nth-child(5) {
transform: translate(27%, -20%);
}
.explore .imgs img:nth-child(6) {
transform: translate(22%, -15%);
}
.explore .imgs img:nth-child(7) {
transform: translate(17%, -13%);
}
.explore .imgs img:nth-child(8) {
transform: translate(18%, -15%);
}
.explore .imgs img:nth-child(9) {
transform: translate(10%, -7%);
}
.explore .imgs img:nth-child(10) {
transform: translate(6%, -4%);
}
.explore .imgs img:nth-child(11) {
opacity: 1;
}
.explore .imgs img:nth-child(12) {
transform: translate(-15%, 11%);
}
.explore .imgs img:nth-child(13) {
transform: translate(-21%, 15%);
}
.explore .imgs img:nth-child(14) {
transform: translate(-27%, 19%);
}
.explore .imgs img:nth-child(15) {
transform: translate(-36%, 27%);
}
.explore .imgs img:nth-child(16) {
opacity: 0;
transition: opacity 0.4s 0.6s ease;
}
/*****************************************************/

.explore700 .explore .imgs {
    padding-top: 40.22%;
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
}
.explore700 .explore .imgs.active img {
    opacity: 1 !important;
    transform: scale(1) translate(0) !important;transition: all 0.8s cubic-bezier(0.01, 0.7, 0.3, 0.99);
}
.explore700 .explore .imgs img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-height: 100%;object-fit:contain;
    
	transform: scale(0.5) translate(0);transform-origin: right bottom;opacity: 0;
}
.explore700 .explore .imgs img:nth-child(1) {
    transform: translate(3%, 0);z-index:20;transition-delay: 0.8s;transform: scale(0.9);
}
.explore700 .explore .imgs img:nth-child(2) {
    transform: translate(4%, 0);z-index:19;transition-delay: 0.7s;transform: scale(0.85);
}
.explore700 .explore .imgs img:nth-child(3) {
    transform: translate(5%, 0);z-index:18;transition-delay: 0.6s;transform: scale(0.8);
}
.explore700 .explore .imgs img:nth-child(4) {
transform: translate(6%, 0);z-index:17;transition-delay: 0.5s;transform: scale(0.75);
}
.explore700 .explore .imgs img:nth-child(5) {
transform: translate(7%, 0);z-index:16;transition-delay: 0.4s;transform: scale(0.7);
}
.explore700 .explore .imgs img:nth-child(6) {
transform: translate(8%, 0);z-index:15;transition-delay: 0.3s;transform: scale(0.65);
}
.explore700 .explore .imgs img:nth-child(7) {
transform: translate(9%, 0);z-index:14;transition-delay: 0.2s;transform: scale(0.6);
}
.explore700 .explore .imgs img:nth-child(8) {
transform: translate(10%, 0);z-index:13;transition-delay: 0.1s;transform: scale(0.55);
}
.explore700 .explore .imgs img:nth-child(9) {
transform: translate(11%, 0);z-index:12;transition-delay: 0.05s;transform: scale(0.5);
}
.explore700 .explore .imgs img:nth-child(10) {
transform: translate(12%, 0);z-index:11;transition-delay: 0s;transform: scale(0.45);
}

 [v-cloak] {
    display: none;
  }
  .titlesm360{font-size: 0.26rem;margin-left: 0.2rem;}
/*222222222222222*/

.qui_cx_box{display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fefefe;}
.qui_cx_box>*{width: 100%;}
.qui_cx_box .quiint{max-width: 7rem;margin: 0 auto;}
.qui_cx_box .qui_tt{font-size: .84rem;padding: 0 5vw;line-height: 1.2;margin-bottom: .6rem;text-align: center;}
.qui_cx_box .quibtn{width: 100%;margin-top: .3rem;}
.qui_cx_box .quibtn .quia{display: block;margin: 0 auto;width: 90%;max-width: 5.64rem;line-height: .72rem;background: #612166;font-size: .26rem;text-align: center;color: #fefefe!important;cursor: pointer;}

.qui_cx_box .quiint,
.qui_cx_box .quilab{max-width: 6.96rem;margin: 0 auto;}

.qui_cx_box .quilab label{cursor: pointer;user-select: none;padding-left:0.35rem;position:relative;display:inline-block;}
.qui_cx_box .quilab{margin-top: .85rem;font-size: .22rem;cursor: pointer;user-select: none;}

.qui_cx_box .quiint .qui_text{display: block;width: 100%;border: .02rem solid #fff;color: #fefefe;font-size: .3rem;padding: 0 .23rem;height: .78rem;line-height: .78rem;background: transparent;}

.qui_cx_box input:-moz-placeholder{color:#9e9e9e;opacity:1;}
.qui_cx_box input::-moz-placeholder{color:#9e9e9e;opacity:1;}
.qui_cx_box input:-ms-input-placeholder{color:#9e9e9e;}
.qui_cx_box input::-webkit-input-placeholder{color:#9e9e9e;}

.qui_cx_box .fwxy{
    -webkit-appearance: none; 
    border:none;
    vertical-align: middle;
    /*background:url(/UploadFiles/images/ck1.svg) center no-repeat;*/
    /*background-size: cover;*/
	border:1px solid #fff;
    width: 0.24rem;
    height: 0.24rem;
    position: relative;top: -1px;
    margin-top: 0;
    margin-right: .1rem;
    border-radius: 50%;
    cursor: pointer;position:absolute;left:0;top:0.03rem;
}
.fwxy:after{content:"";position:absolute;width:0.1rem;height:0.1rem;background:#612166;top:50%;left:50%;margin:-0.05rem 0 0 -0.05rem;display:none;border-radius:100%;}
.fwxy.active:after{display:block;}
.qui_cx_box .fwxy.active{
    /*border: 0;
    background: url(/UploadFiles/images/ck2.svg) center no-repeat; 
    background-size: cover;*/
	border-color:#612166;
}

.qui_cx_box .qui_res{max-width: 15.46rem;width: 90%;margin: 0 auto;}

.qui_res_list{word-break: break-word;}
.qui_res_list .quili{display: flex;}
.qui_res_list .quili .qui{width: calc(25% - .04rem);margin: .02rem;background: #3d3d3d;font-size: .33rem;line-height: 1.15151515152;text-align: center;padding: .15rem;display: flex;align-items: center;justify-content: center;}
.qui_res_list .quili:first-child .qui{background: #555;font-size: .26rem;}
@media (max-width: 768px) {
    .qui_cx_box .qui_tt{font-size: .36rem;}
    .qui_res_list .quili .qui{font-size: .26rem;}
}

.top-search-result {
    position: absolute;
    width: 100%;
    top: 100%;
    padding-top: .12rem;
    display: none;
}

.top-search-result dl {
    background-color: #000;
    border: 1px solid #9d1d96;
    max-height: 2.2rem;
    overflow-y: auto;
}

.top-search-result dd a {
    display: block;
    line-height: .3rem;
    padding: 0 .1rem;
    color: #888888;
    /* border-bottom: 1px solid #eee; */
}

.top-search-result dd a:hover {
    color: #9d1d96;
}

.top-search-result .empty,
.top-search-result .lodaing {
    height: .3rem;
    text-align: center;
    color: #888;
    line-height: .3rem;
}
/*222222222222222*/

.des25 p{font-size: 0.25rem;}
.yms{display:none;}
.yms.active{display:inline-block;}
.yms img{width: 1.57rem;}
.divsm8964 .des34 p{font-size:0.26rem;}
.acs-img{width:50%;}
.ccpxq-top-con h2{font-size:0.55rem;}
.excep-list span,.excep-list p{font-size:0.48rem !important;}
.cpxq-page-exceptional .des50 span,.cpxq-page-exceptional .des50 p{font-size:0.32rem !important;}
.title-line .h2 h2,.title-line .h2 h2 span{font-size:0.64rem !important;}
.cpxq-page-exceptional .intel,.cpxq-page-exceptional .intel span{font-size:0.4rem !important;}
.tab{display:none;}
.tab.active{display:block;}


.w980{width: 980px;max-width: 92%;margin: 0 auto;}
.video-list li{text-align: center;width: 30%;margin-right: 5%;margin-bottom: 2.5%;margin-top: 2.5%;}
.video-list li:nth-child(3n){margin-right: 0;}
.video-list .img100{padding-top: 100%;}
.video-list .vdimg100::after{content: '';width: 0.6rem;height: 0.6rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background: url(/uploadFiles/images/icon_play.png) center / contain no-repeat;pointer-events: none;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;top: 10%;bottom: 10%;left: 10%;right: 10%;display: flex;justify-content: center;align-items: center;}
.shipin-con{position: absolute;top: 0;left: 0;width: 100%;height: 100%;justify-content: center;align-items: center;display: flex;}
.sptc a{position: absolute;width: 38px;height: 38px;right: 19px;top:19px;z-index:9;}
.sptc a img{vertical-align: bottom;vertical-align: bottom; max-width: 100%;max-height: 100%;height: 100%;}
.video_t video{vertical-align: bottom;vertical-align: bottom;max-width: 100%;max-height: 100%;height: 100%;}
.video_t img{position:absolute;width: 100%;height: 100%;object-fit:contain;}

/*固件升级 s*/
.gjsj li{display: block;border-bottom: 1px dashed #fff;padding:0.4rem 0;position: relative;}
.gjsj-con{display: flex;}
.gjsj-con .img100{margin-right: 0.65rem;width: 2.42rem;}
.gjsj-text{display: flex;justify-content: space-between;flex-direction: column;padding: 0.3rem 0;}
.des27 p{font-size: 0.27rem;}
.xz9866{position: absolute;line-height: 0.8rem;padding: 0 0.4rem;border:2px solid #9c1c95;color: #9c1c95;font-size: 0.4rem;right: 0;top:50%;transform: translateY(-50%);transition: all .4s;}
.xz9866:hover{background: #9c1c95;color: #fff;}
/*固件升级 e*/



@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
	.video_t{top: 2%;bottom: 2%;left: 2%;right: 2%;}
	.video_t video{width:100%;height:auto;}
}