@media screen and (max-width: 1199px) {
    body {
        padding-bottom: 1.28rem;
    }
    .container {
        padding: 0 0.3rem;
        font-size: 0.28rem;
    }
    .btn {
        width: 3.1rem;
        height: 0.8rem;
        border-radius: 0.04rem;
        line-height: 0.8rem;
        font-size: 0.26rem;
    }

    /* header */
    .header {
        position: fixed;
        background-color: rgba(255, 255, 255, .2);
    }
    .m-header {
        background-color: #eb6101;
    }
    .header-top {
        position: relative;
        height: 0.8rem;
    }
    .header-logo img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 70%;
        margin: auto;
    }
    .header-slogan,
    .top-menu .menu-item:not(:last-child),
    .top-menu .menu-item > a span {
        display: none;
    }
    .top-menu .menu-item > a .fa {
        font-size: 0.32rem;
    }
    .top-menu .menu-item {
        line-height: 0.8rem;
    }

    .m-menu-btn {
        position: absolute;
        top: 0.16rem;
        font-size: 0.32rem;
    }
    .menu-headermenu-container {
        display: none;
    }
    .m-menu-block .menu-headermenu-container {
        display: block;
        position: fixed;
        left: 0;
        overflow-y: auto;
        width: 100%;
        height: 100%;
        padding: 0.3rem 0.2rem;
        background-color: #fff;
        font-size: 0.32rem;
        color: #666;
    }
    #menu-headermenu > .menu-item {
        border-bottom: 0.01rem solid #eaeaea;
        line-height: 1.1rem;
    }
    #menu-headermenu .menu-item a {
        display: block;
    }
    #menu-headermenu .menu-item-has-children {
        position: relative;
        padding-right: 0.48rem;
    }
    #menu-headermenu .menu-item-has-children::after {
        content: '\f107';
        position: absolute;
        top: 0;
        right: 0;
        width: 0.48rem;
        font-family: 'FontAwesome';
        text-align: center;
    }
    #menu-headermenu .menu-item-has-children.m-menu-drop::after {
        content: '\f106';
    }
    #menu-headermenu > .menu-item > .sub-menu {
        display: none;
        line-height: 0.8rem;
        font-size: 0.28rem;
    }
    #menu-headermenu .menu-item-has-children.m-menu-drop > .sub-menu {
        display: block;
    }
    #menu-headermenu .menu-item-has-children.m-menu-drop::before {
        content: '';
        position: absolute;
        left: -0.2rem;
        right: -0.2rem;
        z-index: -1;
        height: 100%;
        background-color: rgba(4, 83, 155, .1);
    }
    #menu-headermenu .sub-menu .sub-menu {
        display: none;
    }
    /* end header */

    /* footer */
    .footer {
        padding-top: 0.4rem;
        padding-bottom: 0.6rem;
    }
    .menu-footermenu-container {
        display: none;
    }
    .footer-menu {
        width: 5rem;
    }
    .footer-logo img {
        height: 0.82rem;
    }
    .footer-contact {
        width: 5rem;
        border-top: 0.01rem solid rgba(255, 255, 255, .2);
        margin-top: 0.24rem;
        padding-top: 0.32rem;
    }
    .footer-tel {
        font-size: 0.64rem;
        font-weight: 600;
    }
    .footer-address p {
        line-height: 2;
    }
    .btn-wrap {
        display: none;
    }
    .footer-qrcode {
        width: 1.28rem;
        margin-top: -0.8rem;
    }
    .footer-qrcode .qrcode {
        padding: 0.04rem;
    }
    .footer-qrcode .qrcode img {
        width: 1.2rem;
        height: 1.2rem;
    }
    .footer-qrcode .qrcode-name {
        margin-top: 0.1rem;
        margin-bottom: 0.24rem;
        font-size: 0.18rem;
    }
    .footer-copyright {
        display: none;
    }
    /* end footer */

    /* tool bar */
    .tool-bar {
        bottom: 0;
        z-index: 10;
        width: 100%;
        font-size: 0.22rem;
    }
    .tool-item {
        float: left;
        width: 25%;
        height: 1.28rem;
    }
    .tool-item-cap .fa {
        margin-top: 0.2rem;
        font-size: 0.48rem;
    }
    .tool-item-name {
        margin-top: 0.1rem;
        font-size: 0.24rem;
    }
    .tool-qrcode {
        bottom: 100%;
        left: 0;
        width: 100%;
        padding: 0.4rem 0 0.2rem;
    }
    .tool-qrcode .wechat-qrcode {
        display: inline-block;
        margin: 0 0.4rem;
    }
    .tool-qrcode .wechat-qrcode .qrcode {
        width: 2.08rem;
        height: 2.08rem;
        padding: 0.04rem;
    }
    .tool-qrcode .qrcode img {
        height: 2rem;
        width: 2rem;
    }
    .tool-tel {
        top: -100%;
        width: 100%;
        height: 1.28rem;
        line-height: 1.28rem;
        font-size: 0.64rem;
    }
    /* end tool bar */
    
    /* banner */
    .banner {
        height: 4.6rem;
    }
    .banner img {
        height: 100%;
        object-fit: cover;
    }
    .banner-title {
        margin-top: 1.82rem;
        font-size: 0.4rem;
        font-weight: 600;
    }
    .banner-subtit {
        margin-top: 0.1rem;
    }
    .banner .swiper-wrapper {
        position: absolute;
    }
    .banner .swiper-pagination-bullet {
        width: 0.15rem;
        height: 0.08rem;
        margin: 0 0.06rem;
    }
    .banner .swiper-pagination-bullet-active {
        width: 0.3rem;
    }
    /* end banner */

    /* crumbs */
    .bread-crumbs {
        line-height: 0.64rem;
        margin-top: -0.64rem;
    }
    .crumbs-local .fa {
        font-size: 0.32rem;
        margin-right: 0.16rem;
        vertical-align: text-bottom;
    }
    .crumbs-local {
        font-size: 0.24rem;
    }
    .crumbs a,
    .crumbs span {
        margin: 0 0.08rem;
        font-size: 0.24rem;
    }
    .no-banner-bg + .bread-crumbs {
        margin-top: 0;
        color: #666;
    }
    /* end crumbs */

    /* column nav */
    .column-nav .container {
        padding: 0;
        overflow: hidden;
    }
    .column-nav a,
    #menu-sidebarmenu .menu-item {
        float: left;
        width: 50%;
        height: 0.98rem;
        border-bottom: 0.01rem solid #eaeaea;
        line-height: 0.98rem;
        font-size: 0.3rem;
        text-align: center;
    }
    .column-nav a:nth-child(odd),
    #menu-sidebarmenu .menu-item:nth-child(odd) {
        border-right: 0.01rem solid #eaeaea;
    }
    .column-nav a.active {
        position: relative;
    }
    .column-nav a.active::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.03rem;
        background-color: #eb6101;
    }
    /* end column nav */

    /* layout */
    .side-content {
        padding-bottom: 0.4rem;
    }
    .side-box-tit {
        display: none;
    }
    .section {
        padding: 0.2rem 0 0.3rem;
    }
    .section-title {
        padding: 0.3rem 0.1rem;
    }
    .section-tit {
        font-size: 0.32rem;
    }
    .section-more {
        margin-top: 0.08rem;
        font-size: 0.26rem;
    }
    .section-more .fa {
        margin-left: 0.1rem;
    }
    .section-artical-title {
        margin-bottom: 0.2rem;
        font-size: 0.32rem;
    }
    .section-artical-slogan {
        margin-bottom: 0.4rem;
    }
    .section-artical-desc {
        margin-top: 0.2rem;
        margin-bottom: 0.2rem;
        font-size: 0.28rem;
        line-height: 0.48rem;
        color: #666;
    }
    .no-banner-bg {
        height: 0.8rem;
    }
    /* end layout */

    /* side bar */
    #menu-sidebarmenu {
        overflow: hidden;
        margin-left: -0.3rem;
        margin-right: -0.3rem;
    }
    #menu-sidebarmenu .menu-item > a {
        display: block;
    }
    .side-contact {
        display: none;
    }
    .side-contact-tit {
        margin-top: 0.2rem;
        line-height: 0.24rem;
        font-size: 0.24rem;
        color: #999;
    }
    .side-contact-tit em,
    .side-contact-tit a {
        color: #eb6101;
    }
    .side-contact-number {
        margin-top: 0.2rem;
        line-height: 0.24rem;
        font-size: 0.24rem;
        font-weight: bold;
    }
    /* end side bar */

    /* list */
    .list-pt1 .list-item {
        border: 0.01rem solid #eaeaea;
        border-radius: 0.04rem;
        padding: 0.3rem;
        margin-top: 0.3rem;
    }
    .list-pt1 .list-img,
    .list-pt4 .list-img {
        float: left;
        width: 1.92rem;
        height: 1.28rem;
        margin-right: 0.2rem;
    }
    .list-pt1 .list-img img,
    .list-pt4 .list-img img,
    .list-pt6 .list-img img {
        width: 100%;
    }
    .list-pt1 .list-title,
    .list-pt4 .list-title {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 0.42rem;
        font-size: 0.28rem;
    }
    .list-pt1 .list-time,
    .list-pt4 .list-time {
        margin-top: 0.08rem;
        line-height: 0.36rem;
        font-size: 0.24rem;
        color: #999;
    }
    .list-pt1 .list-desc,
    .list-pt4 .list-desc {
        display: none;
    }

    .list-pt2 .list-item {
        padding: 0.2rem;
        margin-bottom: 0.2rem;
        border-radius: 0.04rem;
        background-color: #fff;
    }
    .list-pt2 .list-img {
        float: left;
        width: 48%;
        margin-right: 2%;
    }
    .list-pt2 .list-title,
    .list-pt2 .list-desc {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
    }
    .list-pt2 .list-title {
        height: 0.8rem;
        line-height: 0.4rem;
    }
    .list-pt2 .list-time {
        margin-top: 0.08rem;
        font-size: 0.24rem;
        color: #999;
    }
    .list-pt2 .list-desc {
        height: 0.72rem;
        margin-top: 0.14rem;
        line-height: 0.36rem;
        font-size: 0.26rem;
        color: #666;
    }

    .list-pt3 .list-item {
        width: 3.36rem;
        border: 1px solid #eaeaea;
        border-radius: 0.04rem;
        margin-top: 0.2rem;
        background-color: #fff;
    }
    .list-pt3 .list-item:nth-child(odd),
    .list-pt5 .list-item:nth-child(odd) {
        float: left;
    }
    .list-pt3 .list-item:nth-child(even),
    .list-pt5 .list-item:nth-child(even) {
        float: right;
    }
    .list-pt3 .list-content {
        padding: 0.2rem 0.2rem 0.3rem;
    }
    .list-pt3 .list-title {
        line-height: 0.48rem;
    }
    .list-pt3 .list-desc {
        display: none;
    }
    .list-pt3 .list-btns a {
        display: block;
        border: 0.01rem solid #f29600;
        border-radius: 0.04rem;
        margin-top: 0.2rem;
        line-height: 0.6rem;
        color: #f29600;
        text-align: center;
    }
    .list-pt3 .list-btns a:nth-child(2) {
        display: none;
    }

    .list-pt4 {
        padding: 0.1rem 0.3rem;
        background-color: rgba(4,83,155,.06);
    }
    .list-pt4 .list-item {
        border-bottom: 0.01rem dashed #ccc;
        padding: 0.2rem 0;
    }
    .list-pt4 .list-item:last-child {
        border-bottom: 0 none;
    }

    .list-pt5 .list-item {
        width: 3.36rem;
        border-radius: 0.04rem;
        margin-top: 0.2rem;
        background-color: #f2f2f2;
    }
    .list-pt5 .list-content {
        padding: 0.2rem;
    }
    .list-pt5 .list-title a {
        height: 0.84rem;
        line-height: 0.42rem;
    }
    .list-pt5 .list-attr {
        display: none;
    }

    .list-pt6 .list-item {
        border: 0.01rem solid #eaeaea;
        border-radius: 0.04rem;
        margin-bottom: 0.2rem;
        padding: 0.2rem;
        background: #fafafa;
    }
    .list-pt6 .list-img a::after {
        font-size: 1.28rem;
    }
    .list-pt6 .list-time,
    .list-pt6 .list-auth {
        margin-top: 0.1rem;
        color: #999;
    }
    .list-pt6 .list-title {
        margin-top: 0.1rem;
    }

    .list-tt1 {
        border-radius: 0.04rem;
        padding: 0.1rem 0.3rem;
        background-color: rgba(4,83,155,.06);
    }
    .list-tt1 .list-item {
        border-bottom: 0.01rem solid #dcdcdc;
        padding: 0.2rem 0;
        line-height: 0.4rem;
    }

    .list-tt2 {
        padding: 0.3rem 0;
    }
    .list-tt2 .list-item {
        margin-bottom: 0.3rem;
    }
    .list-tt2 .list-title {
        line-height: 0.48rem;
    }
    .list-tt2 .list-title .fa {
        margin-right: 0.1rem;
        font-size: 0.32rem;
        color: #eb6101;
    }
    .list-tt2 .list-desc {
        border-radius: 0.04rem;
        margin-top: 0.1rem;
        padding: 0.2rem 0.3rem;
        line-height: 0.48rem;
        font-size: 0.26rem;
    }
    .list-tt2 .list-desc p {
        -webkit-line-clamp: 2;
    }
    .list-tt2 .list-desc p + a {
        display: none;
    }

    .list-tt3 .list-item {
        position: relative;
        border: 0.01rem solid #eaeaea;
        border-radius: 0.04rem;
        margin-top: 0.2rem;
        padding: 0.2rem 0.3rem;
    }
    .list-tt3 .list-title {
        line-height: 2;
        font-size: 0.3rem;
    }
    .list-tt3 .list-info {
        margin-top: 0.2rem;
        line-height: 1;
        font-size: 0.24rem;
        color: #999;
    }
    .list-tt3 .list-info span {
        position: relative;
        display: inline-block;
        border-right: 0.01rem solid #dbdbdb;
        margin-right: 1em;
        margin-bottom: 1em;
        padding-right: 1em;
    }
    .list-tt3 .list-item .btn {
        width: 100%;
    }
    /* end list */

    /* pagenavi */
    .wp-pagenavi {
        margin-top: 0.32rem;
    }
    .wp-pagenavi a,
    .wp-pagenavi span {
        display: inline-block;
        min-width: 0.62rem;
        height: 0.62rem;
        border: 1px solid #eaeaea;
        border-radius: 0.04rem;
        margin: 0 0.12rem 0 0;
        padding: 0 0.05rem;
        line-height: 0.62rem;
        text-align: center;
        vertical-align: middle;
    }
    .wp-pagenavi .previouspostslink,
    .wp-pagenavi .nextpostslink {
        width: 0.62rem;
        font-size: 0;
    }
    .wp-pagenavi .previouspostslink::after,
    .wp-pagenavi .nextpostslink::after {
        width: 0.62rem;
        height: 0.62rem;
        line-height: 0.62rem;
        font-size: 0.28rem;
    }
    /* end pagenavi */

    /* detail */
    .article-dtl-layout {
        margin-top: 0.3rem;
    }
    .article-title {
        margin-bottom: 0.2rem;
        font-size: 0.36rem;
        font-weight: 700;
    }
    .article-tool {
        padding: 0.2rem;
        margin-bottom: 0.2rem;
        background-color: rgba(4,83,155,.04);
        font-size: 0.24rem;
        color: #666; 
    }
    .article-tool span {
        margin-right: 0.3rem;
    }
    .article-dtl-layout .side-bar {
        display: none;
    }
    .article-content h2,
    .article-content h3,
    .article-content h4,
    .article-content h5,
    .article-content h6 {
        margin-bottom: 0.1rem;
        font-weight: bold;
    }
    .article-content img {
        width: 100%;
        margin-bottom: 0.1rem;
    }
    .article-content p {
        margin-bottom: 0.1rem;
        line-height: 0.44rem;
        font-size: 0.26rem;
    }
    .single-table {
        overflow-x: auto;
        width: 100%;
        margin-bottom: 0.1rem;
    }
    .article-content table {
        min-width: 100%;
    }
    .article-content td {
        border: 0.01rem solid #eaeaea;
        padding: 0.1rem 0.2rem;
        font-size: 0.28rem;
        white-space: nowrap;
    }
    .article-content iframe {
        width: 100%;
        height: 4.2rem;
        margin-bottom: 0.1rem;
    }
    .article-nav {
        border-top: 0.01rem solid #eaeaea;
        padding-top: 0.2rem;
        margin-top: 0.3rem;
        line-height: 2;
        font-size: 0.24rem;
    }
    .article-nav a {
        color: #666;
        text-decoration: underline;
    }

    .detail-message-tip {
        font-size: 0.24rem;
        color: #666;
    }
    .detail-message {
        border: 0.2rem solid #f3f6f8;
        margin: 0.2rem -0.3rem 0 -0.3rem;
    }
    .detail-message-form {
        overflow: hidden;
        width: 100%;
        border-bottom: 0.2rem solid #f3f6f8;
        padding: 0.4rem 0;
    }
    .detail-message-form label,
    .detail-message-form input,
    .detail-message-form textarea,
    .contact-form label,
    .contact-form input,
    .contact-form textarea {
        float: left;
        margin-bottom: 0.2rem;
    }
    .detail-message-form label,
    .contact-form label {
        width: 25%;
        padding-right: 2%;
        line-height: 0.72rem;
        text-align: right;
    }
    .detail-message-form input,
    .contact-form input {
        width: 70%;
        height: 0.72rem;
        border: 0.01rem solid #eaeaea;
        border-radius: 0.04rem;
        margin-right: 5%;
        padding: 0 0.2rem;
        background-color: #f2f2f2;
        font-size: 0.28rem;
    }
    .detail-message-form textarea,
    .contact-form textarea {
        width: 70%;
        height: 1.52rem;
        border: 0.01rem solid #eaeaea;
        border-radius: 0.04rem;
        margin-right: 5%;
        padding: 0.1rem 0.2rem;
        line-height: 0.48rem;
        background-color: #f2f2f2;
        font-size: 0.28rem;
    }
    .detail-message-form button,
    .contact-form button {
        width: 3.1rem;
        height: 0.8rem;
        border: 0 none;
        border-radius: 0.04rem;
        margin-left: 25%;
        line-height: 0.8rem;
        font-size: 0.26rem;
        background-color: #f29600;
        color: #fff;
    }
    .detail-message-call,
    .detail-message-email,
    .detail-message-qrcode {
        width: 50%;
        padding: 0.3rem 0;
        text-align: center;
    }
    .detail-message-call {
        border-right: 0.1rem solid #f3f6f8;
    }
    .detail-message-email,
    .detail-message-qrcode {
        border-left: 0.1rem solid #f3f6f8;
    }
    .detail-message-call .fa,
    .detail-message-email .fa {
        display: block;
        width: 0.8rem;
        height: 0.8rem;
        border-radius: 50%;
        margin: 0 auto;
        line-height: 0.8rem;
        background-color: rgba(4, 83, 155, 0.1);
        font-size: 0.32rem;
        color: #eb6101;
        text-align: center;
    }
    .detail-message-call .side-contact-tit {
        margin-top: 0.3rem;
    }
    .detail-message-call .side-contact-number {
        margin-top: 0.3rem;
        font-size: 0.42rem;
    }
    .detail-message-qrcode {
        padding: 0.2rem 0;
    }
    .detail-message-qrcode .side-contact-tit {
        display: none;
    }
    .detail-message-qrcode .qrcode {
        width: 60%;
        margin: 0 auto;
    }
    .detail-message-qrcode .qrcode img {
        width: 100%;
    }
    /* end detail */

    /* index */
    .index-title {
        padding: 0.3rem 0.1rem;;
        line-height: 0.54rem;
    }
    .index-tit {
        float: left;
        font-size: 0.32rem;
        font-weight: bold;
    }
    .index-technology {
        margin-right: -0.2rem;
    }
    .index-technology-item {
        float: left;
        width: 3.34rem;
        border-bottom: 0.04rem solid rgba(4,83,166,0.24);
        border-radius: 0.08rem;
        margin-right: 0.2rem;
        margin-bottom: 0.2rem;
        padding: 0.3rem 0;
        background-color: rgba(4,83,166,.04);
        text-align: center;
    }
    .index-technology-item img,
    .index-technology-desc {
        display: none;
    }
    .index-technology-tit {
        color: #666;
    }

    .index-pdc-item {
        border-radius: 0.08rem;
        margin-bottom: 0.2rem;
    }
    .index-pdc-desc,
    .index-pdc-list {
        display: none;
    }
    .index-pdc-tit a {
        display: block;
        padding: 0 0.3rem 0.24rem;
        line-height: 0.48rem;
        font-size: 0.32rem;
        font-weight: bold;
    }
    .index-pdc-tit .fa {
        margin-left: 0.08rem;
        font-weight: bold;
    }

    .section-primary {
        padding-bottom: 0.3rem;
    }
    .index-tit-intro {
        margin-top: 0.2rem;
    }
    .index-tit-intro + .section-more {
        display: none;
    }
    .industry-tab-ctrl {
        display: flex;
        overflow-x: auto;
        height: 1rem;
        white-space: nowrap;
    }
    .industry-tab-ctrl a {
        position: relative;
        float: left;
        height: 1rem;
        padding: 0 0.2rem 0 0.82rem;
        margin-right: 0.01rem;
        line-height: 1rem;
        background: #f6f6f6;
    }
    .industry-tab-ctrl a i {
        position: absolute;
        left: 0.2rem;
        top: 0.26rem;
        width: 0.48rem;
        height: 0.48rem;
        border: 0.01rem solid #f6f6f6;
        background: #f6f6f6;
        border-radius: 50%;
        line-height: 0.46rem;
        color: #999;
    }
    .industry-tab-ctrl a.active {
        position: relative;
        background-color: #fff;
        color: #eb6101;
    }
    .industry-tab-ctrl a.active::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0.06rem;
        background-color: #f29600;
    }
    .industry-tab-ctrl a.active i {
        border-color: #eb6101;
        color: #eb6101;
        background-color: rgba(4,83,155,.1);
    }
    .industry-tab-wrap {
        padding: 0.3rem;
        border-bottom-left-radius: 0.04rem;
        border-bottom-right-radius: 0.04rem;
    }
    .industry-con-img {
        display: none;
    }
    .industry-con-tit {
        font-size: 0.3rem;
        font-weight: bold;
    }
    .industry-con-desc {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-top: 0.14rem;
        line-height: 0.48rem;
        font-size: 0.28rem;
        color: #666;
    }
    .industry-con-btns {
        margin-top: 0.3rem;
    }
    .industry-case-title {
        margin-top: 0.4rem;
        padding: 0.08rem 0.12rem;
    }
    .industry-case-list {
        margin-top: 0.2rem;
    }
    .industry-case-item {
        float: left;
        width: 50%;
        margin-bottom: 0.24rem;
    }
    .industry-case-item:nth-child(odd) {
        padding-right: 0.1rem;
    }
    .industry-case-item:nth-child(even) {
        padding-left: 0.1rem;
    }
    .industry-case-tit {
        margin-top: 0.2rem;
        color: #666;
    }
    .industry-con-product {
        display: none;
    }

    .index-server-item {
        border: 0.01rem solid #e1e8ed;
        border-radius: 0.08rem;
        padding: 0.4rem 0.6rem;
        margin-bottom: 0.2rem;
        background-color: #fff;
        text-align: center;
    }
    .index-server-item i {
        display: block;
        width: 0.8rem;
        height: 0.8rem;
        border: 0.02rem solid rgba(4,83,155,.5);
        border-radius: 50%;
        margin: 0 auto;
        background: rgba(4,83,155,.1);
        line-height: 0.76rem;
        font-size: 0.32rem;
        color: #eb6101;
        text-align: center;
    }
    .index-server-tit {
        margin-top: 0.2rem;
        font-size: 0.32rem;
    }
    .index-server-desc {
        margin-top: 0.2rem;
        margin-bottom: 0.3rem;
        line-height: 0.48rem;
        color: #666;
    }
    .index-server-desc em {
        color: #f29600;
        font-weight: bold;
    }
    /* end index */

    /* product */
    .product-cate-cover a {
        position: relative;
        display: block;
        margin-top: 0.2rem;
    }
    .product-cate-cover img {
        overflow: hidden;
        border-radius: 0.08rem;
    }
    .product-cate {
        margin-top: -0.18rem;
        font-size: 0.36rem;
        text-align: center;
    }
    .product-dtl-img img {
        width: 100%;
    }
    .product-banner {
        height: auto;
    }
    .product-banner > img {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .product-banner .container {
        position: static;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .product-banner .product-dtl {
        text-align: left;
    }
    .product-dtl-content {
        margin-top: 0.6rem;
    }
    .product-dtl-title {
        font-size: 0.36rem;
        font-weight: bold;
    }
    .product-dtl-desc {
        margin-top: 0.16rem;
        line-height: 0.48rem;
        font-size: 0.26rem;
        color: #999;
    }
    .product-banner .product-dtl-desc {
        color: #fff;
    }
    .product-dtl-attr {
        margin-top: 0.4rem;
    }
    .product-dtl-attr-item {
        line-height: 0.48rem;
    }
    .product-dtl-attr-item em {
        display: inline-block;
        width: 2rem;
    }
    .product-dtl-btn {
        margin-top: 0.3rem;
    }
    .product-dtl-btn .btn {
        width: 100%;
    }
    .product-dtl-call {
        display: none;
    }
    .product-dtl-append {
        margin-top: 0.3rem;
    }
    .product-dtl-append-item {
        position: relative;
        float: left;
        padding-right: 0.34rem;
        margin-right: 0.32rem;
        color: #666;
    }
    .product-dtl-append-item::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0.08rem;
        width: 0.04rem;
        height: 0.32rem;
        background: #dbdbdb;
    }
    .product-dtl-append-item:last-child:after {
        display: none;
    }
    .product-dtl-append-item .fa {
        margin-right: 0.16rem;
        color: #eb6101;
    }

    .product-dtl-nav-bar {
        position: sticky;
        top: 0.8rem;
        z-index: 10;
        border-top: 0.2rem solid #f0f5f9;
        border-bottom: 0.01rem solid #eaeaea;
        margin-top: 0.4rem;
        background-color: #fff;
    }
    .product-dtl-layout .side-bar {
        display: none;
    }
    .product-dtl-nav-item {
        position: relative;
        width: 33.3%;
        line-height: 0.96rem;
        text-align: center;
    }
    .product-dtl-nav-item:not(:last-child)::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 0.01rem;
        height: 100%;
        background-color: #eaeaea;
    }
    .product-dtl-part {
        padding-top: 0.3rem;
    }
    .product-dtl-part-tit {
        position: relative;
        padding-left: 0.3rem;
        margin-bottom: 0.2rem;
        line-height: 0.48rem;
        font-size: 0.3rem;
        font-weight: bold;
    }
    .product-dtl-part-tit::before {
        content: '';
        position: absolute;
        top: 0.1rem;
        left: 0;
        width: 0.06rem;
        height: 0.28rem;
        background-color: #f29600;
        transform: skewX(-20deg);
    }
    .product-dtl-part-tit::after {
        content: '';
        position: absolute;
        top: 0.1rem;
        left: 0.12rem;
        width: 0.06rem;
        height: 0.28rem;
        background-color: #f29600;
        transform: skewX(-20deg);
    }
    .server-process-wrap {
        padding: 0.2rem 0.1rem;
    }
    .server-process-item {
        padding: 0 0.1rem;
    }
    .server-process-item:not(:first-child)::before {
        top: 0.4rem;
    }
    .server-process-item i {
        width: 0.8rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.36rem;
    }
    .server-process-tit {
        margin-top: 0.2rem;
        font-size: 0.2rem;
    }
    .server-process-desc {
        display: none;
    }
    /* end product */

    /* news and case */
    .server-list,
    .server-list-item,
    .server-list-item .fa {
        border-width: 0.01rem;
    }
    .server-list-item {
        width: 50%;
        padding: 0.3rem;
    }
    .server-list-item:nth-child(n+3) {
        border-top: 0.01rem solid rgba(255, 255, 255, .5);
    }
    .server-list-item .fa {
        width: 0.8rem;
        height: 0.8rem;
        line-height: 0.78rem;
        font-size: 0.46rem;
    }
    .server-list-tit,
    .server-list-desc {
        margin-top: 0.2rem;
    }
    .server-list + .btn {
        display: block;
        width: 100%;
        margin-top: 0.3rem;
    }
    /* end news and case */
    
    /* contact */
    .contact-form,
    .contact-channel,
    .contact-qrcode {
        margin-top: 0.3rem;
        padding: 0.3rem;
    }
    .contact-channel-title {
        margin-bottom: 0.1rem;
        font-size: 0.3rem;
        font-weight: bold;
    }
    .contact-channel-sub {
        margin-bottom: 0.3rem;
        color: #999;
    }
    .contact-channel-item {
        border-width: 0.01rem;
        padding: 0.3rem 0;
    }
    .contact-channel-item .fa {
        width: 0.8rem;
        height: 0.8rem;
        margin-right: 0.2rem;
        line-height: 0.78rem;
        font-size: 0.38rem;
    }
    .contact-channel-tit {
        line-height: 0.36rem;
        font-size: 0.24rem;
        color: #999;
    }
    .contact-channel-number {
        font-size: 0.32rem;
        font-weight: 600;
    }
    .contact-channel-mail {
        font-weight: 600;
    }

    .contact-qrcode .wechat-qrcode {
        display: inline-block;
        width: 2.08rem;
        height: 2.08rem;
        margin: 0 0.4rem;
    }
    .contact-qrcode .qrcode-name {
        margin-top: 0.2rem;
        color: #666;
        text-align: center;
    }
    /* end contact */

    /* about */
    .about-title {
        padding-bottom: 0.2rem;
    }
    .about-title::after {
        bottom: -0.04rem;
        width: 0.4rem;
        height: 0.04rem;
    }
    .about-tit {
        font-size: 0.32rem;
        font-weight: bold;
    }
    .about-tit em {
        margin-right: 0.16rem;
        color: #eb6101;
    }
    .about-tit-sub {
        display: none;
    }
    .about-desc {
        margin-top: 0.2rem;
        color: #666;
    }
    .about-advantage {
        margin-top: 0.2rem;
    }
    .about-advantage-item {
        width: 3.34rem;
        height: 1.4rem;
        border-radius: 0.04rem;
        margin-right: 0.2rem;
        margin-bottom: 0.2rem;
        padding-left: 0.32rem;
        line-height: 1.4rem;
    }
    .about-advantage-item:nth-child(even) {
        margin-right: 0;
    }
    .about-advantage-item .fa {
        width: 0.8rem;
        height: 0.8rem;
        margin-right: 0.16rem;
        line-height: 0.8rem;
        font-size: 0.32rem;
        vertical-align: middle;
    }
    .about-img {
        margin-top: 0.3rem;
        padding-top: 0.3rem;
        padding-right: 0.3rem;
    }
    .about-img img {
        width: 100%;
        border-radius: 0.3rem;
        box-shadow: 0.3rem -0.3rem #f2f2f2;
    }

    .about-datas {
        flex-wrap: wrap;
    }
    .about-datas-item {
        width: 50%;
        padding: 0.2rem 0;
    }
    .about-datas-item:nth-child(n+3) {
        border-top: 0.01rem solid rgba(255, 255, 255, .5);
    }
    .about-datas-item:nth-child(2n) {
        border-left: 0.01rem solid rgba(255, 255, 255, .5);
    }
    .about-data-number {
        font-size: 0.6rem;
        font-weight: 600;
    }
    .about-data-number sup {
        position: relative;
        margin-right: -0.28rem;
        font-size: 0.28rem;
        font-weight: normal;
        vertical-align: text-top;
    }

    .about-contact,
    .join-contact {
        border-radius: 0.16rem;
        padding: 0.3rem;
        background-image: linear-gradient(180deg, #1867AF 0, #eb6101 100%);
        color: #fff;
    }
    .about-contact-logo,
    .join-contact-img {
        display: none;
    }
    .about-contact-title,
    .join-contact-title {
        margin-top: 0.2rem;
        line-height: 0.48rem;
        font-size: 0.32rem;
        font-weight: bold;
    }
    .about-contact-btn {
        margin-top: 0.2rem;
    }
    .about-contact-btn .btn {
        font-weight: bold;
    }
    .about-contact-call {
        position: relative;
        display: inline-block;
        border-left: 0.01rem solid rgba(255,255,255,.2);
        margin-left: 0.3rem;
        padding-left: 0.3rem;
        vertical-align: middle;
    }
    .about-contact-call span {
        display: block;
        font-size: 0.2rem;
    }
    .about-contact-call em {
        display: block;
        font-size: 0.32rem;
        font-weight: bold;
    }

    .about-timeline-wrap {
        padding-left: 2rem;
    }
    .about-timeline-item {
        position: relative;
        padding-bottom: 0.4rem;
        line-height: 0.48rem;
    }
    .about-timeline-item::before {
        content: "";
        position: absolute;
        top: 0.08rem;
        left: -0.44rem;
        z-index: 1;
        width: 0.32rem;
        height: 0.32rem;
        border: 0.02rem solid #ccc;
        border-radius: 50%;
        background: #fff;
    }
    .about-timeline-item::after {
        content: "";
        position: absolute;
        top: 0.24rem;
        left: -0.3rem;
        width: 0.02rem;
        height: 100%;
        background: #ccc;
    }
    .about-timeline-item:last-child::after {
        display: none;
    }
    .about-timeline-time {
        position: absolute;
        top: 0;
        left: -2rem;
        width: 1.4rem;
        line-height: 0.48rem;
        text-align: right;
        color: #666;
    }
    /* end about */
        
    /* join */
    .join-channel-inexperienced,
    .join-channel-experienced {
        overflow: hidden;
        border-radius: 0.08rem;
        margin-bottom: 0.2rem;
    }
    .join-channel-title {
        padding: 0.36rem 0;
    }
    .join-channel-title .fa {
        font-size: 0.6rem;
    }
    .join-channel-title span {
        margin-top: 0.1rem;
        font-weight: bold;
    }
    .join-channel-wrap {
        padding: 0.2rem;
    }
    .join-channel-item {
        padding: 0.2rem 0.3rem;
        margin-bottom: 0.2rem;
        background-color: #fff;
    }
    .join-channel-tit {
        font-weight: bold;
    }
    .join-channel-info {
        margin-top: 0.1rem;
        font-size: 0.24rem;
    }
    .join-channel-list + a {
        border-radius: 0.08rem;
        line-height: 0.8rem;
        font-weight: bold;
    }

    .join-contact-desc {
        margin-top: 0.12rem;
        color: rgba(255, 255, 255, 0.8);
    }
    .join-contact-content .white-btn {
        width: 100%;
        margin-top: 0.24rem;
        font-weight: bold;
    }
    /* end join */
}