body {
    overflow-x: hidden;
    letter-spacing: 1px
}

@media screen and (max-width:1152px) {
    .page_about .transition .itemlist .item .titlebox .btitle {
        max-width: 100%;
        height: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

@media screen and (max-width:1230px) {
    .page_about .container-xl .about .about_content {
        flex-direction: column;
        align-items: center
    }
}

@media (max-width:1090px) {
    .page_anli .video .container-xl .itemlist .item_article .tbox .textbox .atitle {
        font-size: 16px
    }

    .page_anli .video .container-xl .itemlist .item_article .tbox .textbox .btitle {
        line-height: 20px
    }

    .page_anli .video .container-xl .itemlist .item_video .textbox2 .atitle {
        font-size: 16px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox .btitle {
        max-width: 660px
    }
}

@media screen and (min-width:1281px) {
    .page_activity .banner .container-xl .floatbox {
        max-width: none
    }

    .page_product .content .dms_plate2 .container-xl .conbox {
        padding: 0px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .moddelpic .picbox {
        height: 280px
    }
}

@media screen and (min-width:1280px) {
    .page_product .content .tms_plate2 .container-xl .itemlist .list {
        flex: 2
    }

    .page_product .content .plate7 .container-xl .itemlist {
        padding: 0 15px
    }
}

@media screen and (max-width:1366px) {
    .page_product .banner .picbox {
        height: 600px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .moddelpic .picbox {
        width: 296px;
        height: 280px;
        overflow: hidden
    }

    .page_product .content .dms_plate2 .container-xl .conbox .moddelpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .banner .picbox {
        height: 600px
    }
}

@media screen and (max-width:1279px) {
    .page_activity .banner .pc_banner .picbox {
        width: 100%;
        height: 470px;
        overflow: hidden
    }

    .page_activity .banner .pc_banner .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .mall_plate2 .container-xl .conbox {
        display: block
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox {
        margin-right: 0px;
        margin-left: 50px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part {
        padding: 0px 96px;
        margin-bottom: 40px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .text .d {
        font-size: 20px;
        font-weight: normal;
        color: #1A2133;
        line-height: 45px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .text .texin {
        font-size: 20px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 90px;
        line-height: 45px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .cercle1 {
        top: 22px;
        left: 0;
        transform: translateX(-48px)
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .moddelpic {
        display: none
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 {
        max-width: 100%;
        margin-bottom: 40px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2:nth-child(1) {
        padding: 0px 114px 0px 96px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .text .d {
        font-size: 20px;
        font-weight: normal;
        color: #1A2133;
        line-height: 45px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .text .texin {
        font-size: 20px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 90px;
        line-height: 45px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in1 {
        margin-right: 8px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in2 {
        margin-right: 8px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in3 {
        margin-right: 0px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in3 .inbox .d {
        margin-right: 2px
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list {
        flex: 2
    }
}

@media (max-width:1200px) {
    .page_product .content .dms_plate3 {
        padding: 40px 0
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part {
        margin-bottom: 40px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part:nth-child(2) {
        margin-bottom: 0px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in1 {
        margin-right: 20px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in2 {
        margin-right: 20px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in3 {
        margin-right: 14px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .moddelpic {
        display: none
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list {
        padding: 310px 10px 30px 30px
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list.active {
        padding-top: 235px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list {
        height: 350px;
        padding: 30px 30px 0
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .btitle {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        max-height: 168px
    }
}

@media (max-width:991px) {
    .page_information .container-xl .list {
        padding: 30px 0;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: baseline
    }

    .page_information .container-xl .list .ls {
        max-width: 450px;
        flex-direction: column;
        margin-bottom: 15px
    }

    .page_information .container-xl .list .ls .dispic .picbox {
        width: 100%;
        height: 168px;
        overflow: hidden
    }

    .page_information .container-xl .list .ls .dispic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_information .container-xl .list .ls .dispic .picbox {
        margin-right: 0px
    }

    .page_information .container-xl .list .ls .textbox {
        padding-left: 0px
    }

    .page_information .container-xl .list .ls .textbox .atitle {
        padding-right: 0px;
        margin-bottom: 2px
    }

    .page_information .container-xl .list .ls .textbox .atitle a {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 56px;
        padding-right: 32px
    }

    .page_information .container-xl .list .ls .textbox .btitle {
        margin-bottom: 5px
    }

    .page_information .container-xl .list .ls .textbox .ctitle {
        margin-bottom: 20px
    }

    .page_information .container-xl .list .ls .textbox .ctitle a {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        height: 72px
    }

    .page_information .container-xl .list .ls .textbox .go .pic1 {
        top: 6px
    }

    .page_information .container-xl .list .ls .textbox .go .pic2 {
        top: 6px
    }

    .page_information .container-xl .sys_pagebox1 {
        margin-bottom: 40px
    }

    .page_activity .banner .pc_banner .picbox {
        width: 100%;
        height: 340px;
        overflow: hidden
    }

    .page_activity .banner .pc_banner .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_activity .banner .container-xl .floatbox {
        bottom: -30px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox {
        padding: 30px 0 30px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .right_pic {
        padding-right: 40px
    }

    .page_activity .container-xl .recommend {
        padding-top: 220px
    }

    .page_activity .container-xl .recommend .process {
        padding: 60px 40px
    }

    .page_activity .container-xl .recommend .process .processlist .titlebox .btitle {
        font-size: 12px;
        font-weight: normal;
        color: #646566
    }

    .page_product .content .dms_plate3 {
        padding: 80px 0
    }

    .page_product .content .dms_plate3 .container-xl .prblem_pic1 {
        width: 100%;
        margin-bottom: 40px
    }

    .page_product .content .dms_plate3 .container-xl .prblem_pic1 .picbox {
        width: 100%;
        height: 460px;
        overflow: hidden
    }

    .page_product .content .dms_plate3 .container-xl .prblem_pic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .dms_plate3 .container-xl .prblem_pic2 {
        display: none
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 {
        display: block;
        padding: 40px 0 40px 40px;
        background-color: #F5F8FF
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 .text {
        display: flex !important;
        transition: all .5s;
        margin-bottom: 12px
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 .text:last-child {
        margin-bottom: 0px
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 .text .d {
        width: 6px;
        height: 6px;
        background-color: #1A2133;
        border-radius: 50%;
        margin-right: 10px;
        margin-top: 13px
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 .text .t {
        font-size: 18px;
        font-weight: normal;
        color: #1A2133;
        max-height: 64px;
        line-height: 32px
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 .text .t span {
        display: inline;
        color: #3371FF
    }

    .page_product .content .dms_plate1 {
        padding: 60px 0
    }

    .page_product .content .dms_plate1 .container-xl .titlebox {
        font-size: 28px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 80px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .page_product .content .dms_plate1 .container-xl .itemlist {
        flex-direction: column
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list {
        padding: 20px 26px 20px 20px
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list.active {
        padding-top: 20px
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list.active .textbox .btitle {
        margin-bottom: 0px;
        margin-top: 10px;
        transform: none
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list .textbox .cbox .atitle {
        font-size: 16px;
        font-weight: normal;
        color: #fff
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list .textbox .cbox .line {
        margin-bottom: 0px
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list .textbox .btitle {
        margin-bottom: -40px
    }

    .page_product .content .dms_plate2 {
        padding: 60px 0
    }

    .page_product .content .dms_plate2 .container-xl .conbox {
        display: block
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox {
        margin-right: 0px;
        margin-top: 20px;
        width: auto
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part {
        margin-bottom: 20px
    }

    .page_product .content .plate1 .container-xl .leftpic {
        order: 2
    }

    .page_product .content .plate1 .container-xl .titlebox {
        order: 1;
        padding: 80px 0 0
    }

    .page_product .content .plate1 .container-xl .titlebox .atitle {
        text-align: center
    }

    .page_product .content .plate1 .container-xl .titlebox .btitle {
        text-align: center
    }

    .page_product .content .plate1 .container-xl .titlebox .line {
        margin: 0 auto;
        margin-bottom: 20px
    }

    .page_product .content .plate1 .container-xl .titlebox .ctitle {
        text-align: center
    }

    .page_product .content .plate2 .container-xl .cont {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_product .content .plate2 .container-xl .cont .leftpic {
        order: 1;
        justify-content: center
    }

    .page_product .content .plate2 .container-xl .cont .titlebox {
        padding-right: 15px
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .atitle {
        text-align: center
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .btitle {
        text-align: center
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_product .content .plate3 .container-xl {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_product .content .plate3 .container-xl .titlebox {
        padding-left: 0px;
        padding-right: 0px
    }

    .page_product .content .plate3 .container-xl .titlebox .atitle {
        text-align: center
    }

    .page_product .content .plate3 .container-xl .titlebox .btitle {
        text-align: center
    }

    .page_product .content .plate3 .container-xl .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_product .content .plate3 .container-xl .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_product .content .plate3 .container-xl .rightpic {
        justify-content: center
    }

    .page_product .content .plate4 .container-xl .cont {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_product .content .plate4 .container-xl .cont .leftpic {
        order: 1;
        justify-content: center
    }

    .page_product .content .plate4 .container-xl .cont .titlebox {
        padding-right: 15px
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .atitle {
        text-align: center
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .btitle {
        text-align: center
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_product .content .plate6 .container-xl {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_product .content .plate6 .container-xl .titlebox {
        padding-left: 0px;
        padding-right: 0px
    }

    .page_product .content .plate6 .container-xl .titlebox .atitle {
        text-align: center
    }

    .page_product .content .plate6 .container-xl .titlebox .btitle {
        text-align: center
    }

    .page_product .content .plate6 .container-xl .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_product .content .plate6 .container-xl .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_product .content .plate6 .container-xl .rightpic {
        justify-content: center
    }

    .page_product .content .hwq_plate2 .container-xl .cont {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .leftpic {
        justify-content: center
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox {
        padding-left: 15px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .atitle {
        text-align: center
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .btitle {
        text-align: center
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_product .content .hwq_plate3 .container-xl {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox {
        padding-left: 0px;
        padding-right: 0px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .atitle {
        text-align: center
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .btitle {
        text-align: center
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_product .content .hwq_plate3 .container-xl .rightpic {
        justify-content: center;
        order: 1
    }

    .page_product .content .hwq_plate4 .container-xl .cont {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .leftpic {
        justify-content: center
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox {
        padding-left: 15px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .atitle {
        text-align: center
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .btitle {
        text-align: center
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_product .content .hwq_plate6 .container-xl {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox {
        padding-left: 0px;
        padding-right: 0px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .atitle {
        text-align: center
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .btitle {
        text-align: center
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_product .content .hwq_plate6 .container-xl .rightpic {
        justify-content: center;
        order: 1
    }

    .page_product .content .tms_plate1 .container-xl {
        display: block
    }

    .page_product .content .tms_plate1 .container-xl .prblem_pic1 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px
    }

    .page_product .content .tms_plate1 .container-xl .prblem_pic1 .picbox {
        width: 100%;
        height: 470px;
        overflow: hidden
    }

    .page_product .content .tms_plate1 .container-xl .prblem_pic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .tms_plate1 .container-xl .prblem_pic2 {
        display: none
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 {
        display: block;
        padding: 40px 0 40px 40px;
        background-color: #F5F8FF
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 .text {
        transition: all .5s;
        margin-bottom: 12px;
        display: flex
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 .text:last-child {
        margin-bottom: 0px
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 .text .d {
        width: 6px;
        height: 6px;
        background-color: #1A2133;
        border-radius: 50%;
        margin-right: 10px;
        margin-top: 13px
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 .text .t {
        font-size: 18px;
        font-weight: normal;
        color: #1A2133;
        max-height: 64px;
        line-height: 32px
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 .text .t span {
        display: inline;
        color: #3371FF
    }

    .page_product .content .hwq_plate1 .container-xl {
        display: block
    }

    .page_product .content .hwq_plate1 .container-xl .prblem_pic1 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px
    }

    .page_product .content .hwq_plate1 .container-xl .prblem_pic1 .picbox {
        width: 100%;
        height: 470px;
        overflow: hidden
    }

    .page_product .content .hwq_plate1 .container-xl .prblem_pic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate1 .container-xl .prblem_pic2 {
        display: none
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 {
        display: block;
        padding: 40px 0 40px 40px;
        background-color: #F5F8FF
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 .text {
        transition: all .5s;
        margin-bottom: 12px;
        display: flex
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 .text:last-child {
        margin-bottom: 0px
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 .text .d {
        width: 6px;
        height: 6px;
        background-color: #1A2133;
        border-radius: 50%;
        margin-right: 10px;
        margin-top: 13px
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 .text .t {
        font-size: 18px;
        font-weight: normal;
        color: #1A2133;
        max-height: 64px;
        line-height: 32px
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 .text .t span {
        display: inline;
        color: #3371FF
    }

    .page_product .content .wms_plate1 .container-xl .prblem_pic1 {
        width: 100%;
        margin-bottom: 40px
    }

    .page_product .content .wms_plate1 .container-xl .prblem_pic1 .picbox {
        width: 100%;
        height: 450px;
        overflow: hidden
    }

    .page_product .content .wms_plate1 .container-xl .prblem_pic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .wms_plate1 .container-xl .prblem_pic2 {
        display: none
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 {
        display: block;
        padding: 40px 0 40px 40px;
        background-color: #F5F8FF
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 .text {
        display: flex !important;
        transition: all .5s;
        margin-bottom: 12px
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 .text:last-child {
        margin-bottom: 0px
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 .text .d {
        width: 6px;
        height: 6px;
        background-color: #1A2133;
        border-radius: 50%;
        margin-right: 10px;
        margin-top: 13px
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 .text .t {
        font-size: 18px;
        font-weight: normal;
        color: #1A2133;
        max-height: 64px;
        line-height: 32px
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 .text .t span {
        display: inline;
        color: #3371FF
    }

    .page_product .content .plate7 {
        padding: 60px 0 40px
    }

    .page_product .content .plate7 .container-xl .titlebox {
        font-size: 28px;
        font-weight: 600;
        color: #1A2133;
        margin-bottom: 10px
    }

    .page_product .content .plate7 .container-xl .itemlist {
        flex-wrap: wrap
    }

    .page_product .content .plate7 .container-xl .itemlist .item {
        margin-bottom: 20px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list {
        padding: 20px 60px 0;
        margin: 0 0;
        height: 230px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons {
        margin-bottom: 10px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .picbox {
        margin-bottom: 5px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .atitle {
        font-size: 18px;
        font-weight: 600;
        color: #1A2133;
        margin-bottom: 8px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .btitle {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        max-height: 108px;
        line-height: 18px;
        text-align: left
    }

    .page_product .content .tms_plate2 .container-xl .titlebox {
        font-size: 28px;
        font-weight: 600;
        color: #1A2133;
        margin-bottom: 20px
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list {
        flex: 32%;
        height: 280px;
        padding: 30px 0 20px;
        max-width: none
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list .part1 .icon {
        margin-bottom: 10
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list .part1 .atitle {
        margin-bottom: 10px
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list .part2 .ctitle {
        margin-bottom: 10px
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .line {
        height: 280px
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .line:nth-child(3n) {
        display: none
    }

    .page_mall .content .plate1 .container-xl .leftpic {
        order: 2
    }

    .page_mall .content .plate1 .container-xl .titlebox {
        order: 1;
        padding: 100px 0 0
    }

    .page_mall .content .plate1 .container-xl .titlebox .atitle {
        text-align: center
    }

    .page_mall .content .plate1 .container-xl .titlebox .btitle {
        text-align: center
    }

    .page_mall .content .plate1 .container-xl .titlebox .line {
        margin: 0 auto;
        margin-bottom: 20px
    }

    .page_mall .content .plate1 .container-xl .titlebox .ctitle {
        text-align: center
    }

    .page_mall .content .plate2 .container-xl .cont {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_mall .content .plate2 .container-xl .cont .leftpic {
        order: 1;
        justify-content: center
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox {
        padding-right: 15px
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .atitle {
        text-align: center
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .btitle {
        text-align: center
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_mall .content .plate3 .container-xl {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_mall .content .plate3 .container-xl .titlebox {
        padding-left: 0px;
        padding-right: 0px
    }

    .page_mall .content .plate3 .container-xl .titlebox .atitle {
        text-align: center
    }

    .page_mall .content .plate3 .container-xl .titlebox .btitle {
        text-align: center
    }

    .page_mall .content .plate3 .container-xl .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_mall .content .plate3 .container-xl .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_mall .content .plate3 .container-xl .rightpic {
        justify-content: center
    }

    .page_mall .content .plate4 .container-xl .cont {
        justify-content: center;
        padding-bottom: 50px
    }

    .page_mall .content .plate4 .container-xl .cont .leftpic {
        order: 1;
        justify-content: center
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox {
        padding-right: 15px
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .atitle {
        text-align: center
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .btitle {
        text-align: center
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .line {
        margin: 0 auto;
        margin-bottom: 30px
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: center
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part {
        padding: 0px 96px 0px 79px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .text .texin {
        font-size: 18px;
        font-weight: normal;
        color: #1A2133
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 {
        padding: 0px 96px 0px 79px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2:nth-child(1) {
        padding: 0px 114px 0px 79px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .text .texin {
        font-size: 18px;
        font-weight: normal;
        color: #1A2133
    }
}

@media (max-width:768px) {
    .free .title {
        font-size: 24px;
        font-weight: 600;
        color: #fff
    }

    .page_activity .banner .pc_banner .picbox {
        width: 100%;
        height: 250px;
        overflow: hidden
    }

    .page_activity .banner .pc_banner .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_activity .banner .container-xl .floatbox {
        bottom: -25px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame {
        padding: 0 40px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox {
        padding: 30px 0 30px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        max-height: 33px;
        margin-bottom: 10px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox .btitle {
        max-width: 670px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox .btitle .btext {
        margin-bottom: 5px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .right_pic {
        padding-right: 20px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .right_pic .picbox {
        width: 234px;
        height: 130px;
        overflow: hidden
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .right_pic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_activity .container-xl .recommend {
        padding: 160px 0 40px
    }

    .page_activity .container-xl .recommend .titlebox {
        margin-bottom: 20px
    }

    .page_activity .container-xl .recommend .titlebox .atitle {
        font-size: 26px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: 36px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 36px;
        margin-bottom: 5px
    }

    .page_activity .container-xl .recommend .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #666
    }

    .page_activity .container-xl .recommend .process {
        padding: 60px 40px
    }

    .page_activity .container-xl .recommend .process .processlist {
        padding: 20px
    }

    .page_activity .container-xl .recommend .process .processlist .picbox {
        width: 70px;
        height: 70px;
        overflow: hidden
    }

    .page_activity .container-xl .recommend .process .processlist .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_activity .container-xl .recommend .process .processlist .titlebox .atitle {
        font-size: 16px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 44px;
        line-height: 22px;
        margin-bottom: 12px
    }

    .page_activity .container-xl .recommend .process .processlist .titlebox .btitle {
        font-size: 12px;
        font-weight: normal;
        color: #646566;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        text-align: left
    }

    .page_activity .rule {
        padding: 60px 0 60px
    }

    .page_activity .rule .container-xl .title {
        font-size: 26px;
        font-weight: 600;
        color: #1A2133
    }

    .page_activity .rule .container-xl .itemlist {
        padding: 30px 0 0 30px
    }

    .page_activity .rule .container-xl .itemlist .list {
        margin-bottom: 16px
    }

    .page_activity .rule .container-xl .itemlist .list .text {
        font-size: 14px;
        font-weight: normal;
        color: #666
    }

    .page_activity .rule .container-xl .itemlist .list .text .cercle {
        margin-top: 7px
    }

    .page_activity .QR {
        display: none
    }

    .page_product .content .plate1 .container-xl .leftpic .picbox {
        width: 100%;
        height: 400px;
        overflow: hidden
    }

    .page_product .content .plate1 .container-xl .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate1 .container-xl .titlebox {
        padding: 60px 0 0
    }

    .page_product .content .plate2 {
        padding: 60px 0
    }

    .page_product .content .plate2 .container-xl .jiantou {
        margin-bottom: 20px
    }

    .page_product .content .plate2 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_product .content .plate2 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate3 {
        padding: 60px 0
    }

    .page_product .content .plate3 .container-xl .rightpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_product .content .plate3 .container-xl .rightpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate4 {
        padding: 60px 0
    }

    .page_product .content .plate4 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_product .content .plate4 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate2 {
        padding: 60px 0
    }

    .page_product .content .hwq_plate2 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_product .content .hwq_plate2 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate3 {
        padding: 60px 0
    }

    .page_product .content .hwq_plate3 .container-xl .rightpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_product .content .hwq_plate3 .container-xl .rightpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate4 {
        padding: 60px 0
    }

    .page_product .content .hwq_plate4 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_product .content .hwq_plate4 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate5 {
        padding: 60px 0
    }

    .page_product .content .plate5 .container-xl .titlebox {
        margin-bottom: 20px
    }

    .page_product .content .plate5 .container-xl .bottompic1 .picbox {
        width: 100%;
        height: 290px;
        overflow: hidden
    }

    .page_product .content .plate5 .container-xl .bottompic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate6 {
        padding: 60px 0
    }

    .page_product .content .plate6 .container-xl .rightpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_product .content .plate6 .container-xl .rightpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate6 {
        padding: 60px 0
    }

    .page_product .content .hwq_plate6 .container-xl .rightpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_product .content .hwq_plate6 .container-xl .rightpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .dms_plate3 {
        padding: 60px 0
    }

    .page_product .content .tms_plate1 {
        padding: 60px 0
    }

    .page_product .content .hwq_plate1 {
        padding: 60px 0
    }

    .page_product .content .wms_plate1 {
        padding: 60px 0
    }

    .page_product .content .tms_plate2 {
        padding: 60px 0
    }

    .page_product .content .plate7 {
        padding: 60px 0 40px
    }

    .page_product .content .plate7 .container-xl .titlebox {
        font-size: 28px;
        font-weight: 600;
        color: #1A2133;
        margin-bottom: 10px
    }

    .page_product .content .plate7 .container-xl .itemlist {
        flex-wrap: wrap
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list {
        padding: 20px 20px 0;
        margin: 0 0;
        height: 240px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons {
        margin-bottom: 10px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .picbox {
        margin-bottom: 5px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .atitle {
        font-size: 18px;
        font-weight: 600;
        color: #1A2133;
        margin-bottom: 8px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .btitle {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        max-height: 108px;
        line-height: 18px;
        text-align: left
    }

    .page_mall .content .plate1 .container-xl .leftpic .picbox {
        width: 100%;
        height: 400px;
        overflow: hidden
    }

    .page_mall .content .plate1 .container-xl .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate1 .container-xl .titlebox {
        padding: 60px 0 0
    }

    .page_mall .content .plate2 {
        padding: 60px 0
    }

    .page_mall .content .plate2 .container-xl .jiantou {
        margin-bottom: 20px
    }

    .page_mall .content .plate2 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_mall .content .plate2 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate3 {
        padding: 60px 0
    }

    .page_mall .content .plate3 .container-xl .rightpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_mall .content .plate3 .container-xl .rightpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate4 {
        padding: 60px 0
    }

    .page_mall .content .plate4 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 300px;
        overflow: hidden
    }

    .page_mall .content .plate4 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .ctitle .textb {
        text-align: center;
        padding-left: 0px
    }

    .page_mall .content .plate5 {
        padding: 60px 0
    }

    .page_mall .content .plate5 .container-xl .titlebox {
        margin-bottom: 20px
    }

    .page_mall .content .plate5 .container-xl .bottompic1 .picbox {
        width: 100%;
        height: 340px;
        overflow: hidden
    }

    .page_mall .content .plate5 .container-xl .bottompic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .mall_plate2 {
        padding: 20px 0
    }

    .page_mall .content .mall_plate2 .container-xl .titlebox {
        font-size: 20px;
        font-weight: 500;
        color: #1A2133
    }

    .page_mall .content .mall_plate2 .container-xl .conbox {
        display: block;
        padding: 0px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox {
        margin-right: 0px;
        margin-left: 38px;
        margin-top: 20px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part {
        padding: 0 20px 0 50px;
        margin-bottom: 20px;
        height: 115px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part:hover .cercle1 .cercle2 {
        width: 106px;
        height: 106px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .text .d {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        line-height: 24px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .text .texin {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 48px;
        line-height: 24px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .cercle1 {
        width: 66px;
        height: 66px;
        top: 22px;
        left: 0;
        transform: translateX(-33px)
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .cercle1 .icon {
        margin-bottom: 0px;
        margin-top: 12px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .cercle1 .icon .picbox {
        width: 22px;
        height: 22px;
        overflow: hidden
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .cercle1 .icon .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .cercle1 .text {
        font-size: 10px;
        font-weight: normal;
        color: #fff
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .leftbox .part .cercle1 .cercle2 {
        width: 96px;
        height: 96px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .moddelpic {
        display: none
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox {
        margin-top: 20px;
        margin-left: 38px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 {
        max-width: 100%;
        margin-bottom: 20px;
        padding: 0px 20px 0px 50px;
        height: 115px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2:nth-child(1) {
        padding: 0px 20px 0px 50px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2:hover .cercle1 .cercle2 {
        width: 106px;
        height: 106px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .text .d {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        line-height: 24px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .text .texin {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 48px;
        line-height: 24px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .cercle1 {
        width: 66px;
        height: 66px;
        top: 22px;
        left: 0;
        transform: translateX(-33px)
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .cercle1 .icon {
        margin-bottom: 0px;
        margin-top: 12px
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .cercle1 .icon .picbox {
        width: 22px;
        height: 22px;
        overflow: hidden
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .cercle1 .icon .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .cercle1 .text {
        font-size: 10px;
        font-weight: normal;
        color: #fff
    }

    .page_mall .content .mall_plate2 .container-xl .conbox .rightbox .part2 .cercle1 .cercle2 {
        width: 96px;
        height: 96px
    }

    .page_information .sys_pagebox1 a {
        font-size: 14px
    }

    .page_anli .video {
        padding: 40px 0 0px
    }

    .page_anli .video .container-xl .itemlist .item_article {
        height: 320px;
        margin-bottom: 35px
    }

    .page_anli .video .container-xl .itemlist .item_article:hover .shadow2 .tbox .textbox {
        height: 188px
    }

    .page_anli .video .container-xl .itemlist .item_article:hover .shadow2 .tbox .textbox .atitle {
        margin-bottom: 12px
    }

    .page_anli .video .container-xl .itemlist .item_article:hover .shadow2 .tbox .textbox .btitle {
        max-height: 36px;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .page_anli .video .container-xl .itemlist .item_article .shadow2 .articlepic .picbox {
        width: 100%;
        height: 190px;
        overflow: hidden
    }

    .page_anli .video .container-xl .itemlist .item_article .shadow2 .articlepic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_anli .video .container-xl .itemlist .item_article .shadow2 .tbox .textbox {
        height: 140px;
        padding: 24px
    }

    .page_anli .video .container-xl .itemlist .item_article .shadow2 .tbox .textbox .atitle {
        font-size: 18px;
        line-height: 25px
    }

    .page_anli .video .container-xl .itemlist .item_article .shadow2 .tbox .textbox .btitle {
        font-size: 12px;
        line-height: 18px;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .page_anli .video .container-xl .itemlist .item_article .shadow2 .tbox .textbox .more {
        left: 24px;
        bottom: 26px;
        font-size: 12px
    }

    .page_anli .video .container-xl .itemlist .item_video {
        height: 320px;
        margin-bottom: 35px
    }

    .page_anli .video .container-xl .itemlist .item_video:hover .shadow2 .articlepic2 .play .cercle1 {
        width: 74px;
        height: 74px;
        transform: translate(-7px, -37px)
    }

    .page_anli .video .container-xl .itemlist .item_video .shadow2 .articlepic2 .vb .picbox {
        width: 100%;
        height: 190px;
        overflow: hidden
    }

    .page_anli .video .container-xl .itemlist .item_video .shadow2 .articlepic2 .vb .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_anli .video .container-xl .itemlist .item_video .shadow2 .articlepic2 .play .bn {
        position: absolute;
        top: 50%;
        transform: translateY(-25px);
        left: 50%;
        margin-left: -25px;
        z-index: 3
    }

    .page_anli .video .container-xl .itemlist .item_video .shadow2 .articlepic2 .play .bn .picbox {
        width: 50px;
        height: 50px;
        overflow: hidden
    }

    .page_anli .video .container-xl .itemlist .item_video .shadow2 .articlepic2 .play .bn .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_anli .video .container-xl .itemlist .item_video .shadow2 .articlepic2 .play .cercle1 {
        transition: all .6s;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2
    }

    .page_anli .video .container-xl .itemlist .item_video .shadow2 .articlepic2 .play .cercle2 {
        transition: all .6s;
        transition-delay: .1s;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2
    }

    .page_anli .video .container-xl .itemlist .item_video .shadow2 .textbox2 {
        height: 140px;
        padding: 20px
    }

    .page_anli .video .container-xl .itemlist .item_video .shadow2 .textbox2 .atitle {
        font-size: 18px;
        line-height: 25px
    }

    .page_anli .video .container-xl .itemlist .item_video .shadow2 .textbox2 .more {
        left: 24px;
        bottom: 26px;
        font-size: 12px
    }

    .page_about .container-xl .about .about_content .titlebox .ctitle {
        max-width: 100%;
        height: 116px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }

    .page_about .transition .itemlist .item .picbox {
        width: 55px;
        height: 55px;
        overflow: hidden
    }

    .page_about .transition .itemlist .item .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_about .transition .itemlist .item .titlebox .atitle {
        font-size: 18px;
        font-weight: 600;
        color: #1A2133;
        margin-bottom: 0px
    }

    .page_about .transition .itemlist .item .titlebox .btitle {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        max-width: 100%;
        height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .page_about .container-xl .contact .map .map-in {
        right: 0;
        bottom: 0;
        width: 100%;
        height: 20%
    }

    .page_about .container-xl .contact .map .map-in .contactlist {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 60px
    }

    .page_about .container-xl .contact .map .map-in .contactlist .lists {
        margin-bottom: 6px
    }

    .page_about .container-xl .contact .map .map-in .contactlist .lists:nth-child(3) {
        margin-bottom: 0px
    }
}

@media (max-width:576px) {
    .free {
        padding: 25px 0;
        background: url("../webimages/boot_module_phone.jpg") no-repeat center center / cover
    }

    .free .title {
        display: none
    }

    .free .title2 {
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        max-height: 60px;
        line-height: 30px;
        margin-bottom: 15px;
        display: block
    }

    .free .more {
        width: 110px;
        height: 36px;
        background: none;
        border-radius: 3px;
        font-size: 13px;
        font-weight: normal;
        color: #fff
    }

    .page_about .banner .picbox {
        display: none
    }

    .page_about .banner .pic2 {
        display: block
    }

    .page_about .banner .pic2 .picbox {
        width: 100%;
        height: 250px;
        overflow: hidden
    }

    .page_about .banner .pic2 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_about .banner .pic2 .picbox {
        display: block
    }

    .page_about .banner .pic2 .picbox .pic {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .page_about .banner .pic2 .picbox .banp .picbox {
        width: 360px;
        height: 39px;
        overflow: hidden
    }

    .page_about .banner .pic2 .picbox .banp .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_about .banner .pic2 .picbox .banp .picbox .pic {
        animation: none
    }

    .page_about .banner .pic2 .picbox .banp .titlebox {
        text-align: center
    }

    .page_about .banner .pic2 .picbox .banp .titlebox .atitle {
        text-align: center;
        margin-top: 8px;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        max-width: 100%;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 20px;
        padding: 0 20px
    }

    .page_about .container-xl .about {
        padding: 40px 0
    }

    .page_about .container-xl .about .about_content {
        margin-bottom: 15px
    }

    .page_about .container-xl .about .about_content .titlebox {
        padding: 0px
    }

    .page_about .container-xl .about .about_content .titlebox .atitle {
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 28px
    }

    .page_about .container-xl .about .about_content .titlebox .line {
        width: 30px;
        height: 4px;
        margin-bottom: 20px
    }

    .page_about .container-xl .about .about_content .titlebox .btitle {
        font-size: 16px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: 23px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 23px;
        margin-bottom: 20px
    }

    .page_about .container-xl .about .about_content .titlebox .ctitle {
        font-size: 12px;
        font-weight: 400;
        color: #666;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        max-height: 88px;
        line-height: 18px;
        margin-bottom: 15px
    }

    .page_about .container-xl .about .about_content .titlebox .ctitle::after {
        margin-top: 15px
    }

    .page_about .container-xl .about .about_content .titlebox .dtitle {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        line-height: 18px;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        margin-bottom: 15px
    }

    .page_about .container-xl .about .about_content .about_pic {
        height: 254px;
        max-width: 280px
    }

    .page_about .container-xl .about .about_content .about_pic .ball1 {
        width: 88px;
        height: 88px;
        left: 16px;
        top: 136px
    }

    .page_about .container-xl .about .about_content .about_pic .ball1 .ball1_in .math {
        font-size: 22px;
        line-height: 20px;
        width: 14px
    }

    .page_about .container-xl .about .about_content .about_pic .ball1 .ball1_in .t {
        font-size: 11px;
        line-height: 15px
    }

    .page_about .container-xl .about .about_content .about_pic .ball1 .text1 {
        font-size: 8px
    }

    .page_about .container-xl .about .about_content .about_pic .ball2 {
        width: 158px;
        height: 158px;
        top: 10px;
        left: 38px
    }

    .page_about .container-xl .about .about_content .about_pic .ball2 .ball2_in .math2 {
        font-size: 28px;
        line-height: 33px
    }

    .page_about .container-xl .about .about_content .about_pic .ball2 .ball2_in .t2 {
        font-size: 20px;
        line-height: 27px
    }

    .page_about .container-xl .about .about_content .about_pic .ball2 .text2 {
        font-size: 10px;
        font-weight: 400;
        color: #fff;
        line-height: 14px
    }

    .page_about .container-xl .about .about_content .about_pic .ball3 {
        width: 128px;
        height: 128px;
        top: 111px;
        left: 139px
    }

    .page_about .container-xl .about .about_content .about_pic .ball3 .ball3_in .math3 {
        font-size: 25px;
        line-height: 30px;
        width: 30px
    }

    .page_about .container-xl .about .about_content .about_pic .ball3 .ball3_in .t3 {
        font-size: 14px;
        line-height: 25px
    }

    .page_about .container-xl .about .about_content .about_pic .ball3 .text3 {
        font-size: 10px;
        font-weight: 400;
        color: #fff;
        line-height: 13px
    }

    .page_about .container-xl .about .about_content .about_pic .ball4 {
        width: 24px;
        height: 24px;
        top: 37px;
        left: 233px
    }

    .page_about .container-xl .about .about_video .picbox {
        width: 100%;
        height: 200px;
        overflow: hidden
    }

    .page_about .container-xl .about .about_video .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_about .container-xl .about .about_video .play {
        width: 80px;
        height: 80px
    }

    .page_about .container-xl .about .about_video .play .player .picbox {
        width: 48px;
        height: 48px;
        overflow: hidden
    }

    .page_about .container-xl .about .about_video .play .player .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_about .container-xl .about .about_video .play .player .ripple1 {
        width: 48px;
        height: 48px;
        animation: play2 2s;
        animation-iteration-count: infinite;
        animation-delay: .5s;
        animation-fill-mode: forwards
    }

    @keyframes play2 {
        from {
            width: 48px;
            height: 48px;
            opacity: 1
        }

        to {
            width: 64px;
            height: 64px;
            opacity: 0
        }
    }

    .page_about .container-xl .about .about_video .play .player .ripple2 {
        width: 48px;
        height: 48px;
        animation: play 2s;
        animation-iteration-count: infinite;
        animation-fill-mode: forwards;
        animation-delay: .1s
    }

    @keyframes play {
        from {
            width: 48px;
            height: 48px;
            opacity: 1
        }

        to {
            width: 80px;
            height: 80px;
            opacity: 0
        }
    }

    .page_about .container-xl .about .about_video .play .player .title {
        top: 64px;
        width: 72px;
        margin-left: -36px
    }

    .page_about .transition .itemlist {
        padding: 0 15px
    }

    .page_about .transition .itemlist .item {
        height: 100px;
        padding: 22px 15px;
        align-items: flex-start
    }

    .page_about .transition .itemlist .item .picbox {
        width: 40px;
        height: 40px;
        overflow: hidden
    }

    .page_about .transition .itemlist .item .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_about .transition .itemlist .item .picbox {
        min-width: 40px;
        margin-right: 12px
    }

    .page_about .transition .itemlist .item .titlebox .atitle {
        font-size: 14px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 20px;
        margin-bottom: 6px
    }

    .page_about .transition .itemlist .item .titlebox .btitle {
        font-size: 11px;
        font-weight: 400;
        color: #666;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 30px;
        line-height: 15px
    }

    .page_about .container-xl .contact {
        padding: 40px 0
    }

    .page_about .container-xl .contact .title {
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 28px
    }

    .page_about .container-xl .contact .map {
        height: 400px
    }

    .page_about .container-xl .contact .map .map-in {
        width: 305px;
        padding: 20px;
        height: 134px;
        right: 50%;
        bottom: 20px;
        transform: translateX(50%)
    }

    .page_about .container-xl .contact .map .map-in .contactlist {
        padding: 0px
    }

    .page_about .container-xl .contact .map .map-in .contactlist .lists {
        margin-bottom: 11px
    }

    .page_about .container-xl .contact .map .map-in .contactlist .lists:last-child {
        margin-bottom: 0px
    }

    .page_about .container-xl .contact .map .map-in .contactlist .lists .picbox {
        width: 18px;
        height: 18px;
        overflow: hidden
    }

    .page_about .container-xl .contact .map .map-in .contactlist .lists .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_about .container-xl .contact .map .map-in .contactlist .lists .picbox {
        min-width: 18px;
        margin-right: 14px
    }

    .page_about .container-xl .contact .map .map-in .contactlist .lists .num {
        font-size: 13px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 18px
    }

    .page_about .container-xl .contact .map .map-in .contactlist .lists .e-mail {
        font-size: 13px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 18px
    }

    .page_about .container-xl .contact .map .map-in .contactlist .lists .add {
        font-size: 13px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: 36px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 18px;
        text-indent: -38px;
        padding-left: 38px
    }

    .page_information .banner .picbox {
        height: 260px;
    }

    .page_information .banner .pic2 {
        display: block
    }

    .page_information .banner .pic2 .picbox {
        width: 100%;
        height: 250px;
        overflow: hidden
    }

    .page_information .banner .pic2 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_information .banner .pic2 .picbox {
        display: block
    }

    .page_information .banner .pic2 .picbox .titlebox .atitle {
        font-size: 26px;
        font-weight: 600;
        color: #fff;
        max-width: 100%;
        height: 37px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 37px;
        margin-bottom: 8px
    }

    .page_information .banner .pic2 .picbox .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        max-width: 100%;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 20px
    }

    .page_information .container-xl .list {
        padding: 40px 0
    }

    .page_information .container-xl .list .ls {
        margin-bottom: 30px;
        max-width: 490px
    }

    .page_information .container-xl .list .ls:last-child {
        margin-bottom: 0px
    }

    .page_information .container-xl .list .ls .dispic .picbox {
        width: 100%;
        height: 134px;
        overflow: hidden
    }

    .page_information .container-xl .list .ls .dispic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_information .container-xl .list .ls .dispic .picbox {
        max-width: 460px
    }

    .page_information .container-xl .list .ls .textbox .atitle {
        margin-top: 15px;
        margin-bottom: 8px
    }

    .page_information .container-xl .list .ls .textbox .atitle a {
        font-size: 16px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 48px;
        line-height: 24px;
        padding-right: 0px
    }

    .page_information .container-xl .list .ls .textbox .btitle {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 8px
    }

    .page_information .container-xl .list .ls .textbox .ctitle a {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 36px;
        line-height: 18px
    }

    .page_information .container-xl .list .ls .textbox .go {
        display: none
    }

    .page_information .container-xl .list .ls .textbox .line {
        display: block
    }

    .page_information .container-xl .sys_pagebox1 a {
        width: 30px;
        height: 30px;
        background: none;
        background-color: #F6F6F6;
        border-radius: 3px;
        color: #666;
        margin-right: 8px;
        padding: 0 11px;
        line-height: 30px;
        font-family: Arial, Helvetica, sans-serif
    }

    .page_information .container-xl .sys_pagebox1 a:hover {
        color: #fff
    }

    .page_information .container-xl .sys_pagebox1 .page_left {
        opacity: 1;
        background: none;
        background-size: 8px 8px;
        background-color: #F6F6F6;
        background-image: url("../webimages/infomation_leftbtn.png");
        background-repeat: no-repeat;
        background-position: center, center
    }

    .page_information .container-xl .sys_pagebox1 .page_left:hover {
        background-size: 8px 8px !important;
        background-color: #F6F6F6 !important;
        background-image: url("../webimages/infomation_leftbtn.png") !important;
        background-repeat: no-repeat !important;
        background-position: center, center !important
    }

    .page_information .container-xl .sys_pagebox1 .page_right {
        opacity: 1;
        background: none;
        background-size: 8px 8px;
        background-color: #F6F6F6;
        background-image: url("../webimages/infomation_rightbtn.png");
        background-repeat: no-repeat;
        background-position: center, center
    }

    .page_information .container-xl .sys_pagebox1 .page_right:hover {
        background-size: 8px 8px !important;
        background-color: #F6F6F6 !important;
        background-image: url("../webimages/infomation_rightbtn.png") !important;
        background-repeat: no-repeat !important;
        background-position: center, center !important
    }

    .page_information .container-xl .sys_pagebox1 .active {
        color: #fff
    }

    .page_anli .banner .picbox {
        display: none
    }

    .page_anli .banner .pic2 {
        display: block
    }

    .page_anli .banner .pic2 .picbox {
        width: 100%;
        height: 250px;
        overflow: hidden
    }

    .page_anli .banner .pic2 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_anli .banner .pic2 .picbox {
        display: block
    }

    .page_anli .banner .pic2 .picbox .titlebox .atitle {
        font-size: 26px;
        font-weight: 600;
        color: #fff;
        max-width: 100%;
        height: 37px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 37px;
        margin-bottom: 8px
    }

    .page_anli .banner .pic2 .picbox .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        max-width: 100%;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 20px
    }

    .page_anli .video {
        padding: 40px 0 40px 0px
    }

    .page_anli .video .container-xl .itemlist .item_article {
        margin-bottom: 15px
    }

    .page_anli .video .container-xl .itemlist .item_video {
        margin-bottom: 15px
    }

    .page_activity .banner .pc_banner {
        display: none
    }

    .page_activity .banner .phone_banner {
        display: block
    }

    .page_activity .banner .phone_banner .dianji2 {
        display: block
    }

    .page_activity .banner .phone_banner .dianji2 .picbox {
        width: 100%;
        height: 410px;
        overflow: hidden
    }

    .page_activity .banner .phone_banner .dianji2 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_activity .banner .container-xl .floatbox {
        bottom: -40px;
        height: 172px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame {
        padding: 20px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox {
        padding: 0px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox .atitle {
        font-size: 16px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 44px;
        line-height: 22px;
        margin-bottom: 15px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox .atitle span {
        display: inline
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox .btitle .btext {
        margin-right: 0px;
        margin-bottom: 8px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox .btitle .btext .cercle {
        width: 4px;
        height: 4px;
        min-width: 4px;
        margin-right: 8px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .textbox .btitle .btext .tbox {
        font-size: 13px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        max-height: 18px;
        line-height: 18px
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .right_pic .picbox {
        width: 216px;
        height: 120px;
        overflow: hidden
    }

    .page_activity .banner .container-xl .floatbox .floating_frame .right_pic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_activity .container-xl .recommend .titlebox {
        margin-bottom: 20px
    }

    .page_activity .container-xl .recommend .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 28px;
        margin-bottom: 8px
    }

    .page_activity .container-xl .recommend .titlebox .btitle {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        max-width: 100%;
        height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 16px
    }

    .page_activity .container-xl .recommend .process {
        padding: 20px;
        flex-direction: column
    }

    .page_activity .container-xl .recommend .process .processlist {
        width: 100%;
        height: 100%;
        padding: 24px
    }

    .page_activity .container-xl .recommend .process .processlist .picbox {
        width: 64px;
        height: 64px;
        overflow: hidden
    }

    .page_activity .container-xl .recommend .process .processlist .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_activity .container-xl .recommend .process .processlist .picbox {
        margin-bottom: 12px
    }

    .page_activity .container-xl .recommend .process .processlist .titlebox {
        margin-bottom: 0px
    }

    .page_activity .container-xl .recommend .process .processlist .titlebox .atitle {
        font-size: 14px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 40px;
        line-height: 20px;
        margin-bottom: 8px
    }

    .page_activity .container-xl .recommend .process .processlist .titlebox .btitle {
        font-size: 12px;
        font-weight: normal;
        color: #646566;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 32px;
        line-height: 16px;
        text-align: center;
        max-width: 150px;
        margin: 0 auto
    }

    .page_activity .container-xl .recommend .process .processpic {
        display: none
    }

    .page_activity .container-xl .recommend .process .processpic2 {
        display: block;
        margin: 20px 0
    }

    .page_activity .container-xl .recommend .process .processpic2 .picbox {
        width: 14px;
        height: 25px;
        overflow: hidden
    }

    .page_activity .container-xl .recommend .process .processpic2 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_activity .rule {
        padding: 40px 0
    }

    .page_activity .rule .container-xl .title {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 28px;
        margin-bottom: 20px
    }

    .page_activity .rule .container-xl .itemlist {
        padding: 0px
    }

    .page_activity .rule .container-xl .itemlist .list {
        margin-bottom: 10px
    }

    .page_activity .rule .container-xl .itemlist .list .text {
        font-size: 13px;
        font-weight: normal;
        color: #666;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px
    }

    .page_activity .rule .container-xl .itemlist .list .text .cercle {
        margin-top: 7px;
        width: 4px;
        height: 4px;
        min-width: 4px;
        margin-bottom: 2px;
        display: inline-block;
        margin-right: 4px
    }

    .page_activity .free2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 25px 0;
        background: url("../webimages/boot_module_bg.jpg") no-repeat right top / cover
    }

    .page_activity .free2 .title {
        display: none
    }

    .page_activity .free2 .title2 {
        text-align: center;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        line-height: 30px;
        max-height: 60px;
        margin-bottom: 15px;
        padding: 0 15px
    }

    .page_activity .free2 .more {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        font-weight: normal;
        color: #fff;
        width: 120px;
        height: 36px;
        background: none;
        border-radius: 4px;
        line-height: 22px;
        overflow: hidden;
        border: 2px solid #FFFFFF
    }

    .page_activity .free2 .more:hover .picbox {
        margin-left: 6px;
        opacity: 1;
        visibility: visible
    }

    .page_activity .free2 .more .picbox {
        width: 12px;
        height: 12px;
        overflow: hidden
    }

    .page_activity .free2 .more .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_activity .free2 .more .picbox {
        margin-left: -12px;
        margin-top: 2px;
        opacity: 0;
        visibility: hidden;
        transition: all .6s
    }

    .page_product .banner {
        width: 100%
    }

    .page_product .banner .picbox {
        display: none
    }

    .page_product .banner .pic2 {
        display: block
    }

    .page_product .banner .pic2 .picbox {
        width: 100%;
        height: 330px;
        overflow: hidden
    }

    .page_product .banner .pic2 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_product .banner .pic2 .picbox {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .page_product .banner .pic2 .picbox .pic {
        animation: scale 2s linear;
        animation-fill-mode: forwards;
        display: flex;
        align-items: center
    }

    .page_product .banner .pic2 .picbox .pic .container-xl .titlebox {
        padding-left: 0px
    }

    .page_product .banner .pic2 .picbox .pic .container-xl .titlebox .atitle {
        font-size: 24px;
        font-weight: 600;
        color: #fff;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 102px;
        line-height: 34px;
        margin-bottom: 10px
    }

    .page_product .banner .pic2 .picbox .pic .container-xl .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 40px;
        line-height: 20px;
        margin-bottom: 24px
    }

    .page_product .banner .pic2 .picbox .pic .container-xl .titlebox .bn {
        width: 110px;
        height: 36px
    }

    .page_product .banner .pic2 .picbox .pic .container-xl .titlebox .bn .text {
        font-size: 13px;
        font-weight: normal;
        color: #fff
    }

    .page_product .iconlist .container-xl .iconlist-in .list {
        height: 80px;
        /* padding: 13px 0 */
    }

    .page_product .iconlist .container-xl .iconlist-in .list .icon_g {
        margin-bottom: 8px
    }

    .page_product .iconlist .container-xl .iconlist-in .list .icon_g .picbox {
        width: 30px;
        height: 30px;
        overflow: hidden
    }

    .page_product .iconlist .container-xl .iconlist-in .list .icon_g .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_product .iconlist .container-xl .iconlist-in .list .icon_c {
        top: 13px;
        margin-left: -15px
    }

    .page_product .iconlist .container-xl .iconlist-in .list .icon_c .picbox {
        width: 30px;
        height: 30px;
        overflow: hidden
    }

    .page_product .iconlist .container-xl .iconlist-in .list .icon_c .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_product .iconlist .container-xl .iconlist-in .list .titlebox {
        font-size: 12px;
        max-width: 100%;
        /* height: 16px; */
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 83px
    }

    .page_product .content .dms_plate3 {
        padding: 20px 0 40px
    }

    .page_product .content .dms_plate3 .container-xl .prblem_pic1 {
        width: 100%;
        margin-bottom: 0px
    }

    .page_product .content .dms_plate3 .container-xl .prblem_pic1 .picbox {
        width: 100%;
        height: 214px;
        overflow: hidden
    }

    .page_product .content .dms_plate3 .container-xl .prblem_pic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .dms_plate3 .container-xl .prblem_pic2 {
        display: none
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 {
        display: block;
        padding-left: 0px;
        background-color: #F5F8FF;
        padding: 20px
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 .text {
        display: flex !important;
        transition: all .5s;
        margin-bottom: 8px
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 .text:last-child {
        margin-bottom: 0px
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 .text .d {
        width: 4px;
        height: 4px;
        min-width: 4px;
        min-height: 4px;
        background-color: #1A2133;
        border-radius: 50%;
        margin-right: 10px;
        margin-top: 7px
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 .text .t {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-height: 36px;
        line-height: 18px
    }

    .page_product .content .dms_plate3 .container-xl .prbtext2 .text .t span {
        display: inline;
        color: #3371FF;
        font-weight: 600
    }

    .page_product .content .dms_plate1 {
        padding: 20px 0
    }

    .page_product .content .dms_plate1 .container-xl .titlebox {
        font-size: 20px;
        font-weight: 500;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 80px;
        line-height: 40px;
        margin-bottom: 0px
    }

    .page_product .content .dms_plate1 .container-xl .itemlist {
        flex-direction: column
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list {
        padding: 20px 26px 20px 20px
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list.active {
        padding-top: 20px
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list.active .textbox .btitle {
        margin-bottom: 0px;
        margin-top: 10px
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list .textbox .cbox .atitle {
        font-size: 16px;
        font-weight: normal;
        color: #fff
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list .textbox .cbox .line {
        margin-bottom: 0px
    }

    .page_product .content .dms_plate1 .container-xl .itemlist .list .textbox .btitle {
        margin-bottom: -40px
    }

    .page_product .content .dms_plate2 {
        padding: 20px 0
    }

    .page_product .content .dms_plate2 .container-xl .titlebox {
        font-size: 20px;
        font-weight: 500;
        color: #1A2133
    }

    .page_product .content .dms_plate2 .container-xl .conbox {
        display: block;
        padding: 0 0
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox {
        margin-right: 0px;
        margin-top: 10px;
        width: auto
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part {
        padding: 10px 10px 10px 15px;
        margin-bottom: 10px;
        height: 94px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .top_part {
        margin-bottom: 5px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .top_part .icon {
        margin-right: 8px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .top_part .icon .picbox {
        width: 26px;
        height: 26px;
        overflow: hidden
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .top_part .icon .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .top_part .text {
        font-size: 18px;
        font-weight: 500;
        color: #1A2133
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in1 {
        margin-right: 6px;
        transform: scale(.9)
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in1 .inbox {
        margin-bottom: 0px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in1 .inbox .d {
        margin-right: 4px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in1 .inbox .texin {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in2 {
        margin-right: 6px;
        transform: scale(.9)
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in2 .inbox {
        margin-bottom: 0px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in2 .inbox .d {
        margin-right: 4px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in2 .inbox .texin {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in3 {
        margin-right: 3px;
        transform: scale(.9)
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in3 .inbox {
        margin-bottom: 0px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in3 .inbox .texin {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in4 {
        margin-right: 20px;
        transform: scale(.9)
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in4 .inbox {
        margin-bottom: 0px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in4 .inbox .d {
        margin-right: 4px
    }

    .page_product .content .dms_plate2 .container-xl .conbox .leftbox .part .bottom_part .in4 .inbox .texin {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133
    }

    .page_product .content .dms_plate2 .container-xl .conbox .moddelpic {
        display: none
    }

    .page_product .content .wms_plate1 {
        padding: 20px 0 40px
    }

    .page_product .content .wms_plate1 .container-xl .prblem_pic1 {
        width: 100%;
        margin-bottom: 0px
    }

    .page_product .content .wms_plate1 .container-xl .prblem_pic1 .picbox {
        width: 100%;
        height: 210px;
        overflow: hidden
    }

    .page_product .content .wms_plate1 .container-xl .prblem_pic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .wms_plate1 .container-xl .prblem_pic2 {
        display: none
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 {
        display: block;
        padding: 20px;
        background-color: #F5F8FF
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 .text {
        display: flex !important;
        transition: all .5s;
        margin-bottom: 8px
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 .text:last-child {
        margin-bottom: 0px
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 .text .d {
        width: 4px;
        height: 4px;
        min-width: 4px;
        min-height: 4px;
        background-color: #1A2133;
        border-radius: 50%;
        margin-right: 10px;
        margin-top: 7px
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 .text .t {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-height: 36px;
        line-height: 18px
    }

    .page_product .content .wms_plate1 .container-xl .prbtext2 .text .t span {
        display: inline;
        color: #3371FF;
        font-weight: 600
    }

    .page_product .content .tms_plate1 {
        padding: 20px 0 40px
    }

    .page_product .content .tms_plate1 .container-xl {
        display: block
    }

    .page_product .content .tms_plate1 .container-xl .prblem_pic1 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 0px
    }

    .page_product .content .tms_plate1 .container-xl .prblem_pic1 .picbox {
        width: 100%;
        height: 210px;
        overflow: hidden
    }

    .page_product .content .tms_plate1 .container-xl .prblem_pic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .tms_plate1 .container-xl .prblem_pic2 {
        display: none
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 {
        display: block;
        padding: 20px;
        background-color: #F5F8FF
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 .text {
        transition: all .5s;
        margin-bottom: 8px;
        display: flex
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 .text:last-child {
        margin-bottom: 0px
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 .text .d {
        width: 4px;
        height: 4px;
        min-width: 4px;
        min-height: 4px;
        background-color: #1A2133;
        border-radius: 50%;
        margin-right: 10px;
        margin-top: 7px
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 .text .t {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-height: 36px;
        line-height: 18px
    }

    .page_product .content .tms_plate1 .container-xl .prbtext2 .text .t span {
        display: inline;
        color: #3371FF;
        font-weight: 600
    }

    .page_product .content .hwq_plate1 {
        padding: 20px 0 40px
    }

    .page_product .content .hwq_plate1 .container-xl {
        display: block
    }

    .page_product .content .hwq_plate1 .container-xl .prblem_pic1 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 0px
    }

    .page_product .content .hwq_plate1 .container-xl .prblem_pic1 .picbox {
        width: 100%;
        height: 210px;
        overflow: hidden
    }

    .page_product .content .hwq_plate1 .container-xl .prblem_pic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate1 .container-xl .prblem_pic2 {
        display: none
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 {
        display: block;
        padding-left: 0%;
        padding: 20px;
        background-color: #F5F8FF
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 .text {
        transition: all .5s;
        margin-bottom: 8px;
        display: flex
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 .text:last-child {
        margin-bottom: 0px
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 .text .d {
        width: 4px;
        height: 4px;
        min-width: 4px;
        min-height: 4px;
        background-color: #1A2133;
        border-radius: 50%;
        margin-right: 10px;
        margin-top: 7px
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 .text .t {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-height: 36px;
        line-height: 18px
    }

    .page_product .content .hwq_plate1 .container-xl .prbtext2 .text .t span {
        display: inline;
        color: #3371FF;
        font-weight: 600
    }

    .page_product .content .plate1 {
        padding: 40px 0 25px
    }

    .page_product .content .plate1 .container-xl .leftpic {
        padding: 0px
    }

    .page_product .content .plate1 .container-xl .leftpic .picbox {
        width: 100%;
        height: 244px;
        overflow: hidden
    }

    .page_product .content .plate1 .container-xl .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate1 .container-xl .titlebox {
        padding: 0px 0 0
    }

    .page_product .content .plate1 .container-xl .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_product .content .plate1 .container-xl .titlebox .btitle {
        font-size: 15px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 21px;
        line-height: 21px;
        margin-bottom: 18px;
        text-align: left
    }

    .page_product .content .plate1 .container-xl .titlebox .line {
        width: 30px;
        height: 4px;
        background: linear-gradient(270deg, #00CC8F 0%, #3371FF 100%);
        margin-bottom: 17px;
        margin-left: 0px
    }

    .page_product .content .plate1 .container-xl .titlebox .ctitle {
        font-size: 13px;
        font-weight: normal;
        color: #656565;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        max-height: 100px;
        line-height: 20px;
        text-align: left;
        margin-bottom: 10px
    }

    .page_product .content .tms_plate2 {
        padding: 20px 0
    }

    .page_product .content .tms_plate2 .container-xl .titlebox {
        font-size: 20px;
        font-weight: 500;
        color: #1A2133;
        margin-bottom: 20px
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list {
        height: 180px;
        padding: 10px 0 15px;
        flex: 49%
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list .part1 .icon {
        margin-bottom: 0
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list .part1 .icon .picbox {
        width: 52px;
        height: 52px;
        overflow: hidden
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list .part1 .icon .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list .part1 .atitle {
        font-size: 16px;
        font-weight: 500;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 0px
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list .part1 .btitle {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 16px;
        max-width: 150px;
        text-align: center
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list .part2 .ctitle {
        font-size: 16px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        max-height: 28px;
        line-height: 28px;
        margin-bottom: 0px
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .list .part2 .dian {
        width: 3px;
        height: 3px;
        min-width: 3px;
        min-height: 3px;
        background: #1A2133;
        border-radius: 50%
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .line {
        height: 180px
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .line:nth-child(3n) {
        display: block
    }

    .page_product .content .tms_plate2 .container-xl .itemlist .line:nth-of-type(4n) {
        display: none
    }

    .page_product .content .plate2 {
        padding: 40px 0
    }

    .page_product .content .plate2 .container-xl .toptitle {
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px
    }

    .page_product .content .plate2 .container-xl .kd {
        display: none
    }

    .page_product .content .plate2 .container-xl .toptitle2 {
        display: block;
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        text-align: center
    }

    .page_product .content .plate2 .container-xl .jiantou {
        margin-bottom: 20px
    }

    .page_product .content .plate2 .container-xl .jiantou .picbox {
        width: 24px;
        height: 24px;
        overflow: hidden
    }

    .page_product .content .plate2 .container-xl .jiantou .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate2 .container-xl .cont {
        padding-bottom: 0px
    }

    .page_product .content .plate2 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_product .content .plate2 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 8px
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .ctitle .txt .text {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .bn .text {
        font-size: 12px
    }

    .page_product .content .plate2 .container-xl .cont .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_product .content .plate3 {
        padding: 40px 0
    }

    .page_product .content .plate3 .container-xl {
        padding-bottom: 0px
    }

    .page_product .content .plate3 .container-xl .titlebox {
        margin-top: 0px
    }

    .page_product .content .plate3 .container-xl .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_product .content .plate3 .container-xl .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_product .content .plate3 .container-xl .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_product .content .plate3 .container-xl .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_product .content .plate3 .container-xl .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 8px
    }

    .page_product .content .plate3 .container-xl .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_product .content .plate3 .container-xl .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_product .content .plate3 .container-xl .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate3 .container-xl .titlebox .ctitle .txt .text {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_product .content .plate3 .container-xl .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_product .content .plate3 .container-xl .titlebox .bn .text {
        font-size: 12px
    }

    .page_product .content .plate3 .container-xl .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_product .content .plate3 .container-xl .rightpic {
        padding: 0px
    }

    .page_product .content .plate3 .container-xl .rightpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_product .content .plate3 .container-xl .rightpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate4 {
        padding: 40px 0
    }

    .page_product .content .plate4 .container-xl .cont {
        padding-bottom: 0px
    }

    .page_product .content .plate4 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_product .content .plate4 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 8px
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .ctitle .txt .text {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .bn .text {
        font-size: 12px
    }

    .page_product .content .plate4 .container-xl .cont .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_product .content .hwq_plate2 {
        padding: 40px 0
    }

    .page_product .content .hwq_plate2 .container-xl .toptitle {
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px
    }

    .page_product .content .hwq_plate2 .container-xl .kd {
        display: none
    }

    .page_product .content .hwq_plate2 .container-xl .toptitle2 {
        display: block;
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        text-align: center
    }

    .page_product .content .hwq_plate2 .container-xl .jiantou {
        margin-bottom: 20px
    }

    .page_product .content .hwq_plate2 .container-xl .jiantou .picbox {
        width: 24px;
        height: 24px;
        overflow: hidden
    }

    .page_product .content .hwq_plate2 .container-xl .jiantou .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate2 .container-xl .cont {
        padding-bottom: 0px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_product .content .hwq_plate2 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 8px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .ctitle .txt .text {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .bn .text {
        font-size: 12px
    }

    .page_product .content .hwq_plate2 .container-xl .cont .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_product .content .hwq_plate3 {
        padding: 40px 0
    }

    .page_product .content .hwq_plate3 .container-xl {
        padding-bottom: 0px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox {
        margin-top: 0px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 8px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .ctitle .txt .text {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .bn .text {
        font-size: 12px
    }

    .page_product .content .hwq_plate3 .container-xl .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_product .content .hwq_plate3 .container-xl .rightpic {
        padding: 0px
    }

    .page_product .content .hwq_plate3 .container-xl .rightpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_product .content .hwq_plate3 .container-xl .rightpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate4 {
        padding: 40px 0
    }

    .page_product .content .hwq_plate4 .container-xl .cont {
        padding-bottom: 0px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_product .content .hwq_plate4 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 8px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .ctitle .txt .text {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .bn .text {
        font-size: 12px
    }

    .page_product .content .hwq_plate4 .container-xl .cont .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_product .content .plate5 {
        padding: 20px 0
    }

    .page_product .content .plate5 .container-xl .titlebox {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 500;
        color: #1A2133
    }

    .page_product .content .plate5 .container-xl .bottompic1 {
        transform: scale(1.2)
    }

    .page_product .content .plate5 .container-xl .bottompic1 .picbox {
        width: 100%;
        height: 180px;
        overflow: hidden
    }

    .page_product .content .plate5 .container-xl .bottompic1 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate6 {
        padding: 40px 0
    }

    .page_product .content .plate6 .container-xl {
        padding-bottom: 0px
    }

    .page_product .content .plate6 .container-xl .titlebox {
        margin-top: 0px
    }

    .page_product .content .plate6 .container-xl .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_product .content .plate6 .container-xl .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_product .content .plate6 .container-xl .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_product .content .plate6 .container-xl .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_product .content .plate6 .container-xl .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 8px
    }

    .page_product .content .plate6 .container-xl .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_product .content .plate6 .container-xl .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_product .content .plate6 .container-xl .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate6 .container-xl .titlebox .ctitle .txt .text {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_product .content .plate6 .container-xl .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_product .content .plate6 .container-xl .titlebox .bn .text {
        font-size: 12px
    }

    .page_product .content .plate6 .container-xl .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_product .content .plate6 .container-xl .rightpic {
        padding: 0px
    }

    .page_product .content .plate6 .container-xl .rightpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_product .content .plate6 .container-xl .rightpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate6 {
        padding: 40px 0
    }

    .page_product .content .hwq_plate6 .container-xl {
        padding-bottom: 0px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox {
        margin-top: 0px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 8px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .ctitle .txt .text {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .bn .text {
        font-size: 12px
    }

    .page_product .content .hwq_plate6 .container-xl .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_product .content .hwq_plate6 .container-xl .rightpic {
        padding: 0px
    }

    .page_product .content .hwq_plate6 .container-xl .rightpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_product .content .hwq_plate6 .container-xl .rightpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate7 {
        padding: 20px 0 10px
    }

    .page_product .content .plate7 .container-xl .titlebox {
        font-size: 20px;
        font-weight: 500;
        color: #1A2133;
        margin-bottom: 10px
    }

    .page_product .content .plate7 .container-xl .itemlist {
        flex-wrap: wrap
    }

    .page_product .content .plate7 .container-xl .itemlist .item {
        margin-bottom: 10px;
        padding: 0px 5px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list {
        padding: 20px 12px 0;
        margin: 0 0;
        height: 210px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons {
        margin-bottom: 10px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .picbox {
        width: 38px;
        height: 38px;
        overflow: hidden
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .atitle {
        font-size: 16px;
        font-weight: 500;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 40px;
        line-height: 20px;
        margin-bottom: 8px
    }

    .page_product .content .plate7 .container-xl .itemlist .item .list .icons .btitle {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        max-height: 108px;
        line-height: 18px;
        text-align: left
    }

    .page_product .content .plate8 {
        padding: 20px 0
    }

    .page_product .content .plate8 .container-xl .titlebox {
        font-size: 20px;
        font-weight: 500;
        color: #1A2133;
        margin-bottom: 10px
    }

    .page_product .content .plate8 .container-xl .itemlist .list {
        width: 50%;
        height: 110px
    }

    .page_product .content .plate8 .container-xl .itemlist .list .itemtitle .atitle {
        max-width: 100%;
        height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 16px;
        font-weight: 500;
        color: #1A2133;
        line-height: 22px;
        margin-top: 12px
    }

    .page_product .content .plate8 .container-xl .itemlist .line1,
    .page_product .content .plate8 .container-xl .itemlist .line2,
    .page_product .content .plate8 .container-xl .itemlist .line3,
    .page_product .content .plate8 .container-xl .itemlist .line4,
    .page_product .content .plate8 .container-xl .itemlist .line5 {
        left: 50%;
        transform: translateX(-50%)
    }

    .page_product .content .plate8 .container-xl .itemlist .line1,
    .page_product .content .plate8 .container-xl .itemlist .line2,
    .page_product .content .plate8 .container-xl .itemlist .line3,
    .page_product .content .plate8 .container-xl .itemlist .line4 {
        height: 1px;
        width: 100%
    }

    .page_product .content .plate8 .container-xl .itemlist .line1 {
        top: 20%
    }

    .page_product .content .plate8 .container-xl .itemlist .line2 {
        top: 40%
    }

    .page_product .content .plate8 .container-xl .itemlist .line3 {
        top: 60%
    }

    .page_product .content .plate8 .container-xl .itemlist .line4 {
        top: 80%
    }

    .page_product .content .plate8 .container-xl .itemlist .line5 {
        top: 0;
        width: 1px;
        height: 100%
    }

    .page_mall .banner {
        width: 100%
    }

    .page_mall .banner .picbox {
        display: none
    }

    .page_mall .banner .pic2 {
        display: block
    }

    .page_mall .banner .pic2 .picbox {
        width: 100%;
        height: 330px;
        overflow: hidden
    }

    .page_mall .banner .pic2 .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_mall .banner .pic2 .picbox {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .page_mall .banner .pic2 .picbox .pic {
        animation: scale 2s linear;
        animation-fill-mode: forwards;
        display: flex;
        align-items: center
    }

    .page_mall .banner .pic2 .picbox .pic .container-xl .titlebox {
        padding-left: 0px
    }

    .page_mall .banner .pic2 .picbox .pic .container-xl .titlebox .atitle {
        font-size: 24px;
        font-weight: 600;
        color: #fff;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 102px;
        line-height: 34px;
        margin-bottom: 10px
    }

    .page_mall .banner .pic2 .picbox .pic .container-xl .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 40px;
        line-height: 20px;
        margin-bottom: 24px
    }

    .page_mall .banner .pic2 .picbox .pic .container-xl .titlebox .bn {
        width: 110px;
        height: 36px
    }

    .page_mall .banner .pic2 .picbox .pic .container-xl .titlebox .bn .text {
        font-size: 13px;
        font-weight: normal;
        color: #fff
    }

    .page_mall .iconlist .container-xl .iconlist-in .list {
        height: 80px;
        padding: 13px 0
    }

    .page_mall .iconlist .container-xl .iconlist-in .list .icon_g {
        margin-bottom: 8px
    }

    .page_mall .iconlist .container-xl .iconlist-in .list .icon_g .picbox {
        width: 30px;
        height: 30px;
        overflow: hidden
    }

    .page_mall .iconlist .container-xl .iconlist-in .list .icon_g .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_mall .iconlist .container-xl .iconlist-in .list .icon_c {
        top: 13px;
        margin-left: -15px
    }

    .page_mall .iconlist .container-xl .iconlist-in .list .icon_c .picbox {
        width: 30px;
        height: 30px;
        overflow: hidden
    }

    .page_mall .iconlist .container-xl .iconlist-in .list .icon_c .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_mall .iconlist .container-xl .iconlist-in .list .titlebox {
        font-size: 12px;
        max-width: 100%;
        height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 16px
    }

    .page_mall .content .plate1 {
        padding: 40px 0 25px
    }

    .page_mall .content .plate1 .container-xl .leftpic {
        padding: 0px
    }

    .page_mall .content .plate1 .container-xl .leftpic .picbox {
        width: 100%;
        height: 244px;
        overflow: hidden
    }

    .page_mall .content .plate1 .container-xl .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate1 .container-xl .titlebox {
        padding: 0px 0 0
    }

    .page_mall .content .plate1 .container-xl .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_mall .content .plate1 .container-xl .titlebox .btitle {
        font-size: 15px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 21px;
        line-height: 21px;
        margin-bottom: 18px;
        text-align: left
    }

    .page_mall .content .plate1 .container-xl .titlebox .line {
        width: 30px;
        height: 4px;
        background: linear-gradient(270deg, #00CC8F 0%, #3371FF 100%);
        margin-bottom: 17px;
        margin-left: 0px
    }

    .page_mall .content .plate1 .container-xl .titlebox .ctitle {
        font-size: 13px;
        font-weight: normal;
        color: #656565;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        max-height: 100px;
        line-height: 20px;
        text-align: left;
        margin-bottom: 10px
    }

    .page_mall .content .plate2 {
        padding: 40px 0
    }

    .page_mall .content .plate2 .container-xl .toptitle {
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px
    }

    .page_mall .content .plate2 .container-xl .kd {
        display: none
    }

    .page_mall .content .plate2 .container-xl .toptitle2 {
        display: block;
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        text-align: center
    }

    .page_mall .content .plate2 .container-xl .jiantou {
        margin-bottom: 20px
    }

    .page_mall .content .plate2 .container-xl .jiantou .picbox {
        width: 24px;
        height: 24px;
        overflow: hidden
    }

    .page_mall .content .plate2 .container-xl .jiantou .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate2 .container-xl .cont {
        padding-bottom: 0px
    }

    .page_mall .content .plate2 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_mall .content .plate2 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 8px
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .ctitle .txt .text {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .bn .text {
        font-size: 12px
    }

    .page_mall .content .plate2 .container-xl .cont .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_mall .content .plate3 {
        padding: 40px 0
    }

    .page_mall .content .plate3 .container-xl {
        padding-bottom: 0px
    }

    .page_mall .content .plate3 .container-xl .titlebox {
        margin-top: 0px
    }

    .page_mall .content .plate3 .container-xl .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_mall .content .plate3 .container-xl .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_mall .content .plate3 .container-xl .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_mall .content .plate3 .container-xl .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_mall .content .plate3 .container-xl .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 8px
    }

    .page_mall .content .plate3 .container-xl .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_mall .content .plate3 .container-xl .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_mall .content .plate3 .container-xl .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate3 .container-xl .titlebox .ctitle .txt .text {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_mall .content .plate3 .container-xl .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_mall .content .plate3 .container-xl .titlebox .bn .text {
        font-size: 12px
    }

    .page_mall .content .plate3 .container-xl .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_mall .content .plate3 .container-xl .rightpic {
        padding: 0px
    }

    .page_mall .content .plate3 .container-xl .rightpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_mall .content .plate3 .container-xl .rightpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate4 {
        padding: 40px 0
    }

    .page_mall .content .plate4 .container-xl .cont {
        padding-bottom: 0px
    }

    .page_mall .content .plate4 .container-xl .cont .leftpic .picbox {
        width: 100%;
        height: 202px;
        overflow: hidden
    }

    .page_mall .content .plate4 .container-xl .cont .leftpic .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .atitle {
        font-size: 20px;
        font-weight: 600;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 56px;
        line-height: 28px;
        margin-bottom: 8px;
        text-align: left
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 60px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: left
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .line {
        width: 24px;
        height: 4px;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .ctitle {
        margin-bottom: 12px
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .ctitle .txt {
        justify-content: start;
        margin-bottom: 0px
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .ctitle .txt .tick {
        margin-right: 8px
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .ctitle .txt .tick .picbox {
        width: 16px;
        height: 16px;
        overflow: hidden
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .ctitle .txt .tick .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .ctitle .txt .texta {
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        margin-bottom: 0px
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .ctitle .textb {
        padding-left: 23px;
        font-size: 12px;
        font-weight: normal;
        color: #1A2133;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 54px;
        line-height: 18px;
        text-align: left;
        margin-bottom: 8px
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .bn {
        width: 84px;
        height: 28px;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .bn .text {
        font-size: 12px
    }

    .page_mall .content .plate4 .container-xl .cont .titlebox .bn:hover .arrow {
        margin-left: 0px
    }

    .page_news_info .banner .picbox {
        width: 100%;
        height: 260px;
        overflow: hidden
    }

    .page_news_info .banner .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        transition: all .6s
    }

    .page_news_info .banner .picbox .pic .titlebox .atitle {
        font-size: 28px;
        font-weight: 600;
        color: #fff;
        max-width: 100%;
        height: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 50px;
        margin-bottom: 4px
    }

    .page_news_info .banner .picbox .pic .titlebox .btitle {
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        max-width: 100%;
        height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-height: 22px
    }
}

@media screen and (max-width:575px) {
    .page_index .cooperation {
        /* background: url("../webimages/data/phone_partner_bg.png") no-repeat center center / cover; */
        padding: 0
    }
   .page_index .cooperation .newsflex{
    display: block;
   }
   .page_index .cooperation .news_header{height: auto; padding: 20px 0 0;}
   .page_index .cooperation .newsflex ul li{ font-size: 18px; line-height: 45px;}
   .page_index .cooperation .newsflex ul{ margin-top: 20px;}

    .page_index .cooperation .titlebox {
        margin-bottom: 30px
    }

    /* .page_index .cooperation .container-xl {
        display: none
    } */

    .page_index .cooperation .pbox {
        display: block
    }

    .page_index .cooperation .pbox img {
        width: 100%;
        height: 100%
    }

    .footer .container-xl .footer_bottom {
        padding: 0
    }

    .footer .container-xl .footer_bottom .qrcode {
        display: none
    }

    .footer .container-xl .footer_bottom .qrcode2 {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .footer .container-xl .footer_bottom .qrcode2 .footlogo {
        margin-bottom: 12px
    }

    .footer .container-xl .footer_bottom .qrcode2 .footlogo .picbox {
        width: 90px;
        height: 35px;
        overflow: hidden
    }

    .footer .container-xl .footer_bottom .qrcode2 .footlogo .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .footer .container-xl .footer_bottom .qrcode2 .footqr {
        margin-bottom: 8px
    }

    .footer .container-xl .footer_bottom .qrcode2 .footqr .picbox {
        width: 108px;
        height: 108px;
        overflow: hidden
    }

    .footer .container-xl .footer_bottom .qrcode2 .footqr .picbox .pic {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transition: all .6s
    }

    .footer .container-xl .footer_bottom .qrcode2 .title {
        font-size: 12px;
        line-height: 17px;
        height: 17px;
        color: #fff;
        margin-bottom: 20px
    }

    .footer .container-xl .footer_bottom .qrcode2 .titlebox {
        text-align: center
    }

    .footer .container-xl .footer_bottom .qrcode2 .titlebox .atitle {
        font-size: 12px;
        color: #999;
        line-height: 17px;
        height: 17px;
        margin-bottom: 6px
    }

    .footer .container-xl .footer_bottom .qrcode2 .titlebox .atitle:last-child {
        margin-bottom: 0px
    }
}

@media screen and (max-width:480px) {
    .page_activity .banner .container-xl .floatbox .floating_frame .right_pic {
        display: none
    }
}

@media (min-width:768px) {
    .page_anli .video .container-xl .itemlist .item_article:hover .tbox .textbox .btitle {
        max-height: 84px
    }

    .page_anli .video .container-xl .itemlist .item_article .tbox .textbox .btitle {
        line-height: 20px;
        max-width: 100%;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }
}

/*# sourceMappingURL=./media2.css.map */