#honor {
    margin-bottom: 0.3rem;
}
#honor .swiper-slide {
    box-sizing: border-box;
    padding: 0 0.7rem;
    display: flex;
}
#honor img {
    margin-right: 0.3rem;
    max-width: 100%;
}
#honor h3 {
    color: #ef780e;
    font-size: 0.36rem;
    margin: 0.2rem 0;
}
.box {
    margin-top: 0.62rem;
    display: flex;
}
.box .content-menu {
    width: 22.5%;
    max-width: 3.4rem;
}
.box .content-menu .item {
    padding-left: 0.34rem;
    padding-right: 0.34rem;
    color: #6A6969;
    font-size: 16px;
    background: #F2F2F2;
    height: 0.57rem;
    align-items: center;
    margin-bottom: 0.04rem;
    display: block;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    flex-wrap: wrap;
}
.box .content-menu .item:hover,
.box .content-menu .active {
    background: #FF6700;
    color: white;
}
.box .content-menu .open .subset {
    display: block;
}
.box .content-menu .subset {
    display: none;
    width: 100%;
}
.box .content-menu .subset .item.active,
.box .content-menu .subset .item:hover {
    background: #B7B7B7;
}
.box .content-menu .subset.show {
    display: block;
}
.box .content-menu h2 {
    font-size: 0.27rem;
    color: #FF6700;
    padding-bottom: 0.26rem;
}
.box .content-body {
    max-width: 12.36rem;
    width: 75%;
    margin-left: auto;
    padding-top: 0.8rem;
}
.box .content-body .layui-breadcrumb {
    margin-bottom: 0.1rem;
}
#faq .problem {
    margin-bottom: 0.43rem;
    background: #F1F1F1;
}
#faq .describe {
    line-height: 0.98rem;
    padding: 0 0.3rem;
    font-size: 0.24rem;
    color: #5E5E5E;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s;
}
#faq .answer {
    display: none;
    padding: 0.34rem 0.3rem;
    font-size: 0.24rem;
    color: #505050;
}
#faq .active .describe {
    background: #FF6700;
    color: white;
}
#faq .active .describe i {
    transform: rotate(180deg);
}
#download .row {
    display: flex;
    height: 80px;
    align-items: center;
    padding-right: 0.32rem;
    border-bottom: solid 1px #EEEEEE;
    font-size: 18px;
    color: #333333;
    cursor: pointer;
}
#download .row img {
    width: 40px;
    margin-left: auto;
}
#download .row:hover {
    opacity: 0.8;
}
#video .video-box {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}
#video .video-box .item {
    width: 32.3%;
    margin-left: 1%;
}
#video .video-box img {
    width: 100%;
}
#video .video-box p {
    font-size: 0.18rem;
    text-align: center;
    padding-top: 0.25rem;
    padding-bottom: 0.5rem;
}
#video .video-box .item:hover {
    opacity: 0.8;
    cursor: pointer;
}
.article .article-title {
    text-align: center;
    font-size: 0.28rem;
    margin-bottom: 0.2rem;
}
.article .article-content {
    font-size: 0.18rem;
    margin-bottom: 0.4rem;
}
.article .article-content img {
    max-width: 100%;
}
@font-face {
    font-family: "socialshare";
    src: url("/static/font/iconfont.eot");
    src: url("/static/font/iconfont.eot?#iefix") format("embedded-opentype"), url("/static/font/iconfont.woff") format("woff"), url("/static/font/iconfont.ttf") format("truetype"), url("/static/font/iconfont.svg#iconfont") format("svg");
}
.article .layui-nav-tree span.layui-nav-more {
    right: 5px;
}
.article a.category_anchor {
    margin-right: 0;
}
.article .listpro *,
.article .listpro1 *,
.article .product_h1 *,
.article .product_h1 span {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
}
.article .social-share {
    font-family: "socialshare" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    margin: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 0.2rem;
    background-color: #F8F8F8;
    border: 1px #E8e8E8 solid;
    padding: 0.1rem 0;
}
.article .social-share * {
    font-family: "socialshare" !important;
}
.article .social-share .icon-tencent:before {
    content: "\f07a";
}
.article .social-share .icon-qq:before {
    content: "\f11a";
}
.article .social-share .icon-weibo:before {
    content: "\f12a";
}
.article .social-share .icon-wechat:before {
    content: "\f09a";
}
.article .social-share .icon-douban:before {
    content: "\f10a";
}
.article .social-share .icon-heart:before {
    content: "\f20a";
}
.article .social-share .icon-like:before {
    content: "\f00a";
}
.article .social-share .icon-qzone:before {
    content: "\f08a";
}
.article .social-share .icon-linkedin:before {
    content: "\f01a";
}
.article .social-share .icon-diandian:before {
    content: "\f05a";
}
.article .social-share .icon-facebook:before {
    content: "\f03a";
}
.article .social-share .icon-google:before {
    content: "\f04a";
}
.article .social-share .icon-twitter:before {
    content: "\f06a";
}
.article .social-share a {
    position: relative;
    text-decoration: none;
    margin: 4px;
    display: inline-block;
    outline: none;
}
.article .social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 20px;
    border-radius: 50%;
    line-height: 32px;
    border: 1px solid #666;
    color: #666;
    text-align: center;
    vertical-align: middle;
    transition: background 0.6s ease-out 0s;
}
.article .social-share .social-share-icon:hover {
    background: #666;
    color: #fff;
}
.article .social-share .icon-weibo {
    color: #ff763b;
    border-color: #ff763b;
}
.article .social-share .icon-weibo:hover {
    background: #ff763b;
}
.article .social-share .icon-tencent {
    color: #56b6e7;
    border-color: #56b6e7;
}
.article .social-share .icon-tencent:hover {
    background: #56b6e7;
}
.article .social-share .icon-qq {
    color: #56b6e7;
    border-color: #56b6e7;
}
.article .social-share .icon-qq:hover {
    background: #56b6e7;
}
.article .social-share .icon-qzone {
    color: #FDBE3D;
    border-color: #FDBE3D;
}
.article .social-share .icon-qzone:hover {
    background: #FDBE3D;
}
.article .social-share .icon-douban {
    color: #33b045;
    border-color: #33b045;
}
.article .social-share .icon-douban:hover {
    background: #33b045;
}
.article .social-share .icon-linkedin {
    color: #0077B5;
    border-color: #0077B5;
}
.article .social-share .icon-linkedin:hover {
    background: #0077B5;
}
.article .social-share .icon-facebook {
    color: #44619D;
    border-color: #44619D;
}
.article .social-share .icon-facebook:hover {
    background: #44619D;
}
.article .social-share .icon-google {
    color: #db4437;
    border-color: #db4437;
}
.article .social-share .icon-google:hover {
    background: #db4437;
}
.article .social-share .icon-twitter {
    color: #55acee;
    border-color: #55acee;
}
.article .social-share .icon-twitter:hover {
    background: #55acee;
}
.article .social-share .icon-diandian {
    color: #307DCA;
    border-color: #307DCA;
}
.article .social-share .icon-diandian:hover {
    background: #307DCA;
}
.article .social-share .icon-wechat {
    position: relative;
    color: #7bc549;
    border-color: #7bc549;
}
.article .social-share .icon-wechat:hover {
    background: #7bc549;
}
.article .social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 6666;
    top: -205px;
    left: -30px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 10px #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}
.article .social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px;
}
.article .social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none;
}
.article .social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;
}
.article .social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto;
}
.article .social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important;
}
.article .social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;
}
.article .social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 0%;
    margin-left: 40px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.article .social-share .icon-wechat:hover .wechat-qrcode {
    display: block;
}
.article_list .row {
    display: flex;
    justify-content: space-between;
}
.article_list .bt {
    max-width: 85%;
}
.article_list .date {
    font-size: 0.16rem;
    color: #666;
}
.share-box {
    margin-bottom: 0.2rem;
    background-color: #F8F8F8;
    border: 1px #E8e8E8 solid;
    padding: 0.1rem 0;
}
.share-box .date {
    text-align: center;
    padding-bottom: 0.05rem;
}
.share-box .my-share {
    border: none;
    padding: 0;
    margin: 0;
}
.article-content {
    overflow-wrap: break-word; /* 在必要时换行 */
    word-break: keep-all; /* 保持单词的完整性 */
}
@media (max-width: 1200px) {
    .box .content-menu .item {
        padding: 0 0.2rem;
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .article-content p,
    .article .article-title {
        line-height: 2 !important;
    }
    .article .article-title {
        font-size: 0.34rem;
    }
    .box .content-menu {
        display: none;
    }
    .article .article-content {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
        padding: 0;
    }
    .article .article-title {
        font-family: 微软雅黑, Microsoft YaHei;
        margin-left: auto;
        margin-right: auto;
        padding: 0 0.3rem;
        text-align: justify;
        display: table;
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        transform: scale(0.7);
        right: 0;
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        transform: scale(0.7);
        left: 0;
    }
    #honor .swiper-slide {
        display: block;
        padding: 0 0.5rem;
    }
    #honor img {
        margin-right: 0;
    }
    .article h2 {
        font-size: 0.28rem;
        margin-bottom: 0.2rem;
    }
    .article .article-content {
        padding: 0 0.2rem;
        font-size: 0.22rem;
        margin-bottom: 0.4rem;
    }
    .article .article-content img {
        height: auto !important;
    }
    .article p {
        line-height: 2 !important;
        font-family: "微软雅黑" !important;
    }
    .box .content-menu {
        margin-left: -1%;
        margin-left: 2%;
        width: 100%;
        max-width: 96.5%;
        display: flex;
        flex-wrap: wrap;
    }
    .box .content-menu h2 {
        display: none;
    }
    .box .content-menu .box .content-menu {
        margin: 0;
    }
    .box .content-menu .item {
        background: #B0B0B0;
        justify-content: center;
        padding: 0 0rem;
        font-size: 0.26rem;
        height: 0.6rem;
        width: 49%;
        box-sizing: border-box;
        margin: 0 0.5%;
        margin-bottom: 0.05rem;
        color: white;
        border-radius: 0.9rem;
    }
    .box .content-menu .active {
        background: #FF6700;
    }
    .box .content-menu i {
        margin-left: 0.2rem;
    }
    .minbox {
        display: flex;
        flex-wrap: wrap;
    }
    .box {
        margin-top: 0.08rem;
        width: 100%;
        display: block;
    }
    .max-package {
        padding: 0;
    }
    .box .content-body {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        padding-top: 0.32rem;
    }
    .layui-breadcrumb {
        display: none;
    }
    #faq .content-body .problem {
        margin-bottom: 0.32rem;
    }
    #faq .content-body .describe {
        font-size: 0.26rem;
        line-height: 0.59rem;
        padding: 0 0.18rem;
    }
    #faq .content-body .answer {
        font-size: 0.18rem;
    }
    .layui-laypage {
        margin-top: 0.5rem;
        margin-bottom: 0.25rem;
    }
    #download .row {
        height: 0.82rem;
        padding-right: 0.32rem;
        padding-left: 0.2rem;
        font-size: 0.3rem;
        cursor: pointer;
    }
    #download .row img {
        width: 0.52rem;
        margin-left: auto;
    }
    #download.article_list .row {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        height: auto;
    }
    #download.article_list .row .bt {
        max-width: 80%;
    }
    #video .content-body {
        box-sizing: border-box;
        padding-left: 0.12rem;
        padding-right: 0.12rem;
    }
    #video .video-box {
        margin-left: -1%;
    }
    #video .video-box .item {
        width: 49%;
        margin-left: 1%;
    }
}