@font-face {
    font-family: SourceHanSans;
    src: url(fonts/SourceHanSansCN-Normal.otf),url(fonts/SourceHanSansCN-Normal.ttf) format("truetype")
}
@media (min-width: 1024px){
* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    margin: 0;
}

html {
    /*font-size: 16px*/
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
a, a:active, a:link, a:after, a:visited, a:hover {
    text-decoration: none !important;
    color: #333333;
    outline: 0;
}

.row {
    margin: 0;
}

.container-fluid {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

.navbar-menu {
    width: 100%;
}

.navbar-header {
    position: fixed;
    width: inherit;
    display: table;
    height: inherit;
    z-index: 100;
}

/***轮播**/
.swiper-container:not(.swiper-navbar) {
    width: 100%;
    height: 100%;
    margin-bottom: 1rem;
}

.glyphicon-menu-right {
    position: absolute;
    top: 0;
    bottom: 0;
    height: max-content;
    margin: auto;
}

/**图片放大**/
.tabs-panel .tab-right .tab-body img,
.profile-describe .profile-brand > .brand-img > img,
.container-fluid .product-video .brand-img .img,
.product-group .product-group-item .brand-img img,
.container-fluid .product-info .brand-img .img,
.news-item > .brand-img > img {
    width: 100%;
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all .5s ease-out;
}

.tabs-panel .tab-right .tab-body .tab-image:hover img,
.profile-describe .profile-brand > .brand-img:hover > img,
.container-fluid .product-video:hover .brand-img .img,
.product-group .product-group-item:hover .brand-img img,
.container-fluid .product-info .brand-img:hover .img,
.news-item > .brand-img:hover > img {
    transform: scale(1.1);
}

.panel-group .panel.brown {
    background: #272727;
}
    #video_modal .modal-dialog {
        margin: 0;
        width: 100%;
        height: 100%;
    }

    #video_modal .modal-body {
        padding: 0;
        height: inherit;

    }

    #video_modal .close {
        display: inline-block;
        line-height: 4rem;
        color: #000;
        opacity: 1;
        height: 4rem;
        width: 4rem;
        vertical-align: middle;
        text-align: center;
        border-radius: 4rem;
        margin: 20px;
        background-color: rgba(0, 0, 0, .2);
        background-image: url("../image/close.svg");
        background-repeat: no-repeat;
        background-position: center;
        text-shadow: none;
    }

    #video_modal .modal-content {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        height: inherit;
        background: rgba(0, 0, 0, 0);
    }



}
/**other**/
@media  (max-width: 1023px){
    * {
        　　-webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /*-webkit-text-size-adjust: none;*/
    }

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

    body {
        background: #eee;
        font-size: 16px;
        font-family: electronicFont;
        /*font-family: "Microsoft Yahei", SourceHanSans, "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
        overflow: hidden;
        color: #000;
        position: relative;
        margin: 0;
        padding: 0;

    }

    .row {
        width: 100%;
        margin: 0;
    }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        background-color: #409eff;
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {
        background-color: #f4f4f5;
    }

    ul li {
        list-style: none;
    }

    .pagination > li a {
        padding: 3px 11px;
        margin: 0 5px;
        border: 0;
    }

    .icon-add {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 1px solid #777777;
        padding: .1em;
        height: .8em;
        width: .8em;
    }

    .panel-heading.collapsed .icon-add:before {
        width: 1px;
        height: 60%;
    }

    .panel-heading.collapsed .icon-add:after {
        width: 60%;
        height: 1px;
    }

    .panel-heading:not(.collapsed) .icon-add:after {
        width: 60%;
        height: 1px;
    }

    .panel-heading:not(.collapsed) .icon-add:before {
        width: 0;
        height: 0;
    }

    .icon-add:before, .icon-add:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        background: #777777;
        transition: all 0.5s;
    }

    [class^="col-"] {
        padding: 0;
    }

    a, a:active, a:link, a:after, a:visited, a:hover {
        text-decoration: none !important;
        color: #333333;
        outline: 0;
    }

    .container-fluid {
        /*position: relative;*/
        /*display: inline-block;*/
        padding: 0;
        margin: 0;
        width: inherit;
        height: 100%;
        overflow-y: scroll;
        /*-webkit-overflow-scrolling: initial;*/
        z-index: 99;
        /*overflow-x: hidden;*/
        background: #F7F9FA;
    }

    .container-fluid > .phone, .container-fluid > .backtop {
        width: 50pt;
        height: 50pt;
        position: fixed;
        z-index: 2;
        right: 20pt;
        transform: scale(0.8);
        border-radius: 25pt;
        transition: bottom .5s;
    }

    .container-fluid .tool {
        position: fixed;
        z-index: 2;
        right: 20pt;
        bottom: 24pt;
    }

    .tool .nav-tabs {
        display: inline-block;
        vertical-align: bottom;
        border-bottom: 0;
    }

    .tool .nav-tabs > li {
        float: none;
    }

    .nav-tabs > li > a {
        border: 0;
    }

    .tool .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        background-color: #1a8bff;
        border: 0;
    }

    .tool .nav > li > a:focus, .nav > li > a:hover {
        background-color: #1a8bff;

    }

    .tool .tab-content {
        display: inline-block;
        margin-right: 10px;
    }

    .tool .tool-item {
        background: #FFFFFF;
        border-radius: 10px;
        box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.35);
    }

    .tool .tool-item .tool-info {
        padding: 2.5rem 5rem;
    }

    .tool .tool-item .app-download {
        padding: 1.5rem 3rem 1rem;
    }

    .tool-item .app-download .app-download-code {
        display: inline-block;
        margin: 0 1.2rem;
    }

    .container-fluid .tool span, .container-fluid .tool a {
        display: inline-block;
        width: 60px;
        height: 60px;
        background-color: rgba(0, 0, 0, .5);
        background-position: 50%;
        border-radius: 10px;
        cursor: pointer;
        background-repeat: no-repeat;
        margin-bottom: 24px;
    }

    .br {
        border: 1px dashed #999;
        margin: 3rem 0;
    }

    .tool .tool-item .tool-info h5, .tool-item .app-download h5 {
        text-align: center;
        font-size: 2rem;
        color: #333;
        font-weight: 400;
        /*padding: 2rem 0 1rem;*/

    }

    .tool .tool-item .tool-info p, .tool .tool-item .app-download p {
        text-align: center;
        color: #666666;

    }

    .container-fluid > .phone, .container-fluid > .backtop {
        bottom: 24pt;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .container-fluid > .active {
        bottom: 80pt;
    }

    .container-fluid > .backtop {
        display: none;
    }

    .navbar-menu .navbar-header {
        width: 100%;
        position: fixed;
        /*height: 64px;*/
        min-height: auto;
        display: table;
        padding: 0 16px;
        z-index: 100;
    }

    /*.navbar-default {*/
    /*    margin: 0;*/
    /*    border: 0;*/
    /*    background: none;*/
    /*}*/
    .navbar-header {
        transition: all 0.5s ease-out;
    }

    .navbar-header:not(.navbar-write) .logo img:first-child,
    .navbar-header:not(.navbar-write) .menu img:last-child,
    .navbar-header:not(.navbar-write) .shop .shop-img img:nth-child(2) {
        display: inline-block;
    }

    .shop .shop-img {
        display: inline;
        /*vertical-align: middle;*/
    }

    .navbar-header:not(.navbar-write) .logo img:last-child,
    .navbar-header:not(.navbar-write) .menu img:first-child,
    .navbar-header:not(.navbar-write) .shop .shop-img img:first-child {
        display: none;
    }



    .navbar-header > .navbar-toggle-btn, .navbar-header > .logo, .navbar-header > .shop {
        display: table-cell;
        /*float: left;*/
        width: 33.333%;
        vertical-align: middle;
        height: initial;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: none;
    }

    .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-write .navbar-toggle .icon-bar {
        background-color: #333;
    }

    .navbar-toggle:not(.collapsed) > .icon-bar:nth-child(1) {
        -moz-transform: rotateZ(45deg) translate(4px, 4px);
        /*Webkit内核浏览器：Safari and Chrome */
        -webkit-transform: rotateZ(45deg) translate(4px, 4px); /* Safari and Chrome */
        /*Opera */
        -o-transform: rotateZ(45deg) translate(4px, 4px);
        -ms-transform: rotateZ(45deg) translate(4px, 4px); /* IE 9 */
        /*/ / W3C标准*/
        transform: rotateZ(45deg) translate(4px, 4px);
    }

    .navbar-toggle:not(.collapsed) > .icon-bar:nth-child(2) {
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); /*Webkit内核浏览器：Safari and Chrome */
        -o-transform: rotate(-45deg); /*Opera */
        -ms-transform: rotate(-45deg); /*/ / IE9 */
        transform: rotate(-45deg); /*/ / W3C标准*/
    }

    .navbar-toggle:not(.collapsed) > .icon-bar:nth-child(3) {
        display: none;
    }

    .navbar-write {
        background: #FFFFFF;
    }

    .navbar-menu .panel-group, .navbar-default .navbar-form {
        border: 0;
        position: fixed;
        width: 100%;
        top: 50px;
        bottom: 0;
        z-index: 99;
        overflow-y: auto;
        background: #fff;
    }

    .navbar-header > .logo {
        text-align: center;
    }

    .navbar-write .logo img:first-child,
    .navbar-write .menu img:first-child {
        display: none;
    }

    .navbar-write .menu img:last-child,
    .navbar-write .shop > .shop-img img:nth-child(2) {
        display:none;
    }

    .navbar-header > .logo img, .navbar-header > .menu img {
        display: inline-block;
        /*width: 100%;*/
        /*height: 100%;*/
        /*-webkit-transform: scale(0.8);*/
        /*transform: scale(0.8);*/
        width: 32px;
        height: 34px;
    }



    .navbar-header > .shop .dropdown-menu img {
        width: 23pt;
        height: 23pt;
        margin-right: 1rem;
    }

    .navbar-header > .shop .dropdown-menu a {
        padding: 15px 19pt;
        outline: none;

    }


    .navbar-header > .shop > .shop-img img {
        display: inline-block;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        /*margin: 11.5px 10px;*/
        /*padding: 9px 10px;*/

    }

    .navbar-header .back-btn {
        width: 10%;
        min-height: 50px;
        line-height: 50px;
        text-align: center;
        float: left;
    }

    .navbar-header .preview-title {
        min-height: 50px;
        text-align: center;
        line-height: 50px;
        float: left;
        width: 90%;
    }

    .panel-group {
        margin-bottom: 0;
        /*height: 100%;*/
    }

    .panel-group .panel {
        border: 0;
        border-radius: 0;
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .panel-group .panel + .panel {
        margin: 0;
    }

    .panel-group .panel.brown {
        background: #272727;
    }

    .panel-group .brown .panel-heading + .panel-collapse > .list-group {
        border-top: 0;
        background: #303030;
    }

    .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: 0;
        border-bottom: 0;
    }

    .panel-group .panel-heading + .panel-collapse > .list-group .list-group-item {
        border: 0;
        padding: 0;
        margin: 0 18pt;
        border-bottom: 1px solid #E5E5E5;
    }

    .panel-group .panel-heading + .panel-collapse > .list-group .list-group-item > a {
        display: block;
        padding: 1.3em 0px;
    }

    .navbar .panel-group .panel-heading + .panel-collapse > .list-group,
    .navbar .panel-group .panel-heading + .panel-collapse > .list-group .list-group-item {
        background: #F7F7F7;
    }

    .panel-group .brown > .panel-heading + .panel-collapse > .list-group .list-group-item {
        border: 0;
        background: #303030;
        border-bottom: 1px solid #38393b;
    }

    .panel-group .brown > .panel-heading + .panel-collapse > .list-group .list-group-item > a {
        color: #fff;
    }

    .panel-group .brown > .panel-heading + .panel-collapse > .list-group .list-group-item:last-child {
        border: 0;
    }

    .panel-heading:not(.panel-question) {
        width: calc(100% - 16pt);
        display: inline-block;
        position: relative;
        padding: 1.3em 0px;
        margin: 0 8pt;
    }

    .footer_accordion_android .panel-heading {
        width: calc(100% - 36pt);
        margin: 0 18pt;


    }

    .panel-heading.panel-question {
        padding: 1.3em 0px;
        margin: 0 18pt;
    }

    .panel-group .panel-heading.collapsed {
        border-bottom: .05rem solid #E5E5E5;
    }

    .panel-group .brown > .panel-heading.collapsed {
        border-bottom: 1px solid #38393B;
    }

    .brown > .panel-heading, .brown > .panel-heading > a {
        color: #fff;
    }

    .panel-heading .collapse-item__arrow {
        vertical-align: middle;
        transition: transform .3s;
        float: right;
    }

    .panel-heading .collapse-item__arrow {
        transform: rotate(90deg);
    }

    .panel-heading.collapsed .collapse-item__arrow {
        transform: rotate(0deg);
    }

    .panel.brown .company, .panel.brown .contact-with-us, .panel.brown .copyright {
        margin: 0 18pt;
        color: #AAAAAA;
        font-size: 1.5rem;
    }


    .panel.brown .company > h5 {
        font-size: 2rem;
    }

    .panel.brown .company p {
        font-size: 1.2rem;
        color: #AAAAAA;
    }

    .panel.brown .copyright {
        font-size: 0.76em;
        padding: 25px 0;
    }

    .swiper-container:not(.swiper-navbar) {
        width: 100% ;
        height: 100%;
        margin-bottom: 8px;
    }

    .swiper-slide {
        font-size: 18px;
        text-align: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        vertical-align: middle;
    }

    .swiper-pagination-bullet {
        width: 18pt;
        height: 2pt;
        border-radius: 0;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #3291F3;
    }

    .swiper-slide > .wiper-slide-title {
        margin-top: 80pt;
        color: #fff;
        text-align: center;
        animation: fadeInDown .5s ease-out .4s both;
    }

    .swiper-slide > .wiper-slide-title > .wiper-slide-content, .swiper-slide > .wiper-slide-title > .wiper-slide-type {
        display: inline-block;
        vertical-align: middle;

    }


    .swiper-slide > .wiper-slide-title > .wiper-slide-type {

        padding: 3pt 7pt;
        background: #3291F3;
        color: #FFFFFF;
        margin-left: 4pt;
        text-align: center;

        border-radius: 5rem;
        font-size: 14px;
    }

    .swiper-slide > .wiper-slide-explain {
        color: #fff;
        text-align: center;
        padding: 7pt 0;
        animation: fadeInDown .5s ease-out .8s both;
        width: 80%;
        margin: auto;
    }

    .swiper-slide > .wiper-slide-more {
        /*width: 90pt;*/
        display: inline-block;
        color: #fff;
        /*margin: auto;*/
        text-align: center;
        vertical-align: middle;
        padding: 5pt 10pt;
        border: 1px solid;
        border-radius: 16pt;
        animation: fadeInDown .5s ease-out 1.2s both;
    }

    .swiper-slide > .wiper-slide-more > a {
        color: #FFFFFF;
        font-size: 1.5rem;
    }

    i.glyphicon-menu-right {
        top: 0;
        margin-top: 1px;
        right: -4px;
        line-height: normal;
        font-size: 12px;
    }

    .container-fluid .product-video .mask {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, .3);
    }

    .container-fluid .product-video,
    .container-fluid .product-info,
    .container-fluid .product-group {
        margin-bottom: 8px;
        width: 100%;
        display: inline-block;
        position: relative;
    }

    .container-fluid .product-group {
        margin-bottom: 4px;
    }

    .container-fluid .product-video img, .container-fluid .product-info img,
    .container-fluid .product-group .product-group-item img {
        width: 100%;
        display: block;
    }

    .container-fluid .product-video .video-play {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -40px;
        margin-left: -40px;
        cursor: pointer;
        background: url(../image/home_btn_play.png) no-repeat 50%;
        background-size: 60px 60px;
        -webkit-transition: all .35s;
        transition: all .35s;
        z-index: 4;
    }

    .container-fluid .product-video, .container-fluid .product-info {
        color: #333333;
        min-height: 528px;

    }

    .container-fluid .product-video .brand-img .img, .container-fluid .product-info .brand-img .img {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 528px;
    }

    .container-fluid .product-video > .product-video-details,
    .container-fluid .product-info > .product-info-details,
    .container-fluid .product-group .product-group-item .product-group-item-details {
        position: absolute;
        width: 100%;
        top: 48px;
        z-index: 2;
    }

    .container-fluid .product-video > .product-video-details {
        color: #fff;
    }

    .container-fluid .product-video .product-video-content,
    .container-fluid .product-info .product-info-content {
        font-weight: bold;
        text-align: center;
    }

    .container-fluid .product-video .product-video-explain,
    .container-fluid .product-info .product-info-explain,
    .container-fluid .product-info .product-info-more {
        text-align: center;
        margin-top: 16pt;
    }

    .container-fluid .product-group > .product-group-item {
        position: relative;
    }

    .product-group-item .mask {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, .5);
    }

    .container-fluid .product-group > .product-group-item .product-group-item-content,
    .container-fluid .product-group > .product-group-item .product-group-item-explain,
    .container-fluid .product-group > .product-group-item .product-group-item-more,
    .container-fluid .product-group > .product-group-item .product-group-item-more > a {
        text-align: center;
        color: #FFFFFF;
    }

    .container-fluid .product-group > .product-group-item .product-group-item-content {
        font-weight: bold;
        font-size: 2.5rem;

    }

    .container-fluid .product-group > .product-group-item .product-group-item-explain {
        padding: .5rem 0 2rem;
        font-size: 1.5rem;
    }

    #phone_modal.modal.in .modal-dialog {
        height: 100%;
        /*top: 50%;*/
        /*transform: translate(0,-50%);*/
        /*position: fixed;*/
        /*width:100%;*/
        /*top: 0;*/
        /*bottom: 0;*/
        /*left: 0;*/
        /*right: 0;*/
        /*margin: 0;*/
        text-align: center;
    }

    #video_modal .modal-dialog {
        margin: 0;
        width: 100%;
        height: 100%;
    }

    #video_modal .modal-body {
        padding: 0;
        height: inherit;

    }

    #video_modal .close {
        display: inline-block;
        line-height: 4rem;
        color: #000;
        opacity: 1;
        height: 4rem;
        width: 4rem;
        vertical-align: middle;
        text-align: center;
        border-radius: 4rem;
        margin: 20px;
        background-color: rgba(0, 0, 0, .2);
        background-image: url("../image/close.svg");
        background-repeat: no-repeat;
        background-position: center;
        text-shadow: none;
    }

    #video_modal .modal-content {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        height: inherit;
        background: rgba(0, 0, 0, 0);
    }

    #phone_modal .modal-dialog:after {
        content: "";
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle;
    }

    #phone_modal .modal-content {
        width: calc(100% - 10px);
        margin-left: 5px;
        padding-bottom: 20px;
        display: inline-block;
        vertical-align: middle;
        background-color: #fff;
        border-radius: 15px;
        text-align: left;
        overflow: hidden;
        backface-visibility: hidden;

    }


    #phone_modal .modal-header, #phone_modal .modal-body {
        padding: 0;
        margin: 0 15pt;
        border: 0;
    }

    #phone_modal .modal-header h3, #phone_modal .modal-header-close {
        padding: 10px 0 0px;
        vertical-align: middle;
    }

    #phone_modal .modal-header h3, #phone_modal .modal-body h3 {
        font-weight: bold;
        margin: 0 0 15pt;
        color: #333333;
        /*margin-bottom: 15pt;*/
    }

    #phone_modal .modal-header .person_info {
        margin-bottom: 3rem;
    }

    #phone_modal .modal-header .person_info p, #phone_modal .modal-body .person_info p {
        color: #666666 !important;
        line-height: 1em;
    }

    #phone_modal .modal-header .work_together {
        text-align: center;
        padding-bottom: 30px;
    }

    #phone_modal .modal-header .work_together a {
        padding: 1rem 2rem;
        width: 63%;
        display: inline-block;
        border-radius: 2.5rem;
        background: #3291F3;
        color: #fff;
        margin: auto;
    }

    #phone_modal .modal-body .scan-code img {
        width: 7em;
        display: inline-block;
        height: auto;

    }

    #phone_modal .modal-body > p {
        color: #666666;
        font-size: 1em;
    }

    .product-details-group {
        margin: 0 12px 12px 12px;
        padding-top: 35px;
        background: #F1F1F1;
    }

    .product-details-group .product-item-details {
        padding-bottom: 20px;
    }

    .product-details-group .product-item-details .product-info-content,
    .product-details-group .product-item-details .product-info-explain,
    .product-details-group .product-item-details .product-info-more {
        line-height: 30px;
        text-align: center;
        position: relative;
    }

    .product-details-group .product-item-details .product-info-explain,
    .product-details-group .product-item-details .product-info-more,
    .product-details-group .product-item-details .product-info-more > a {
        color: #666666;
    }


    .product-details-group img {
        width: 100%;
        margin: auto;
    }


    /****/
    [id^="answer_accordion_"] .panel-heading, [id^="pc_answer_accordion_"] .panel-heading {
        position: relative;
        height: auto;
    }

    [id^="answer_accordion_"] .panel-heading span, [id^="pc_answer_accordion_"] .panel-heading span {
        display: inline-block;
        width: 95%;
        font-size: 14px;
        color: #666666;
    }

    [id^="answer_accordion_"] .panel-heading i, [id^="pc_answer_accordion_"] .panel-heading i {
        text-align: right;
        position: absolute;
        height: max-content;
        height: -webkit-max-content;
        height: -moz-max-content;
        top: 0;
        bottom: 0;
        margin: auto;
    }


    [id^="answer_accordion_"] .panel .panel-collapse,
    [id^="pc_answer_accordion_"] .panel .panel-collapse {
        font-size: 12px;
        color: #666666;
        padding: 0 8pt;
    }

    .teach_video {
        position: relative;
        padding: 9px 23px 30px;
    }

    .teach_video img {
        width: 100%;
    }

    .teach_video .video-play {
        width: 65px;
        height: 65px;
        position: absolute;
        top: 40%;
        left: 50%;
        margin-top: -47px;
        margin-left: -40px;
        cursor: pointer;
        background: url(../image/home_btn_play.png) no-repeat 50%;
        background-size: 60px 60px;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition: all .35s;
        transition: all .35s;

    }

    .teach_video p {
        padding-top: 16px;
        text-align: center;
    }

    .book {
        display: table;
        width: 100%;
        padding: 1.5rem 8pt 2rem;
    }
    .book .book-img{
        display: table-cell;
        width: 35%;
    }
    .book img {
        width: 100%;
        display: inline-block;
    }
    .book div.book-right {
        width: 65%;
        display: table-cell;
        /*float: left;*/
        vertical-align: middle;
        padding-left: 15px;
        /*width: calc(80% - 60px);*/
    }

    .book div.book-right p {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .book-btn a {
        display: inline-block;
        width: 75px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #34A9FF;
        /*padding: 0.6rem 2rem;*/
        /*margin-left: 5%;*/
        font-size: 1.3rem;
        border-radius: 3rem;
    }

    .book-btn a:first-child {
        color: #34A9FF;
        /*margin-left: 0;*/
    }

    .book-btn a:last-child {
        background: #34A9FF;
        color: #fff;
    }

    .business_affairs, .technical_support {
        margin-top: 8pt;
        padding: 8pt;
        background: #fff;
    }

    .business_affairs h3, .technical_support h3 {
        font-size: 2rem;
        margin: calc((36px * 63) / 75) 0 0;
        font-weight: bold;
    }

    .business_affairs .business_affairs_div img {
        display: inline-block;
        width: 25%;
        vertical-align: middle;
    }

    .business_affairs .business_affairs_div {
        padding: 2.5rem 0 0;
    }

    .technical_support .technical_support_div {
        padding: calc((36px * 49) / 75) 0 0;
    }

    .business_affairs .business_affairs_div .book-right {
        margin-left: .5em;
        width: calc(73% - 0.5em);
        vertical-align: middle;
        display: inline-block;
    }

    .business_affairs .business_affairs_div .book-right > P {
        color: #333333;
        font-weight: 500;
        font-size: 1.7rem;
    }

    .business_affairs .business_affairs_div .book-right .relation-info p {
        color: #666666;
        font-size: 1.3rem;
    }

    .technical_support .technical_support_div p {
        color: #666666;
        font-size: 1.5rem;
    }

    .business_affairs a {
        display: block;
        width: 90%;
        margin: 2.5rem auto;
        border-radius: 3rem;
        font-size: 2rem;
        color: #FFFFFF;
        text-align: center;
        padding: 1.2rem 0;
        background: #34A9FF;
    }

    .technical_support_tool {
        padding: 2rem 0;
    }

    .technical_support_tool .technical_support_code {
        display: inline-block;
        margin-right: 9pt;
        width: calc(50% - 11pt);
    }

    .technical_support_tool .technical_support_code:nth-child(2n) {
        margin-right: 0;
        margin-left: 9pt;
    }

    .technical_support_tool .technical_support_code img {
        display: block;
        width: 100%;
    }

    .technical_support_tool .technical_support_code p {
        text-align: center;
        color: #666666;
    }


    .profile-value {
        padding: 20px 0;
        background: #34A9FF;
    }

    .profile-value h4 {
        color: #fff;
        font-size: 1.8rem;
        text-align: center;
    }

    .profile-value p {
        text-align: center;
        color: #fff;
        font-size: 1.8rem;
    }

    .profile-describe {
        background: #fff;
        padding: 1.5rem;
    }

    .profile-describe .profile-brand {
        width: 100%;
        background: #fff;
        margin-bottom: 1.5rem;
        box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    }

    .profile-describe .profile-brand > .brand-img,
    .news-item > .brand-img {

        position: relative;
        overflow: hidden;

    }

    .profile-describe .profile-brand > p {
        padding: 34px 32px 85px 33px;
        color: #666666;
        font-size: 1.5rem;
    }

    .profile-describe .profile-brand > .brand-img {
        position: relative;
        width: 100%;
        display: inline-block;
        color: #fff;
    }

    .profile-describe .profile-brand > .brand-img > img {
        display: inline-block;
        width: 100%;
    }

    .profile-describe .profile-brand > .brand-img > .brand-img {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        height: max-content;
        height: -webkit-max-content;
        height: -moz-max-content;
        margin: auto;
        text-align: center;

    }

    .profile-describe .profile-brand > .brand-img > .brand-img img {
        width: 90px;
        display: inline-block;
        margin-bottom: 22px;
    }

    .profile-describe .profile-brand > .brand-img > .brand-img p {
        font-size: 20px;
    }

    .profile-founder img {
        width: calc(100% - 3rem);
        display: inline-block;
        margin: 2rem 1.5rem 1.5rem;
        /**/
    }

    .profile-founder p {
        color: #666666;
        padding-bottom: 2rem;
        margin: 0 18pt;
    }

    .profile-founder h4 {
        text-align: right;
        padding: 2rem 18pt;
        color: #333333;
        font-size: 1.5rem;
        font-weight: normal;
    }

    .profile-News .news-item img {
        width: 100%;
    }

    .profile-News .news-item h3 {
        margin: 0;
        padding: 2.2rem 1.5rem;
        font-size: 1.8rem;
    }

    .profile-News .news-item-tool {
        width: 100%;
        padding: 2.2rem 1.5rem 1.5rem;
        display: inline-block;
    }

    .profile-News .news-item-tool span {
        float: left;
        width: 50%;

    }
    .profile-News .news-item-tool span a:hover {
        color: #3291f3;

    }
    .download-title {
        padding: 6rem 18pt 3rem;
        background: #242527;
        color: #fff;
    }

    /****235**/

    .download-product-explain {
        font-size: 1.5rem;
        margin-top: 2rem;
        color: #666666;
    }

    .book-item img {
        width: 100%;
    }


    .swiper-navbar .swiper-slide {
        width: 33.333%;
        height: initial;
    }

    .swiper-button-next,
    .swiper-button-prev {
        /*width: auto;*/
        /*color: #666666;*/
        /*padding: 0 .5rem;*/
        /*line-height: 44px;*/
        width: 8rem;
        height: 8rem;
        border-radius: 50%;
        transform: translateY(-50%);
        background-size: 2rem 2rem;
        background-color: rgba(31, 45, 61, 0.11);

    }
    .swiper-container:not(.swiper-navbar) .swiper-button-next {
        background-position: 2rem;
        right: -10%;
    }

    .swiper-container:not(.swiper-navbar) .swiper-button-prev {
        background-position: 4rem;
        left: -10%;
    }

    .swiper-navbar .swiper-button-prev {
        left: 0;
    }

    .swiper-navbar .swiper-button-next {
        right: 0;
        text-align: right;
    }

    .dropdown-navbar .dropdown-navbar-panel {
        margin: auto;
    }

    .swiper-navbar .swiper-slide.action, .swiper-navbar .swiper-slide:hover {
        background: #348FFF;
    }

    .swiper-navbar .swiper-slide.action p, .swiper-navbar .swiper-slide:hover p {
        color: #fff;
    }

    .swiper-navbar .swiper-slide.action .focus-img, .swiper-navbar .swiper-slide:hover .focus-img {
        display: none;
    }

    .swiper-navbar .swiper-slide.action .blur-img, .swiper-navbar .swiper-slide:hover .blur-img {
        display: inline-block;
    }

    .focus-img {
        display: inline-block;
    }

    .swiper-navbar  .swiper-slide-img .blur-img {
        display: none;
    }

    .dropdown-navbar .dropdown {
        position: relative;
    }

    .dropdown-navbar .dropdown {
        width: 100%;
        display: inline-block;
        position: relative;
        padding: 1em 0px;
        border-radius: 11px;
        border: 1px #CCCCCC solid;
    }

    .dropdown-navbar .dropdown > a {
        display: block;
        padding: 0 18pt;
        color: #666666;
    }

    .dropdown-navbar .dropdown .dropdown-menu li > a {
        padding: 1.5rem;
        color: #666666;
    }

    .dropdown-navbar .dropdown .dropdown-menu > li > a:hover {
        background: none;
    }

    .dropdown-navbar .caret {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        color: #999999;
        right: 18pt;
        border-width: .6rem;
    }

    .dropdown-navbar .dropdown-menu {
        width: 100%;
        max-height: 300px;
        border: 0;
        overflow-y: scroll;
        margin-top: 5px;
    }

    .tabs-panel {
        width: 100%;
        height: inherit;
        margin-bottom: 20px;
    }

    .tabs-panel .tab-left {
        width: 20%;
        height: inherit;
        background: #FFFFFF;
        float: left;
    }

    .tabs-panel .tab-right {
        width: calc(80% - 12px);
        height: inherit;
        float: left;
        background: #FFFFFF;
        margin-left: 12px;
    }

    .tabs-panel .tab-left .list-group {
        padding-top: 20px;
    }

    .tabs-panel .tab-left .list-group .list-group-item {
        border: 0;
        padding: 15px 20px;
        cursor: pointer;
    }

    .tabs-panel .tab-left .list-group .list-group-item a {
        display: block;
        position: relative;
        font-size: 1.8rem;
    }

    .tabs-panel .tab-left .list-group .list-group-item.is-active a:after {
        position: absolute;
        content: ' ';
        width: 2px;
        height: 80%;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto -20px;
    }

    .tabs-panel .tab-left .list-group .list-group-item.is-active a:after {
        background: #3291F3;
    }

    .tabs-panel .tab-left .list-group .list-group-item .glyphicon-menu-right {
        display: inline-block;
        float: right;
        opacity: 0;
    }

    .tabs-panel .tab-left .list-group .list-group-item.is-active .glyphicon-menu-right, .tabs-panel .tab-left .list-group .list-group-item.is-active a {
        color: #3291F3;
        opacity: 1;
    }

    .tabs-panel .tab-left .list-group .list-group-item .glyphicon-menu-right:before {
        vertical-align: middle;

    }

    .tabs-panel .tab-right .tab-body {
        width: 100%;
        padding: 26px;
        display: inline-block;
    }

    .tabs-panel .tab-right .tab-item {
        width: calc(33.33% - 16px);
        float: left;
        height: 330px;
        margin-right: 24px;
        margin-bottom: 3rem;

    }

    .tabs-panel .tab-right .tab-body .tab-item.tab-item-book {
        box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    }

    .tabs-panel .tab-right .tab-body .tab-item:nth-child(3n) {
        margin-right: 0;
    }

    .tabs-panel .tab-right:not(.tab_pc_service) .tab-body .tab-image {
        position: relative;
        overflow: hidden;
        padding: 44px 33px;
        background: #F1F1F1;
    }

    .tabs-panel .tab-right.tab_pc_service .tab-body .tab-image,
    .product-group .product-group-item .brand-img,
    .container-fluid .product-info .brand-img,
    .container-fluid .product-video .brand-img {
        position: relative;
        overflow: hidden;
        background: #F1F1F1;
    }

    .tabs-panel .tab-right .tab-body img,
    .profile-describe .profile-brand > .brand-img > img,
    .container-fluid .product-video .brand-img .img,
    .product-group .product-group-item .brand-img img,
    .container-fluid .product-info .brand-img .img,
    .news-item > .brand-img > img {
        width: 100%;
        display: block;
        transform: scale(1);
        transition: all .5s ease-out;
    }

    .tabs-panel .tab-right .tab-body .tab-image:hover img,
    .profile-describe .profile-brand > .brand-img:hover > img,
    .container-fluid .product-video:hover .brand-img .img,
    .product-group .product-group-item:hover .brand-img img,
    .container-fluid .product-info .brand-img:hover .img,
    .news-item > .brand-img:hover > img {
        transform: scale(1.1);
    }

    .tabs-panel .tab-right .tab-body .image-arrow:after {
        content: "";
        display: block;
        width: 0;
        height: 30px;
        bottom: 16px;
        right: 16px;
        position: absolute;
        padding: 17px 0;
        border-radius: 30px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAeCAYAAABAFGxuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXtJREFUeNrM17FLAmEYx3HvhCJCaCgoWqQpnKLN1kJwsLVwcYiag4akof6BWmqIdl1yEEEQIqKllIbABkFa3FrKqDAIorffAx69Pbh4dy/P+8Jni5cvdve87zlKqYiBlYR6kA1cA1F5uIG9QLvQLxaiNfhRf+sEon72CjssBhfq/yrBqHQYGYECi7uGCekw4sAhi3uAWekwzzZ75jqQsCGMrMOXFvcCSzaEkWV40+I+YdWGMLIAT1rcN2zZEEbi0GYvxYENYWQSGizujA9iiTAyDlUWV4Ex729o3hg5xX2uW8hA17YwWi1IuxH7Vhc+KMwREoMaiypDCl6lHv4puGMP/6n+ZkpEzcGjFkRn6b70HFscMP03pAfsCrxrUT3ISB9JWXbDeIak9CG+M+BONi957aHhfcTevCbMSF4U6d5fZFFXw9z7TUTRl9Ilizof9ksp7KhpuGdRx+BKf76l+7PJG5y7fvcy8a/c7I+GXJB9HEO3njh0gmzwK8AA7fywbkql08wAAAAASUVORK5CYII=);
        background-position: 50%;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 22px;
        transition: all .5s ease-out;

    }

    .tabs-panel .tab-right .tab-body .video-play {
        width: 80px;
        height: 80px;
        position: absolute;
        bottom: 16px;
        right: 16px;
        cursor: pointer;
        background: url(../image/home_btn_play.png) no-repeat 50%;
        background-size: 60px 60px;
        -webkit-transition: all .35s;
        transition: all .35s;
    }

    .tabs-panel .tab-right .tab-body .tab-image:hover .image-arrow:after {
        width: 38px;
        background-color: rgba(0, 0, 0, .34);
        padding: 17px 26px;
    }

    .tabs-panel .tab-right .tab-body .tab-item-title {
        color: #333333;
        font-size: 1.8rem;
        padding: 0 1rem;
    }

    .tabs-panel .tab-right.tab_pc_service .tab-body .tab-item-title {
        font-size: 1.6rem;
        color: #888;
    }

    .tabs-panel .tab-right.tab_pc_service .tab-body .tab-item-book .tab-item-title {
        text-align: center;
    }

    .tabs-panel .tab-right.tab_pc_service .tab-body .tab-item-book .book-btn {
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        margin: auto;
        padding: 2rem 0;
    }

    .tabs-panel .tab-right .tab-body .tab-item-explain {
        color: #888888;
        font-size: 1.5rem;
        padding: 0 1rem;
    }

    .footer_accordion_pc {
        width: 100%;
        background: #272727;
        padding: 4rem 0 0;
        display: inline-block;

    }

    .footer_accordion_pc .list-group {
        float: left;
        min-width: 3rem;
        margin-right: 4em;
        background: initial;
        border: 0;
    }

    .footer_accordion_pc .list-group-item {
        padding: 7px 15px;
        background: initial;
        border: 0;
    }

    .footer_accordion_pc .list-group-item:first-child a {
        font-size: 2.2rem;
        color: #EEEEEE;
        text-align: left;
    }

    .footer_accordion_pc .list-group-item a {
        color: #999999;
        font-size: 1.5rem;
    }
    .footer_accordion_pc .list-group-item:nth-child(n+2) a:hover {
        color: #409eff
    }

    .navbar-write .shop > .shop-img img:first-child {
        display: inline-block;
    }
}

/* 超小屏幕（手机，小于 768px） */
@media  (max-width: 1023px) {
    .container-fluid>.container-details{
        width: 100%;
        margin: auto;
    }
    .container-details-top{
        width: 100%;
    }
    .navbar-toggle{
        display: block;
    }
    /*.swiper-wrapper .swiper-slide{*/
    /*   background-size:100% 90%;*/
    /*}*/
    .swiper-slide > .wiper-slide-title > .wiper-slide-content {
        margin: 0;
        /*min-width: max-content;*/
        /*min-width:-webkit-max-content;*/
        /*min-width:-moz-max-content;*/
        max-width: 72%;
        font-size: 5vw;
        font-weight: bold;
    }

    .menu, .swiper-navbar:not(.swiper-product), .service-art, .service-cooperation {
        display: none;
    }

    .navbar-toggle-btn a {
        padding: 0;
        margin: 0;
    }

    .navbar-header > .shop {
        text-align: right;

    }
    .navbar-menu .navbar-header{
        height: calc((100 * 40px) / 75 );
    }
    .navbar-header > .shop .shop-img a {
        padding: 0;
        display: inline-block;
        width: 40px;
        height: 30px;
    }
    .navbar-header > .logo a{
        display: inline-block;
        width: 32px;
        height: 34px;
    }
    .navbar-header > .shop > .shop-img .shop-text {
        display: none;
    }

    .navbar-header > .shop .language, .profile-history-list {
        display: none;
    }

    .navbar-header .shop .dropdown-menu {
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        left: auto;
        z-index: 100;
        right: 10px;
    }

    .panel.brown .company {
        color: #EEEEEE;
        padding: 25pt 0;
        font-size: 1.8rem;
    }

    .panel.brown .contact-with-us {
        padding-bottom: 2rem;
        color: #FFFFFF;
        border-bottom: 1px solid #38393B;

    }

    .footer_accordion_android {
        display: block;
    }

    .footer_accordion_pc, .title-describe, .title-history {
        display: none;
    }

    .dropdown-navbar {
        background: #fff;
    }

    .dropdown-navbar {
        height: auto;
    }

    .swiper-navbar.swiper-navbar {
        height: auto;
        padding: 2.2rem 0;
        margin-bottom: 8pt;
        background: #fff;
    }

    .swiper-navbar .swiper-wrapper {
        width: calc(100% - 8rem);
        margin: auto 3rem;
    }

    .swiper-button-mobile.swiper-button-next,
    .swiper-button-mobile.swiper-button-prev {
        display: none;
    }

    .swiper-navbar .swiper-slide {
        padding: 1.1rem 0;
        cursor: pointer;
        background: #F7F8FA;
        margin-right: 10px;
        border-radius: 6px;
    }

    .dropdown-navbar .dropdown-navbar-panel {
        width: 90%;
        padding-top: 2rem;
    }

    .dropdown-navbar .dropdown-panel, .dropdown-navbar .dropdown-navbar-android {
        display: block;
        margin-bottom: 18px;
    }

    .dropdown-navbar .dropdown-navbar-panel .tabs-panel {
        display: none;
    }
    .swiper-navbar .swiper-slide .swiper-slide-img{
        margin: auto;
        width: 22px;
    }

    .swiper-navbar .swiper-slide img {
        width:100%;
        display: inline-block;
    }
    .swiper-navbar .swiper-slide:nth-child(2) .swiper-slide-img {
        width: 66px;
        margin: auto;
    }

    .swiper-navbar .swiper-wrapper p {
        margin-top: 1rem;
        margin-bottom: 0;
        font-size: 1.5rem;
    }

    .container-fluid .tool {
        display: none;
    }

    /***product****/
    .breadcrumb-navbar {
        width: 100%;
        margin-top: 50px;
        padding: 8px 2rem;
        background: #F7F8FA;
        display: inline-block;
    }

    .breadcrumb-navbar img {
        display: none;
    }

    .breadcrumb-navbar h2 {
        margin: 30px 0 0 0;
        color: #34A9FF;
    }

    .breadcrumb > li + li:before {
        padding: 0px;
        color: #ccc;
        content: "/\00a0";
    }

    .breadcrumb-navbar .breadcrumb {
        padding: 10px 0;
        color: #686D6B;
        font-size: 14px;
        background: none;
    }

    .download-product .download-product-item {
        text-align: center;
        margin: 1.8rem;
        padding: 3rem 2.2rem;
        background: #fff;
    }

    .download-product .download-product-item img {
        width: 20%;
    }

    .download-product .download-product-item a {
        display: inline-block;
        margin-top: 1rem;
        padding: 1rem 2.2rem;
        background: #348FFF;
        border-radius: 2rem;
        color: #fff;
    }

    .download-product-title {
        margin-top: 1.2rem;
        color: #111111;
    }

    .download-product-item-pc {
        display: none;
    }

    .product-list {
        position: relative;
        margin-bottom: 12px;
    }

    .product-list .panel {
        border-bottom: 1px solid #E5E5E5;
    }

    .product-list .panel-collapse {
        border-top: 1px solid #E5E5E5;
    }

    .product-list .panel-heading {

    }

    .product-list .panel-heading.collapsed {
        border: 0;
    }

    .product-list .panel-heading span {
        display: inline-block;
        vertical-align: middle;
    }

    .product-list .panel-heading i {
        top: 5px;
    }

    .product-list .panel-heading img, .list-group .list-group-item img {
        width: auto;
        height: 23px;
    }

    #product_collapse_service_tab .list-group .list-group-item a {
        display: inline-block;
    }

    .product-list .panel-collapse {
        width: 100%;
        position: absolute;
        z-index: 99;
    }

    .product-list .panel-collapse .list-group {
        background: #fff;
    }

    .profile-div {
        padding: 50px 0;
        background: #7F8590;
    }

    .profile-div img {
        width: 100%;
    }

    .profile-div .profile-article {
        padding: 0 23pt;
    }

    .profile-div h3 {
        text-align: center;
        margin-bottom: 29px;
        font-size: 2.2rem;
        color: #fff;
    }

    .profile-div .profile-article p {
        text-indent: 3rem;
        font-size: 1.4rem;
        color: #fff;
        -webkit-animation: fadeInDown .5s ease-out .2s both;
        animation: fadeInDown .5s ease-out .2s both;
    }

    .profile-div .profile-article p:last-child {
        display: none;
    }

    .profile-history, .profile-founder, .profile-News {
        width: 100%;
        display: inline-block;
        background: #fff;
    }

    .profile-history h3, .profile-founder h3, .profile-News h3 {
        color: #333333;
        margin: 2.5rem 18pt 2rem;
    }

    .profile-News h3 {
        margin-bottom: 2rem;
    }

    .profile-history .panel-heading {
        font-size: 1.6rem;
        color: #34A9FF
    }

    .profile-history .panel .panel-collapse > .panel-body {
        padding: 1rem 18pt 1rem;
        border: 0;
    }

    .profile-history .panel-collapse img {
        width: 100%;
    }

    .profile-history .panel-collapse p {
        padding: 1.2rem 0;
        color: #666666;
    }

    .profile-founder .profile-founder-text h3 {
        display: none;
    }

    .profile-News .news-item {
        margin: 0 18pt 2rem;
        box-shadow: 0px 0px 50px 0px rgba(204, 204, 204, 0.35);
    }


    .profile-News .news-item-tool span > a {
        color: #34A9FF;
    }

    .profile-News .news-item-tool > span:last-child {
        text-align: right;
        color: #999999;
    }

    .profile-News .profile-News-more {
        text-align: center;
        padding: 2rem 0 1.5rem;
    }

    .profile-News .profile-News-more > a {
        display: inline-block;
        padding: 1rem 2rem;
        border-radius: 5rem;
        color: #34A9FF;
        border: 1px solid #34A9FF;
    }

    .profile-News .profile-News-body .pagination {
        display: none;
    }

    .copyright p a {
        color: #AAAAAA;
    }
}

@media (min-width: 1024px) {

    /***移动屏蔽*****/
    .navbar-header > .navbar-toggle-btn, .navbar-header .logo,
    .breadcrumb-navbar .breadcrumb, .product-list, [id^="service_details_accordion_"],
    .business_affairs, .technical_support, .dropdown-navbar .dropdown-panel,
    .dropdown-navbar .dropdown-navbar-android ,.download-title,.download-product .download-product-item,
    .profile-history h3, .profile-founder > h3, .profile-history .panel-group
    {
        display: none;
    }

    .navbar-header .menu, .navbar-header .shop,
    .navbar-header .shop .shop-img, .navbar-header .shop .language {
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }

    .navbar-header .menu > div {
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        margin: auto;
        padding: 0 1rem;
        display: table;
    }

    .navbar-write {
        background: #FFFFFF;
    }

    .navbar-header .menu .a-img {
        display: table-cell;
        vertical-align: middle;
    }
    .navbar-header .menu .a-img img{
        width: 2rem;
        height: 2.125rem;
    }
    .navbar-header.navbar-write .menu .a-img img:last-child,
    .navbar-header:not(.navbar-write) .shop .shop-img img:first-child,
    .navbar-header.navbar-write .shop .shop-img img:last-child
    {
        display: none;
    }
    .navbar-header:not(.navbar-write) .menu .a-img img:last-child,
    .navbar-header.navbar-write .menu .a-img img:first-child,
    .navbar-header:not(.navbar-write) .shop .shop-img img:last-child,
    .navbar-header.navbar-write .shop .shop-img img:first-child
     {
        display: inline-block;
    }

    .menu .a-img img, .shop .shop-img img {
        display: none;
        width: 100%;
        height: 100%;
    }

    .navbar-header .menu .navbar-nav {
        display: table-cell;
        vertical-align: middle;
        margin-left: 5rem;
    }

    .navbar-header .menu .navbar-nav > li > a {
        font-size: 1.2rem;
        padding: 1.5rem 1.25rem;
        border: 0.0625rem solid transparent;
    }

    .navbar-header:not(.navbar-write) .menu .navbar-nav > li > a {
        color: #fff;
    }

    .navbar-header.navbar-write .menu .navbar-nav > li > a {
        color: #333333;
    }

    .navbar-header .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: transparent;
        border-color: transparent;
    }

    .navbar-header .menu .nav > li > a:hover, .navbar-header .menu .nav > li.active > a {
        background: none;
        color: #3291f3;
        border-bottom-color: #3291f3;
    }

    .navbar-header .menu .navbar-nav .dropdown-menu {
        padding: 0.09375rem 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .navbar-header .menu .navbar-nav .dropdown-menu li a {
        padding: 0.78125rem 3.85rem;
        text-align: center;
        font-size: 1rem;
    }

    .navbar-header .menu .navbar-nav .dropdown-menu li a:hover {
        background: none;
        color: #3291f3;
    }

    .navbar-header .shop .shop-img > a {
        display: inline-block;
        cursor: pointer;
        width: 1.8125rem;
        height: 1.5rem;
    }

    .navbar-header .shop .dropdown-menu {
        left: -25%;
        transform: translate(25%, 0);
    }

    .navbar-header .shop .language {
        padding-left: 3.25rem;
    }

    .navbar-header .shop .language a {
        font-size: 1rem;
        cursor: pointer;
    }

    .navbar-header.navbar-write .shop .language a {
        color: #333333;
    }

    .navbar-header:not(.navbar-write) .shop .language a {
        color: #fff;
    }

    .navbar-header .shop .language a.action {
        color: #4992dd;
    }

    .navbar-header .shop .dropdown-menu li a {
        padding: 0.875rem 1.75rem;
        font-size: 1rem;
    }

    .navbar-header .shop .dropdown-menu img {
        width: 1.625rem;
        margin-right: 0.5625rem;
    }

    /***轮播***/
    .swiper-slide > .wiper-slide-title {
        margin-top: 8.75rem;
        margin-bottom: 2rem;
        text-align: center;
        animation: fadeInDown .5s ease-out .4s both;
    }

    .swiper-slide > .wiper-slide-title .wiper-slide-content {
        margin: 0;
        display: inline-block;
        color: #fff;
        font-size: 2.5rem;
        vertical-align: middle;
    }

    .swiper-slide > .wiper-slide-title > .wiper-slide-type {
        display: inline-block;
        width: 5.625rem;
        height: 2.75rem;
        line-height: 2.75rem;
        font-size: 1.25rem;
        margin-left: 1.0625rem;
        border-radius: 2.75rem;
        background: #3291F3;
        color: #fff;
        vertical-align: middle;
    }

    .swiper-slide > .wiper-slide-explain {
        font-size: 1.5rem;
        color: #fff;
        text-align: center;
        margin-bottom: 3.125rem;
        animation: fadeInDown .5s ease-out .8s both;
    }

    .swiper-slide > .wiper-slide-more {
        position: relative;
        display: block;
        width: 8.625rem;
        height: 3rem;
        margin: auto;
        color: #fff;
        border: 0.0625rem solid;
        border-radius: 1.5rem;
        text-align: center;
        animation: fadeInDown .5s ease-out 1.2s both;
    }

    .wiper-slide-more span {
        line-height: 3rem;
        font-size: 1.125rem;

        color: #fff;
    }

    .swiper-container:not(.swiper-navbar) .swiper-button-next,
    .swiper-container:not(.swiper-navbar) .swiper-button-prev {
        width: 8rem;
        height: 8rem;
        border-radius: 50%;
        transform: translateY(-50%);
        background-size: 2rem 2rem;
        background-color: rgba(31, 45, 61, 0.11);
    }

    .swiper-container:not(.swiper-navbar) .swiper-button-next {
        background-position: 2rem;
        right: -3rem;
    }

    .swiper-container:not(.swiper-navbar) .swiper-button-prev {
        background-position: 4rem;
        left: -3rem;
    }

    /**产品系*/
    .container-fluid .product-container {
        width: calc(100% - 2rem);
        display: inline-block;
        margin: 0 1rem 0.8125rem;
    }

    .container-fluid .product-video .mask {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, .3);
    }

    /***播放图标***/
    .container-fluid .product-video .video-play {
        width: 5rem;
        height: 5rem;
        background: url(../image/home_btn_play.png) no-repeat 50%;
        background-size: 3.75rem 3.75rem;
        margin-top: -2.5rem;
        margin-left: -2.5rem;
        cursor: pointer;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transition: all .35s;
        transition: all .35s;
        z-index: 4;
    }

    .container-fluid .product-info, .container-fluid .product-video {
        position: relative;
        display: inline-block;
        width: calc(50% - 0.5rem);
        height: 43.875rem;
        margin-right: 1rem;
        float: left;
        overflow: hidden;
    }

    .container-fluid .product-info .brand-img,
    .container-fluid .product-video .brand-img {
        width: 100%;
        height: 100%;
    }

    .container-fluid .product-info .brand-img .img,
    .container-fluid .product-video .brand-img .img {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .container-fluid .product-video > .product-video-details,
    .container-fluid .product-info > .product-info-details,
    .container-fluid .product-group .product-group-item .product-group-item-details {
        position: absolute;
        width: 100%;
        top: 5.3125rem;
        z-index: 2;
    }

    .container-fluid .product-group .product-group-item .product-group-item-details {
        top: 11.375rem;
    }

    .container-fluid .product-info:last-child,
    .container-fluid .product-video:last-child {
        margin-right: 0;
    }

    .container-fluid .product-video .product-video-content,
    .container-fluid .product-info .product-info-content {
        font-weight: bold;
        text-align: center;
        font-size: 2.5rem;

    }
    .container-fluid .product-video .product-video-content,
    .container-fluid .product-video .product-video-explain
    {
        color: #fff;
    }
    .container-fluid .product-video .product-video-explain,
    .container-fluid .product-info .product-info-explain,
    .container-fluid .product-info .product-info-more,
    .container-fluid .product-group > .product-group-item .product-group-item-content,
    .container-fluid .product-group > .product-group-item .product-group-item-explain,
    .container-fluid .product-group > .product-group-item .product-group-item-more {
        text-align: center;
    }

    .container-fluid .product-video .product-video-explain,
    .container-fluid .product-info .product-info-explain {
        font-size: 1.5rem;
        margin-top: 1.4375rem;
    }

    .container-fluid .product-info .product-info-more {
        position: relative;
        font-size: 1.25rem;
        margin-top: 2.4375rem;
    }

    .container-fluid .product-group {
        width: 100%;
        height: 31.4375rem;
    }

    .container-fluid .product-group > .product-group-item {
        width: calc(33.333% - 1rem);
        position: relative;
        height: inherit;
        float: left;
        overflow: hidden;
        margin-right: 1rem;
    }

    .container-fluid .product-group > .product-group-item:last-child {
        margin-right: 0;
    }

    .container-fluid .product-group > .product-group-item .brand-img {
        width: 100%;
        height: inherit;
    }

    .container-fluid .product-group > .product-group-item .brand-img img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .container-fluid .product-group > .product-group-item .product-group-item-content {
        font-size: 2.25rem;
        font-weight: bold;
        color: #fff;
    }

    .container-fluid .product-group > .product-group-item .product-group-item-explain {
        font-size: 1.5rem;
        margin-top: 1.5rem;
        color: #fff;
    }

    .container-fluid .product-group > .product-group-item .product-group-item-more,
    .container-fluid .product-group > .product-group-item .product-group-item-more a
    {
        font-size: 1.125rem;
        margin-top: 2.4375rem;
        color: #fff;
        position: relative;
    }
    .product-group-item .mask {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, .5);
    }

    /**侧边栏**/
    .container-fluid .tool {
        position: fixed;
        z-index: 2;
        right: 2.5625rem;
        bottom: 4.125rem;
    }

    .tool .nav-tabs {
        display: inline-block;
        vertical-align: bottom;
        border-bottom: 0;
    }

    .tool .nav-tabs > li {
        float: none;
    }

    .nav-tabs > li > a {
        border: 0;
    }

    .tool .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        background-color: #1a8bff;
        border: 0;
    }

    .tool .nav > li > a:focus, .nav > li > a:hover {
        background-color: #1a8bff;

    }

    .tool .tab-content {
        display: inline-block;
        margin-right: 10px;
    }

    .tool .tool-item {
        background: #FFFFFF;
        border-radius: 10px;
        box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.35);
    }

    .tool .tool-item .tool-info {
        padding: 2.5rem 2.5rem;
    }

    .tool .tool-item .app-download {
        padding: 1.875rem 2.25rem 1.1875rem;
    }

    .tool-item .app-download .app-download-code {
        display: inline-block;
    }

    .tool-item .app-download div .app-download-code:last-child {
        margin-left: 1.75rem;
    }

    .container-fluid .tool span, .container-fluid .tool a {
        display: inline-block;
        width: 3.75rem;
        height: 3.75rem;
        background-color: rgba(0, 0, 0, .5);
        background-position: 50%;
        background-size: 2.1875rem 1.9375rem;
        border-radius: 3.75rem;
        cursor: pointer;
        background-repeat: no-repeat;
        margin-bottom: 1.5rem;
    }

    .br {
        border: 1px dashed #999;
        margin: 1.3125rem 0 1.9375rem;
    }

    .tool .tool-item .tool-info h5, .tool-item .app-download h5 {
        text-align: center;
        font-size: 1.125rem;
        color: #333;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 1.8125rem;
    }

    .tool-item .app-download h5 {
        font-size: 1.625rem;
    }

    .tool .tool-item .tool-info p, .tool .tool-item .app-download p {
        text-align: center;
        color: #666666;
        font-size: 1rem;
        margin-bottom: 0.875rem;

    }

    /**product.html****/
    .breadcrumb-navbar:not(.breadcrumb-about) {
        position: relative;
        width: 100%;
        height: 16.25rem;
        margin-top: 4.375rem;
    }

    .breadcrumb-navbar:not(.breadcrumb-about) img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .breadcrumb-navbar h2 {
        color: #fff;
        font-size: 2.25rem;
        position: absolute;
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        height: max-content;
        height: -webkit-max-content;
        height: -moz-max-content;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;

    }

    .swiper-navbar {
        background: #FFFFFF;
        margin-bottom: 1.375rem;
        height: 5.625rem;
    }

    .swiper-navbar .swiper-wrapper {
        width: 75rem;
        margin: auto;
    }

    .swiper-navbar .swiper-wrapper .swiper-slide-img {
        width: 1.5rem;
        height: 2rem;
        display: inline-block;
    }

    .swiper-navbar .swiper-wrapper img {
        display: inline-block;
        width: 100%;
        margin-top: -5px;
        object-fit: contain;
        margin-right: 1.5rem;
    }

    .swiper-navbar .swiper-slide:nth-child(2) .swiper-slide-img {
        width: 4.125rem;
    }

    .swiper-navbar .swiper-wrapper p {
        display: inline-block;
        margin: auto 1rem;
        color: #333333;
        font-size: 1.375rem;
    }

    .swiper-navbar .swiper-slide {
        width: 33.333%;
        height: initial;
        line-height: 5.625rem;
    }

    .swiper-slide {
        text-align: center;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        vertical-align: middle
    }
    .swiper-pagination-bullet {
        width: 18pt;
        height: 2pt;
        border-radius: 0;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #3291F3;
    }

    .swiper-navbar .swiper-slide.action .focus-img,
    .swiper-navbar .swiper-slide:hover .focus-img {
        display: none;
    }

    .focus-img {
        display: inline-block;
    }

    .swiper-navbar .swiper-slide.action .blur-img,
    .swiper-navbar .swiper-slide:hover .blur-img {
        display: inline-block;
    }

    .swiper-navbar .swiper-slide-img .blur-img {
        display: none;
    }

    .swiper-navbar .swiper-slide.action p,
    .swiper-navbar .swiper-slide:hover p {
        color: #fff;
    }

    .swiper-navbar .swiper-slide.action,
    .swiper-navbar .swiper-slide:hover {
        background: #348FFF;
    }

    .dropdown-navbar {
        background: #F8F8F8;
    }

    .dropdown-navbar .dropdown-navbar-panel {
        width:90rem;
        height: inherit;
        margin: auto;
    }

    .dropdown-navbar .dropdown-navbar-panel .tabs-panel {
        margin-bottom: 2.5rem;
        display: inline-block;
    }

    .tabs-panel .tab-left {
        width: 20rem;
        height: inherit;
        background: #FFFFFF;
        float: left;
    }

    .tabs-panel .tab-right {
        width: 68.5rem;
        height: inherit;
        float: left;
        padding: 1.25rem;
        background: #FFFFFF;
        margin-left: 1.5rem;
    }


    .tabs-panel .tab-left .list-group .list-group-item {
        border: 0;
        padding: 0;
        /*margin-left: 1.9375rem;*/
        margin-right: 1.375rem;
        margin-top: 2.9375rem;
        cursor: pointer;
    }

    .tabs-panel .tab-left .list-group .list-group-item a {
        display: block;
        position: relative;
        padding-left: 1.9375rem;
        font-size: 1.125rem;
    }

    .tabs-panel .tab-left .list-group .list-group-item.is-active a:after {
        position: absolute;
        content: ' ';
        width: 2px;
        height: 80%;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    .tabs-panel .tab-left .list-group .list-group-item.is-active a:after {
        background: #3291F3;
    }

    .tabs-panel .tab-left .list-group .list-group-item.is-active .glyphicon-menu-right,
    .tabs-panel .tab-left .list-group .list-group-item.is-active a {
        color: #3291F3;
        opacity: 1;
    }

    .tabs-panel .tab-left .list-group .list-group-item .glyphicon-menu-right {
        right: 0;
        opacity: 0;
    }

    .tabs-panel .tab-right .tab-item:not(.tab-item-book) {
        width: calc(33.33% - 0.875rem);
        float: left;
        height: 20.625rem;
        margin-right: 1.3125rem;
        margin-bottom: 3rem;
    }
    .tabs-panel .tab-right .tab-item.tab-item-book{
        width: calc(50% - 0.875rem);
        float: left;
        height: 28.75rem;
        margin-right: 1.3125rem;
        margin-bottom: 3rem;
        box-shadow: 0px 0px 3.125rem 0px rgba(204,204,204,0.35);
    }
    .tabs-panel .tab-right .tab-body {
        width: 100%;
        padding: 26px;
        text-align: left;
        display: inline-block;
    }

    .tabs-panel .tab-right .tab-body .tab-item:nth-child(3n) {
        margin-right: 0;
    }

    .tabs-panel .tab-right:not(.tab_pc_service) .tab-body .tab-image {
        position: relative;
        overflow: hidden;
        padding: 44px 33px;
        background: #F1F1F1;
    }

    .tabs-panel .tab-right .tab-body .image-arrow:after {
        content: "";
        display: block;
        width: 0;
        height: 2.375rem;
        bottom: 1rem;
        right: 1rem;
        position: absolute;
        padding: 1.0625rem 0;
        border-radius: 30px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAeCAYAAABAFGxuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXtJREFUeNrM17FLAmEYx3HvhCJCaCgoWqQpnKLN1kJwsLVwcYiag4akof6BWmqIdl1yEEEQIqKllIbABkFa3FrKqDAIorffAx69Pbh4dy/P+8Jni5cvdve87zlKqYiBlYR6kA1cA1F5uIG9QLvQLxaiNfhRf+sEon72CjssBhfq/yrBqHQYGYECi7uGCekw4sAhi3uAWekwzzZ75jqQsCGMrMOXFvcCSzaEkWV40+I+YdWGMLIAT1rcN2zZEEbi0GYvxYENYWQSGizujA9iiTAyDlUWV4Ex729o3hg5xX2uW8hA17YwWi1IuxH7Vhc+KMwREoMaiypDCl6lHv4puGMP/6n+ZkpEzcGjFkRn6b70HFscMP03pAfsCrxrUT3ISB9JWXbDeIak9CG+M+BONi957aHhfcTevCbMSF4U6d5fZFFXw9z7TUTRl9Ilizof9ksp7KhpuGdRx+BKf76l+7PJG5y7fvcy8a/c7I+GXJB9HEO3njh0gmzwK8AA7fywbkql08wAAAAASUVORK5CYII=);
        background-position: 50%;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 22px;
        transition: all .5s ease-out;
    }

    .tabs-panel .tab-right .tab-body .tab-image:hover .image-arrow:after {
        width: 3.625rem;
        background-color: rgba(0, 0, 0, .34);
        padding: 1.0625rem 1.625rem;
    }

    .tabs-panel .tab-right .tab-body .tab-item-title {
        color: #333333;
        font-size: 1.125rem;
        padding: 0 0.625rem;
        text-align: left;
    }

    .tabs-panel .tab-right .tab-body .tab-item-explain {
        color: #888888;
        font-size: 0.875rem;
        padding: 0 0.625rem;
        text-align: left;
    }

    .tabs-panel .tab-right.tab_pc_service .tab-body .tab-item-book .tab-item-title {
        text-align: center;
        font-size: 1.125rem;
        margin: 0;
        padding: 1.75rem 0 2.4375rem;
    }
    .tabs-panel .tab-right.tab_pc_service .tab-body .tab-item-title {
        font-size: 1.125rem;
        color: #888;
    }
    .tabs-panel .tab-right.tab_pc_service .tab-body .tab-item-book .book-btn {
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        margin: auto;
    }
    .book-btn a {
        display: inline-block;
        width: 9.75rem;
        height: 3rem;
        line-height: 3rem;
        text-align: center;
        border: 1px solid #34A9FF;
        /* padding: 0.6rem 2rem; */
        /* margin-left: 5%; */
        font-size: 1.125rem;
        border-radius: 3rem;
    }
    .book-btn a:last-child {
        background: #34A9FF;
        color: #fff;
        margin-left: 3.375rem;
    }


    /**service.html***/
    .panel-group .panel {
        border: 0;
        border-radius: 0;
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    [class^="pagination_"] {
        width: 100%;
        position: relative;
    }

    [id^="answer_accordion_"] .panel-heading i,
    [id^="pc_answer_accordion_"] .panel-heading i {
        right: 0;
        position: absolute;
        height: max-content;
        height: -webkit-max-content;
        height: -moz-max-content;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    [id^="pc_answer_accordion_"] .panel-heading span {
        font-size: 1rem;
        color: #333;
    }

    [id^="pc_answer_accordion_"] .panel-heading.collapsed {
        border: 0;
    }

    [id^="answer_accordion_"] .panel-heading,
    [id^="pc_answer_accordion_"] .panel-heading {
        position: relative;
        height: auto;
    }

    [id^="answer_accordion_"] .panel .panel-collapse,
    [id^="pc_answer_accordion_"] .panel .panel-collapse {
        font-size: 1rem;
        color: #888888;
    }

    .panel-heading:not(.panel-question) {
        width: calc(100% - 16pt);
        display: inline-block;
        position: relative;
        padding:  0 0 2.125rem;
    }


    .tabs-panel .tab-right.tab_pc_service .tab-body .tab-image {
        position: relative;
        overflow: hidden;
        background: #F1F1F1;
    }

    .tabs-panel .tab-right .tab-body .video-play {
        width: 5rem;
        height: 5rem;
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        cursor: pointer;
        background: url(../image/home_btn_play.png) no-repeat 50%;
        background-size: 3.75rem 3.75rem;
        -webkit-transition: all .35s;
        transition: all .35s;
    }

    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover {
        background-color: #409eff;
        cursor: pointer;
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {background-color: #f4f4f5;}
    .pagination > li a {
        padding: 0.1875rem 0.6875rem;
        margin: 0 0.3125rem;
        border: 0;
        cursor: pointer;
    }
    .service-art, .service-cooperation {
        display: inline-block;
        position: relative;
        width: 100%;
        min-height: 19.25rem;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: max-content;
        height: -webkit-max-content;
        height: -moz-max-content;
        margin-bottom: 20px;
    }
    .service-art-body {
        position: absolute;
        display: inline-block;
        width: max-content;
        width: -moz-max-content;

        /*border: 1px solid;*/
        /*width: max-content;*/
        /*min-width: max-content;*/
        margin: auto;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        height: 19.25rem;

    }
    .service-cooperation-body {
        position: absolute;
        display: inline-block;
        width: max-content;
        width: -moz-max-content;
        /*border: 1px solid;*/
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 100%;
        /*display: table;*/
    }
    .service-cooperation-body .service-cooperation-wrapper{
        display: table;
        vertical-align: middle;
    }
    .service-art-body .service-art-item {
        float: left;
        padding-right: 7.25rem;
    }

    .service-art-body .service-art-item h3 {
        color: #FFFFFF;
        font-size: 1.5rem;
        margin: 0;
        vertical-align: middle;
        padding-top: 4.125rem;
        padding-bottom: 3.25rem;
    }

    .service-art-body .service-art-item h3 img {
        margin-right: 0.6875rem;
        width: 1.9375rem;
    }

    .service-art-body .service-art-item p {
        color: #FFFFFF;
        font-size: 1.125rem;
    }

    .service-art-body .service-art-follow {
        float: left;
        /*width: 30%;*/
        /*padding-bottom: 3rem;*/
    }

    .service-art-body .service-art-follow h3 {
        /*padding: 2rem 0;*/
        margin: 0;
        padding-bottom: 2.375rem;
        padding-top: 2.875rem;
        font-size: 1.5rem;
        color: #FFFFFF;
    }

    .service-art-body .service-art-follow .service-art-code-item {
        float: left;
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        padding-right: 2.5rem;
    }

    .service-art-body .service-art-follow .service-art-code-item img {
        max-width: 8.25rem;
    }

    .service-art-body .service-art-follow .service-art-code-item p {
        text-align: center;
        color: #FFFFFF;
        font-size: 1rem;
        margin-top: 0.75rem;
        padding-bottom: 2.5625rem;
    }

    .service-art-body .service-art-follow .service-art-code-item:nth-child(2n+2) {
        margin-right: 0;
    }

    .service-cooperation .service-cooperation-btn {
        /*float: left;*/
        /*padding-bottom: 8rem;*/
        display: table-cell;
        vertical-align: middle;
    }

    .service-cooperation .service-cooperation-btn h2 {
        font-size: 1.875rem;
        width:20.625rem;
        margin: 0;
        color: #FFFFFF;
        padding: 0 0 2.1875rem;
    }

    .service-cooperation .service-cooperation-info h2 {
        width: 100%;
        color: #FFFFFF;
        margin: 0;
        font-size: 1.5rem;
        padding-bottom: 2rem;
    }

    .service-cooperation .service-cooperation-info .service-cooperation-item {
        vertical-align: middle;
        height: max-content;
        height: -webkit-max-content;
        height: -moz-max-content;
        margin-bottom: 0.5rem;
    }

    .service-cooperation .service-cooperation-info .service-cooperation-item-code,
    .service-cooperation .service-cooperation-info .service-cooperation-attr {
        display: inline-block;
        vertical-align: top;
    }

    .service-cooperation .service-cooperation-info .service-cooperation-item-code {
        width: 7.5rem;
        margin-right: 0.9375rem;
    }

    .service-cooperation .service-cooperation-info .service-cooperation-attr > div {
        padding: 0 0  1.0625rem;
        color: #FFFFFF;
        font-size: 1.25rem;
    }

    .service-cooperation .service-cooperation-info .service-cooperation-attr > div > img {
        width: 1.25rem;
        margin-right: 10px;
    }

    .service-cooperation .service-cooperation-btn a {
        padding: 1rem 3rem;
        background: #3291F3;
        color: #FFFFFF;
        font-size: 1.25rem;
        border-radius: 3rem;
    }

    .service-cooperation .service-cooperation-info {
        float: right;
        padding-left: 14.0625rem;
        /*padding: 2rem 0 2.5rem;*/
    }
    /***download.html***/
    .download-product-item-pc {
        height: 37.5rem;
        position: relative;
    }
    .download-product-item-pc > img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .download-product-item-pc:nth-child(2n+1) .download-product-body {
        left: 20%;
    }
    .download-product-body {
        position: absolute;
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        height: max-content;
        height: -webkit-max-content;
        height: -moz-max-content;
        top: 25%;
        z-index: 2;
        animation: fadeInDown .5s ease-out .2s both;
    }
    .download-product-body h2 {
        color: #333333;
        margin-bottom:1.6875rem;
        animation: fadeInDown .5s ease-out .2s both;
        font-size: 2.25rem;
    }
    .download-product-item-btn .download-product-code {
        float: left;
        position: relative;
    }
    .download-product-item-btn a {
        display: inline-block;
        width: 18.125rem;
        height: 4.375rem;
        line-height: 4.375rem;
        text-align: center;
        margin-right: 1.8125rem;
        margin-top: 1.8125rem;
        background: #038CFF;
        border-radius: 10rem;
        font-size: 1.125rem;
        color: #fff;
    }
    .download-product-item-btn a img {
        width: 8%;
        display: inline-block;
        margin-right: .8rem;
        vertical-align: middle;
    }
    .download-product-item-pc:nth-child(2n) .download-product-body {
        right: 8%;
        z-index: 99;
    }
    .download-product-body .download-product-body-explain {
        width: 37.5rem;
        font-size: 1rem;
        color: #999999;
    }
    .download-product-item-btn .download-product-code .dropdown-menu img {
        display: inline-block;
        width: 100%;
    }


    /**about.html***/




    .profile-div {
        margin-top: 50px;
        position: relative;
    }

    .profile-div img {
        display: block;
        width: 100%;
    }

    .profile-div .profile-article {
        width: 90rem;
        bottom: -8.75rem;
        right: 0;
        left: 0;
        margin: auto;
        background: #3291F3;
        position: absolute;
    }
    .profile-div h3 {
        text-align: center;
        padding: 2.9375rem 0;
        font-size: 2.75rem;
        color: #fff;
        -webkit-animation: fadeInDown .5s ease-out .2s both;
        animation: fadeInDown .5s ease-out .2s both;
    }

    .profile-div .profile-article p {
        width: 78%;
        text-align: left;
        margin: 0 auto 3rem;
        text-indent: 3rem;
        font-size: 1.125rem;
        color: #fff;
    }

    .profile-div .profile-article p:nth-child(2) {
        -webkit-animation: fadeInDown .5s ease-out .2s both;
        animation: fadeInDown .5s ease-out .4s both;
    }

    .profile-div .profile-article p:nth-child(3) {
        -webkit-animation: fadeInDown .5s ease-out .2s both;
        animation: fadeInDown .5s ease-out .6s both;
    }

    .profile-div .profile-article p:nth-child(3) {
        -webkit-animation: fadeInDown .5s ease-out .2s both;
        animation: fadeInDown .5s ease-out .8s both;
    }

    .profile-div .profile-article p:nth-child(4) {
        -webkit-animation: fadeInDown .5s ease-out .2s both;
        animation: fadeInDown .5s ease-out 1s both;
    }

    .profile-div .profile-article p:last-child {
        margin: 6rem auto;
        font-size: 1.25rem;
        animation: fadeInDown .5s ease-out 1.2s both;
    }

    .profile-value {
        display: none;
    }

    .profile-div-box, .profile-describe, .profile-history, .profile-founder, .profile-News {
        margin: auto;
        height: initial;
        padding: 0;
        text-align: center;
        display: block !important;
    }

    .profile-describe .profile-describe-body {
        display: inline-block;
        width: 90rem;
        min-height: 33.125rem;
        height: initial;
    }

    .profile-describe-box {
        background: #fff;
        padding-top: 1px;
    }

    .profile-describe .title-describe {
        margin-top: 140px;
        text-align: center;
        margin-bottom: 40px;
    }

    .profile-describe .title-history, .profile-News > h3 {
        text-align: center;
        padding-bottom: 20px;
    }

    .profile-describe .title-describe h4, .profile-describe .title-history h4, .profile-News > h3 {
        font-size: 2.75rem;
        padding: 4.6525rem 0 2.25rem;
        position: relative;
    }

    .profile-describe .title-describe h4:after, .profile-describe .title-history h4:after, .profile-News > h3:after {
        content: "";
        width: 50px;
        height: 6px;
        background: #3291f3;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .profile-describe .profile-brand {
        width: calc(33.3% - 1.5rem);
        margin-bottom: 0;
        height: 33.125rem;
        margin-right: 2.25rem;
        float: left;
        box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    }
    .profile-describe .profile-brand > .brand-img {
        position: relative;
        width: 28.5rem;
        height: 20.875rem;
        display: inline-block;
        overflow: hidden;
        color: #fff;
    }
    .news-item > .brand-img{
        position: relative;
        width: 28.5rem;
        height: 17rem;
        display: inline-block;
        overflow: hidden;
        color: #fff;

    }
    .profile-describe .profile-brand > .brand-img > .brand-img{
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        height: 9.375rem;
        height: -webkit-max-content;
        height: -moz-max-content;
        margin: auto;
        text-align: center;
    }
    .profile-describe .profile-brand > .brand-img > .brand-img img {
        width: 5.625rem;
        display: inline-block;
        margin-bottom: 1.375rem;
    }
    .profile-describe .profile-brand > .brand-img > .brand-img p {
        font-size: 1.25rem;
    }
    .profile-describe .profile-brand:nth-child(2n+3), .profile-News .news-item:nth-child(2n+3) {
        margin-right: 0;
    }
    .profile-describe .profile-brand > p{
        padding: 2.125rem 2rem 5.3125rem 2.0625rem;
        color: #666666;
        text-align: left;
        font-size: 1rem;
    }

    .profile-history h3, .profile-founder > h3, .profile-history .panel-group {
        display: none;
    }

    .profile-history .profile-history-list {
        width: 90rem;
        margin: 2.125rem auto 0;
        padding: 0;
    }

    .profile-history .profile-history-list li {
        width: 100%;
        background: #fff;
        margin-bottom: 1.875rem;
        display: inline-block;
    }

    .profile-history .profile-history-list .profile-image {
        float: left;
    }

    .profile-history .profile-history-list .profile-image img {
        display: block;
        width: 16.25rem;
    }

    .profile-history .profile-history-list .profile-history-text {
        float: left;
        width: 75%;
        margin: 1.625rem 2.625rem
    }

    .profile-history .profile-history-list .profile-history-time {
        color: #3291f3;
        text-align: left;
        font-size: 1.625rem;
    }

    .profile-history .profile-history-list .profile-history-content {
        color: #666;
        text-align: left;
        font-size: 1rem;
    }

    .profile-founder .profile-founder-body {
        width: 90rem;
        position: relative;
        display: inline-block;
    }

    .profile-founder img {
        width: 50%;
        margin: 0;
        float: left;
    }

    .profile-founder .profile-founder-text {
        width: 50%;
        right: 0;
        padding: 2.25rem 3.6875rem;
        position: absolute;
        background: rgb(238, 238, 238);
        height: 100%;
    }

    .profile-founder .profile-founder-text h3 {
        text-align: left;
        font-size: 1.875rem;
        color: #333;
    }

    .profile-founder .profile-founder-text p {
        padding: 3rem 0;
        /*line-height: 30px;*/
        text-align: left;
        font-size: 1.125rem;
        color: #666;
    }

    .profile-founder .profile-founder-text h4 {
        color: #333;
        font-size: 1.5rem;
        font-weight: 400;
        position: absolute;
        bottom: 3.25rem;
        right: 2.25rem;
    }

    .profile-News .profile-News-body {
        display: inline-block;
    }

    .profile-News > h3 {
        margin-bottom: 3.125rem;
    }

    .profile-News .news-item {
        width: calc(33.33% - 1.5rem);
        float: left;
        height: 27.5rem;
        margin-right: 2.25rem;
        box-shadow: 0 2px .75rem 0 rgb(0 0 0 / 10%);
    }

    .profile-News .news-item h3 {
        font-size: 1.25rem;
        text-align: left;
        margin: 0;
        padding: 1.6875rem 1.1875rem;
        color: #333;
    }
    .profile-News .news-item-tool {
        width: 100%;
        padding: 2.2rem 1.5rem 1.5rem;
        display: inline-block;
    }

    .profile-News .news-item-tool span {
        float: left;
        text-align: left;
        width: 50%;
        color: #686e80;
        font-size: 1rem;
    }
    .profile-News .news-item-tool span a:hover {
        color: #3291f3;
    }
    .profile-News .news-item-tool span.news-item-time {
        text-align: right;
        color: #999;
    }

    .profile-News .profile-News-more {
        display: none;
    }

    .profile-News .profile-News-body .pagination {
        margin: 2.5rem 0;
    }

    /****footer***/
    .footer_accordion_pc {
        width: 100%;
        background: #272727;
        padding: 2.5625rem 0 0;
        display: inline-block;
        text-align: center;

    }

    .footer_accordion_pc .list-group {
        float: left;
        min-width: 3rem;
        margin-right: 7em;
        background: initial;
        border: 0;
    }

    .footer_accordion_pc .list-group-item {
        padding: 0;
        margin-bottom: 1.25rem;
        background: initial;
        border: 0;
        background: none;
    }

    .footer_accordion_pc .list-group-item:first-child {
        margin-bottom: 1.9375rem;
    }

    .footer_accordion_pc .list-group-item:first-child a {
        font-size: 1.25rem;
        color: #EEEEEE;
    }

    .footer_accordion_pc .list-group-item a {
        color: #999999;
        font-size: 1rem;
    }

    .footer_accordion_pc .list-group-item:nth-child(n+2) a:hover {
        color: #409eff
    }

    .footer_accordion_android {
        display: none;
    }

    .footer_accordion_pc .footer_accordion {
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        margin: auto;
        display: inline-block;
    }

    .panel.brown .company {
        color: #EEEEEE;
        margin: 0;
        padding: 0 0.9375rem;
        font-size: 1.8rem;
        text-align: left;
    }

    .panel.brown .company h5 {
        font-size: 1.875rem;
        margin: 0;
        line-height: normal;
        padding: 0.625rem 0;
    }

    .panel.brown .company p {
        padding: 0.625rem 0;
        font-size: 1.125rem;
        color: #AAAAAA;
    }

    .panel.brown .contact-with-us {
        margin: 4rem 0;
        color: #FFFFFF;
        padding: 0 0.9375rem;
        font-size: 1.125rem;
        text-align: left;
    }

    .panel.brown {
        float: left;
        margin-left: 1.5rem;
    }

    .copyright {
        clear: left;
        text-align: center;
        color: #666666;
    }

    .copyright p {
        display: inline-block;
        margin-right: 6.375rem;
        font-size: 0.875rem;
    }

    .copyright p a {
        color: #666666;
    }

    .container-fluid > .phone, .container-fluid > .backtop {
        display: none !important;
    }
    .container-fluid>.container-details{
        width: 40%;
        margin: auto;
    }
    .container-details-top{
        width: 39.7%;
        font-size: 16px;
    }

}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
    }
}