* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0)
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

body {
    font-family: "Noto Sans SC", "Microsoft Yahei", sans-serif;
    overflow-x: hidden
}
body.no-scroll {
    position: fixed;
    left: 0;
    right: 0
}

a {
    text-decoration: none;
    transition: .3s ease color, .3s ease opacity, .3s ease transform
}

img {
    border: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

[data-appear-animation=slide-up] {
    transform: translateY(50px);
    opacity: 0;
    transition: .8s ease transform, .8s ease opacity
}

html.ie [data-appear-animation=slide-up] {
    opacity: 1;
    transform: translateY(0)
}

[data-appear-animation=slide-up].is-inview {
    opacity: 1;
    transform: translateY(0)
}

[data-appear-animation=slide-up].delay {
    transition-delay: 1s
}


[data-appear-animation=fade-in] {
    opacity: 0;
    transition: .8s ease opacity
}

[data-appear-animation=fade-in].is-inview {
    opacity: 1
}

[data-appear-animation=text] {
    visibility: hidden
}

[data-appear-animation=text] .appear-text {
    display: flex;
    flex-direction: column
}

[data-appear-animation=text] .appear-text-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

[data-appear-animation=text] .appear-text-wrapper {
    overflow: hidden;
    display: block
}

[data-appear-animation=text] .appear-text-inner {
    display: block;
    transform: translateY(100%);
    transition: .8s ease transform
}

[data-appear-animation=text] .appear-text-inner.active {
    transform: translateY(0)
}

.app-marquee__home .item .text .intro,
.app-marquee__home .item .text .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-about-develop__swiper .content-slide .big {
    font-size: 240px
}

.app-banner__home .swiper-slide .inner .app-container .text .title {
    /* font-size: 110px */
    font-size: 4vw;
}

.app-about-develop__swiper .year-swiper .swiper-slide,
.app-about-develop__swiper .content-slide .main-title,
.app-about-banner .inner .app-container .text .title,
.app-case-banner .swiper-slide .inner .app-container .text .title,
.app-section__normal-content .empty,
.app-section__normal-header .title,
.app-common-title.big h2 {
    font-size: 80px
}

.app-tarzan-related-main .infos-title,
.app-tarzan-intro,
.app-tarzan-banner .screen-1 small,
.app-about-base__swiper .slide .title,
.app-about-market__swiper .swiper .market-slide .head .title,
.app-about-banner .inner .app-container .text .small-title,
.app-contact-service .item .content .phone-number,
.app-certification-practice .introduce .title,
.app-certification-position .item .title,
.app-medical-intor .introduce .title,
.app-train-exam .item-main .title,
.app-content-head h1,
.app-list-mz-infos .top-title,
.app-serve-added-mudule .inner h3,
.app-serve-type-mudule .icon,
.app-shutter__home-items .item-content .head .name,
.app-section__news-head,
.app-common-title h2 {
    font-size: 34px
}

.app-about-layout__wrap .data .numbers .cell .big,
.app-about-market__swiper .swiper .market-slide .foot .big,
.app-section__normal-content .numbers .cell .big {
    font-size: 70px
}

.app-tarzan-title {
    font-size: 60px
}



.app-product-overview__infos .title,
.app-banner__page-inner h1 {
    font-size: 46px
}



.app-about-layout__wrap .map-wrap .postion .location,
.app-school-teachers .item .content .number,
.app-solution-area__control .tabs .tab,
.app-content-head .ribbon .icons,
.app-list-news .item-date .big,
.app-marquee__home .item .text .title,
.app-section__contact .contact .inner,
.app-about-fast .item-inner .intor,
.app-section__contact .contact .inner_ayu {
    font-size: 30px
}

.app-customer-icons .popup-inner .code-app .text,
.app-about-market__swiper .swiper .market-slide .foot .big sup,
.app-case-banner .swiper-slide .inner .app-container .text,
.app-solution-area__contents .content .items .item h4,
.app-serve-type-mudule .title,
.app-marquee__case .item .text .title,
.app-shutter__home-items .item .text .name {
    font-size: 24px
}


.app-customer-icons .popup-inner .item-infos .list .big,
.app-customer-icons,
.app-tarzan-related-main,
.app-tarzan-related .tabs .tab,
.app-tarzan-honor-main .list li,
.app-tarzan-honor-main,
.app-about-super .item .text,
.app-about-develop__swiper .content-slide .main-list li,
.app-about-market-tabs,
.app-about-fast .item-inner .title,
.app-product-download .data .title,
.app-product-specifications table tr:first-child td,
.app-product-features h4,
.app-product-introduce table th,
.app-product-overview__infos .list,
.app-product-series .products .item .infos .title,
.app-product-main__content .title,
.app-product-recommend .item .infos .title,
.app-product-row .item .title,
.app-case-says__cell .inner .content .head .title,
.app-contact-other .item-main .infos .title,
.app-contact-agency .title,
.app-contact-service .item .content .title,
.app-school-innovation .app-serve-type-mudule .title,
.app-program-hot .item .content .title,
.app-program-hot .item .content,
.app-program-solve .app-down-main .item .title,
.app-partner-manage .item .title,
.app-partner-type .item .title,
.app-partner-process .item,
.app-maintenance-client .item .title,
.app-maintenance-stance .tips .title,
.app-maintenance-stance .table th,
.app-maintenance-stance .table tr.head td,
.app-certification-practice .introduce .intor h4,
.app-certification-study .item .content .title,
.app-certification-advantage .item .title,
.app-certification-cooperation .item .head .title,
.app-medical-practice .item .single .title,
.app-medical-scheme .item .title,
.app-medical-value .item .title,
.app-medical-intor .plate .name,
.app-down-tabs .tab,
.app-train-question .item .title,
.app-train-value .item .title,
.app-train-study .item-main .infos .title,
.app-train-intor .items .item h3,
.app-list-activity .title,
.app-serve-hot .tabs .tab,
.app-serve-type-mudule .intor .big,
.app-shutter__home-items .item .text,
.app-shutter__home-items .item-content .related,
.app-shutter__home-items .item-content,
.app-section__news-main__cell .title,
.app-section__normal,
.app-banner__home-enter .inner .items,
.app-banner__home .swiper-slide .inner .app-container .text,
body {
    font-size: 20px
}

.app-about-base__swiper .slide .list li,
.app-about-layout__wrap .data .numbers .cell .big sup,
.app-product-features p,
.app-case-banner-play,
.app-program-solve .menu-wrap li.active a,
.app-maintenance-client .item .intor,
.app-certification-position .item .head-step,
.app-solution-area__contents .content .items .item p,
.app-medical-intor .introduce .intor,
.app-down-contents .content-videos .item-title h4,
.app-down-contents .content-main .item .details-table .inner-table th,
.app-down-contents .content-main .item .details .wrap-table td:first-child,
.app-down-contents .content-main .item .head-title h4,
.app-down-tabs .tab a,
.app-down-tabs .tab h2,
.app-down-sub .menu-wrap li a,
.app-down-sub .menu-wrap li span,
.app-train-system-head .item,
.app-content-related .item,
.app-content-main,
.app-list-news .item-content h3,
.app-serve-hot .contents .content .item .title,
.app-submenu-menu li a,
.app-submenu-menu li span,
.app-submenu-menu li h2,
.app-section__normal-content .numbers .cell .big sup,
.app-banner__page-inner .inner-intor,
.app-footer__main dl dt,
.app-header__main-product .wrap>.content .tabs-content .menus .sidemenu li a,
.app-header__main-product .wrap>.content .tabs-content .menus dl dd ul li.big a,
.app-header__main-product .wrap>.content .tabs-content .menus dl dt,
.app-header__main-product .wrap>.content .enter-title,
.app-header__main-product .wrap .side .more a,
.app-common-description {
    font-size: 18px
}

.navicard {margin-top: 80px; margin-left: auto; padding-left: 20px; }
.navicard>a {border-radius: 20px; color: #333; display: block; background-color: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, .1); display: block;}
.navicard>a .more:hover {color: #08f;}
.navicard img {width: 100%;max-width: 248px;height: auto;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.navicard .content {padding: 28px;font-size: 14px;text-align: left;}
.navicard .title {padding-bottom: 8px;}
.navicard .intor {padding-bottom: 14px;}


.app-header__inner {
    font-size: 16px
}

.app-about-market__swiper .swiper .market-slide .head .intor,
.app-about-banner .inner .app-container .text .intro,
.app-product-specifications table td,
.app-product-introduce table td,
.app-product-overview__infos .list li::marker,
.app-product-series .filter-pag .options li span,
.app-product-series .filter-pag .options,
.app-product-series .filter-pag,
.app-product-series .filter-head .title,
.app-product-main__content .carte,
.app-product-sub .menu-wrap li a,
.app-product-sub .menu-wrap li span,
.app-case-filter__head,
.app-case-banner-tabs .tab,
.app-contact-social .icons .title,
.app-medical-practice .item .single .other,
.app-down-contents .content-main .item .details-table .tips,
.app-down-contents .content-main .item .details-table .inner-table td,
.app-down-contents .content-main .item .details-table .title,
.app-down-contents .content-main .item .details-intor,
.app-down-contents .content-main .item .details-ware .down,
.app-down-contents .content-main .item .details-ware .name,
.app-train-system-main table .module.grey,
.app-content-head .ribbon .icons .date,
.app-list-news .item-date .small,
.app-submenu-crumbs,
.app-marquee__case .item .text .intro,
.app-marquee__home .item .text,
.app-section-wrap-more,
.app-section__contact .contact .inner .more a,
.app-section__contact .contact .inner_ayu .more a,
.app-section__news-more,
.app-section__news-main__cell .inner .list .item .title,
.app-banner__page-module .modules .item>.text,
.app-footer__aside .contact .item .content dl dd,
.app-header__main-product .wrap .side .classifys .classify ul li,
.app-header__main-product .wrap .side .sorts .sort,
.app-header__main,
.app-text-more {
    font-size: 16px
}

.app-customer-icons .popup-inner .code-pic .text,
.app-customer-icons .popup-inner .item-infos .list .small,
.app-about-layout__wrap .data .numbers,
.app-about-layout__wrap .data .title,
.app-product-series .products .item .infos .ohter,
.app-product-series .filter-pag.search .text,
.app-product-series .filter-head .reset,
.app-product-recommend .item .infos .intor,
.app-product-row .item .intor,
.app-case-says__cell .inner .content .head .time,
.app-case-says__cell .inner,
.app-contact-other .item-main .infos,
.app-contact-agency .office-wrap .locations .location,
.app-contact-agency .office-wrap .select select,
.app-contact-agency .intor,
.app-contact-service .item .content .phone-samll,
.app-contact-service .item .content .intor,
.app-school-innovation .app-serve-type-mudule .intor,
.app-school-teachers .item .content .intor,
.app-program-hot .item .content .more a,
.app-program-hot .item .content .intor,
.app-program-solve .app-down-main .more a,
.app-program-solve .app-down-main .item .intor,
.app-partner-type .item .join .more a,
.app-partner-type .item .join .post,
.app-partner-type .item .intor,
.app-maintenance-stance .tips ul li,
.app-maintenance-stance .table td,
.app-certification-practice .introduce .intor,
.app-certification-study .item .content .more a,
.app-certification-study .item .content .more span,
.app-certification-study .item .content .intor,
.app-certification-process .item p,
.app-certification-advantage .item .intor,
.app-certification-cooperation .item .intor li,
.app-certification-position .item .intor,
.app-medical-scheme .item .intor,
.app-medical-value .item .intor,
.app-train-question .item .intor,
.app-train-value .item .intor,
.app-train-study .item-main .infos,
.app-train-exam .item-main .intor,
.app-train-system-main table .module,
.app-train-intor .items .item p,
.app-list-news .item-content .intor,
.app-list-activity .more a,
.app-list-activity .other,
.app-list-activity-items .item .single,
.app-list-mz-infos .top-intor,
.app-serve-hot .contents .content .item .date,
.app-serve-hot .contents .content .item .size,
.app-serve-added-mudule .inner p,
.app-serve-type-mudule,
.app-section__contact .contact .inner .codes .code .text,
.app-section__news-main__cell .inner .list,
.app-section__news-main__cell .inner .single,
.app-section__news-main__cell .intor,
.app-section__news-main__cell .top,
.app-section__normal-content .numbers,
.app-banner__page-inner .inner-small,
.app-banner__page-inner .wrap .keywords,
.app-banner__page-inner .wrap .input input,
.app-banner__home-enter .inner .items .item span.intro,
.app-banner__home-enter .inner .items .item h3.intro,
.app-footer,
.app-header__search input,
.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .more a,
.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .intor,
.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner,
.app-header__main-product .wrap>.content .tabs-content .menus dl dd,
.app-header__main-product .wrap>.content .tabs-content .menus dl.related,
.app-header__main-product .wrap>.content .enter-intor,
.app-header__main-product .wrap>.content .search .input input,
.ie .app-header__main,
.pageBar,
.app-pagination,
.app-common-more {
    font-size: 14px
}

.app-common-description {
    margin-top: 40px
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
        -ms-transform: translateY(100%);
        opacity: 0
    }

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

@keyframes scaleDraw {
    0% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes showHint {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes line {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes light {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

a {
    color: #333;
    transition: 300ms all ease
}

a:hover {
    color: #0560f6
}

.wrapper-main-wrap,
.wrapper-main {
    background: #fff;
    overflow: hidden
}

.wrapper-bright {
    background: #fff
}

.wrapper-grey {
    background: #fafafa
}

.wrapper-dark {
    background-color: #151515
}

.wrapper-pattern,
.wrapper-pattern-13,
.wrapper-pattern-12,
.wrapper-pattern-11,
.wrapper-pattern-10,
.wrapper-pattern-9,
.wrapper-pattern-8,
.wrapper-pattern-6,
.wrapper-pattern-5,
.wrapper-pattern-4,
.wrapper-pattern-3,
.wrapper-pattern-2,
.wrapper-pattern-1 {
    background-position: center bottom;
    background-size: cover;
    background-color: #fdfdfd;
    background-repeat: no-repeat
}

.wrapper-pattern-1 {
    background-image: url(../images/pattern-back-01.jpg)
}

.wrapper-pattern-2 {
    background-image: url(../images/pattern-back-02.jpg)
}

.wrapper-pattern-3 {
    background-image: url(../images/pattern-back-03.jpg)
}

.wrapper-pattern-4 {
    background-image: url(../images/pattern-back-04.jpg)
}

.wrapper-pattern-5 {
    background-image: url(../images/pattern-back-05.jpg)
}

.wrapper-pattern-6 {
    background-image: url(../images/pattern-back-06.jpg)
}

.wrapper-pattern-8 {
    background-image: url(../images/pattern-back-08.jpg)
}

.wrapper-pattern-9 {
    background-image: url(../images/pattern-back-09.jpg);
    background-position: left bottom
}

.wrapper-pattern-10 {
    background-image: url(../images/pattern-back-10.jpg);
    background-position: center top
}

.wrapper-pattern-11 {
    background-image: url(../images/pattern-back-11.jpg);
    background-position: center top
}

.wrapper-pattern-12 {
    background-image: url(../images/pattern-back-12.jpg);
    background-position: center bottom;
    position: relative;
    z-index: 1
}

.wrapper-pattern-13 {
    background-color: #0846a7;
    background-image: url(../images/pattern-back-13.jpg);
    background-position: center bottom;
    position: relative;
    z-index: 1;
    background-size: contain;
    background-position: right bottom
}


.wrapper-content {
    padding: 80px 0
}


.wrapper-content.no-bottom {
    padding-bottom: 0 !important
}

.wrapper-content.no-top {
    padding-top: 0 !important
}

.wrapper-contentSmall {
    padding: 65px 0
}

.wrapper-contentSmall.no-bottom {
    padding-bottom: 0
}

.wrapper-contentSmall.no-top {
    padding-top: 0
}

.page-dark {
    background-color: #151515
}

.app-common-title {
    display: flex;
    justify-content: center;
    line-height: 1
}

.app-common-title.white {
    color: #fff
}

.app-common-title h2 {
    font-weight: 500
}

.app-common-description {
    color: #666
}

.app-common-description.white {
    color: #fff
}

.app-common-description p {
    line-height: 2;
    text-align: center
}

.app-common-description p span {
    display: block
}


.app-common-more {
    display: inline-flex;
    line-height: 1;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 2em;
    transition: .3s ease border-color;
    border: 1px solid rgba(5, 96, 246, .6);
    border-radius: 5px;
    color: #0560f6;
    transition: 300ms ease all
}



.app-list-mz .app-common-more {
    height: 32px;
    padding: 0 1.5em
}

.partner .app-common-more {
    margin-right: .5em
}

.app-common-more:hover {
    background: #0560f6;
    color: #fff
}

.app-common-more.blue {
    background: #0560f6;
    color: #fff;
    border-color: #fff
}

.app-common-more.blue:hover {
    color: #0560f6;
    background: #fff;
    border-color: #0560f6
}

.app-list-mz .app-common-more.blue:hover {
    color: #fff;
    background: #0b5ee0;
    border-color: #0b5ee0
}

.app-common-more.primary {
    color: #333;
    border-color: #333
}

.app-common-more.primary:hover {
    color: #0560f6;
    border-color: #0560f6;
    background-color: #fff
}

.app-common-more.darkblue {
    background: #0560f6;
    color: #fff;
    border-color: #0560f6
}

.app-common-more.darkblue:hover {
    color: #0560f6;
    border-color: #0560f6;
    background-color: #fff
}

.app-common-more.white {
    color: #0560f6;
    border-color: #fff;
    background-color: #fff
}

.app-common-more.white:hover {
    background: #0560f6;
    color: #fff;
    border-color: #0560f6
}

.app-common-more.transparent {
    color: #fff;
    border-color: #999;
    background-color: rgba(0, 0, 0, 0);
    width: 120px;
    padding: 0 1em
}

.app-common-more.transparent:hover {
    border-color: #fff;
    color: #0560f6;
    background-color: #fff
}

.app-common-center {
    display: flex;
    justify-content: center
}

.app-common__arrow {
    cursor: pointer;
    display: inline-flex;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    top: 50%;
    opacity: .8;
    outline: none
}


.app-common__arrow svg {
    width: 80%;
    height: auto;
    fill: #fff
}

.app-common__arrow:hover svg {
    fill: #0560f6
}

.app-common-contents .content {
    display: none
}

.app-common-contents .content.show {
    display: block
}

.app-common-hint {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, .5);
    z-index: 2;
    opacity: 0;
    pointer-events: none
}

.app-common-hint .icon {
    width: 7.8vw;
    height: 4.5vw;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain
}

.app-common-hint.show {
    animation: showHint 5s 1;
    animation-fill-mode: forwards
}

.app-text-more {
    color: #333;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1
}

.app-text-more::after {
    content: " ";
    width: 13px;
    height: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzM1OTU4NDgzOTdCMTFFRDkxRjJBRjI1MkUyMzI4NzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzM1OTU4NDczOTdCMTFFRDkxRjJBRjI1MkUyMzI4NzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTk2MDgxRDMzOTdBMTFFRDkwQzlFRkM2NzQyNjk2NzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTk2MDgxRDQzOTdBMTFFRDkwQzlFRkM2NzQyNjk2NzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6PZPfJAAACSElEQVR42uyaS0tbYRCGTyTe0IoSKiGESquhIlFoOYgKRbRiBUHcKIh0UVyIG+1CBKXFGhQFcVG6kS7EhbjRTS+YhkYJQi9o9Lf4D9L3wzc4W3NujnTg4XyzEH1yzvm+mTGhQqFg3Ycos+5JhEv9Qdu253FpB3Pgyu0/LJ/P+yOC2OT1BXjuhYxfj9Yyr4/NBwjqtIqkwArXzZR5oPVl/yBkEuAc1GjdtaTMU3AGqrVuv1KmjTKVWs8RKZOkTIXWA1HKdIC/Drf4QE92KfMM/PGjgvDqF0gZmzIhrbWWlOkEvzUXjVKmC/zSXP1KmR5wqrmMlzKmyMxp7kekTC840dxYSZk+cKy5Q5Qy/SCrudWVMi/BT809u5QZABnNwwcpMwh+aJ6iSJlXIA2qNIoUZT5xPSTE1IkkeLYU49alTPgOSLSAS1DLfBx81XZHmjiwKEq8BgfaXvY4uAD1zKfAnrZdK8bHKcJ8BuxoO0eivBMPmb8F29pO9kZKRJkvgI/aaq0IJWLMl6ybQbgakQa+E3Hm78G6tn7EDLbNgPuROMVXtXWIZgZsJo5PmKdKKT+CFim3rieNrczXrJv/qagRMcM4M8fqYL4B3nl5670SMUWfzfUWWPT6RfRCJAe6uTal+bwf26LbIllRjn8Gs34dUm6KZDhIMLELpv0sGdwSSbPnNrEP3vhdwLkh8p3tqYlDMBlEOe1U5AsYFuuxoJobJyLmERrh+hsYDbLVdCIyweuREAosnAwfzB1IsvQIPEL/v691x+KfAAMAgLxh9dQ76w4AAAAASUVORK5CYII=) no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: .1em
}

.app-text-more:hover::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Q0RFRTNFMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3Q0RFRTNGMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjdDREVFM0MzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjdDREVFM0QzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TsB//AAACSUlEQVR42uyau0tcURCH74qPiFEiooiIQY0osi4oi6gQgg80IIiNAQkWi4XYaAoJGBKiS4KCWIiNWCQWYqOND9TFjYjgA19/SzrBZvM7+Fsc7PS+dpYMfNwzxbL7ce69Z2Y0kEgkrHSIDCtNIvO5H8yO3E7g0gDGwV+nf9jd71xvRBBzvL4FTW7IeHVrfee1ElyBAq0iUTDNdTVl8rU+7FNCpgZcgjytby0pUwsuQK5Gkccy9ZTJ0XqOSJkgZbK1HohSJgTObb7ifT3ZpUwjOPOignDrC6RMmDIBrbWWlGkGp5qLRinTAk40V79Spg0cay7jpYwpMo809yNS5h041NxYSZl28EdzhyhlOkBcc6srZTrBgeaeXcp0gZjm4YOU6Qb7mqcoUqYH7IEXGkWSMotcvxdi6kRqeLYk48mlTGYKSLwBN+Al8w9gS9uOvObAIikxBNa1Pezl4Bq8Yj4MVrW9tcp4OxUxHwW/tJ0jpdyJYuafwJK2k72EEqXMP4MFbbVWESXKmH+xHgbhakQK+UyUM/8GZrT1I2awbQbcFeIU/6GtQzQzYDNxrGIefU754bdIlnU/aaxj/tN6+JuKGhEzjDNzrBDzWfDVza13S8QUfWGu58Gk2w+iGyJHoJVrU5pPePFadFokLsrxZTDm1SHlpEiMgwQTK2DEy5LBKZE99twm1kDE6wLOCZEdtqcmNsBHP8ppuyKboFesB/xqbuyImFuoj+tt0O9nq2lHZJDXXSHkW9gZPpgdCLL08D0C//9fK8XinwADAMl8YfUN5bN1AAAAAElFTkSuQmCC)
}

.app-text-more.blue {
    color: #0560f6
}

.app-text-more.blue::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Q0RFRTNFMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3Q0RFRTNGMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjdDREVFM0MzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjdDREVFM0QzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TsB//AAACSUlEQVR42uyau0tcURCH74qPiFEiooiIQY0osi4oi6gQgg80IIiNAQkWi4XYaAoJGBKiS4KCWIiNWCQWYqOND9TFjYjgA19/SzrBZvM7+Fsc7PS+dpYMfNwzxbL7ce69Z2Y0kEgkrHSIDCtNIvO5H8yO3E7g0gDGwV+nf9jd71xvRBBzvL4FTW7IeHVrfee1ElyBAq0iUTDNdTVl8rU+7FNCpgZcgjytby0pUwsuQK5Gkccy9ZTJ0XqOSJkgZbK1HohSJgTObb7ifT3ZpUwjOPOignDrC6RMmDIBrbWWlGkGp5qLRinTAk40V79Spg0cay7jpYwpMo809yNS5h041NxYSZl28EdzhyhlOkBcc6srZTrBgeaeXcp0gZjm4YOU6Qb7mqcoUqYH7IEXGkWSMotcvxdi6kRqeLYk48mlTGYKSLwBN+Al8w9gS9uOvObAIikxBNa1Pezl4Bq8Yj4MVrW9tcp4OxUxHwW/tJ0jpdyJYuafwJK2k72EEqXMP4MFbbVWESXKmH+xHgbhakQK+UyUM/8GZrT1I2awbQbcFeIU/6GtQzQzYDNxrGIefU754bdIlnU/aaxj/tN6+JuKGhEzjDNzrBDzWfDVza13S8QUfWGu58Gk2w+iGyJHoJVrU5pPePFadFokLsrxZTDm1SHlpEiMgwQTK2DEy5LBKZE99twm1kDE6wLOCZEdtqcmNsBHP8ppuyKboFesB/xqbuyImFuoj+tt0O9nq2lHZJDXXSHkW9gZPpgdCLL08D0C//9fK8XinwADAMl8YfUN5bN1AAAAAElFTkSuQmCC)
}

.app-text-more.blue:hover::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC)
}

.app-text-more.white {
    color: #fff
}

.app-text-more.white::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC)
}

.app-text-more.white:hover::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC)
}

.hidden-xs {
    display: block
}

.visible-xs {
    display: none
}


.app-fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: -1
}

html.has-scroll-smooth {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

html.has-scroll-smooth,
html.has-scroll-smooth body {
    overflow: hidden
}

html.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    height: 100vh;
    display: inline-block;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 100%
}

.app-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    z-index: 5000;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    opacity: 0
}

.app-scrollbar:hover {
    transform: scaleX(1.45)
}

.app-scrollbar:hover,
.has-scroll-scrolling .app-scrollbar,
.has-scroll-dragging .app-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .app-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1)
}

[data-scroll-direction=horizontal] .app-scrollbar:hover {
    transform: scaleY(1.05)
}

.app-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: .5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab
}

.has-scroll-dragging .app-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

[data-scroll-direction=horizontal] .app-scrollbar_thumb {
    right: auto;
    bottom: 0
}

.app-container {
    max-width: 1440px;
    width: 78%;
    margin-left: auto;
    margin-right: auto
}

.app-pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.app-pagination-numbers {
    display: flex;
    color: #666;
    align-items: center
}

.app-pagination-numbers li {
    margin: 0 5px;
    width: 40px;
    height: 40px;
    list-style-type: none
}

.app-pagination-numbers li a,
.app-pagination-numbers li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    color: #666;
    border-radius: 5px;
    border: 1px solid #e6e6e6
}

.app-pagination-numbers li a.arrow svg,
.app-pagination-numbers li span.arrow svg {
    fill: #333;
    width: 1.2em;
    height: auto
}

.app-pagination-numbers li a.arrow.right,
.app-pagination-numbers li span.arrow.right {
    transform: rotate(180deg)
}

.app-pagination-numbers li:hover span,
.app-pagination-numbers li:hover a,
.app-pagination-numbers li.active span,
.app-pagination-numbers li.active a {
    background-color: #0560f6;
    color: #fff;
    border-color: #0560f6
}

.app-pagination-numbers li:hover span svg,
.app-pagination-numbers li:hover a svg,
.app-pagination-numbers li.active span svg,
.app-pagination-numbers li.active a svg {
    fill: #fff
}

.app-pagination-page {
    padding-left: 5px;
    padding-right: 30px
}

.app-pagination-jump {
    display: inline-flex;
    align-items: center
}

.app-pagination-jump input {
    width: 35px;
    height: 25px;
    padding: .5em;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    margin: 0 15px
}

.app-pagination-jump button {
    background-color: #0560f6;
    border-radius: 5px;
    height: 25px;
    width: 55px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-left: 5px;
    cursor: pointer
}

.pageBar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #666
}


.pageBar a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    background-color: #fafafa;
    color: #666;
    border-radius: 5px;
    border: 1px solid #e6e6e6
}

.pageBar a img {
    width: 50%;
    height: auto;
    display: block
}

.pageBar a:hover {
    background-color: #fff
}

.pageBar .inp {
    width: 65px;
    height: 40px;
    padding: .5em;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    margin: 0 15px;
    border: 1px solid #e6e6e6;
    outline: none
}

.pageBar .submitBtn {
    background-color: #0560f6;
    border-radius: 5px;
    width: 55px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin-left: 5px;
    cursor: pointer;
    color: #fff
}

.app-header {
    color: #fff;
    z-index: 500;
    position: relative;
    height: 90px;
    z-index: 9999
}

.app-header.active,
.app-header.search,
.app-header.page,
.app-header.drop {
    color: #333
}

.app-header a {
    color: currentColor
}

.app-header__inner {
    padding-left: 80px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: .3s ease background-color;
    z-index: 1
}

.app-header__inner::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: rgba(238, 238, 238, .2);
    z-index: 10
}

.app-header.search .app-header__inner,
.app-header.active .app-header__inner,
.app-header.page .app-header__inner,
.app-header.drop .app-header__inner {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 90px
}


.app-header.search .app-header__inner::after,
.app-header.active .app-header__inner::after,
.app-header.page .app-header__inner::after,
.app-header.drop .app-header__inner::after {
    background-color: rgba(0, 0, 0, .1)
}


.app-header__logo {
    width: 176px;
    flex: 0 0 auto;
    font-size: 0;
    height: 33px;
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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)
}

.app-header__logo h1 {
    font-size: 0 !important
}


.app-header.search .app-header__logo,
.app-header.active .app-header__logo,
.app-header.page .app-header__logo,
.app-header.drop .app-header__logo {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKcAAAAhCAYAAAC8/7spAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkREQUQ5RkVDMjg3QTExRUQ4QTU0RDQwQjI3RkFFMENGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkREQUQ5RkVEMjg3QTExRUQ4QTU0RDQwQjI3RkFFMENGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RERBRDlGRUEyODdBMTFFRDhBNTRENDBCMjdGQUUwQ0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RERBRDlGRUIyODdBMTFFRDhBNTRENDBCMjdGQUUwQ0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Gm1+TAAAKUklEQVR42uxcB5AU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)
}

.app-header__main {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
    flex: 1 1 auto;
    width: 100%;
    height: 100%
}

.app-header__main nav {
    transition: .3s ease opacity, .3s ease visibility;
    height: 100%
}


.app-header__main nav .mian-menus {
    display: flex;
    align-items: center;
    list-style: none;
    height: 100%;
    padding-right: 3em
}


.app-header__main nav .mian-menus>.item {
    margin-right: 3.5em;
    white-space: nowrap;
    height: 100%
}

.app-header__main nav .mian-menus>.item>a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.app-header__main nav .mian-menus>.item>a::after {
    content: " ";
    position: absolute;
    right: -1em;
    top: 50%;
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    -ms-transition: 300ms transform ease;
    transition: 300ms transform ease;
    width: 10px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC) no-repeat;
    background-position: center center;
    background-size: contain
}

.app-header.search .app-header__main nav .mian-menus>.item>a::after,
.app-header.active .app-header__main nav .mian-menus>.item>a::after,
.app-header.page .app-header__main nav .mian-menus>.item>a::after,
.app-header.drop .app-header__main nav .mian-menus>.item>a::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzM1OTU4NDgzOTdCMTFFRDkxRjJBRjI1MkUyMzI4NzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzM1OTU4NDczOTdCMTFFRDkxRjJBRjI1MkUyMzI4NzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTk2MDgxRDMzOTdBMTFFRDkwQzlFRkM2NzQyNjk2NzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTk2MDgxRDQzOTdBMTFFRDkwQzlFRkM2NzQyNjk2NzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6PZPfJAAACSElEQVR42uyaS0tbYRCGTyTe0IoSKiGESquhIlFoOYgKRbRiBUHcKIh0UVyIG+1CBKXFGhQFcVG6kS7EhbjRTS+YhkYJQi9o9Lf4D9L3wzc4W3NujnTg4XyzEH1yzvm+mTGhQqFg3Ycos+5JhEv9Qdu253FpB3Pgyu0/LJ/P+yOC2OT1BXjuhYxfj9Yyr4/NBwjqtIqkwArXzZR5oPVl/yBkEuAc1GjdtaTMU3AGqrVuv1KmjTKVWs8RKZOkTIXWA1HKdIC/Drf4QE92KfMM/PGjgvDqF0gZmzIhrbWWlOkEvzUXjVKmC/zSXP1KmR5wqrmMlzKmyMxp7kekTC840dxYSZk+cKy5Q5Qy/SCrudWVMi/BT809u5QZABnNwwcpMwh+aJ6iSJlXIA2qNIoUZT5xPSTE1IkkeLYU49alTPgOSLSAS1DLfBx81XZHmjiwKEq8BgfaXvY4uAD1zKfAnrZdK8bHKcJ8BuxoO0eivBMPmb8F29pO9kZKRJkvgI/aaq0IJWLMl6ybQbgakQa+E3Hm78G6tn7EDLbNgPuROMVXtXWIZgZsJo5PmKdKKT+CFim3rieNrczXrJv/qagRMcM4M8fqYL4B3nl5670SMUWfzfUWWPT6RfRCJAe6uTal+bwf26LbIllRjn8Gs34dUm6KZDhIMLELpv0sGdwSSbPnNrEP3vhdwLkh8p3tqYlDMBlEOe1U5AsYFuuxoJobJyLmERrh+hsYDbLVdCIyweuREAosnAwfzB1IsvQIPEL/v691x+KfAAMAgLxh9dQ76w4AAAAASUVORK5CYII=)
}

.app-header__main nav .mian-menus>.item:hover>a,
.app-header__main nav .mian-menus>.item.active>a {
    color: #0560f6
}

.app-header__main nav .mian-menus>.item:hover>a::after,
.app-header__main nav .mian-menus>.item.active>a::after {
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.app-header.search .app-header__main nav .mian-menus>.item:hover>a::after,
.app-header.active .app-header__main nav .mian-menus>.item:hover>a::after,
.app-header.page .app-header__main nav .mian-menus>.item:hover>a::after,
.app-header.drop .app-header__main nav .mian-menus>.item:hover>a::after,
.app-header.search .app-header__main nav .mian-menus>.item.active>a::after,
.app-header.active .app-header__main nav .mian-menus>.item.active>a::after,
.app-header.page .app-header__main nav .mian-menus>.item.active>a::after,
.app-header.drop .app-header__main nav .mian-menus>.item.active>a::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Q0RFRTNFMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3Q0RFRTNGMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjdDREVFM0MzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjdDREVFM0QzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TsB//AAACSUlEQVR42uyau0tcURCH74qPiFEiooiIQY0osi4oi6gQgg80IIiNAQkWi4XYaAoJGBKiS4KCWIiNWCQWYqOND9TFjYjgA19/SzrBZvM7+Fsc7PS+dpYMfNwzxbL7ce69Z2Y0kEgkrHSIDCtNIvO5H8yO3E7g0gDGwV+nf9jd71xvRBBzvL4FTW7IeHVrfee1ElyBAq0iUTDNdTVl8rU+7FNCpgZcgjytby0pUwsuQK5Gkccy9ZTJ0XqOSJkgZbK1HohSJgTObb7ifT3ZpUwjOPOignDrC6RMmDIBrbWWlGkGp5qLRinTAk40V79Spg0cay7jpYwpMo809yNS5h041NxYSZl28EdzhyhlOkBcc6srZTrBgeaeXcp0gZjm4YOU6Qb7mqcoUqYH7IEXGkWSMotcvxdi6kRqeLYk48mlTGYKSLwBN+Al8w9gS9uOvObAIikxBNa1Pezl4Bq8Yj4MVrW9tcp4OxUxHwW/tJ0jpdyJYuafwJK2k72EEqXMP4MFbbVWESXKmH+xHgbhakQK+UyUM/8GZrT1I2awbQbcFeIU/6GtQzQzYDNxrGIefU754bdIlnU/aaxj/tN6+JuKGhEzjDNzrBDzWfDVza13S8QUfWGu58Gk2w+iGyJHoJVrU5pPePFadFokLsrxZTDm1SHlpEiMgwQTK2DEy5LBKZE99twm1kDE6wLOCZEdtqcmNsBHP8ppuyKboFesB/xqbuyImFuoj+tt0O9nq2lHZJDXXSHkW9gZPpgdCLL08D0C//9fK8XinwADAMl8YfUN5bN1AAAAAElFTkSuQmCC)
}

.app-header__main nav .mian-menus>.item:hover::after,
.app-header__main nav .mian-menus>.item.active::after {
    opacity: 1
}

.app-header__main nav .mian-menus>.item [data-children] {
    display: none
}
/*
.app-header__main nav .mian-menus>.item:first-child>a::after {
    display: none
}*/
.app-header__main nav .mian-menus>.item:last-child>a::after {
    display: none
}
.app-header__main nav a:hover {
    color: #0560f6
}

.app-header.search .app-header__main nav {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.app-header__main-product {
    background-color: #fff;
    overflow: hidden
}

.app-header__main-product .app-container {
    height: 100%
}

.app-header__main-product .wrap {
    display: flex;
    align-items: stretch
}



.app-header__main-product .wrap .side {
    font-size: 16px;
    width: 240px;
    flex: 0 0 auto;
    position: relative
}

.app-header__main-product .wrap .side .more {
    padding: 1.5em 0
}

.app-header__main-product .wrap .side .more a {
    display: inline-flex;
    align-items: center;
    color: #000;
    position: relative
}

.app-header__main-product .wrap .side .more a span {
    line-height: 1
}

.app-header__main-product .wrap .side .more a::after {
    content: " ";
    -ms-transition: 300ms transform ease;
    transition: 300ms transform ease;
    width: 13px;
    height: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzM1OTU4NDgzOTdCMTFFRDkxRjJBRjI1MkUyMzI4NzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzM1OTU4NDczOTdCMTFFRDkxRjJBRjI1MkUyMzI4NzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTk2MDgxRDMzOTdBMTFFRDkwQzlFRkM2NzQyNjk2NzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTk2MDgxRDQzOTdBMTFFRDkwQzlFRkM2NzQyNjk2NzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6PZPfJAAACSElEQVR42uyaS0tbYRCGTyTe0IoSKiGESquhIlFoOYgKRbRiBUHcKIh0UVyIG+1CBKXFGhQFcVG6kS7EhbjRTS+YhkYJQi9o9Lf4D9L3wzc4W3NujnTg4XyzEH1yzvm+mTGhQqFg3Ycos+5JhEv9Qdu253FpB3Pgyu0/LJ/P+yOC2OT1BXjuhYxfj9Yyr4/NBwjqtIqkwArXzZR5oPVl/yBkEuAc1GjdtaTMU3AGqrVuv1KmjTKVWs8RKZOkTIXWA1HKdIC/Drf4QE92KfMM/PGjgvDqF0gZmzIhrbWWlOkEvzUXjVKmC/zSXP1KmR5wqrmMlzKmyMxp7kekTC840dxYSZk+cKy5Q5Qy/SCrudWVMi/BT809u5QZABnNwwcpMwh+aJ6iSJlXIA2qNIoUZT5xPSTE1IkkeLYU49alTPgOSLSAS1DLfBx81XZHmjiwKEq8BgfaXvY4uAD1zKfAnrZdK8bHKcJ8BuxoO0eivBMPmb8F29pO9kZKRJkvgI/aaq0IJWLMl6ybQbgakQa+E3Hm78G6tn7EDLbNgPuROMVXtXWIZgZsJo5PmKdKKT+CFim3rieNrczXrJv/qagRMcM4M8fqYL4B3nl5670SMUWfzfUWWPT6RfRCJAe6uTal+bwf26LbIllRjn8Gs34dUm6KZDhIMLELpv0sGdwSSbPnNrEP3vhdwLkh8p3tqYlDMBlEOe1U5AsYFuuxoJobJyLmERrh+hsYDbLVdCIyweuREAosnAwfzB1IsvQIPEL/v691x+KfAAMAgLxh9dQ76w4AAAAASUVORK5CYII=) no-repeat;
    background-position: center center;
    background-size: contain;
    margin-left: .2em
}

.app-header__main-product .wrap .side .more a:hover {
    color: #08f
}

.app-header__main-product .wrap .side .more a:hover::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Q0RFRTNFMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3Q0RFRTNGMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjdDREVFM0MzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjdDREVFM0QzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TsB//AAACSUlEQVR42uyau0tcURCH74qPiFEiooiIQY0osi4oi6gQgg80IIiNAQkWi4XYaAoJGBKiS4KCWIiNWCQWYqOND9TFjYjgA19/SzrBZvM7+Fsc7PS+dpYMfNwzxbL7ce69Z2Y0kEgkrHSIDCtNIvO5H8yO3E7g0gDGwV+nf9jd71xvRBBzvL4FTW7IeHVrfee1ElyBAq0iUTDNdTVl8rU+7FNCpgZcgjytby0pUwsuQK5Gkccy9ZTJ0XqOSJkgZbK1HohSJgTObb7ifT3ZpUwjOPOignDrC6RMmDIBrbWWlGkGp5qLRinTAk40V79Spg0cay7jpYwpMo809yNS5h041NxYSZl28EdzhyhlOkBcc6srZTrBgeaeXcp0gZjm4YOU6Qb7mqcoUqYH7IEXGkWSMotcvxdi6kRqeLYk48mlTGYKSLwBN+Al8w9gS9uOvObAIikxBNa1Pezl4Bq8Yj4MVrW9tcp4OxUxHwW/tJ0jpdyJYuafwJK2k72EEqXMP4MFbbVWESXKmH+xHgbhakQK+UyUM/8GZrT1I2awbQbcFeIU/6GtQzQzYDNxrGIefU754bdIlnU/aaxj/tN6+JuKGhEzjDNzrBDzWfDVza13S8QUfWGu58Gk2w+iGyJHoJVrU5pPePFadFokLsrxZTDm1SHlpEiMgwQTK2DEy5LBKZE99twm1kDE6wLOCZEdtqcmNsBHP8ppuyKboFesB/xqbuyImFuoj+tt0O9nq2lHZJDXXSHkW9gZPpgdCLL08D0C//9fK8XinwADAMl8YfUN5bN1AAAAAElFTkSuQmCC)
}

.app-header__main-product .wrap .side .sorts {
    display: flex;
    align-items: center
}

.app-header__main-product .wrap .side .sorts.vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.app-header__main-product .wrap .side .sorts.vertical .sort+.sort {
    margin-top: 1em;
    margin-left: 0
}

.app-header__main-product .wrap .side .sorts .sort {
    font-weight: 500;
    color: #333;
    cursor: pointer
}

.app-header__main-product .wrap .side .sorts .sort+.sort {
    margin-left: 2em
}

.app-header__main-product .wrap .side .sorts .sort.active {
    color: #08f;
    position: relative
}

.app-header__main-product .wrap .side .sorts .sort.active::after {
    content: " ";
    height: 2px;
    background-color: #08f;
    left: 0;
    right: 0;
    bottom: -15px;
    position: absolute
}

.app-header__main-product .wrap .side .classifys {
    display: flex;
    height: 100%;
    position: relative
}

.app-header__main-product .wrap .side .classifys .classify {
    padding-top: 2em;
    width: 90%;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    visibility: hidden;
    pointer-events: none
}

.app-header__main-product .wrap .side .classifys .classify.show {
    visibility: visible;
    pointer-events: auto
}

.app-header__main-product .wrap .side .classifys .classify ul {
    list-style: none;
    color: #333;
    max-height: 75%;
    overflow-y: auto;
    overflow-x: hidden;
    flex-direction: column;
    align-items: flex-start
}

.app-header__main-product .wrap .side .classifys .classify ul::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.app-header__main-product .wrap .side .classifys .classify ul::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: 5px
}

.app-header__main-product .wrap .side .classifys .classify ul::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0)
}

.app-header__main-product .wrap .side .classifys .classify ul li {
    width: 100%;
    cursor: pointer;
    margin-right: 0
}

.app-header__main-product .wrap .side .classifys .classify ul li+li {
    margin-top: 1.5em
}

.app-header__main-product .wrap .side .classifys .classify ul li:hover,
.app-header__main-product .wrap .side .classifys .classify ul li.active {
    color: #08f
}

.app-header__main-product .wrap .side .inner {
    position: relative;
    z-index: 1;
    padding: 1em 0;
    height: 100%
}

.app-header__main-product .wrap .side::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -20vw;
    background-color: #fafafa
}

.app-header__main-product .wrap .side .navinfo {
    font-size: 12px;
    padding-right: 2.5em;
    color: #999
}

.app-header__main-product .wrap .side .navinfo-title {
    font-size: 16px;
    font-weight: 500
}

.app-header__main-product .wrap .side .navinfo-info {
    margin-top: 1em;
    margin-bottom: 3em
}

.app-header__main-product .wrap .side .navinfo-more {
    font-weight: 500
}

.app-header__main-product .wrap>.content {
    padding: 1.5em 2em 0;
    padding-right: 0;
    flex: 1 1 auto;
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden
}

.app-header__main-product .wrap>.content::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.app-header__main-product .wrap>.content::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: 5px
}

.app-header__main-product .wrap>.content::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0)
}


.app-header__main-product .wrap>.content .search {
    display: flex;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 0 1.5em
}

.app-header__main-product .wrap>.content .search .input {
    display: flex;
    align-items: stretch;
    height: 100%
}

.app-header__main-product .wrap>.content .search .input input {
    height: 100%;
    border: none;
    padding: 0 1em;
    outline: none;
    min-width: 250px
}

.app-header__main-product .wrap>.content .search .input button {
    height: 100%;
    display: block;
    width: 50px;
    background-color: #fff;
    border: 0;
    position: relative;
    z-index: 1;
    cursor: pointer
}


.app-header__main-product .wrap>.content .search .input button svg {
    fill: #666;
    width: 50%;
    height: auto
}

.app-header__main-product .wrap>.content .search .aside {
    display: flex;
    align-items: stretch;
    height: 100%
}

.app-header__main-product .wrap>.content .search .aside a {
    display: inline-flex;
    height: 100%;
    padding: 0 2em;
    align-items: center;
    justify-content: center;
    color: #666;
    background-color: #0560f6;
    margin-left: 1em
}

.app-header__main-product .wrap>.content .enter-wrap {
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #fafafa;
    padding: 15px 30px;
    margin: 0 0 1.5em
}

.app-header__main-product .wrap>.content .enter-title {
    color: #333;
    padding-right: 40px
}

.app-header__main-product .wrap>.content .enter-title span {
    line-height: 1
}

.app-header__main-product .wrap>.content .enter-title a {
    color: #333;
    display: flex;
    align-items: center
}

.app-header__main-product .wrap>.content .enter-title a:hover {
    color: #08f
}

.app-header__main-product .wrap>.content .enter-title a:hover::after {
    height: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Q0RFRTNFMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3Q0RFRTNGMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjdDREVFM0MzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjdDREVFM0QzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TsB//AAACSUlEQVR42uyau0tcURCH74qPiFEiooiIQY0osi4oi6gQgg80IIiNAQkWi4XYaAoJGBKiS4KCWIiNWCQWYqOND9TFjYjgA19/SzrBZvM7+Fsc7PS+dpYMfNwzxbL7ce69Z2Y0kEgkrHSIDCtNIvO5H8yO3E7g0gDGwV+nf9jd71xvRBBzvL4FTW7IeHVrfee1ElyBAq0iUTDNdTVl8rU+7FNCpgZcgjytby0pUwsuQK5Gkccy9ZTJ0XqOSJkgZbK1HohSJgTObb7ifT3ZpUwjOPOignDrC6RMmDIBrbWWlGkGp5qLRinTAk40V79Spg0cay7jpYwpMo809yNS5h041NxYSZl28EdzhyhlOkBcc6srZTrBgeaeXcp0gZjm4YOU6Qb7mqcoUqYH7IEXGkWSMotcvxdi6kRqeLYk48mlTGYKSLwBN+Al8w9gS9uOvObAIikxBNa1Pezl4Bq8Yj4MVrW9tcp4OxUxHwW/tJ0jpdyJYuafwJK2k72EEqXMP4MFbbVWESXKmH+xHgbhakQK+UyUM/8GZrT1I2awbQbcFeIU/6GtQzQzYDNxrGIefU754bdIlnU/aaxj/tN6+JuKGhEzjDNzrBDzWfDVza13S8QUfWGu58Gk2w+iGyJHoJVrU5pPePFadFokLsrxZTDm1SHlpEiMgwQTK2DEy5LBKZE99twm1kDE6wLOCZEdtqcmNsBHP8ppuyKboFesB/xqbuyImFuoj+tt0O9nq2lHZJDXXSHkW9gZPpgdCLL08D0C//9fK8XinwADAMl8YfUN5bN1AAAAAElFTkSuQmCC)
}

.app-header__main-product .wrap>.content .enter-title a::after {
    content: " ";
    -ms-transition: 300ms transform ease;
    transition: 300ms transform ease;
    width: 13px;
    height: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzM1OTU4NDgzOTdCMTFFRDkxRjJBRjI1MkUyMzI4NzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzM1OTU4NDczOTdCMTFFRDkxRjJBRjI1MkUyMzI4NzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTk2MDgxRDMzOTdBMTFFRDkwQzlFRkM2NzQyNjk2NzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTk2MDgxRDQzOTdBMTFFRDkwQzlFRkM2NzQyNjk2NzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6PZPfJAAACSElEQVR42uyaS0tbYRCGTyTe0IoSKiGESquhIlFoOYgKRbRiBUHcKIh0UVyIG+1CBKXFGhQFcVG6kS7EhbjRTS+YhkYJQi9o9Lf4D9L3wzc4W3NujnTg4XyzEH1yzvm+mTGhQqFg3Ycos+5JhEv9Qdu253FpB3Pgyu0/LJ/P+yOC2OT1BXjuhYxfj9Yyr4/NBwjqtIqkwArXzZR5oPVl/yBkEuAc1GjdtaTMU3AGqrVuv1KmjTKVWs8RKZOkTIXWA1HKdIC/Drf4QE92KfMM/PGjgvDqF0gZmzIhrbWWlOkEvzUXjVKmC/zSXP1KmR5wqrmMlzKmyMxp7kekTC840dxYSZk+cKy5Q5Qy/SCrudWVMi/BT809u5QZABnNwwcpMwh+aJ6iSJlXIA2qNIoUZT5xPSTE1IkkeLYU49alTPgOSLSAS1DLfBx81XZHmjiwKEq8BgfaXvY4uAD1zKfAnrZdK8bHKcJ8BuxoO0eivBMPmb8F29pO9kZKRJkvgI/aaq0IJWLMl6ybQbgakQa+E3Hm78G6tn7EDLbNgPuROMVXtXWIZgZsJo5PmKdKKT+CFim3rieNrczXrJv/qagRMcM4M8fqYL4B3nl5670SMUWfzfUWWPT6RfRCJAe6uTal+bwf26LbIllRjn8Gs34dUm6KZDhIMLELpv0sGdwSSbPnNrEP3vhdwLkh8p3tqYlDMBlEOe1U5AsYFuuxoJobJyLmERrh+hsYDbLVdCIyweuREAosnAwfzB1IsvQIPEL/v691x+KfAAMAgLxh9dQ76w4AAAAASUVORK5CYII=) no-repeat;
    background-position: center center;
    background-size: contain
}

.app-header__main-product .wrap>.content .enter-intor {
    color: #666
}

.app-header__main-product .wrap>.content .enter-close {
    position: absolute;
    right: -70px;
    top: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer
}

.app-header__main-product .wrap>.content .enter-close svg {
    fill: #666;
    width: 20px;
    height: auto;
    display: block
}

.app-header__main-product .wrap>.content .tabs,
.app-header__main-product .wrap>.content .tabs [data-tabs-content] {
    width: 100%
}

.app-header__main-product .wrap>.content .tabs-content {
    width: 100%;
    padding: 0 2em 1.5em;
    align-items: flex-start;
    min-height: 350px;
    display: none
}

.app-header__main-product .wrap>.content .tabs-content::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

.app-header__main-product .wrap>.content .tabs-content::-webkit-scrollbar-thumb {
    background: #999
}

.app-header__main-product .wrap>.content .tabs-content::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0)
}

.app-header__main-product .wrap>.content .tabs-content.show {
    display: flex
}

.app-header__main-product .wrap>.content .tabs-content .menus {
    margin: -25px;
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto
}

.app-header__main-product .wrap>.content .tabs-content .menus dl {
    width: 100%;
    padding: 25px
}

.app-header__main-product .wrap>.content .tabs-content .menus dl.related {
    box-shadow: 0 2px 24px rgba(0, 0, 0, .15);
    padding: 3em 4em;
    border-top: 4px solid #08f;
    margin-top: 25px
}

.app-header__main-product .wrap>.content .tabs-content .menus dl a {
    color: #333
}

.app-header__main-product .wrap>.content .tabs-content .menus dl a:hover {
    color: #08f
}

.app-header__main-product .wrap>.content .tabs-content .menus dl dt {
    font-weight: 500;
    color: #08f;
    padding-bottom: .5em;
    white-space: nowrap
}

.app-header__main-product .wrap>.content .tabs-content .menus dl dt a {
    color: currentColor
}

.app-header__main-product .wrap>.content .tabs-content .menus dl dd {
    margin-top: .5em
}

.app-header__main-product .wrap>.content .tabs-content .menus dl dd ul {
    list-style: none
}

.app-header__main-product .wrap>.content .tabs-content .menus dl dd ul li a {
    color: #666;
    -ms-transition: 300ms transform ease;
    transition: 300ms transform ease
}

.app-header__main-product .wrap>.content .tabs-content .menus dl dd ul li a:hover {
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.app-header__main-product .wrap>.content .tabs-content .menus dl dd ul li+li {
    margin-top: 1em
}

.app-header__main-product .wrap>.content .tabs-content .menus dl dd ul li.big a {
    color: #08f
}

.app-header__main-product .wrap>.content .tabs-content .menus.single {
    width: 100%
}

.app-header__main-product .wrap>.content .tabs-content .menus.single dl {
    width: 100%
}

.app-header__main-product .wrap>.content .tabs-content .menus.single dl dd ul {
    display: flex;
    flex-wrap: wrap
}

.app-header__main-product .wrap>.content .tabs-content .menus.single dl dd ul li {
    width: 25%
}

.app-header__main-product .wrap>.content .tabs-content .menus.single dl dd ul li+li {
    margin-top: 0;
    margin-bottom: 1em
}

.app-header__main-product .wrap>.content .tabs-content .menus .sidemenu {
    padding-top: 25px
}

.app-header__main-product .wrap>.content .tabs-content .menus .sidemenu li {
    list-style-type: none
}

.app-header__main-product .wrap>.content .tabs-content .menus .sidemenu li+li {
    margin-top: 1.5em
}

.app-header__main-product .wrap>.content .tabs-content .menus .sidemenu li a {
    color: #08f
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap {
    padding: 25px;
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
    color: #333
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner {
    width: 80%;
    border-radius: 20px;
    background-color: #fff;
    height: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    cursor: pointer
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .image {
    flex: 0 0 auto;
    height: 0;
    position: relative;
    padding-bottom: 64.516129%;
    overflow: hidden
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    border-radius: 20px 20px 0 0
}


.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2em;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}


.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .intor {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 2em;
    white-space: normal;
    line-height: 1.6
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .more {
    display: flex;
    align-items: center
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .more a {
    color: #666
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .more a:hover {
    color: #08f
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .more a::after {
    content: ">";
    font-family: "宋体";
    margin-left: .5em
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner:hover .image::before {
    opacity: 1
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner:hover .image::after {
    opacity: 0
}

.app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner:hover .image .play {
    opacity: 1
}

.app-header__main-product .wrap>.content .tabs-content .menus .col-4 {
    width: 25%
}

.app-header__main-product .wrap>.content .tabs-content .menus .col-5 {
    width: 20%
}

.app-header__main-product .wrap>.content .tabs-content .menus .col-6 {
    width: 16.6666667%
}

.app-header__main-product .wrap>.content .tabs-content .menus .col-7 {
    width: 14.2857143%
}

.app-header__search {
    width: 240px;
    height: 100%;
    flex: 0 0 auto;
    position: relative
}

.app-header__search .form {
    padding: 0 30px;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    border-left: 1px solid rgba(238, 238, 238, .2);
    border-right: 1px solid rgba(238, 238, 238, .2);
    transition: .3s ease width, .3s ease background-color;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%
}


.app-header.search .app-header__search .form {
    background-color: #fff;
    width: 60vw
}



.app-header.search .app-header__search .form,
.app-header.active .app-header__search .form,
.app-header.page .app-header__search .form,
.app-header.drop .app-header__search .form {
    border-left-color: rgba(0, 0, 0, .1);
    border-right-color: rgba(0, 0, 0, .1)
}

.app-header__search input,
.app-header__search button {
    height: 100%;
    outline: none;
    color: currentColor;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.app-header__search input {
    width: 100%;
    flex: 1 1 auto
}

.app-header__search input::placeholder {
    color: currentColor;
    opacity: .3
}

.app-header__search button {
    cursor: pointer;
    flex: 0 0 auto;
    position: relative
}

.app-header__search button svg {
    fill: currentColor;
    width: 30px;
    height: 30px
}

.app-header__obtain {
    flex: 0 0 auto;
    height: 100%
}

.app-header__obtain .before,
.app-header__obtain .after {
    display: flex;
    align-items: center;
    height: 100%
}

.app-header__user,
.app-header__hamburger {
    display: none;
    height: 100%
}


.app-header__user a,
.app-header__hamburger a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 60px
}

.app-header__user a svg,
.app-header__hamburger a svg {
    fill: currentColor;
    width: 24px;
    height: 24px
}

.app-header__hamburger {
    border-left: 1px solid rgba(238, 238, 238, .2)
}

.app-header.search .app-header__hamburger,
.app-header.active .app-header__hamburger,
.app-header.page .app-header__hamburger,
.app-header.drop .app-header__hamburger {
    border-left-color: rgba(0, 0, 0, .1)
}

.app-header__hamburger a svg {
    width: 22px;
    height: 22px
}

.app-header__aside {
    padding-left: 3em;
    display: flex;
    align-items: center;
    flex: 0 0 auto
}


.app-header__aside a+a {
    margin-left: 3em
}



.app-header__aside a:hover {
    color: #0560f6
}

.app-header__aside .logging {
    color: rgba(255, 255, 255, .5);
    margin-left: 1.5em
}

.app-header.search .app-header__aside .logging,
.app-header.active .app-header__aside .logging,
.app-header.page .app-header__aside .logging,
.app-header.drop .app-header__aside .logging,
.app-header.search .app-header__obtain .app-header__after a,
.app-header.active .app-header__obtain .app-header__after a,
.app-header.page .app-header__obtain .app-header__after a,
.app-header.drop .app-header__obtain .app-header__after a {
    color: #666
}
.app-header.search .app-header__obtain .app-header__after a::after,
.app-header.active .app-header__obtain .app-header__after a::after,
.app-header.page .app-header__obtain .app-header__after a::after,
.app-header.drop .app-header__obtain .app-header__after a::after{
    background-color: #666;
} 

.app-header.search .app-header__aside .logging .user,
.app-header.active .app-header__aside .logging .user,
.app-header.page .app-header__aside .logging .user,
.app-header.drop .app-header__aside .logging .user {
    color: #0560f6
}

.app-header__aside .logging .user {
    color: #fff;
    padding-left: .2em
}

.app-header__after {
    padding-left: 1em
}

.app-header__after a {
    padding: 0 1em;
    color: #666;
    line-height: 1;
    position: relative
}

.app-header__after a::after {
    content: " ";
    left: 0;
    top: .25em;
    bottom: 0;
    background-color: #666;
    width: 1px;
    position: absolute
}

.app-header__after a:hover {
    color: #fff
}

.app-header.search .app-header__after a:hover,
.app-header.active .app-header__after a:hover,
.app-header.page .app-header__after a:hover,
.app-header.drop .app-header__after a:hover {
    color: #0560f6
}

.app-header__register {
    height: 100%;
    flex: 0 0 auto;
    padding-left: 3em
}


.app-header__register a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 2.6875em;
    color: #fff;
    background-color: #0560f6
}

.app-header-dropdown {
    position: fixed;
    left: 0;
    right: 0;
    top: 90px;
    transform: translateY(-120%);
    background-color: #fff;
    overflow: hidden;
    visibility: visible;
    box-shadow: 0 12px 10px 0 rgba(0, 0, 0, .07);
    transition: .3s ease opacity, .3s ease visibility
}

.app-header-dropdown .app-header-nav-product,
.app-header-dropdown .app-header-nav-product .app-container {
    height: 100%
}

.app-header-dropdown.hide {
    visibility: hidden;
    opacity: 0
}

.app-header-drawer {
    z-index: 999 !important;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding-top: 60px;
    background-color: #fff;
    display: none;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -ms-transition: 500ms ease transform;
    transition: 500ms ease transform
}

.app-header-drawer.hide {
    visibility: hidden;
    -ms-transform: translateY(-110%);
    transform: translateY(-110%);
    -ms-transition: 0ms ease transform;
    transition: 0ms ease transform
}

.app-header-drawer nav {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: stretch
}

.app-header-drawer nav .mian-menus {
    background-color: #fafafa;
    flex: 0 0 auto;
    width: 140px;
    z-index: 10
}

.app-header-drawer nav .mian-menus .item {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 50px;
    justify-content: flex-start;
    padding: 0 5vw;
    width: 140px
}

.app-header-drawer nav .mian-menus .item [data-children] {
    display: none
}

.app-header-drawer nav .mian-menus .item.active {
    background-color: #fff
}

.app-header-drawer nav .mian-menus .item.active,
.app-header-drawer nav .mian-menus .item.active>a {
    color: #08f
}

.app-header-drawer nav .app-header__main-product {
    overflow: hidden;
    width: calc(100% - 140px);
    flex: 1 1 auto;
    height: 100%
}

.app-header-drawer nav .app-header__main-product .app-container {
    width: 100%
}

.app-header-drawer nav .app-header__main-product .wrap {
    background-color: #fff;
    padding: 0 1em;
    max-height: none !important;
    height: 90vh;
    overflow: auto;
    overflow-x: hidden;
    flex-direction: column
}


.app-header-drawer nav .app-header__main-product .wrap .side {
    flex: 1 0 auto;
    position: relative;
    width: 100%
}

.app-header-drawer nav .app-header__main-product .wrap .side::after {
    display: none
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner {
    height: 100%;
    padding: 0
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .more {
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #fafafa;
    padding: 15px 30px;
    margin: 0 0 1.5em
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .more a {
    font-size: 14px
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .sorts {
    width: 100%;
    background-color: #fafafa;
    border-bottom: 1px solid #dfdfdf
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .sorts .sort {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5em 0;
    font-size: 14px
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .sorts .sort::after {
    display: none
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys {
    flex-direction: column
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify {
    position: static;
    padding-top: 0;
    width: 100%;
    height: 0;
    overflow: hidden
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify.show {
    height: auto
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul {
    overflow-y: hidden;
    max-height: none
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul>li {
    align-items: center;
    border-bottom: 1px solid #ededed;
    display: flex;
    height: 50px;
    justify-content: space-between;
    margin: 0 !important;
    padding-left: 2.5em;
    padding-right: 0;
    font-size: 14px;
    position: relative
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul>li::after {
    content: " ";
    position: absolute;
    right: 1em;
    top: 50%;
    transition: 300ms transform ease;
    width: 13px;
    height: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzM1OTU4NDgzOTdCMTFFRDkxRjJBRjI1MkUyMzI4NzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzM1OTU4NDczOTdCMTFFRDkxRjJBRjI1MkUyMzI4NzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTk2MDgxRDMzOTdBMTFFRDkwQzlFRkM2NzQyNjk2NzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTk2MDgxRDQzOTdBMTFFRDkwQzlFRkM2NzQyNjk2NzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6PZPfJAAACSElEQVR42uyaS0tbYRCGTyTe0IoSKiGESquhIlFoOYgKRbRiBUHcKIh0UVyIG+1CBKXFGhQFcVG6kS7EhbjRTS+YhkYJQi9o9Lf4D9L3wzc4W3NujnTg4XyzEH1yzvm+mTGhQqFg3Ycos+5JhEv9Qdu253FpB3Pgyu0/LJ/P+yOC2OT1BXjuhYxfj9Yyr4/NBwjqtIqkwArXzZR5oPVl/yBkEuAc1GjdtaTMU3AGqrVuv1KmjTKVWs8RKZOkTIXWA1HKdIC/Drf4QE92KfMM/PGjgvDqF0gZmzIhrbWWlOkEvzUXjVKmC/zSXP1KmR5wqrmMlzKmyMxp7kekTC840dxYSZk+cKy5Q5Qy/SCrudWVMi/BT809u5QZABnNwwcpMwh+aJ6iSJlXIA2qNIoUZT5xPSTE1IkkeLYU49alTPgOSLSAS1DLfBx81XZHmjiwKEq8BgfaXvY4uAD1zKfAnrZdK8bHKcJ8BuxoO0eivBMPmb8F29pO9kZKRJkvgI/aaq0IJWLMl6ybQbgakQa+E3Hm78G6tn7EDLbNgPuROMVXtXWIZgZsJo5PmKdKKT+CFim3rieNrczXrJv/qagRMcM4M8fqYL4B3nl5670SMUWfzfUWWPT6RfRCJAe6uTal+bwf26LbIllRjn8Gs34dUm6KZDhIMLELpv0sGdwSSbPnNrEP3vhdwLkh8p3tqYlDMBlEOe1U5AsYFuuxoJobJyLmERrh+hsYDbLVdCIyweuREAosnAwfzB1IsvQIPEL/v691x+KfAAMAgLxh9dQ76w4AAAAASUVORK5CYII=) no-repeat;
    background-position: center center;
    background-size: contain
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul>li.active {
    transform: translateX(0)
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul>li.active::after {
    transform: rotate(-90deg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Q0RFRTNFMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3Q0RFRTNGMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjdDREVFM0MzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjdDREVFM0QzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TsB//AAACSUlEQVR42uyau0tcURCH74qPiFEiooiIQY0osi4oi6gQgg80IIiNAQkWi4XYaAoJGBKiS4KCWIiNWCQWYqOND9TFjYjgA19/SzrBZvM7+Fsc7PS+dpYMfNwzxbL7ce69Z2Y0kEgkrHSIDCtNIvO5H8yO3E7g0gDGwV+nf9jd71xvRBBzvL4FTW7IeHVrfee1ElyBAq0iUTDNdTVl8rU+7FNCpgZcgjytby0pUwsuQK5Gkccy9ZTJ0XqOSJkgZbK1HohSJgTObb7ifT3ZpUwjOPOignDrC6RMmDIBrbWWlGkGp5qLRinTAk40V79Spg0cay7jpYwpMo809yNS5h041NxYSZl28EdzhyhlOkBcc6srZTrBgeaeXcp0gZjm4YOU6Qb7mqcoUqYH7IEXGkWSMotcvxdi6kRqeLYk48mlTGYKSLwBN+Al8w9gS9uOvObAIikxBNa1Pezl4Bq8Yj4MVrW9tcp4OxUxHwW/tJ0jpdyJYuafwJK2k72EEqXMP4MFbbVWESXKmH+xHgbhakQK+UyUM/8GZrT1I2awbQbcFeIU/6GtQzQzYDNxrGIefU754bdIlnU/aaxj/tN6+JuKGhEzjDNzrBDzWfDVza13S8QUfWGu58Gk2w+iGyJHoJVrU5pPePFadFokLsrxZTDm1SHlpEiMgwQTK2DEy5LBKZE99twm1kDE6wLOCZEdtqcmNsBHP8ppuyKboFesB/xqbuyImFuoj+tt0O9nq2lHZJDXXSHkW9gZPpgdCLL08D0C//9fK8XinwADAMl8YfUN5bN1AAAAAElFTkSuQmCC)
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul>li:not(.active):hover {
    color: #333
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus {
    flex-direction: column;
    margin: 0;
    padding: 1em 3vw;
    border-bottom: 1px solid #ededed;
    padding-left: 3em
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-4,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-5,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-6,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-7 {
    width: 100%
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-4 dl,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-5 dl,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-6 dl,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-7 dl {
    padding: 0 0 1em
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-4 dl dt,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-5 dl dt,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-6 dl dt,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-7 dl dt {
    font-size: 14px;
    color:#08f;
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-4 dl dt a,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-5 dl dt a,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-6 dl dt a,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-7 dl dt a {
    color: #08f
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-4 dl dd,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-5 dl dd,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-6 dl dd,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-7 dl dd {
    margin-top: 1.2em
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-4 dl dd ul,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-5 dl dd ul,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-6 dl dd ul,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-7 dl dd ul {
    padding: 0 1em
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-4 dl dd ul li,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-5 dl dd ul li,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-6 dl dd ul li,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-7 dl dd ul li {
    border-bottom: none
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-4 dl dd ul li::after,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-5 dl dd ul li::after,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-6 dl dd ul li::after,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-7 dl dd ul li::after {
    display: none
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-4 dl dd ul li a,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-5 dl dd ul li a,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-6 dl dd ul li a,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-7 dl dd ul li a {
    color: #666
}
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-4 dl dd ul.sidemenu li a,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-5 dl dd ul.sidemenu li a,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-6 dl dd ul.sidemenu li a,
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .col-7 dl dd ul.sidemenu li a {
    color: #08f;
}
.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .tidings-wrap {
    display: none
}

.app-header-drawer nav .app-header__main-product .wrap .side .inner .classifys .classify>ul .menus .sidemenu li a {
    font-size: 14px
}

.app-header-drawer nav .app-header__main-product .wrap .content {
    padding: 0
}

.app-header-drawer nav .app-header__main-product .wrap .content .search {
    display: none
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content {
    width: 100%;
    padding: 0
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus {
    flex-direction: column;
    margin: 0;
    padding: .5em 3vw;
    padding-left: 3em
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-4,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-5,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-6,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-7 {
    width: 100%
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-4 dl,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-5 dl,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-6 dl,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-7 dl {
    padding: 0 0 1em
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-4 dl dt,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-5 dl dt,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-6 dl dt,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-7 dl dt {
    font-size: 14px
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-4 dl dt a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-5 dl dt a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-6 dl dt a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-7 dl dt a {
    color: #08f
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-4 dl dd ul,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-5 dl dd ul,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-6 dl dd ul,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-7 dl dd ul {
    padding: 0 1em
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-4 dl dd ul li,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-5 dl dd ul li,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-6 dl dd ul li,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-7 dl dd ul li {
    border-bottom: none
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-4 dl dd ul li::after,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-5 dl dd ul li::after,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-6 dl dd ul li::after,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-7 dl dd ul li::after {
    display: none
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-4 dl dd ul li a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-5 dl dd ul li a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-6 dl dd ul li a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-7 dl dd ul li a {
    color: #666
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-4 dl dd ul li.big a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-5 dl dd ul li.big a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-6 dl dd ul li.big a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-7 dl dd ul li.big a {
    color: #08f
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .tidings-wrap {
    display: none
}

.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .sidemenu li a {
    font-size: 14px;
}
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-4 dl dd ul.sidemenu li a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-5 dl dd ul.sidemenu li a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-6 dl dd ul.sidemenu li a,
.app-header-drawer nav .app-header__main-product .wrap .content .tabs-content .menus .col-7 dl dd ul.sidemenu li a {
    color: #08f
}

.app-header-drawer nav .app-header__main-product .wrap .content .enter-wrap {
    display: block;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: .5em
}

.app-header-drawer nav .app-header__main-product .wrap .content .enter-title {
    font-size: 14px !important
}

.app-header-drawer nav .app-header__main-product .wrap .content .enter-intor {
    display: none
}

.app-header-drawer nav .sidemenu li {
    margin-top: 1em
}

.app-header-drawer .app-header__search,
.app-header-drawer .app-header__register,
.app-header-drawer .app-header__user,
.app-header-drawer .app-header__hamburger {
    display: none
}

.app-header-loging.hide {
    visibility: hidden;
    opacity: 0
}

.app-footer {
    color: #fff;
    background: #000 url(../images/bg-footer.jpg) no-repeat center bottom/cover;
    line-height: 1.6
}

.app-footer .app-container {
    display: flex;
    justify-content: space-between
}

.app-footer>.app-container {
    padding: 60px 0
}


.app-footer svg {
    fill: currentColor
}

.app-footer a {
    opacity: .5;
    color: currentColor
}

.app-footer a:hover {
    opacity: 1
}

.app-footer__main {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto
}

.app-footer__main dl {
    flex: 1 1 auto
}

.app-footer__main dl dt {
    display: block;
    margin-bottom: 1em
}

.app-footer__main dl dd ul {
    list-style: none
}

.app-footer__main dl dd ul li {
    margin-bottom: .618em
}

.app-footer__aside {
    width: 410px;
    flex: 0 0 auto;
    padding-left: 120px;
    border-left: 1px solid rgba(255, 255, 255, .1)
}

.app-footer__aside .logo svg {
    width: 250px;
    height: auto
}


.app-footer__aside .contact .item {
    margin-top: 35px;
    display: flex
}

.app-footer__aside .contact .item .icon {
    flex: 0 0 auto;
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 1em
}

.app-footer__aside .contact .item .icon.telephone {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABJCAMAAACpb5DQAAAAtFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////oK74hAAAAO3RSTlMATQQ0MEpFQSQLSCcSOSAJPS0qHA8VBxjn6uG40cz55MfCjWuCV/WdedSyqYVmXO7YophfUdxzvX7yk+KLGEYAAATNSURBVFjDpViHlqpQDDR06VV6B3vvu/z/f71rWxVB0JdzdJULw2SSDNftNAYmdXWp1/mfkDRVoOEarECI/DcovHLFoGhZpinygoZr2EcoGEOfL2MM6Xaox2tnaJLQW8P0VBYRUfmKZEUZAAS+HRuOBBCMuuXu6S5CtxnHQPxx/f2dWCC5Jq0UAJpvzJ0AoN+S6spAMq1qSgOpvVlmgdZb1hWRUusWTRLw9m0ikkBUr2iAVj4IA923hg/3YfOzVXfWSVA+HiPyVSeMQugfhwlglg7hIHe+CBFYqfZAc9QTkFhE8atAkjCPuPdCfi4Tec/FuH/5Jrl7lWRg/sOQSej+EWKx8ioxjC0rPhItXJ/4oyQA92I5m0lYFNYkF5uHr4uEuX0on60eI/vHsvq2m4otVLoqw5V7uscNvcIZJ4lrLcZbvpGTAfT5Lw1G6RGy9wL7l1WIfGKHv3Sz1VPAnzOjng8zWzdwBvJpKOeHhT9srqh6nl2xnNk8caw1pZ8dPBstxlSzM4F8lqpkvuuoH827lzoIv+EuU7tNc0ICdkqwdF60KA70rbRzL4hnjZUTkMwYsKWjo6BwhWtfmrNRscu4ZpHEDg9C6ejBKg7yJXd8vrKDONWagDRQ0KvsjFP3xz9p1BO3U9cJ46OsN6stdJiX+YBs5yR4t2Pmk+WPNU6J5pbsAn1O7zmYPAqimdnBf62+P9hwWIv9CxJaeQHShUnwMyAkatzfHVvurIBEJqCV4cXUD/zcwFcLb95y8whQwagjcVPHShRz5oUJ0YoQhoDUKnekxna00bl16GWtkCRgK6qGQhx69grXc9eKHw1J0rtYbdVEIKq2P2vbmeJqGofjGXO7WGM3G6gcPB5k9BIqcubzuFhOFXXohe7smru5Xfn+eChIVZ1NoPQqbYIZLotlyuBTz3L3uH6mv7KLvh0l21cf505Cs1BV4h43tYpowwjTkRUlFMqHWIf9XeSFzjhlXqffvLxVBb52AnejCsfYGg1yhUuXhZ+lmYumeK+W0mNBOtFSqksq/9qLeMapqWuFbnIc/4SZKirzyaI/ygj+WWvq/E7XNAc1cIo4Vbl84FnWLnRW8mnQt4Nl4A/hSVAgLrxqbEKn1nbfz3ADH0ZFYU82xsWkMqcfDR5PlC/qKKDWuQO1HgXOVNDwdOIONkzvKu2hKEZP7cjeM6zhhA/9/nKVyopA330Ad4ti+Wi0N5VpqPdSbn8IbT/ZKsZfYzD7ZeFNHrr3TxsN6De/3PK1Z+8OSc5dS67so76TzB+lFu6PXO2NjdJHdxcs4mTGEoyo0plXWCtKfCTE30fl3dNU52Dq//SdeLDPt7PECxarrYE9KCQ81o975zZiPhjZjj/JZvM9+uQPld6dMPnYPTqQeue7kJ9tSAEa+wqHA+rpQuwM/HkYcFP6nuo3O9su+yquBp9v/nt01UafAdL8GEeuUlYFUvsER0I4vZoKfKKTTtXgoBAB8F7738ZCfceYLFB8K3lwAOVt3jIA0UxKY4FtqgxHAstg77tQbvVvFl0AYLl6ViaCodqV10BQJG5W0dJVCsEwreeSx0mEJXA89giiEQgFaBH7qGtFGU5ByTihKAou0OT5q/KF3WCmIpNwDxoXu52vQ+INUxM102jC+AcoaV63Eknd7QAAAABJRU5ErkJggg==)
}

.app-footer__aside .contact .item .icon.email {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABJCAMAAACpb5DQAAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOXRSTlMATdkYBuQD0KkeCuBKMS0lKRNIIRs8vFfURUI/NQzLEOtnjHE5xrZ03a9sU++Ff3lb5sFhlZFl958CObkiAAAEFUlEQVRYw62XaV+qQBjF5wiMLMPOmGzCTSSXNLPl9v0/2QXKChAUvedVTD//c55VIWclqnGiipTcINWzogBfcrjhJtfgbOOL4QdhGPrskxZ54iCKaAbVx0xBpcejRDFCAExPLsdYDuBbyYlgXQ4gsy/CUJMBmUA6FJe3ZOp5jhAAUdIftwNm0TN2DCA861zUgTDuLXgIZtJLahqAKT3/dhBcWBOqA1Znehiiy9tEYdDJSXmAQXrVvrfj3CKDlDgwTpwyGIPH6MTdog+dDJYANDs3QnjNaLtw1PbBNYrAa43owBvMOKbEJD/SEZErJYD9xGKXD9cq+lUlDvOGhcygfhtybtntxrelrG6I7z/Gy1GnltPVmtUsganHP2qj+rJdPKeSpknSs1RT8Vicpun4dV6zpH8ZsRo9PRmlo0W+WuWTlvJ8lR+mz8tFo3ABKRWgvhLTv+O3+R64e3n/U9P7yx2wX28Pf1NSk4+k3Obw68eP6WvoCrYteEpDXnnqWrtlA2RVs6s0p1WbrmNiR6Glttc+jwRCNodRsyl5lSqvBaIkul9tM9os9JP8WqQDk3Fj7zLQMkC1ARo92SSU09HH3oh/29m8jdMchO4PDRDhEIgIp3EqLbcucdeT9Hm25eovOxMtXTxZRP2zaIIsuCQBb4K0e4uK5os8fZy+bazKlGqy7SwdyWtdJfZ8NiV1KTCIB70N0kUiKnw+kbTJLixIYvSwWqaLXeAWDr2HFshGRkxYJ0BVRF5hShq/bnQD9wtpmc/Nz+vbIBVBGV4XiHj+Uy5p+du9PJIOW7i0A1Ql2jgJOg6f+S6PtUJjeW0cm8Fr54iCFSClB0QV/jB5fCyzI5JuEAG6HR3lrmX5ocpjnyMQC2Y/iLicm2I/SIXTUTWRtNQPCogL43aQDV5O7gBQR/kV6GV4Qx1VoPZCciA2QKOdS3qkvi+aoAgCIRmE1hoRSJ/2LZBTriITRmvVZp7QKc99Gj2TmhL4VcaDBujvYvey2dyd1Gazn+eP9Z199OIgrh0vltIslzu1OmjarA4KP7NjNFpy/jbTtFGnign+2NXfKr6+8m34tJa5P/JsOu7UdLx6uGsU3zg6U8gNot+5URDcAjKRHZE+vJsM2T+j4tOrQRY4+R8/2WKG5HdrsvhKEK8PhoGAXplpX6xlLIR+DccG7Fao7nCO6rST62F4D4gBolPRMmEgJwSnJxuCDfKkBgjFjgoMaafEP3LacnH527HLkHV3jODAty9Kjw4YtK/hQ0A/b0pxwJQzs2wBjkv7u5ADXD0/hVmBMjtdUSEE/Ms2ocABFnmnbCWWX2BMevEIRQxgmWn/MkZjRS8oCFw6qGtdjlI+j4xCehaw6tFIyGCJgsEZfhTobkyulmoLXvVaFJ8J6B/ij1SQ5KlU9QAAAABJRU5ErkJggg==)
}

.app-footer__aside .contact .item .content dl {
    display: flex;
    margin-bottom: .618em
}

.app-footer__aside .contact .item .content dl dt,
.app-footer__aside .contact .item .content dl dd {
    white-space: nowrap
}

.app-footer__aside .contact .item .content dl dt {
    opacity: .5
}

.app-footer__aside .contact .item .content dl dd {
    font-weight: bold
}

.app-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 2em 0
}

.app-footer__bottom .app-container {
    height: 100%;
    align-items: center;
    flex-wrap: wrap;
    text-align: center
}


.app-footer__bottom span,
.app-footer__bottom i {
    opacity: .5
}

.app-footer__bottom .copyright>* {
    display: inline-block
}

.app-footer__bottom .copyright>*:not(:last-child) {
    margin-right: .618em
}

.app-footer__bottom .copyright i {
    height: .8em;
    width: 1px;
    background-color: currentColor;
    display: inline-block
}

.app-footer__bottom .icons {
    display: flex
}


.app-footer__bottom .icons .icon {
    display: inline-block;
    position: relative
}

.app-footer__bottom .icons .icon+.icon {
    margin-left: 1.2em
}

.app-footer__bottom .icons .icon svg {
    width: 1.24em;
    height: 1.24em
}

.app-footer__bottom .icons .icon:hover .code {
    opacity: 1;
    visibility: visible;
    bottom: 150%
}

.app-footer__bottom .icons .code {
    padding: 5px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -ms-transition: 500ms bottom ease, 400ms opacity ease;
    transition: 500ms bottom ease, 400ms opacity ease;
    width: 110px
}

.app-footer__bottom .icons .code img {
    width: 100%;
    height: auto;
    display: block
}

.app-footer__bottom .icons .code::after {
    content: " ";
    border-style: solid;
    height: 0;
    width: 0;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 16px 10px 0 10px;
    position: absolute;
    bottom: -9px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.app-banner {
    background-color: #00163c;
    margin-top: -90px
}


.app-banner__home {
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden
}

.app-banner__home .swiper {
    height: 100%
}

.app-banner__home .swiper-slide {
    height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden
}

.app-banner__home .swiper-slide.swiper-slide-active .bg {
    animation: scaleDraw 6s 1;
    animation-fill-mode: forwards;
    animation-direction: alternate
}

.app-banner__home .swiper-slide.swiper-slide-active .inner .text .title {
    animation: slideUp 1s 1;
    animation-delay: 500ms;
    animation-fill-mode: forwards
}

.app-banner__home .swiper-slide.swiper-slide-active .inner .text .intro {
    animation: slideUp 1s 1;
    animation-delay: 1s;
    animation-fill-mode: forwards
}

.app-banner__home .swiper-slide.swiper-slide-active .inner .text .app-text-more {
    animation: slideUp 1.2s 1;
    animation-delay: 1.3s;
    animation-fill-mode: forwards
}

.app-banner__home .swiper-slide .inner {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.app-banner__home .swiper-slide .inner .app-container {
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff
}

.app-banner__home .swiper-slide .inner .app-container .text {
    width: 45%
}


.app-banner__home .swiper-slide .inner .app-container .text .title {
    letter-spacing: .24em;
    white-space: nowrap;
    opacity: 0
}

.app-banner__home .swiper-slide .inner .app-container .text .intro {
    margin-top: 1em;
    color: #fff;
    line-height: 1.6;
    text-align: justify;
    opacity: 0
}

.app-banner__home .swiper-slide .inner .app-container .text .app-text-more {
    margin-top: 1.5em;
    opacity: 0;
    display: inline-flex
}

.app-banner__home .swiper-slide .inner .app-container .text .app-text-more::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 1em;
    bottom: -5px;
    height: 1px;
    background-color: #fff
}

.app-banner__home .swiper-slide .bg {
    width: 100%;
    height: 100%
}

.app-banner__home .swiper-slide .bg.m {
    display: none
}


.app-banner__home .swiper-slide img,
.app-banner__home .swiper-slide video {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover
}

.app-banner__home-enter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    z-index: 2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    color: #fff;
    opacity: 0;
    transition: 800ms ease all;
    transform: translateY(100%)
}

.app-banner__home-enter.show {
    opacity: 1;
    transition: 800ms ease all;
    transform: translateY(0)
}

.app-banner__home-enter::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0))
}

html.ie .app-banner__home-enter::after {
    background: rgba(255, 255, 255, .05)
}

.app-banner__home-enter .wrapper {
    height: 100%;
    position: relative;
    z-index: 1
}

.app-banner__home-enter .inner {
    flex: 1 1 auto;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 5
}

.app-banner__home-enter .inner .items {
    display: flex;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px
}

.app-banner__home-enter .inner .items .item {
    color: currentColor;
    display: block;
    margin: 0 15px;
    transition: 400ms all ease
}

.app-banner__home-enter .inner .items .item:hover {
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}


.app-banner__home-enter .inner .items .item span,
.app-banner__home-enter .inner .items .item h3 {
    display: block;
    text-align: center
}

.app-banner__home-enter .inner .items .item span.intro,
.app-banner__home-enter .inner .items .item h3.intro {
    opacity: .5;
    margin-top: .618em
}


.app-banner__home-pager {
    height: 38px;
    flex: 0 0 auto
}


.app-banner__home-pager .app-container {
    height: 100%
}

.app-banner__home .pager-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 140px;
    z-index: 9
}

.app-banner__home-pagination {
    height: 100%;
    flex: 1 1 auto;
    width: 150px;
    display: flex;
    align-items: center;
    justify-content: center
}

.app-banner__home-pagination .swiper-pagination-bullet {
    flex: 1 1 auto;
    width: 100%;
    height: 15px;
    background-color: rgba(0, 0, 0, 0);
    margin: 0 .2em;
    border-radius: 0;
    position: relative;
    opacity: 1;
    outline: none
}

.app-banner__home-pagination .swiper-pagination-bullet::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .4);
    height: 2px
}

.app-banner__home-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    height: 2px;
    animation: line 6s 1;
    animation-fill-mode: forwards
}

.app-banner__page {
    height: 600px;
    position: relative;
    overflow: hidden;
    max-height: 100vh
}

.app-banner__page.serve {
    height: 740px;
    max-height: calc(100vh - 90px)
}

.app-banner__page.products {
    height: 800px;
    max-height: calc(100vh - 90px)
}

.app-banner__page.partner .bg {
    transform: scale(1.05)
}

.app-banner__page.partner .inner h1 {
    opacity: 0
}

.app-banner__page.partner .inner-intor {
    opacity: 0
}

.app-banner__page.partner .inner-small {
    opacity: 0
}

.app-banner__page.partner .inner-more {
    opacity: 0
}

.app-banner__page.partner .swiper-slide {
    height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden
}

.app-banner__page.partner .swiper-slide.swiper-slide-active .bg {
    animation: scaleDraw 6s 1;
    animation-fill-mode: forwards;
    animation-direction: alternate
}

.app-banner__page.partner .swiper-slide.swiper-slide-active .inner h1 {
    animation: slideUp 1s 1;
    animation-delay: .2s;
    animation-fill-mode: forwards
}

.app-banner__page.partner .swiper-slide.swiper-slide-active .inner-intor {
    animation: slideUp 1s 1;
    animation-delay: .3s;
    animation-fill-mode: forwards
}

.app-banner__page.partner .swiper-slide.swiper-slide-active .inner-small {
    animation: slideUp 1s 1;
    animation-delay: 1s;
    animation-fill-mode: forwards
}

.app-banner__page.partner .swiper-slide.swiper-slide-active .inner-more {
    animation: slideUp 1s 1;
    animation-delay: 1.2s;
    animation-fill-mode: forwards
}

.app-banner__page.partner .page-swiper-button-next,
.app-banner__page.partner .page-swiper-button-prev {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "宋体";
    font-size: 50px;
    line-height: 1;
    position: absolute;
    left: 4vw;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    color: #fff;
    font-style: normal;
    cursor: pointer;
    opacity: .6
}



.app-banner__page.partner .page-swiper-button-next:hover,
.app-banner__page.partner .page-swiper-button-prev:hover {
    color: #0560f6;
    opacity: 1
}

.app-banner__page.partner .page-swiper-button-next {
    left: auto;
    right: 4vw
}


.app-banner__page .bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    animation: scaleDraw 5s ease infinite;
    -webkit-animation: scaleDraw 5s ease 1;
    -ms-animation: scaleDraw 5s ease 1
}

.partner .app-banner__page .bg {
    animation: none;
    -webkit-animation: none;
    -ms-animation: none
}

.app-banner__page .bg.pc {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}


.app-banner__page .bg.m {
    display: none
}

.app-banner__page-inner {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.serve .app-banner__page-inner {
    bottom: 180px;
    padding-top: 60px
}


.products .app-banner__page-inner {
    bottom: 200px
}


.app-banner__page-inner .app-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.app-banner__page-inner h1 {
    font-weight: 500;
    letter-spacing: 5px
}

.app-banner__page-inner .wrap {
    width: 600px;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #fff
}


.app-banner__page-inner .wrap form {
    width: 100%
}

.app-banner__page-inner .wrap .input {
    width: 100%;
    height: 50px;
    background-color: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .6);
    padding-left: 15px;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    margin-top: 50px
}

.app-banner__page-inner .wrap .input input {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    flex: 1 0 auto;
    color: currentColor
}

.app-banner__page-inner .wrap .input input:focus {
    outline: none
}

.app-banner__page-inner .wrap .input input::placeholder {
    color: rgba(255, 255, 255, .6)
}

.app-banner__page-inner .wrap .input button {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font-size: 25px;
    flex: 0 0 auto
}


.app-banner__page-inner .wrap .input button svg {
    fill: #fff;
    width: 1em;
    height: 1em
}


.app-banner__page-inner .wrap .keywords {
    padding: 20px 15px;
    color: #fff;
    width: 100%
}

.app-banner__page-inner .wrap .keywords a {
    color: #fff;
    position: relative;
    margin-left: 1.5em;
    opacity: .6;
    transition: 300ms ease opacity
}

.app-banner__page-inner .wrap .keywords a:hover {
    opacity: 1
}

.app-banner__page-inner .inner {
    color: #fff;
    padding-right: 40%;
    width: 100%
}

.app-banner__page-inner .inner-intor {
    margin-top: 10px;
    line-height: 2
}

.app-banner__page-inner .inner-intor span {
    display: block
}


.app-banner__page-inner .inner-small {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.app-banner__page-inner .inner-small a {
    color: #fff;
    border-bottom: 1px solid #fff
}

.app-banner__page-inner .inner-small a::after {
    content: ">";
    margin-left: .25em;
    font-size: 14px;
    font-family: "宋体"
}

.app-banner__page-inner .inner-small a:hover {
    color: #0364fb;
    border-bottom-color: #0364fb
}

.app-banner__page-inner .inner-more {
    margin-top: 2.5em
}

.app-banner__page-module {
    height: 180px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0))
}

.app-banner__page-module .app-container {
    height: 100%
}

.app-banner__page-module .modules {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-between;
    color: #fff
}

.app-banner__page-module .modules .item {
    width: 138px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    transition: 500ms all ease
}


.app-banner__page-module .modules .item .icon {
    width: 100%;
    height: 60px
}

.app-banner__page-module .modules .item .icon img,
.app-banner__page-module .modules .item .icon svg {
    width: 100%;
    height: 100%
}

.app-banner__page-module .modules .item .icon img .cls-1,
.app-banner__page-module .modules .item .icon svg .cls-1 {
    fill: #fff;
    transition: 300ms ease fill
}

.app-banner__page-module .modules .item .icon img .cls-2,
.app-banner__page-module .modules .item .icon svg .cls-2 {
    fill: #fff;
    transition: 300ms ease fill
}

.app-banner__page-module .modules .item .icon img .cls-3,
.app-banner__page-module .modules .item .icon svg .cls-3 {
    fill: none
}

.app-banner__page-module .modules .item .icon.icon-4 {
    color: #fff
}

.app-banner__page-module .modules .item .icon.icon-4 .cls-1 {
    fill: #fff
}

.app-banner__page-module .modules .item .icon.icon-4 .cls-2 {
    fill: none;
    stroke: currentColor;
    stroke-miterlimit: 10;
    stroke-width: 11px
}

.app-banner__page-module .modules .item .icon.icon-5 .cls-1,
.app-banner__page-module .modules .item .icon.icon-5 .cls-2 {
    fill: none;
    stroke-width: 30px
}

.app-banner__page-module .modules .item .icon.icon-5 .cls-1 {
    stroke: #fff;
    stroke-miterlimit: 10;
    transition: 300ms ease fill
}

.app-banner__page-module .modules .item .icon.icon-5 .cls-2 {
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round
}

.app-banner__page-module .modules .item .icon.icon-5 .cls-3 {
    fill: #fff;
    transition: 300ms ease fill
}

.app-banner__page-module .modules .item .icon.icon-6 .cls-1 {
    fill: none
}

.app-banner__page-module .modules .item .icon.icon-6 .cls-2 {
    clip-path: url(#clip-path)
}

.app-banner__page-module .modules .item .icon.icon-6 .cls-3 {
    fill: #fff
}

.app-banner__page-module .modules .item .icon.icon-6 .cls-4 {
    fill: #fff
}

.app-banner__page-module .modules .item .icon.icon-6 .cls-5 {
    fill: #fff;
    transition: 300ms ease fill
}

.app-banner__page-module .modules .item>.text {
    margin-top: 10px;
    color: rgba(255, 255, 255, .6);
    white-space: nowrap;
    font-size: 16px
}

.app-banner__page-module .modules .item:hover {
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.app-banner__page-module .modules .item:hover .icon svg .cls-1 {
    fill: #0560f6
}

.app-banner__page-module .modules .item:hover .icon.icon-4 {
    color: #0560f6
}

.app-banner__page-module .modules .item:hover .icon.icon-4 .cls-1 {
    fill: #fff
}

.app-banner__page-module .modules .item:hover .icon.icon-4 .cls-2 {
    fill: none;
    stroke: currentColor
}

.app-banner__page-module .modules .item:hover .icon.icon-5 .cls-1,
.app-banner__page-module .modules .item:hover .icon.icon-5 .cls-2 {
    fill: none
}

.app-banner__page-module .modules .item:hover .icon.icon-5 .cls-1 {
    stroke: #0560f6
}

.app-banner__page-module .modules .item:hover .icon.icon-5 .cls-2 {
    stroke: #0560f6
}

.app-banner__page-module .modules .item:hover .icon.icon-5 .cls-3 {
    fill: #fff
}

.app-banner__page-module .modules .item:hover .icon.icon-6 .cls-5 {
    fill: #0560f6;
    transition: 300ms ease fill
}

.app-banner__page-module .modules .item:hover .text {
    color: #fff
}

.app-banner__page-pagination {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px !important;
    z-index: 2
}


.app-banner__page-pagination .swiper-pagination-bullet {
    height: 15px;
    background-color: rgba(0, 0, 0, 0);
    margin: 0 .2em;
    border-radius: 0;
    position: relative;
    opacity: 1;
    width: 40px
}

.app-banner__page-pagination .swiper-pagination-bullet::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .6);
    height: 2px
}

.app-banner__page-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #0560f6;
    height: 2px;
    animation: line 5s 1;
    animation-fill-mode: forwards
}

.sticky {
    margin-bottom: -90px
}


.app-section__normal {
    position: relative;
    padding-top: 2em;
    padding-bottom: 9em
}


.app-section__normal .app-container {
    display: flex
}


.app-section__normal .app-container .pin-wrapper {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.app-section__normal-header {
    padding-top: 7em;
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end
}

.app-section__normal-header .title {
    color: #010101;
    text-align: right;
    white-space: nowrap;
    display: block
}


html.ie .app-section__normal-header .title {
    position: static
}

.app-section__normal-content {
    color: #333;
    width: 666px;
    flex: 0 0 auto;
    margin-left: 6.5em
}

.app-section__normal-content .empty {
    min-height: 4.5em;
    min-height: 2em\0
}


.app-section__normal-content .empty.empty-2 {
    min-height: 5em;
    min-height: 2em\0
}


.app-section__normal-content .empty.empty-3 {
    min-height: 5.2em;
    min-height: 2em\0
}



.app-section__normal-content .inner {
    padding-top: 0
}

.app-section__normal-content .content {
    text-align: justify;
    line-height: 1.6
}



.app-section__normal-content .content.m {
    display: none
}



.app-section__normal-content .numbers {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    color: #0560f6;
    margin-bottom: 4em;
    margin-top: 4em
}

.app-section__normal-content .numbers .cell {
    width: 33.333333%
}

.app-section__normal-content .numbers .cell .big {
    line-height: 1;
    display: flex;
    align-items: flex-start
}

.app-section__normal-content .numbers .cell .big span {
    font-family: SFUIDisplay;
    font-weight: bold
}

.app-section__normal-content .numbers .cell .big sup {
    font-weight: bold;
    display: block
}

.app-section__normal-content .numbers .cell .small {
    margin-top: .618em;
    opacity: .6
}

.app-section__normal-content .numbers .cell+.cell {
    margin-left: 2em
}




.app-section__normal .element-sticky--wrapper {
    width: 100%
}

.app-section__image {
    width: 100%;
    height: 780px
}

.app-section__news {
    background: #fafafa
}

.app-section__news-head {
    text-align: center;
    padding: 1.618em 0
}

.app-section__news-main {
    display: flex;
    align-items: stretch;
    margin: -12px
}


.app-section__news-main__cell {
    padding: 12px;
    width: 33.33%;
    flex: 0 0 auto
}

.app-section__news-main__cell .top {
    color: #999;
    display: flex;
    align-items: center;
    margin-bottom: .5em
}

.app-section__news-main__cell .top .tag {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .25em;
    border-radius: 2px;
    border: 1px solid currentColor;
    margin-right: .5em;
    color: #0560f6;
    border: 1px solid #0560f6
}

.app-section__news-main__cell .title {
    color: #333
}

.app-section__news-main__cell .intor {
    color: #666;
    margin-top: 1em;
    line-height: 1.6
}

.app-section__news-main__cell .more {
    display: flex;
    align-items: center
}

.app-section__news-main__cell .more a {
    color: #333
}

.app-section__news-main__cell .more a::after {
    content: ">";
    margin-left: .25em;
    font-size: 14px;
    font-family: "宋体"
}

.app-section__news-main__cell .more a:hover {
    color: #0560f6
}

.app-section__news-main__cell .inner {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    display: block;
    background-color: #fff
}

.app-section__news-main__cell .inner img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -ms-transition: 1s ease transform;
    transition: 1s ease transform
}

.app-section__news-main__cell .inner:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.wrapper-bright .app-section__news-main__cell .inner {
    box-shadow: 0 2px 24px rgba(0, 0, 0, .15)
}

.app-section__news-main__cell .inner .single {
    height: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: column
}

.app-section__news-main__cell .inner .single .image {
    flex: 0 0 auto;
    height: 0;
    position: relative;
    padding-bottom: 64.516129%;
    overflow: hidden
}

.app-section__news-main__cell .inner .single .image img {
    width: 100%;
    height: auto;
    display: block
}

.app-section__news-main__cell .inner .single .content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2em;
    transition: 300ms background ease;
    background-color: #fff
}

.app-section__news-main__cell .inner .single .content .head {
    margin-bottom: 3em
}


.app-section__news-main__cell .inner .single:hover .content {
    background-color: #0560f6;
    transition: 300ms background ease
}

.app-section__news-main__cell .inner .single:hover .content .tag,
.app-section__news-main__cell .inner .single:hover .content .time,
.app-section__news-main__cell .inner .single:hover .content .title,
.app-section__news-main__cell .inner .single:hover .content .intor,
.app-section__news-main__cell .inner .single:hover .content .more a {
    color: #fff
}

.app-section__news-main__cell .inner .single:hover .content .app-text-more {
    color: #fff
}

.app-section__news-main__cell .inner .single:hover .content .app-text-more::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC)
}

.app-section__news-main__cell .inner .single:hover .content .tag {
    border-color: #fff
}

.app-section__news-main__cell .inner .list {
    padding: 3em;
    padding-bottom: 2em;
    position: relative
}

.app-section__news-main__cell .inner .list .item {
    display: block
}

.app-section__news-main__cell .inner .list .item+.item {
    margin-top: 2em
}

.app-section__news-main__cell .inner .list .item .tag {
    color: #0560f6;
    border: 1px solid #0560f6
}


.app-section__news-main__cell .inner .list .item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.app-section__news-main__cell .inner .list .item:hover {
    color: #0560f6
}

.app-section__news-main__cell .inner .list .item:hover .title,
.app-section__news-main__cell .inner .list .item:hover .top,
.app-section__news-main__cell .inner .list .item:hover .tag,
.app-section__news-main__cell .inner .list .item:hover .time {
    color: currentColor
}


.app-section__news-more {
    padding: 4em 0;
    text-align: center
}

.app-section__contact {
    height: 360px;
    background: url(../images/contact.jpg) no-repeat left center/cover;
    display: flex;
    align-items: stretch;
    justify-content: flex-end
}

.app-section__contact .contact {
    min-width: 45%;
    position: relative
}


.app-section__contact .contact::before {
    left: 0;
    right: 50%;
    bottom: 0;
    top: 0;
    background: url(../images/bg-contact.png) no-repeat left center/auto 100%
}

.app-section__contact .contact::after {
    right: 0;
    left: 50%;
    bottom: 0;
    top: 0;
    background: #0558f8
}

.app-section__contact .contact::after,
.app-section__contact .contact::before {
    content: "";
    display: block;
    position: absolute;
    opacity: .85
}

.app-section__contact .contact .inner {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding: 1em 4em
}
.app-section__contact .contact .inner_ayu{
position: relative;
z-index: 2;
height: 100%;
display: flex;
justify-content: center;
color: #fff;
padding: 1em 4em;
align-items:center;
}
.app-section__contact .contact .inner_ayu .qr{width:180px; font-size:14px; color:rgba(255,255,255,.6);}
.app-section__contact .contact .inner_ayu .text p{margin-bottom:30px; font-size:28px; line-height:50px;}

.app-section__contact .contact .inner .content {
    line-height: 1.8;
    margin-bottom: 1.5em
}

.app-section__contact .contact .inner .content .text {
    white-space: nowrap
}

.app-section__contact .contact .inner .more a {
    color: currentColor;
    border: 1px solid currentColor;
    border-radius: 5px;
    height: 50px;
    padding: 0 2em;
    display: inline-flex;
    align-items: center;
    justify-content: center
}
.app-section__contact .contact .inner_ayu .more a {
    color: currentColor;
    border: 1px solid currentColor;
    border-radius: 5px;
    height: 50px;
    padding: 0 2em;
    display: inline-flex;
    align-items: center;
    justify-content: center
}
.app-section__contact .contact .inner .more a:hover,
.app-section__contact .contact .inner_ayu .more a:hover {
    background-color: #fff;
    color: #0560f6;
    transition: 200ms all ease
}

.app-section__contact .contact .inner .codes {
    display: flex
}


.app-section__contact .contact .inner .codes .code {
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.app-section__contact .contact .inner .codes .code .image {
    border-radius: 5px;
    background-color: #fff;
    width: 100px;
    height: 100px
}

.app-section__contact .contact .inner .codes .code .image img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.app-section__contact .contact .inner .codes .code .text {
    margin-top: 20px;
    text-align: center;
    white-space: nowrap;
    color: rgba(255, 255, 255, .6)
}

.app-section-wrap {
    display: flex;
    justify-content: center;
    padding: 2em 0
}

.app-section-wrap-more {
    display: inline-flex;
    line-height: 1;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 2em;
    transition: .3s ease border-color;
    border: 1px solid rgba(5, 96, 246, .6);
    border-radius: 5px;
    color: #0560f6;
    transition: 300ms ease all
}

.app-section-wrap-more:hover {
    background: #0560f6;
    color: #fff
}

.app-section-wrap-more:hover .content .head .tag,
.app-section-wrap-more:hover .content .head .top,
.app-section-wrap-more:hover .content .head .title {
    color: #fff
}

.app-section-wrap-more:hover .content .more a {
    color: #fff
}

.app-section-wrap-more.white {
    color: #fff;
    border-color: #fff
}

.app-section-wrap-more.white:hover {
    background-color: #fff;
    color: #0560f6
}

.app-shutter__home {
    background: #f5f5f5
}

.app-shutter__home-wrapper {
    position: relative;
    height: 100%;
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    -ms-transition: .3s ease width;
    transition: .3s ease width
}

.app-shutter__home-wrapper .swiper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}


.app-shutter__home-wrapper .swiper .swiper-slide {
    height: 100%
}

.app-shutter__home-items {
    display: flex;
    align-items: stretch
}

.app-shutter__home-items .item {
    overflow: hidden;
    width: 33.33%;
    flex: 0 0 auto;
    text-align: center;
    transition: .3s ease width, .3s ease background;
    position: relative;
    display: flex;
    justify-content: center
}

.app-shutter__home-items .item+.item {
    border-left: 1px solid #e1e1e1
}

.app-shutter__home-items .item-inner {
    flex: 0 0 auto;
    width: 450px;
    padding: 0 40px;
    transition: .3s ease transform
}


.app-shutter__home-items .item-content {
    color: #333;
    flex: 0 0 auto;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease opacity, .3s ease visibility;
    width: 0;
    overflow: hidden
}

.app-shutter__home-items .item-content .inner {
    width: calc(72vw - 450px);
    padding: 80px 120px
}


.app-shutter__home-items .item-content .head .number {
    margin-bottom: .25em
}

.app-shutter__home-items .item-content .head .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #010101;
    display: block;
    margin-right: 40%;
    line-height: 1.25;
    margin-bottom: 1em;
    height: 90px
}


.app-shutter__home-items .item-content .main {
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 3em;
    color: #666
}


.app-shutter__home-items .item-content .related {
    margin-top: 3em
}

.app-shutter__home-items .item-content .related-name {
    margin-bottom: 1em
}

.app-shutter__home-items .item-content .related-item {
    display: flex;
    width: 100%
}

.app-shutter__home-items .item-content .related-item a {
    display: block;
    width: 33.33%;
    padding-right: 1em
}

.app-shutter__home-items .item-content .related-item a img {
    width: 100%;
    height: auto;
    transition: .3s ease box-shadow;
    border: none
}

.app-shutter__home-items .item-content .related-item a:hover img {
    box-shadow: 0 2px 24px rgba(0, 0, 0, .15)
}

.app-shutter__home-items .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 118.75%;
    position: relative;
    margin-top: 20%;
    margin-bottom: 20%
}

.app-shutter__home-items .item .image .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.app-shutter__home-items .item .image img {
    width: auto;
    max-height: 100%;
    height: auto
}

.app-shutter__home-items .item .text {
    transition: .3s ease opacity, .3s ease visibility;
    display: inline-block;
    padding-bottom: 3em;
    text-align: left;
    color: #333
}

.app-shutter__home-items .item .text .name {
    color: #010101
}

.app-shutter__home.active .app-shutter__home-wrapper {
    width: 100%
}

.app-shutter__home.active .app-shutter__home-items .item {
    width: 10%;
    background: #fff
}

.app-shutter__home.active .app-shutter__home-items .item .text {
    opacity: 0;
    visibility: hidden
}

.app-shutter__home.active .app-shutter__home-items .item:not(.active) .item-inner {
    transform: translateX(25%)
}
.prostatement{margin-top:-20px; text-align:right; color:#ccc; font-size:12px;}
@media screen and (min-width: 901px) {
    .app-shutter__home.active .app-shutter__home-items .item.active {
        width: 80%;
        background: #f5f5f5
    }

    .app-shutter__home.active .app-shutter__home-items .item.active .item-content {
        opacity: 1;
        visibility: visible;
        width: auto
    }
}

.app-marquee__home {
    position: relative
}

.app-marquee__home .swiper-container+.swiper-container {
    margin-top: 24px
}


.app-marquee__home .swiper-slide {
    width: auto
}

.app-marquee__home .item {
    display: block;
    position: relative;
    overflow: hidden;
    max-height: 500px;
    height: 22vw;
    min-height: 180px
}

.app-marquee__home .item img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -ms-transition: 1s ease transform;
    transition: 1s ease transform
}

.app-marquee__home .item:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.app-marquee__home .item::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .15;
    pointer-events: none
}

.app-marquee__home .item img {
    height: 100%;
    width: auto
}

.app-marquee__home .item .text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    color: #fff;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    padding: 2em 2.25em
}


.app-marquee__home .item .text .title {
    -ms-transition: 500ms all ease;
    transition: 500ms all ease
}

.app-marquee__home .item .text .intro {
    opacity: .6;
    margin-top: .5em;
    -ms-transition: 500ms all ease;
    transition: 500ms all ease
}

.app-marquee__home .item .text .more {
    -ms-transition: 500ms all ease;
    transition: 500ms all ease;
    opacity: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    display: flex;
    align-items: center
}

.app-marquee__home .item .text .more .app-text-more {
    color: #fff
}

.app-marquee__home .item .text .more .app-text-more::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC)
}

.app-marquee__home .item:hover .text .title {
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    -ms-transition: 500ms all ease;
    transition: 500ms all ease
}

.app-marquee__home .item:hover .text .intro {
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
    -ms-transition: 500ms all ease;
    transition: 500ms all ease
}

.app-marquee__home .item:hover .text .more {
    opacity: 1;
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -ms-transition: 500ms all ease;
    transition: 500ms all ease
}

.app-marquee__home .marquee-swiper-button-next,
.app-marquee__home .marqueeTwo-swiper-button-next {
    position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 99;
    -ms-transform: translateX(0);
    transform: translateX(0);
    -ms-transition: 300ms ease transform;
    transition: 300ms ease transform;
    cursor: pointer
}

.app-marquee__home .marquee-swiper-button-next:hover,
.app-marquee__home .marqueeTwo-swiper-button-next:hover {
    -ms-transform: translateX(5px);
    transform: translateX(5px)
}

.app-marquee__home .marquee-swiper-button-next svg,
.app-marquee__home .marqueeTwo-swiper-button-next svg {
    fill: #fff;
    width: 2em;
    height: 2em
}

.app-marquee__case .swiper-container+.swiper-container {
    margin-top: 24px
}



.app-marquee__case .swiper-slide {
    width: auto
}

.app-marquee__case .item {
    display: block;
    position: relative;
    overflow: hidden;
    overflow: hidden
}

.app-marquee__case .item img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -ms-transition: 1s ease transform;
    transition: 1s ease transform
}

.app-marquee__case .item:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.app-marquee__case .item::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .15;
    pointer-events: none
}

.app-marquee__case .item img {
    height: 550px;
    width: auto
}

.app-marquee__case .item .text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    padding: 1.5em 2.35em;
    z-index: 9;
    -ms-transition: 200ms ease all;
    transition: 200ms ease all
}

.app-marquee__case .item .text-inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end
}

.app-marquee__case .item .text .intro {
    opacity: .6;
    margin-top: .5em;
    -ms-transition: 500ms all ease;
    transition: 500ms all ease
}

.app-submenu {
    height: 80px;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    z-index: 99;
    position: relative
}

.app-submenu.active {
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
    z-index: 999
}


.app-submenu .app-container {
    height: 100%
}

.app-submenu-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    height: 100%
}

.current .app-submenu-wrap {
    justify-content: space-between
}

.app-submenu-menu {
    height: 100%;
    width: 100%;
    white-space: nowrap;
    flex: 1 1 auto;
    display: flex
}

.current .app-submenu-menu {
    justify-content: flex-end
}

.app-submenu-menu li {
    height: 100%;
    list-style-type: none;
    display: inline-flex
}

.app-submenu-menu li+li {
    margin-left: 65px
}


.app-submenu-menu li a,
.app-submenu-menu li span,
.app-submenu-menu li h2 {
    color: #666;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer
}

.app-submenu-menu li a::after,
.app-submenu-menu li span::after,
.app-submenu-menu li h2::after {
    content: " ";
    height: 2px;
    background-color: #0560f6;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    bottom: 0;
    transition: 200ms all ease
}

.app-submenu-menu li:hover a,
.app-submenu-menu li:hover span,
.app-submenu-menu li:hover h2,
.app-submenu-menu li.active a,
.app-submenu-menu li.active span,
.app-submenu-menu li.active h2 {
    color: #333;
    font-weight: 500
}

.app-submenu-menu li:hover a::after,
.app-submenu-menu li:hover span::after,
.app-submenu-menu li:hover h2::after,
.app-submenu-menu li.active a::after,
.app-submenu-menu li.active span::after,
.app-submenu-menu li.active h2::after {
    width: 80px;
    transition: 200ms all ease
}


.app-submenu-crumbs {
    height: 100%;
    flex: 1 0 auto;
    display: inline-flex;
    align-items: center;
    line-height: 1
}

.app-submenu-crumbs li {
    color: #999;
    list-style-type: none;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.app-submenu-crumbs li+li {
    padding-left: 25px
}

.app-submenu-crumbs li+li::before {
    content: " ";
    width: 7px;
    height: 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAcElEQVQYlXXPMRGAMBBE0Q+KkIAEJNBdiwQk0G6HBCQgAQlIYZZhMgmEK9K8ndwtkkZJC5VpgQNwYH1z40dSB+zAFhFjgX+BhLVAgU9gBiag80E5+DtDHxFnvtPgSgY3SNd+4EZJA+COBXi886wBwAX4NTEvCFvbgwAAAABJRU5ErkJggg==) no-repeat;
    position: absolute;
    left: 9px;
    top: 50%;
    -ms-transform: translateY(-35%);
    transform: translateY(-35%)
}

.app-submenu-crumbs li a {
    color: #999
}

.app-submenu-crumbs li a:hover {
    color: #0560f6
}

.app-submenu-crumbs li span {
    color: #333
}


#submenu-sticky {
    -ms-overflow-y: hidden;
    -ms-overflow-x: hidden;
    padding-top: 90px
}



.app-serve-type {
    display: flex;
    margin: 0 -12px;
    justify-items: stretch;
    padding-top: 120px
}



.app-serve-type-item {
    width: 25%;
    padding: 0 12px
}

.app-serve-type-mudule {
    position: relative;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 20px;
    padding: 70px 20px 75px 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%
}


.app-serve-type-mudule .icon {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center
}


.app-serve-type-mudule .icon svg {
    width: 1.4em;
    height: auto;
    fill: #0560f6
}

.app-serve-type-mudule .title {
    font-weight: 500;
    text-align: center
}


.app-serve-type-mudule .intor {
    margin-top: 10px;
    text-align: center;
    line-height: 1.8;
    color: #666
}

.app-serve-type-mudule .intor .big {
    color: #0560f6
}

.app-serve-type-mudule .buttons {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 28px;
    left: 0;
    right: 0
}

.app-serve-type-mudule .buttons a {
    margin: 0 5px;
    width: 120px;
    padding: 0
}



.app-serve-added {
    display: flex;
    margin: 0 -12.5px;
    align-items: stretch
}

.app-serve-added-item {
    padding: 0 12.5px;
    flex: 1 1 50%
}

.app-serve-added-mudule {
    height: 100%
}

.app-serve-added-mudule.left {
    position: relative
}

.app-serve-added-mudule.left .pic {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.app-serve-added-mudule.right {
    display: flex;
    flex-direction: column
}

.app-serve-added-mudule.right .pic {
    height: 0;
    padding-bottom: 48%;
    position: relative
}

.app-serve-added-mudule.right .pic+.pic {
    margin-top: 20px
}

.app-serve-added-mudule .pic {
    position: relative;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    overflow: hidden;
    display: block
}

.app-serve-added-mudule .pic img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -ms-transition: 1s ease transform;
    transition: 1s ease transform
}

.app-serve-added-mudule .pic:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}


.app-serve-added-mudule img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.app-serve-added-mudule .inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    padding: 40px;
    color: #fff;
    flex-direction: column;
    justify-content: flex-end;
    transition: .6s transform ease
}


.app-serve-added-mudule .inner a {
    position: relative;
    z-index: 9
}

.app-serve-added-mudule .inner::before {
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0));
    pointer-events: none
}

.app-serve-added-mudule .inner:hover h3 {
    transform: translateY(-5px);
    transition: .5s transform ease
}

.app-serve-added-mudule .inner:hover p {
    transform: translateY(-5px);
    transition: .6s transform ease
}


.app-serve-added-mudule .inner h3 {
    color: #fff;
    transition: .5s transform ease;
    line-height: 1
}

.app-serve-added-mudule .inner p {
    color: rgba(255, 255, 255, .6);
    margin-top: 10px;
    transition: .6s transform ease
}

.app-serve-hot {
    margin-top: 40px
}


.app-serve-hot .tabs {
    display: flex;
    justify-content: center
}

.app-serve-hot .tabs .tab {
    color: #666;
    line-height: 1;
    position: relative;
    margin: 0 35px;
    cursor: pointer;
    font-weight: 500
}

.app-serve-hot .tabs .tab.active {
    color: #333
}

.app-serve-hot .tabs .tab.active:hover {
    color: #333
}

.app-serve-hot .tabs .tab.active::after {
    content: " ";
    position: absolute;
    bottom: -20px;
    height: 2px;
    background-color: #0560f6;
    left: 0;
    right: 0
}

.app-serve-hot .tabs .tab:hover {
    color: #0560f6
}

.app-serve-hot .contents .content {
    display: none
}

.app-serve-hot .contents .content.show {
    display: block
}

.app-serve-hot .contents .content .item {
    padding: 35px 20px 35px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    color: #333;
    position: relative
}


.app-serve-hot .contents .content .item:first-child {
    border-top: none
}

.app-serve-hot .contents .content .item:last-child {
    border-bottom: 1px solid #e6e6e6
}

.app-serve-hot .contents .content .item:hover {
    background-color: #fff;
    color: #0560f6;
    border-radius: 10px;
    border-bottom: 3px solid #0560f6;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.app-serve-hot .contents .content .item:hover+.item {
    border-top: none
}

.app-serve-hot .contents .content .item:hover svg {
    fill: #0560f6
}

.app-serve-hot .contents .content .item svg {
    fill: #999;
    width: 35px;
    height: 30px;
    margin-right: .5em
}

.app-serve-hot .contents .content .item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 1 auto;
    padding-right: 50px
}


.app-serve-hot .contents .content .item .size {
    flex: 0 0 auto;
    width: 80px
}

.app-serve-hot .contents .content .item .date {
    width: 100px;
    flex: 0 0 auto
}

.app-list-mz {
    background-color: #fff;
    display: flex;
    align-items: stretch;
    border-radius: 15px
}

.app-list-mz:not(:first-child) {
    margin-top: 25px
}

.app-list-mz-image {
    width: 275px;
    flex: 0 0 auto;
    height: 370px
}

.app-list-mz-image img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover
}

.app-list-mz-infos {
    flex: 1 1 auto;
    display: inline-flex;
    padding: 50px 90px 50px 60px;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 275px)
}


.app-list-mz-infos .top-intor {
    margin-top: 25px;
    color: #666;
    line-height: 1.8
}


.app-list-mz-infos .bottom {
    display: flex;
    justify-content: start
}

.app-list-mz-infos .bottom a+a {
    margin-left: 10px
}

.app-list-activity .activiy-row {
    display: flex;
    align-items: center;
    align-items: stretch;
    overflow: hidden;
    background-color: #fff;
    border-radius: 25px
}

.app-list-activity .activiy-row img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -ms-transition: 1s ease transform;
    transition: 1s ease transform
}

.app-list-activity .activiy-row:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.app-list-activity .activiy-row:hover {
    background-color: #0560f6
}

.app-list-activity .activiy-row:hover .activiy-col:last-child {
    background-color: #0560f6
}

.app-list-activity .activiy-row:hover .title,
.app-list-activity .activiy-row:hover .other,
.app-list-activity .activiy-row:hover .more a,
.app-list-activity .activiy-row:hover .tag {
    color: #fff
}

.app-list-activity .activiy-row:hover .other svg {
    fill: #fff
}

.app-list-activity .activiy-row:hover .tag {
    border-color: #fff
}

.app-list-activity .activiy-row:hover .app-text-more {
    color: #fff
}

.app-list-activity .activiy-row:hover .app-text-more::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC)
}


.app-list-activity .activiy-col:first-child {
    width: 49.5%
}

.app-list-activity .activiy-col:last-child {
    width: 50.5%;
    background-color: #fff
}


.app-list-activity .activiy-col:last-child .content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 300ms background ease;
    padding: 90px;
    padding-bottom: 60px;
    height: 100%
}

.app-list-activity-items {
    margin: 0px -20px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap
}

.app-list-activity-items .item {
    position: relative;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    display: block
}

.app-list-activity-items .item-wrap {
    padding: 20px;
    width: 50%
}

.app-list-activity-items .item img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -ms-transition: 1s ease transform;
    transition: 1s ease transform
}

.app-list-activity-items .item:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}


.app-list-activity-items .item .single {
    transition: .3s ease background, .3s ease color;
    padding: 30px 45px;
    height: 235px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-color: #fff
}

.app-list-activity-items .item .image {
    height: 0;
    padding-bottom: 57.142857%;
    position: relative;
    overflow: hidden;
    border-radius: 30px 30px 0 0
}

.app-list-activity-items .item .image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.app-list-activity-items .item .title {
    margin-top: 10px
}

.app-list-activity-items .item .other {
    margin-top: 1.5em
}

.app-list-activity-items .item:hover .single {
    background-color: #0560f6
}

.app-list-activity-items .item:hover .title,
.app-list-activity-items .item:hover .other,
.app-list-activity-items .item:hover .more a,
.app-list-activity-items .item:hover .tag {
    color: #fff
}

.app-list-activity-items .item:hover .other svg {
    fill: #fff
}

.app-list-activity-items .item:hover .tag {
    border-color: #fff
}

.app-list-activity-items .item:hover .app-text-more {
    color: #fff
}

.app-list-activity-items .item:hover .app-text-more::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC)
}

.app-list-activity .image {
    height: 0;
    position: relative;
    padding-bottom: 71.428571%;
    overflow: hidden;
    border-radius: 30px
}

.app-list-activity .image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.app-list-activity .tag {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .2rem .5em;
    border-radius: 5px;
    color: #0560f6;
    border: 1px solid #0560f6
}

.tags .app-list-activity .tag {
    color: #666;
    border: 1px solid #cecece
}

.tags .app-list-activity .tag .tag:hover {
    color: #0560f6;
    border: 1px solid #0560f6
}

.app-list-activity .title {
    margin-top: 1em;
    color: #333
}


.app-list-activity .other {
    margin-top: 2em;
    display: flex;
    align-items: center;
    color: #666
}

.app-list-activity .other .area,
.app-list-activity .other .date {
    margin-right: 3em;
    display: inline-flex;
    align-items: center
}

.app-list-activity .other .area svg,
.app-list-activity .other .date svg {
    fill: #999;
    margin-right: .5em;
    height: 20px;
    width: 20px;
    flex: 0 0 auto
}

.app-list-activity .other .area span,
.app-list-activity .other .date span {
    flex: 0 0 auto
}

.app-list-activity .more {
    display: flex;
    align-items: center
}

.app-list-activity .more a {
    color: #333
}

.app-list-activity .more a::after {
    content: ">";
    margin-left: .25em;
    font-size: 14px;
    font-family: "宋体"
}

.app-list-activity .more a:hover {
    color: #0560f6
}

.app-list-news .item {
    padding: 35px 45px;
    display: flex;
    align-items: center;
    border-top: 1px solid #eaeaea;
    background-color: #fff;
    -ms-transition: .3s ease all;
    transition: .3s ease all
}

.app-list-news .item:last-child {
    border-bottom: 1px solid #eaeaea
}

.app-list-news .item-date {
    flex: 0 0 auto;
    width: 115px;
    display: flex;
    flex-direction: column
}



.app-list-news .item-date .big {
    color: #333
}


.app-list-news .item-date .small {
    color: #666
}

.app-list-news .item-content {
    padding-left: 45px;
    flex: 1 1 auto;
    border-left: 1px solid #eaeaea
}

.app-list-news .item-content h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #333
}

.app-list-news .item-content .intor {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 15px
}

.app-list-news .item:hover {
    border-color: #0560f6;
    border-radius: 20px;
    background-color: #0560f6
}

.app-list-news .item:hover+.item {
    border-top: none
}

.app-list-news .item:hover .big,
.app-list-news .item:hover .small,
.app-list-news .item:hover h3,
.app-list-news .item:hover .intor {
    color: #fff;
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.app-list-news .item:hover .item-content {
    border-left: 1px solid #1e70f7
}

.app-content {
    max-width: 960px;
    margin: 0 auto
}

.app-content-head h1 {
    font-weight: 400;
    padding: .9em 0
}

.app-content-head .ribbon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    position: relative
}


.app-content-head .ribbon .tags {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto
}


.app-content-head .ribbon .tags .tag {
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .2rem .5em;
    border-radius: 5px;
    color: #666;
    border: 1px solid #cecece;
    margin-right: 1em
}

.app-content-head .ribbon .tags .tag:hover {
    color: #0560f6;
    border: 1px solid #0560f6
}

.app-content-head .ribbon .icons {
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto;
    justify-content: space-between
}

.app-content-head .ribbon .icons .icon-wrap {
    flex: 1 1 auto;
    width: calc(100% - 120px);
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.app-content-head .ribbon .icons .icon+.icon {
    margin-left: .8em
}

.app-content-head .ribbon .icons .icon svg {
    fill: #999;
    width: 1em;
    height: 1em
}

.app-content-head .ribbon .icons .icon:hover svg {
    fill: #333
}

.app-content-head .ribbon .icons .icon.wechat-qrcode-item {
    position: relative
}

.app-content-head .ribbon .icons .icon.wechat-qrcode-item:hover .share-wechat-qrcode {
    display: block
}

.app-content-head .ribbon .icons .icon .share-wechat-qrcode {
    display: none;
    top: 30px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    padding: 0 10px 10px;
    background-color: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
    border-radius: 5px;
    overflow: hidden
}

.app-content-head .ribbon .icons .icon .share-wechat-qrcode::before {
    content: "扫一扫分享";
    font-size: 12px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f6f6f6;
    margin: 0 -10px 10px
}

.app-content-head .ribbon .icons .icon .share-wechat-qrcode img {
    width: 120px !important;
    height: 120px !important
}

.app-content-head .ribbon .icons .date {
    color: #999;
    margin-right: 20px;
    flex: 0 0 auto;
    width: 120px
}

.app-content-main {
    padding: 60px 0 40px 0;
    color: #666;
    line-height: 1.8
}

.app-content-main img {
    max-width: 100%;
    height: auto;
    display: block
}

.app-content-main h2,
.app-content-main h3,
.app-content-main h4,
.app-content-main h5,
.app-content-main h6 {
    color: #333
}

.app-content-related {
    border-top: 1px solid #cecece
}

.app-content-related .item+.item {
    margin-top: 1.5em
}

.app-train-intor {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.app-train-intor .plate {
    width: 43.75%
}


.app-train-intor .plate img {
    width: 100%;
    height: auto;
    display: block
}

.app-train-intor .items {
    width: 56.25%;
    padding-left: 120px
}



.app-train-intor .items .item {
    padding: 40px 0
}


.app-train-intor .items .item p {
    color: #666;
    margin-top: 10px
}

.app-train-system-head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 1.5%
}

.app-train-system-head .item {
    height: 70px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    color: #fff;
    background-size: 100% 100%
}

.app-train-system-head .item+.item {
    margin-left: 5px
}

.app-train-system-head .item.one {
    /* width: 33.333333%; */
    /* 2024-6-24培训表格更新 */
    width: 25.694444%;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAABGCAYAAAAU5kfSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBM0QxQjlGMUFCQzExRURBODA1ODVEQjFFMERCODg0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBM0QxQkEwMUFCQzExRURBODA1ODVEQjFFMERCODg0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEEzRDFCOUQxQUJDMTFFREE4MDU4NURCMUUwREI4ODQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEEzRDFCOUUxQUJDMTFFREE4MDU4NURCMUUwREI4ODQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz427XN5AAAD7ElEQVR42uzdzYtVdRgH8DNnlCCGggzBhbtwIeJKyIx0aOzNTVu3QX9Tf4PLlkkzzpSDmFRKpL2sihaWQlZYJDM1PU9zi8t479zze260+nzgGeHOPZvv5svPOec5C4tvb53quu6tmAMdADDUdsw7MbcrF/cxbypfAGiW3XkxZqFawMoXAGoOx5ysFvCq/ACg7Hy1gDdjHsoPAEqOxRytFPCjmHX5AcD/dwruR/+uj4oYAGiXTxQ9XSngX2Ouyg8ASvKG5uVKAae8GWtbhgBQcjbmYKWAH8TckB8AlCzFnK4UcLocsyNDAChZ6QYu5thbwN/H3JIfAJQciTleKeD0nvwAYK5TcKmAv4n5Un4AUHJ8dBJuLmCnYACoWxhyCp5WwF/EfCtDACjJu6GXKgXsFAwAdfk88NlqAd+M+UGGAFCy3O3zyt/9CjifB74sPwAoyd3Qz1cKOH0U85MMAaDklW7KYo5ZBZy7odfkBwAlUxdz9AMu/iDmNxkCQMlKtYDzPcEb8gOAkomLOfqBF6/HbMkQAJpNXMwxtIB/ibkmQwAoeWwxR99w8fsxf8oQAJo9tpijpYDvx3wiQwAoWe7GFnP0jRfnYo4dGQJAs1zMcapawN/F3JEhAJScrxbwP6dgAKDd0Zhj1QL+anQSBgCKp+C+eLFXFQJAzcmYw9UC/jTmRxkCQLNczHGuWsD5PPC6DAGg5EQ/x8Wb3e6eaACgzaF5CjjfkHRbhgDQrp/z2udECADN7s9TwPl6padkCADNPp+ngF+WHwA0y5XOV6sFfGR0AgYA2nwWc69awLnFY0GGANBsNX9UCjjf5nBafgDQLFc5f10t4Fe7sfcZAgBtp99KAS/FvCQ/AGj2IObjagHn336fkCEANLsSs10p4CdjzskPAJrl6ubN8Q9aCnh5VMIAQJtr3e4K5+YCzv92XpEfADTLxRtX9n44tIDzxqslGQJAs78Xb1QK+GC3++gRANBuddKHQwr4xW53+QYA0ObfxRutBbzo9AsA/+3pd0gB58rJQ/IDgGY/d2OLN1oKOH93QX4AULLRjS3eaCngF2KelR8ANNuK+bCbccqdZNHpFwDKrsc8rBTwGadfACjJxRtrs77UTzn9vi4/ACi5E3O3UsBOvwBQtzbkS3sL+EDMG7IDgJK7oxNwcwHnnc+e+wWAmly8sdNawE6/AFCXizeuD/3yeAGfcfoFgLKNbp/FG9MKOE+/7nwGgJqZizemFbDTLwDUzVy8MamA/e0XAOoGLd6YVMD5vt9n5AcAJYMWb0wq4NdkBwBla5WLsoD/kB0AlAxevDGpgN+N+V2GANAku/NSN3Dxxl5/CTAAWYCA4qZNboUAAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.app-train-system-head .item.two {
    width: 25.694444%;
    text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXIAAABGCAYAAADRuB8GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlGNjVBREVCMUFCQzExRUQ4N0U0RTJFMEY3OUFERkZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlGNjVBREVDMUFCQzExRUQ4N0U0RTJFMEY3OUFERkZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUY2NUFERTkxQUJDMTFFRDg3RTRFMkUwRjc5QURGRkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2NUFERUExQUJDMTFFRDg3RTRFMkUwRjc5QURGRkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6l7ao6AAAD/ElEQVR42uzdv2tdZRgH8JPUWi0NtlhFRBF0cHIQQTqoYAfFgqVtSCRRaxEH/wb/kTrooNZUK9FisUMFBaXgoh06uZRiETJUFAKVErQ+jzdKiP1xz3vB5wyfDzxLcs/yHb5czj3vc6a2vLG2r+u6t2Lu6ACocC3m7Zh3Wy6ejnlTiQOUmop5PWZna5FvlSFAuW0xs61Fflx+AIMw1/LlOov8s5hV+QGU2x3zXEuRr66XOQD1FluKPC3FrMkPoNyjMY+3FPnlmC/kBzAI8y1Fno7F/Ck/gHJ7Y+5rKfKLMd/ID6DclpiXWoo8vSc/gEE4ELO9pcjPx/wgP4ByMzEvthR5el9+AIOQP3pOtRT52ZgL8gMo91DMnpYizy1c7pUDDMMtDwhN3+DvZ2JW5AdQLr+RP9xS5HnKc0l+AOXyHvlCS5Gnk51lWgBDkC8A2tlS5FdiTsgPoFzuKt/fUuTdepFflSFAuXwUcUtLkf8Sc1p+AOVy98reliJPH3SWaQEMwWJrkf/UWaYFMASPrU/vIk8OCAEMw0JrkecyrXPyAyj3bDd6t2fvIk/H5AdQbmvMXGuR531yy7QA6s12o2fLexd5LtP6UH4A5fKU576WIk/5TPllGQKUyx89p1qKPJdpHZcfQLnciPhkS5GnT7vRHhYAas23FnluRDwlP4ByT8c8ON148UedY/sA1bLDD7YW+aWYb2UIUO6p6Qku9gYhgHoPTFLk38f8KkOAWpMU+SMxu0QIUOrnSYr8efkBlDvbWuR5xv+Q/ABK5dODy61FftM3OgPwv8inBy+1FHme7V+QH0C5v58ebCnyPd3ojD8AdX7sRk8PNhX5EfkBlPt3gWHfIs+Xfj4hP4BSv8V82Vrkr8kPoNxyzNWWIs/74s/ID6BUvhfik41/6FPkr3aTnQQFYHJnuk1vahu3mO+PeUF+AOX+s7Bw3CI/HHOb/ABKnetGjx32LvLdMfvlB1DuxPX+OE6R573x2+UHUGol5quWIs99KgflB1Du45g/Wop8MWa7/ABKXYk5eaN/3qzIZ2Lm5QdQ7lTMakuR54bDHfIDKHWt23QAaNwi39FZVQswBN/FXGwp8rylMiM/gHJLt/rA9Yo8f9x8WXYA5S6sfyPvXeRzMXfJD6Bc7hy/1rfI74x5RXYA5XLn+OlxPri5yGdjdskPoNzn3Yad4+MW+bZudBwfgFp5gvPEuB/eWOSHYu6WH0C53Kmy0rfIcynWYdkBDMJSnw//U+S5GOse2QGUO78+vYo8v417qTLAMBzve0EW+YGYe2UHUC7fxfl1S5EfkR3AIORyrLWWIl+THUC5fGZ8ueXCLPKjMb/LEKBMPjf+Tjc6zdnbXwIMAHaqf+fde6+VAAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.app-train-system-head .item.three {
    width: 25.694444%;
        text-align: center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXIAAABGCAYAAADRuB8GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwOTAwRjg5MUFCQzExRURBRDZGRkE4ODlCRTZCNTBDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwOTAwRjhBMUFCQzExRURBRDZGRkE4ODlCRTZCNTBDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjA5MDBGODcxQUJDMTFFREFENkZGQTg4OUJFNkI1MEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjA5MDBGODgxQUJDMTFFREFENkZGQTg4OUJFNkI1MEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6xFWcYAAADC0lEQVR42uzdO4iUZxgF4G9nFRJMobJNGhUWLBJJYRULsQlBMI2NaJHCRRAsIpIgpksjKJgLG7yBYAh2oiBCEGxELLQxlYFABNFWxICawvXyfsyMDIOdRTzwPHDY3dnuFIefmX/+b2Z2z/OF1tqpyvIGwPvqQeWPyuHR72/M1JDfq59rdQQQ4WFle+XG+IWBK3GAKHOVK5VPJof8pF4AoqyonK8sGw/5icoTvQBE6VfkC+Mhf1Q5qxOAOAcrM4PRH4uVFzoBiDJf+Xw85P9ULugEIM4Xg4k/ftYHQJyNk0N+s03clwhAhA2DqReO6QQgyqrpIb/chu+XA5Bh5fSQv3RVDhBldvCWF39vw+/yAxDgbUP+X/O1fYDoIe8WR4MOQOiQ97dWzqkHIHfIux/b8MNPAEKH/O82vB0RgNAh735REUD2kF+r/KkmgNwh746qCSB7yPvjbe+rCiB3yJcqv6oKIHfIuzPNuZ4A0UP+uHJaXQC5Q971r+0vqQwgd8j7B54XVQaQO+Sdcz0Bwoe8n+t5XW0AuUPe/aQ2gOwhd64nQPiQ90fbLqoOIHfIu7OVf9UHkDvk/VueThACCB7y7pL6ALKHfIv6AHKHfKayU30AuUP+ZWVefQC5Q35AdQC5Q75+dEUOQOiQf9OG75EDEDjkc5UFtQHkDvn+yodqA8gc8o8q+1QGkDvkeyqrVQaQOeTLm1sOAaKHfFdljboAMoe832p4UFUAuUO+rfKpqgByh9zVOEDwkG+qbFYTQO6Qf68igNwh/6zylYoAcoe8X417OBZA6JD3R9XuUA9A7pAfau92nicA/+OQr6t8rRqA3CHv940vUw1AhBfTQ/5xZbdeAGI8nh7y7yof6AUgxqPJIe/HuO3VCUCUO5ND3p83vkInAFFuj4d8ZXOMG0Ciq+Mh3zcacwBy3K3c6kPe305xjBtAniOVV33I+wecc/oAiHKn8lv/pQ/5t/oAiPK0DZ+HtTQe8uc6AYjxsLK18tf4hT7kP1Se6QbgvfWqcr9yvA3Pirgx+c/XAgwANQlcLTciyesAAAAASUVORK5CYII=);
    background-size: 100% 100%
}



.app-train-system-main {
    margin-top: 20px;
    border: 1px solid #e1eafa;
    border-radius: 10px;
    padding: 10px 10px
}

.app-train-system-main table {
    width: 100%;
    border-collapse: collapse
}

.app-train-system-main table tr.line {
    position: relative
}

.app-train-system-main table tr.line::after {
    content: " ";
    height: 1px;
    background-color: #e1ebfa;
    position: absolute;
    right: -10px;
    left: 33%;
    bottom: 0;
    margin-bottom: -0.5px
}

.app-train-system-main table td {
    padding: 10px 5px;
    height: 70px;
    text-align: center;
}

.app-train-system-main table .merge_td {
    width: 26%;
}


/* .app-train-system-main table td:nth-child(-n+4) {
    width: 11%
}

.app-train-system-main table td:nth-child(5) {
    width: 28%
} */

        /* 2024-6-24培训表格更新 */


.app-train-system-main table td.arrow {
    padding-left: 40px
}

.app-train-system-main table .module {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    white-space: nowrap;
    padding: 0 5px;
    -ms-transition: 300ms all ease;
    transition: 300ms all ease
}

.app-train-system-main table .module:hover {
    box-shadow: 0 0px 15px rgba(14, 89, 207, .45)
}

.app-train-system-main table .module.next {
    position: relative
}

.app-train-system-main table .module.next::after {
    content: " ";
    width: 8px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Q0RFRTNFMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3Q0RFRTNGMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjdDREVFM0MzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjdDREVFM0QzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TsB//AAACSUlEQVR42uyau0tcURCH74qPiFEiooiIQY0osi4oi6gQgg80IIiNAQkWi4XYaAoJGBKiS4KCWIiNWCQWYqOND9TFjYjgA19/SzrBZvM7+Fsc7PS+dpYMfNwzxbL7ce69Z2Y0kEgkrHSIDCtNIvO5H8yO3E7g0gDGwV+nf9jd71xvRBBzvL4FTW7IeHVrfee1ElyBAq0iUTDNdTVl8rU+7FNCpgZcgjytby0pUwsuQK5Gkccy9ZTJ0XqOSJkgZbK1HohSJgTObb7ifT3ZpUwjOPOignDrC6RMmDIBrbWWlGkGp5qLRinTAk40V79Spg0cay7jpYwpMo809yNS5h041NxYSZl28EdzhyhlOkBcc6srZTrBgeaeXcp0gZjm4YOU6Qb7mqcoUqYH7IEXGkWSMotcvxdi6kRqeLYk48mlTGYKSLwBN+Al8w9gS9uOvObAIikxBNa1Pezl4Bq8Yj4MVrW9tcp4OxUxHwW/tJ0jpdyJYuafwJK2k72EEqXMP4MFbbVWESXKmH+xHgbhakQK+UyUM/8GZrT1I2awbQbcFeIU/6GtQzQzYDNxrGIefU754bdIlnU/aaxj/tN6+JuKGhEzjDNzrBDzWfDVza13S8QUfWGu58Gk2w+iGyJHoJVrU5pPePFadFokLsrxZTDm1SHlpEiMgwQTK2DEy5LBKZE99twm1kDE6wLOCZEdtqcmNsBHP8ppuyKboFesB/xqbuyImFuoj+tt0O9nq2lHZJDXXSHkW9gZPpgdCLL08D0C//9fK8XinwADAMl8YfUN5bN1AAAAAElFTkSuQmCC) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -27px
}

.app-train-system-main table .module.grey {
    background-color: #f2f2f2
}

.app-train-system-main table .module.grey:hover {
    box-shadow: none
}

.app-train-system-main table .module.blue-1 {
    background-color: #f4f8f9;
    color: #0364fb;
    border: 1px solid #f4f8f9
}

.app-train-system-main table .module.blue-1:hover {
    border: 1px solid #0364fb
}

.app-train-system-main table .module.blue-2 {
    background-color: #e7f2f8;
    color: #0364fb;
    border: 1px solid #e7f2f8
}

.app-train-system-main table .module.blue-2:hover {
    border: 1px solid #0364fb
}

.app-train-system-main table .module.blue-3 {
    background-color: #66a0fb;
    color: #fff
}

.app-train-system-main table .module.blue-3:hover {
    background-color: #e7f2f8;
    color: #0364fb;
    border: 1px solid #3482fb
}

.app-train-system-main table .module.blue-4 {
    background-color: #3482fb;
    color: #fff
}

.app-train-system-main table .module.blue-4:hover {
    background-color: #e7f2f8;
    color: #0364fb;
    border: 1px solid #3482fb
}

.app-train-system-main table .module.blue-5 {
    background-color: #0364fb;
    color: #fff
}

.app-train-system-main table .module.blue-5:hover {
    background-color: #e7f2f8;
    color: #0364fb;
    border: 1px solid #0364fb
}

.app-train-process {
    margin-top: 40px;
    display: flex;
    padding: 0 85px
}

.app-train-process-content {
    width: 100%
}


.app-train-process-content img {
    width: 100%;
    height: auto
}

.app-train-process-content-m {
    display: none;
    padding: 2.5em;
    padding-bottom: 0
}


.app-train-process-content-m img {
    width: 100%;
    height: auto
}

.app-train-exam {
    display: flex;
    justify-content: space-between;
    margin: 0px -12px
}

.app-train-exam .item {
    background-color: #fff;
    border-radius: 20px;
    height: 500px;
    position: relative
}

.app-train-exam .item-wrap {
    width: 33.333333%;
    padding: 0 12px
}

.app-train-exam .item-main {
    padding: 50px 35px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.app-train-exam .item-main .icon {
    width: 100px;
    height: 100px;
    border: 1px solid #b9d4fe;
    border-radius: 50%;
    background-color: #fff;
    background-size: 44px auto;
    background-repeat: no-repeat;
    background-position: center center;
    display: block
}

.app-train-exam .item-main .title {
    text-align: center;
    margin-top: 40px;
    line-height: 1
}

.app-train-exam .item-main .intor {
    margin-top: 25px;
    line-height: 1.8;
    color: #666;
    width: 100%
}

.app-train-exam .item-operate {
    background-color: #0364fb;
    height: 60px;
    border-radius: 0 0 30px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer
}

.app-train-exam .item-operate .obtain {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    transition: 500ms ease opacity;
    opacity: 0
}

.app-train-exam .item-operate .obtain a {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #3583fc
}


.app-train-exam .item-operate .obtain a:first-child {
    background-color: #69a0f7
}

.app-train-exam .item-operate:hover .obtain {
    opacity: 1
}

.app-train-study {
    display: flex;
    justify-content: space-between;
    margin: 0 -12px
}


.app-train-study .item {
    background-color: #fff;
    border-radius: 20px;
    height: 200px;
    position: relative;
    padding: 60px 75px 30px 75px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    -ms-transition: 300ms background ease;
    transition: 300ms background ease;
    display: flex;
    align-items: center
}

.app-train-study .item-wrap {
    width: 33.333333%;
    padding: 0 12px
}

.app-train-study .item-main {
    display: flex;
    align-items: flex-start
}

.app-train-study .item-main .icon {
    width: 61px;
    height: 61px;
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat
}

.app-train-study .item-main .infos {
    padding-left: 25px
}

.app-train-study .item-main .infos .title {
    line-height: 1
}

.app-train-study .item-main .infos .intor {
    margin-top: 15px;
    line-height: 1.8;
    color: #666
}

.app-train-study .item-main .infos .more {
    margin-top: 20px;
    color: #333;
    display: inline-flex;
    align-items: center
}

.app-train-study .item:hover {
    background-color: #0364fb;
    -ms-transition: 300ms background ease;
    transition: 300ms background ease
}

.app-train-study .item:hover .item-main .icon {
    background-position: bottom center
}

.app-train-study .item:hover .infos .title {
    color: #fff;
    -ms-transition: 300ms color ease;
    transition: 300ms color ease
}

.app-train-study .item:hover .infos .intor {
    color: #fff;
    -ms-transition: 300ms color ease;
    transition: 300ms color ease
}

.app-train-study .item:hover .infos .more .app-text-more {
    -ms-transition: 300ms color ease;
    transition: 300ms color ease;
    color: #fff
}

.app-train-study .item:hover .infos .more .app-text-more::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC)
}

.app-train-value {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -12px
}

.app-train-value .item {
    background-color: rgba(255, 255, 255, .9);
    position: relative;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 60px 0;
    border-radius: 20px
}

.app-train-value .item-wrap {
    width: 33.33333%;
    padding: 12px
}

.app-train-value .item::after {
    content: " ";
    width: 227px;
    height: 189px;
    background: url(../images/value-icon.png) no-repeat;
    background-size: contain;
    background-position: right bottom;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .4;
    -ms-transition: 300ms ease opacity;
    transition: 300ms ease opacity
}

.app-train-value .item .intor {
    width: 100%;
    margin-top: 15px;
    line-height: 1.8;
    color: #666
}


.app-train-value .item:hover {
    background-color: #fff
}

.app-train-value .item:hover::after {
    opacity: 1;
    -ms-transition: 300ms ease opacity;
    transition: 300ms ease opacity
}

.app-train-question {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px -12px
}

.app-train-question .item {
    position: relative;
    height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 50px;
    border-radius: 20px;
    border-bottom: 5px solid #fff;
    background-color: #fff;
    -ms-transition: 500ms border ease, 500ms box-shadow ease;
    transition: 500ms border ease, 500ms box-shadow ease
}

.app-train-question .item-wrap {
    width: 50%;
    padding: 12px
}

.app-train-question .item .title {
    line-height: 1.4;
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    -ms-transition: 500ms transform ease;
    transition: 500ms transform ease
}

.app-train-question .item .intor {
    margin-top: 5px;
    line-height: 1.8;
    -ms-transform: translateY(25px);
    transform: translateY(25px);
    -ms-transition: 500ms transform ease;
    transition: 500ms transform ease;
    color: #666
}

.app-train-question .item:hover {
    background-color: #fff;
    box-shadow: 0 2px 24px rgba(0, 0, 0, .15);
    border-bottom: 5px solid #0364fb;
    -ms-transition: 500ms border ease, 500ms box-shadow ease;
    transition: 500ms border ease, 500ms box-shadow ease
}

.app-train-question .item:hover .title {
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.app-train-question .item:hover .intor {
    margin-top: 15px;
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}


.app-down {
    display: flex;
    align-items: flex-start;
    overflow: hidden
}


.app-down-sub {
    width: 20%;
    flex: 0 0 auto;
    transition: 200ms ease padding;
    padding-bottom: 14vw
}



.app-down-sub .menu-wrap {
    padding: 70px;
    background: url(../images/down-sub.jpg) no-repeat;
    background-size: cover;
    border-radius: 20px
}

.app-down-sub .menu-wrap li {
    padding: 15px 0;
    list-style: none
}

.app-down-sub .menu-wrap li a,
.app-down-sub .menu-wrap li span {
    padding: 5px 0;
    color: rgba(255, 255, 255, .6);
    position: relative;
    display: inline-block;
    cursor: pointer
}

.app-down-sub .menu-wrap li a:hover,
.app-down-sub .menu-wrap li span:hover {
    color: #fff
}

.app-down-sub .menu-wrap li.active a,
.app-down-sub .menu-wrap li.active span {
    color: #fff
}

.app-down-sub .menu-wrap li.active a::after,
.app-down-sub .menu-wrap li.active span::after {
    content: " ";
    height: 2px;
    left: 0;
    right: 0;
    bottom: -10px;
    position: absolute;
    background-color: #fff
}

.app-down-main {
    background-color: #fff;
    border-radius: 20px;
    flex: 1 1 auto;
    margin-left: 25px;
    width: 80%;
    position: relative;
    overflow: hidden
}

.app-down-control {
    position: relative
}

.app-down-icon {
    width: 70px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 100%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transition: 300ms transform ease;
    transition: 300ms transform ease;
    cursor: pointer;
    z-index: 1
}

.app-down-icon.active svg {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    fill: #0044b5
}

.app-down-icon svg {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transition: 300ms transform ease;
    transition: 300ms transform ease;
    fill: #0560f6;
    width: 30px;
    height: auto;
    display: block
}

.app-down-tabs {
    position: relative;
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: auto;
    flex-wrap: wrap;
    -ms-transition: 800ms max-height ease;
    transition: 800ms max-height ease
}

.app-down-tabs-wrap {
    width: 100%;
    height: 80px;
    overflow: hidden;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 2em
}

.app-down-tabs.active {
    height: auto
}

.app-down-tabs .tab {
    margin-left: 40px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 80px;
    color: #666;
    position: relative
}

.app-down-tabs .tab a,
.app-down-tabs .tab h2 {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    color: #666;
    cursor: pointer
}

.app-down-tabs .tab a:hover,
.app-down-tabs .tab h2:hover {
    color: #333
}

.app-down-tabs .tab.active {
    color: #333
}

.app-down-tabs .tab.active::after {
    content: " ";
    height: 2px;
    left: 0;
    right: 0;
    bottom: 1px;
    position: absolute;
    background-color: #0560f6
}

.app-down-tabs .tab.active a {
    color: #333
}

.app-down-classifys .classify {
    display: none
}

.app-down-classifys .classify.show {
    display: block
}

.app-down-contents {
    padding: 10px 25px 70px;
    background: url(../images/content-back-01.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    border-radius: 20px
}

.app-down-contents .content {
    display: none
}

.app-down-contents .content.show {
    display: block
}

.app-down-contents .content-head {
    margin-top: 30px;
    padding: 25px 30px;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    border-radius: 5px;
    color: #0560f6;
    border-left: 4px solid #0560f6
}

.app-down-contents .content-main {
    padding: 20px 10px 0
}

.app-down-contents .content-main .item {
    overflow: hidden
}

.app-down-contents .content-main .item.active .head-title svg,
.app-down-contents .content-main .item:hover .head-title svg {
    fill: #0560f6 !important;
    width: 30px;
    height: 30px
}

.app-down-contents .content-main .item.active .head-title h4,
.app-down-contents .content-main .item:hover .head-title h4 {
    color: #0560f6 !important
}

.app-down-contents .content-main .item.active .head-icon,
.app-down-contents .content-main .item:hover .head-icon {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.app-down-contents .content-main .item.active .head-icon svg,
.app-down-contents .content-main .item:hover .head-icon svg {
    fill: #0560f6
}

.app-down-contents .content-main .item .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer
}

.app-down-contents .content-main .item .head-title {
    display: flex;
    align-items: center
}

.app-down-contents .content-main .item .head-title svg {
    fill: #999;
    width: 30px;
    height: 30px
}

.app-down-contents .content-main .item .head-title h4 {
    color: #333;
    margin-left: 15px
}

.app-down-contents .content-main .item .head-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transition: 300ms transform ease;
    transition: 300ms transform ease
}

.app-down-contents .content-main .item .head-icon svg {
    fill: #333;
    width: 20px;
    height: auto
}

.app-down-contents .content-main .item .head:hover .icon svg {
    fill: #0560f6
}

.app-down-contents .content-main .item .head:hover .title h4 {
    color: #0560f6
}


.app-down-contents .content-main .item .head:hover .title svg {
    fill: #333
}

.app-down-contents .content-main .item .details {
    position: relative;
    padding: 30px 20px 80px;
    border-radius: 5px;
    border-radius: 0 0 10px 10px;
    border-bottom: 4px solid #0560f6;
    display: none
}

.app-down-contents .content-main .item .details .wrap-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #d7eafc;
    background-color: #f5fbfe
}

.app-down-contents .content-main .item .details .wrap-table td {
    border: 1px solid #d7eafc;
    padding: 25px 40px
}

.app-down-contents .content-main .item .details .wrap-table td:first-child {
    width: 20%
}

.app-down-contents .content-main .item .details .wrap-table td.back-white {
    background-color: #fff
}

.app-down-contents .content-main .item .details-ware {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.app-down-contents .content-main .item .details-ware .down {
    display: flex;
    align-items: center;
    color: #0560f6
}

.app-down-contents .content-main .item .details-ware .icon {
    fill: #0560f6;
    width: 30px;
    height: 30px;
    margin-right: 15px
}

.app-down-contents .content-main .item .details-ware .icon .a {
    fill: #0560f6
}

.app-down-contents .content-main .item .details-ware .icon .b {
    fill: none;
    stroke: #0560f6;
    stroke-miterlimit: 10;
    stroke-width: 80px
}

.app-down-contents .content-main .item .details-intor {
    color: #666
}

.app-down-contents .content-main .item .details-intor p {
    margin-top: 10px
}

.app-down-contents .content-main .item .details-table {
    margin-top: 40px
}


.app-down-contents .content-main .item .details-table .title {
    color: #666
}

.app-down-contents .content-main .item .details-table .inner-table {
    border: 1px solid #d7eafc;
    background-color: #fff;
    border-collapse: collapse;
    margin-top: 30px
}

.app-down-contents .content-main .item .details-table .inner-table th {
    width: 33.333333%;
    border: 1px solid #d7eafc;
    background-color: #f5fbfe;
    padding: 25px;
    color: #333
}

.app-down-contents .content-main .item .details-table .inner-table td {
    border: 1px solid #d7eafc;
    padding: 25px 25px;
    padding-right: 20px;
    color: #666
}

.app-down-contents .content-main .item .details-table .tips {
    margin-top: 20px;
    color: #999;
    margin-bottom: 30px
}

.app-down-contents .content-videos {
    padding-top: 20px
}

.app-down-contents .content-videos .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
    list-style-type: none
}

.app-down-contents .content-videos .item-title {
    display: flex;
    align-items: center
}

.app-down-contents .content-videos .item-title h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.app-down-contents .content-videos .item-title:hover h4 {
    color: #0560f6
}

.app-down-contents .content-videos .item-title:hover svg {
    fill: #0560f6
}

.app-down-contents .content-videos .item-title svg {
    fill: #999;
    width: 35px;
    height: 30px;
    flex: 0 0 auto
}

.app-down-contents .content-videos .item-title h4 {
    color: #333;
    margin-left: 15px
}

.app-medical-intor {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.app-medical-intor .plate {
    width: 50%
}


.app-medical-intor .plate .image {
    position: relative
}

.app-medical-intor .plate .image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px
}


.app-medical-intor .plate .name {
    text-align: center;
    color: #666;
    margin-top: 30px
}


.app-medical-intor .introduce {
    width: 50%;
    padding-right: 85px
}


.app-medical-intor .introduce .title {
    line-height: 1
}

.app-medical-intor .introduce .intor {
    line-height: 1.6;
    color: #666
}

.app-medical-intor .introduce .intor p {
    margin-top: 55px
}

.app-medical-intor .introduce .more {
    margin-top: 85px
}


.app-medical-value {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin: 0 -12px
}

.app-medical-value .item {
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    height: 100%;
    padding: 2em 1.5em
}

.app-medical-value .item-wrap {
    padding: 0 12px;
    width: 33.333333%
}


.app-medical-value .item-wrap:first-child {
    padding-top: 0
}

.app-medical-value .item::after {
    content: " ";
    width: 100%;
    height: 100%;
    background: url(../images/value-icon-2.png) no-repeat;
    background-size: cover;
    background-position: right bottom;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .4;
    border-radius: 20px;
    -ms-transition: 300ms ease opacity;
    transition: 300ms ease opacity
}

.app-medical-value .item .intor {
    width: 100%;
    margin-top: 15px;
    line-height: 1.8;
    color: #666
}

.app-medical-value .item:hover::after {
    opacity: 1
}

.app-medical-scheme {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin: -12px
}

.app-medical-scheme .item {
    background-color: #fff;
    position: relative;
    height: 275px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 60px 0;
    border-radius: 20px
}

.app-medical-scheme .item-wrap {
    padding: 12px;
    width: 33.333333%
}


.app-medical-scheme .item::after {
    content: " ";
    background: url(../images/medical-item-hover.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 20px;
    -ms-transition: 300ms all ease;
    transition: 300ms all ease
}

.app-medical-scheme .item .title {
    position: relative;
    z-index: 1;
    -ms-transform: translateY(15px);
    transform: translateY(15px)
}

.app-medical-scheme .item .intor {
    width: 100%;
    margin-top: 15px;
    line-height: 1.8;
    color: #666;
    position: relative;
    z-index: 1;
    height: 80px;
    -ms-transform: translateY(25px);
    transform: translateY(25px)
}


.app-medical-scheme .item .more {
    opacity: 0;
    position: relative;
    z-index: 1;
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}


.app-medical-scheme .item:hover::after {
    opacity: 1
}


.app-medical-scheme .item:hover .title,
.app-medical-scheme .item:hover .intor {
    color: #fff;
    transition: 500ms transform ease, 500ms transform ease;
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.app-medical-scheme .item:hover .more {
    opacity: 1;
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    transition: 500ms transform ease, 500ms transform ease
}

.app-medical-practice {
    margin: 0px -12px;
    display: flex
}


.app-medical-practice .item {
    overflow: hidden;
    position: relative
}

.app-medical-practice .item img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -ms-transition: 1s ease transform;
    transition: 1s ease transform
}

.app-medical-practice .item:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.app-medical-practice .item-wrap {
    width: 50%;
    padding: 0 12px
}

.app-medical-practice .item .image {
    height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 57.142857%;
    border-radius: 20px 20px 0 0
}


.app-medical-practice .item .image img {
    border-radius: 20px 20px 0 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}


.app-medical-practice .item .single {
    height: 245px;
    padding: 35px 45px;
    background-color: #fff;
    border-radius: 0 0 20px 20px
}

.app-medical-practice .item .single .title {
    margin-top: 10px
}

.app-medical-practice .item .single .other {
    margin-top: 1.5em;
    color: #666;
    line-height: 1.6
}


.app-medical-practice .item:hover .single {
    background-color: #0560f6
}

.app-medical-practice .item:hover .single .title,
.app-medical-practice .item:hover .single .other {
    color: #fff
}

.app-medical-practice-next {
    right: -5%
}

.app-medical-practice-next.hide {
    display: none
}

.app-medical-practice-next svg {
    fill: #333
}

.app-medical-practice-prev {
    left: -5%
}

.app-medical-practice-prev svg {
    fill: #333
}

.app-medical-practice-prev.hide {
    display: none
}

.app-solution-intor .plate .image {
    margin: 0 -100px
}

.app-solution-intor .plate img {
    border-radius: 0
}

.app-solution-area {
    display: flex;
    align-items: stretch
}

.app-solution-area-wrap {
    position: relative
}


.app-solution-area__control {
    width: 42%
}

.app-solution-area__control .tabs {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    position: relative;
    z-index: 2
}

.app-solution-area__control .tabs::before {
    content: " ";
    left: -15vw;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(18, 97, 226, .2);
    position: absolute
}

.app-solution-area__control .tabs .tab {
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
    z-index: 3;
    height: 100%;
    cursor: pointer
}

.app-solution-area__control .tabs .tab::before {
    content: " ";
    left: -15vw;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(5, 96, 246, .8);
    position: absolute;
    opacity: 0;
    z-index: -1;
    -ms-transition: 500ms ease opacity;
    transition: 500ms ease opacity
}

.app-solution-area__control .tabs .tab.active::before {
    opacity: 1;
    -ms-transition: 500ms ease opacity;
    transition: 500ms ease opacity
}

.app-solution-area__contents {
    flex: 1 1 auto;
    padding: 80px 0 50px 120px;
    width: 58%
}

.app-solution-area__contents .content {
    color: #fff
}

.app-solution-area__contents .content-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.app-solution-area__contents .content-bg img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover
}

.app-solution-area__contents .content .wrap {
    height: 500px;
    position: relative
}



.app-solution-area__contents .content .wrap .swiper {
    height: 100%
}

.app-solution-area__contents .content .wrap .swiper-slide {
    height: auto !important;
    padding-right: 1em;
    transition: 300ms ease opacity;
    opacity: .3
}

.app-solution-area__contents .content .wrap .swiper-slide-active {
    opacity: 1;
    transition: 300ms ease opacity
}

.app-solution-area__contents .content .wrap .swiper-slide:last-child {
    min-height: 100%
}

.app-solution-area__contents .content .wrap .swiper-slide:last-child .items {
    padding-bottom: 4em
}

.app-solution-area__contents .content .items {
    padding: 2em 0 6em
}

.app-solution-area__contents .content .items .item+.item {
    margin-top: 1em
}

.app-solution-area__contents .content .items .item p {
    margin-top: 35px;
    line-height: 1.6
}

.app-solution-practice {
    position: relative
}

.app-solution-practice__swiper {
    width: 100%
}

.app-solution-practice__swiper .swiper-wrapper {
    align-items: stretch
}

.app-solution-practice__swiper .swiper-wrapper .swiper-slide {
    height: 100%
}

.app-solution-practice__swiper .swiper-wrapper .swiper-slide.hide {
    display: none
}

.app-solution-practice-next {
    right: -5%
}

.app-solution-practice-next.hide {
    display: none
}

.app-solution-practice-prev {
    left: -5%
}

.app-solution-practice-prev.hide {
    display: none
}

.app-solution-related {
    width: 100%
}

.app-solution-related__swiper {
    position: relative
}

.app-solution-related__swiper-next,
.app-solution-related__swiper-prev {
    background-color: rgba(210, 210, 215, .64);
    max-width: 60px;
    max-height: 60px;
    width: 3vw;
    height: 3vw;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    opacity: .7;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -5vw;
    z-index: 99;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none
}

.app-solution-related__swiper-next.hide,
.app-solution-related__swiper-prev.hide {
    display: none
}

.app-solution-related__swiper-next svg,
.app-solution-related__swiper-prev svg {
    fill: rgba(0, 0, 0, .56);
    width: 50%;
    height: 50%
}

.app-solution-related__swiper-next:hover,
.app-solution-related__swiper-prev:hover {
    opacity: 1
}

.app-solution-related__swiper-next {
    left: auto;
    right: -5vw
}

.app-solution-related__swiper .swiper {
    overflow: visible
}

.app-solution-related__swiper .swiper-slide {
    width: 450px
}

.app-solution-related__swiper .swiper-slide+.swiper-slide {
    margin-left: 30px
}

.app-solution-related__swiper .swiper-slide .app-section__news-main__cell {
    width: 100%;
    padding: 0
}

.app-solution-related__swiper .swiper-slide .app-section__news-main__cell .title {
    height: 80px;
    display: block
}

.app-solution-related__swiper.app-about-responsibility_swiper .swiper {
    overflow: hidden;
    margin-right: -240px
}

.app-solution-related__swiper.app-about-responsibility_swiper .swiper::after {
    content: " ";
    width: 240px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.3) 70%, rgba(255, 255, 255, 0));
    z-index: 99;
    cursor: pointer
}

.app-solution-related__more {
    display: flex;
    justify-content: center
}

.app-certification-position {
    display: flex;
    padding-left: 80px;
    padding-right: 80px
}

.app-certification-position .item {
    padding-top: 25px
}

.app-certification-position .item-wrap {
    width: 33.333333%;
    padding: 0 40px
}

.app-certification-position .item .main {
    background-color: #fff;
    border: 1px solid #7aaefe;
    border-radius: 20px;
    box-shadow: inset 0px 0px 20px rgba(156, 196, 251, .75);
    color: #0044b5;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 25px;
    padding-top: 50px;
    position: relative
}


.app-certification-position .item .head {
    background-color: rgba(255, 255, 255, .6);
    border: 1px solid rgba(122, 174, 254, .6);
    border-radius: 8px;
    padding: 5px;
    box-shadow: inset 0px 0px 5px rgba(156, 196, 251, .45);
    color: #0044b5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 50px;
    position: absolute;
    top: -25px;
    z-index: 1;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.app-certification-position .item .head-step {
    background-color: #0560f6;
    height: 100%;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px
}

.app-certification-position .item .intor {
    margin-top: 10px
}

.app-certification-cooperation {
    display: flex;
    padding-left: 10px;
    padding-right: 10px
}


.app-certification-cooperation .item {
    display: flex;
    flex-direction: column;
    height: 100%
}

.app-certification-cooperation .item-wrap {
    width: 50%;
    padding: 0 15px
}


.app-certification-cooperation .item .head {
    height: 140px;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 40px;
    border-radius: 20px 20px 0 0;
    flex: 0 0 auto
}

.app-certification-cooperation .item .head::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(5, 96, 246, .6);
    border-radius: 20px 20px 0 0
}

.app-certification-cooperation .item .head .title {
    color: #fff;
    position: relative;
    z-index: 2
}

.app-certification-cooperation .item .intor {
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    box-shadow: 2px 2px 15px rgba(102, 102, 102, .1);
    color: #666;
    font-size: 0;
    padding: 25px 35px;
    position: relative;
    height: 100%;
    flex: 1 1 auto
}

@media screen and (max-white: 1280px) {
    .app-certification-cooperation .item .intor {
        border-radius: 15px 15px 0 0;
        height: auto
    }
}

.app-certification-cooperation .item .intor li {
    display: inline-flex;
    align-items: center;
    width: 50%;
    padding: 10px 0
}

.app-certification-cooperation .item .intor li svg {
    fill: #0364fb;
    width: 1.2em;
    height: 1.2em;
    margin-right: .8em;
    flex: 0 0 auto
}

.app-certification-advantage {
    display: flex;
    margin: 0px -8px;
    align-items: stretch
}

.app-certification-advantage .item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    padding: 35px 30px 30px;
    height: 100%
}


.app-certification-advantage .item-wrap {
    width: 25%;
    padding: 0 8px
}

.app-certification-advantage .item-wrap:nth-child(1) .item {
    padding: 35px 20px 30px
}

.app-certification-advantage .item-wrap:nth-child(3) .item {
    padding: 35px 25px 30px
}


.app-certification-advantage .item-wrap:nth-child(4) .item {
    padding: 35px 60px 30px
}



.app-certification-advantage .item .icon {
    width: 60px;
    height: 71px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.app-certification-advantage .item .title {
    white-space: nowrap;
    margin-top: 25px;
    line-height: 1
}

.app-certification-advantage .item .intor {
    margin-top: 25px;
    text-align: center;
    line-height: 1.8;
    width: 100%
}


.app-certification-advantage .item .intor span {
    color: #0560f6
}

.app-certification-process {
    padding-bottom: 190px
}

.app-certification-process .items {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 40px
}


.app-certification-process .item {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 25px;
    height: 80px;
    box-shadow: 2px 2px 15px rgba(102, 102, 102, .1);
    display: flex;
    align-items: center;
    position: relative
}

.app-certification-process .item-wrap {
    width: 20%;
    margin: 0px -40px
}

.app-certification-process .item-wrap:nth-child(even) {
    margin-bottom: -190px
}

.app-certification-process .item-wrap:nth-child(even) .item::after {
    content: " ";
    height: 2px;
    background-color: #0560f6;
    position: absolute;
    bottom: auto;
    top: -56px;
    left: 25px;
    right: 55px
}

.app-certification-process .item-wrap:nth-child(even) .number {
    bottom: auto;
    top: -25px
}

.app-certification-process .item-wrap:nth-child(even) .number::after {
    top: auto;
    bottom: 100%
}

.app-certification-process .item-wrap:nth-child(even) .number::before {
    bottom: auto;
    top: -35px
}

.app-certification-process .item-wrap:last-child .item::after {
    display: none
}

.app-certification-process .item::after {
    content: " ";
    height: 2px;
    background-color: #0560f6;
    position: absolute;
    bottom: -56px;
    left: 25px;
    right: 0
}


.app-certification-process .item p {
    text-align: left;
    line-height: 1.6
}

.app-certification-process .item .number {
    border-radius: 50%;
    background-color: #0560f6;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    bottom: -25px;
    left: 5px
}

.app-certification-process .item .number::after {
    content: " ";
    width: 2px;
    height: 35px;
    background-color: #0560f6;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%
}


.app-certification-process .item .number::before {
    content: " ";
    width: 10px;
    height: 10px;
    background-color: #0560f6;
    border-radius: 50%;
    position: absolute;
    bottom: -35px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.app-certification-study {
    display: flex;
    align-items: stretch;
    margin: 0px -10px
}

.app-certification-study .item {
    display: flex;
    height: 100%;
    background-color: #fff;
    padding: 40px 45px;
    border-radius: 20px;
    align-items: center;
    -ms-transition: 300ms ease background;
    transition: 300ms ease background
}

.app-certification-study .item-wrap {
    width: 50%;
    padding: 0 10px
}

.app-certification-study .item-wrap:hover .item {
    background-color: #0560f6
}

.app-certification-study .item-wrap:hover .item .icon {
    border-color: #fff
}

.app-certification-study .item-wrap:hover .item .icon svg {
    fill: #fff
}

.app-certification-study .item-wrap:hover .item .content .title,
.app-certification-study .item-wrap:hover .item .content .intor,
.app-certification-study .item-wrap:hover .item .content .more a,
.app-certification-study .item-wrap:hover .item .content .more span {
    color: #fff
}

.app-certification-study .item .icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #0560f6;
    -ms-transition: 300ms ease border;
    transition: 300ms ease border
}

.app-certification-study .item .icon svg {
    fill: #0560f6;
    width: 60%;
    height: auto;
    display: block
}

.app-certification-study .item .content {
    padding-left: 50px;
    width: calc(100% - 110px)
}

.app-certification-study .item .content .title {
    color: #333;
    line-height: 1;
    -ms-transition: 300ms ease color;
    transition: 300ms ease color
}

.app-certification-study .item .content .intor {
    margin-top: 20px;
    color: #666;
    -ms-transition: 300ms ease color;
    transition: 300ms ease color;
    line-height: 1.6
}



.app-certification-study .item .content .more {
    margin-top: 15px;
    display: flex;
    align-items: center
}


.app-certification-study .item .content .more a,
.app-certification-study .item .content .more span {
    color: #0560f6;
    -ms-transition: 300ms ease color;
    transition: 300ms ease color
}

.app-certification-study .item .content .more a::after,
.app-certification-study .item .content .more span::after {
    content: ">";
    margin-left: .25em;
    font-size: 14px;
    font-family: "宋体"
}

.app-certification-study .item .content .more a:hover,
.app-certification-study .item .content .more span:hover {
    color: #0044b5
}

.app-certification-case .app-section__news-main {
    display: flex;
    align-items: stretch;
    margin: 0 -12px
}

.app-certification-case .app-section__news-main__cell {
    padding: 0 12px
}

.app-certification-case .app-section__news-main__cell .inner .single .content {
    height: auto
}

.app-certification-case .app-section__news-main__cell .inner .single .content .head {
    margin-bottom: 0
}

.app-certification-practice {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.app-certification-practice .plate {
    width: 50%;
    background-color: #fff;
    border-radius: 20px;
    padding: 40px;
    padding-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.app-certification-practice .plate .image {
    position: relative
}

.app-certification-practice .plate .image img {
    width: 100%;
    height: auto;
    display: block
}

.app-certification-practice .introduce {
    width: 50%;
    padding-left: 75px
}

.app-certification-practice .introduce .title {
    line-height: 1
}

.app-certification-practice .introduce .intor {
    line-height: 1.6;
    color: #666
}

.app-certification-practice .introduce .intor .item {
    margin-top: 55px
}


.app-certification-practice .introduce .intor h4 {
    color: #333
}

.app-certification-practice .introduce .intor p {
    margin-top: 10px
}

.app-certification-practice .introduce .more {
    margin-top: 65px
}

.app-maintenance-stance .table {
    width: 100%;
    border-collapse: collapse
}

.app-maintenance-stance .table tr {
    background-color: #fbfbfb
}

.app-maintenance-stance .table tr:nth-child(even) {
    background-color: #e1ebfa
}

.app-maintenance-stance .table tr.head {
    background-color: #3482fb
}

.app-maintenance-stance .table tr.head td {
    color: #fff
}


.app-maintenance-stance .table th {
    background-color: #0364fb;
    height: 80px;
    text-align: center;
    color: #fff;
    font-weight: normal
}
.app-maintenance-stance .table th:first-child {
    border-top-left-radius: 20px
}

.app-maintenance-stance .table th:last-child {
    border-top-right-radius: 20px
}


.app-maintenance-stance .table td {
    height: 60px;
    color: #666;
    border-right: 1px solid rgba(74, 87, 163, .1);
    text-align: center;
    padding: 5px
}

.app-maintenance-stance .table td:last-child {
    border-right: 0
}

.app-maintenance-stance .tips {
    margin-top: 40px
}

.app-maintenance-stance .tips ul {
    margin-top: 20px;
    padding-left: 20px;
    margin-top: 40px
}

.app-maintenance-stance .tips ul li {
    list-style-type: disc;
    list-style-position: outside;
    color: #666;
    padding: 5px 0
}

.app-maintenance-client .item {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 24px rgba(0, 0, 0, .15);
    padding: 35px 45px;
    min-height: 160px
}

.app-maintenance-client .item-wrap {
    margin-bottom: 25px
}

.app-maintenance-client .item-wrap:last-child {
    margin-bottom: 0
}

.app-maintenance-client .item .title {
    color: #0560f6;
    position: relative;
    line-height: 1;
    padding-left: 15px
}

.app-maintenance-client .item .title::before {
    content: " ";
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background-color: #0560f6;
    position: absolute
}

.app-maintenance-client .item .intor {
    margin-top: 20px;
    color: #666;
    line-height: 1.8
}

.app-partner-process {
    display: flex;
    justify-content: center
}

.app-partner-process .items {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.app-partner-process .items .item:first-child .item-icon::before {
    display: none
}

.app-partner-process .item {
    margin: 0 4em;
    width: 120px;
    text-align: center
}



.app-partner-process .item-icon {
    background-color: #0560f6;
    height: 120px;
    border-radius: 50%;
    display: block;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.app-partner-process .item-icon svg {
    fill: #fff;
    width: 2.2em;
    height: auto;
    display: block
}


.app-partner-process .item-icon::before {
    content: " ";
    width: 94px;
    height: 26px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAaCAYAAAA+G+sUAAAB1klEQVRoge3aT6iMURjH8c+9hlJSysLKxoKFssKCFVn5E6VspIRiR1kodpKNbKmbbKxQ7u6WG1lIZHXD1sL6bmSBG0ZHZ6Tb/HnPO+87qOdbs3rP/J6375zzvO85zVS32xWUserk5zR+LY7iHpZKM6bDeW3O4A6eYH1pSIivT0/2brzElpKkEN8Mm/ACe6umhfjmWIc5nK2SGOKbZSVu4SZWDEsO8e1wAY+wZlB6iG+Pg3iOjf0qhPh22YZX2LG8SidvBiqxdHf10GElWSX0q9tWrRbYgGc4gYe9+JjxkyHNnPu4gqlUsYPteUkM+hF+YAGvK97iYezL2ePwDfOYHZFxDRfTIvh3PPclCb+KzTg1PUK6fG1rQYEmpMsZeyqM+x+k/8nxnviFPKsHka69LQiez7N1XL7jaYWMG3UOqf4y053cQqq2kSrMVmgPTXI5fybNdVyqUfMBZuLhOjm6uccfSys0zuNrkF9lS2b8V5zOZ/e/aOIhGAxnEUfyLvY3Ib5d3uEQ3i+vEj2+PR5jVz/pQnxr3MZ+fBxUIMQ3S9p7nMe5UXuZ6PHN8Sm/Ks5VSQzxzfABB/Cmalq0mvos5m+m8/adJdLFjB+L9J+adEY0gy9FSfgJPHFSx3sUdDEAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -125px
}

.app-partner-process .item-text {
    margin: 0 -50px;
    margin-top: 25px;
    display: block
}


.app-partner-type {
    display: flex;
    align-items: stretch;
    margin: -12px;
    flex-wrap: wrap
}


.app-partner-type .item {
    background-color: #fff;
    position: relative;
    height: 420px;
    display: flex;
    flex-direction: column;
    padding: 45px 50px 100px;
    border-radius: 20px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    justify-content: space-between;
    border-bottom: 5px solid #0560f6
}

.app-partner-type .item-wrap {
    padding: 12px;
    width: 33.333333%
}


.app-partner-type .item .app-common-more {
    padding: 0 1em;
    height: 35px;
    margin-left: .5em
}


.app-partner-type .item::after {
    content: " ";
    width: 100%;
    height: 100%;
    background: url(../images/partner-iocn-1.png) no-repeat;
    background-size: contain;
    background-position: left bottom;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0 0 20px 20px
}


.app-partner-type .item .intor {
    width: 100%;
    margin-top: 15px;
    line-height: 1.8;
    color: #666
}


.app-partner-type .item .join {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    position: relative;
    z-index: 1
}

.app-partner-type .item .join.line {
    border-bottom: 1px solid #cecece
}

.app-partner-type .item .join.line:last-child {
    border-bottom: none
}

.app-partner-type .item .join .post {
    width: 40%;
    flex: 1 1 auto
}


.app-partner-type .item .join .more {
    display: inline-flex;
    align-items: center
}

.app-partner-type .item .join .more a {
    color: #999
}

.app-partner-type .item .join .more a:hover {
    color: #0560f6
}

.app-partner-type .item .join .more a::after {
    content: ">";
    margin-left: .25em;
    font-size: 14px;
    font-family: "宋体"
}

.app-partner-manage {
    display: flex;
    align-items: stretch;
    margin: -12px;
    flex-wrap: wrap
}


.app-partner-manage .item {
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    position: relative;
    height: 160px;
    display: flex;
    align-items: center;
    padding-left: 60px;
    border-radius: 20px;
    transition: 300ms background ease
}

.app-partner-manage .item-wrap {
    padding: 12px;
    width: 25%
}


.app-partner-manage .item .icon {
    width: 55px;
    height: 55px;
    flex: 0 0 auto
}

.app-partner-manage .item .icon svg {
    width: 100%;
    height: auto;
    fill: #0560f6;
    transition: 300ms fill ease;
    display: block
}

.app-partner-manage .item .title {
    margin-left: .8em;
    transition: 300ms color ease
}

.app-partner-manage .item:hover {
    background-color: #0560f6;
    transition: 300ms background ease
}

.app-partner-manage .item:hover .icon svg {
    fill: #fff;
    transition: 300ms fill ease
}

.app-partner-manage .item:hover .title {
    color: #fff;
    transition: 300ms color ease
}


.app-partner-why .item-wrap {
    width: 25%
}
.app-partner-why .item .intor {
    box-shadow: none
}

.app-partner-why .item .intor li {
    width: 100%
}

.app-program-swiper {
    position: relative
}

.app-program-swiper .app-section__news-main__cell {
    width: 100%;
    height: 100%
}


.app-program-swiper .app-section__news-main__cell .single .content {
    background-color: #fafafa
}

.app-program-swiper .app-section__news-main__cell .intor {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.app-program-swiper .app-common__arrow svg {
    fill: #999
}

.app-program-swiper .app-common__arrow.app-program-hot-next {
    right: -5%
}

.app-program-swiper .app-common__arrow.app-program-hot-next.hide {
    display: none
}

.app-program-swiper .app-common__arrow.app-program-hot-prev {
    left: -5%
}

.app-program-swiper .app-common__arrow.app-program-hot-prev.hide {
    display: none
}

.app-program-swiper .swiper-container {
    padding: 2em 0
}

.app-program-swiper .swiper-wrapper {
    align-items: stretch
}

.app-program-solve {
    display: flex;
    align-items: stretch
}

.app-program-solve .app-down-sub {
    padding-bottom: 0
}

.app-program-solve .menu-wrap {
    border-radius: 20px 0 0 20px;
    height: 100%;
    min-height: 200px
}

.app-program-solve .app-down-main {
    border-radius: 0 20px 20px 0;
    margin-left: 0;
    padding: 50px 20px;
    background: #fff url(../images/content-back-01.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center bottom
}


.app-program-solve .app-down-main .item {
    padding: 35px 55px 32px;
    display: block;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
    color: #333
}

.app-program-solve .app-down-main .item-wrap {
    padding-bottom: 2em;
    max-height: calc(90vh - 90px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 1em
}

.app-program-solve .app-down-main .item-wrap::-webkit-scrollbar {
    width: 3px;
    height: 1px
}

.app-program-solve .app-down-main .item-wrap::-webkit-scrollbar-thumb {
    background: #dfdfdf;
    border-radius: 5px
}

.app-program-solve .app-down-main .item-wrap::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0)
}

.app-program-solve .app-down-main .item:hover {
    background-color: #fff;
    color: #0560f6;
    border-radius: 10px;
    border-bottom: 3px solid #0560f6;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}

.app-program-solve .app-down-main .item .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 1em
}

.app-program-solve .app-down-main .item .intor {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666;
    line-height: 1.6
}

.app-program-solve .app-down-main .more {
    display: flex;
    justify-content: center;
    align-items: center
}

.app-program-solve .app-down-main .more a {
    color: #0560f6
}

.app-program-solve .app-down-main .more a::after {
    content: ">";
    margin-left: .25em;
    font-size: 14px;
    font-family: "宋体";
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    display: inline-block
}

.app-program-hot {
    display: flex;
    align-items: stretch;
    margin: -10px;
    flex-wrap: wrap
}

.app-program-hot .item {
    display: flex;
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    align-items: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    transition: 300ms ease background;
    overflow: hidden
}

.app-program-hot .item img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -ms-transition: 1s ease transform;
    transition: 1s ease transform
}

.app-program-hot .item:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}


.app-program-hot .item-wrap {
    width: 50%;
    padding: 10px
}

.app-program-hot .item .image {
    width: 33.566434%
}

.app-program-hot .item .image-box {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20px
}

.app-program-hot .item .image-box img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover
}

.app-program-hot .item .content {
    width: 66.4333566%;
    padding: 1em 2em
}

.app-program-hot .item .content .title {
    color: #333;
    line-height: 1;
    margin-bottom: 1em;
    transition: 300ms ease color;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.app-program-hot .item .content .intor {
    color: #666;
    transition: 300ms ease color;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}


.app-program-hot .item .content .more {
    display: flex;
    align-items: center;
    margin-top: 2em
}

.app-program-hot .item .content .more a {
    color: #333
}

.app-program-hot .item .content .more a::after {
    content: ">";
    margin-left: .25em;
    font-size: 14px;
    font-family: "宋体"
}

.app-program-hot .item .content .more a:hover {
    color: #fff
}

.app-program-hot .item:hover {
    background-color: #0560f6;
    box-shadow: none;
    transition: 300ms ease background
}

.app-program-hot .item:hover .title,
.app-program-hot .item:hover .intor,
.app-program-hot .item:hover .more a {
    color: #fff
}

.app-school-intor .plate .image,
.app-school-training .plate .image {
    position: relative
}

.app-school-intor .plate .image img,
.app-school-training .plate .image img {
    border-radius: 0
}

.app-school-training .introduce {
    padding-right: 0;
    padding-left: 85px
}

.app-school-teachers .item {
    height: 200px;
    padding-left: 50px
}

.app-school-teachers .item-wrap {
    width: 33.333333%
}


.app-school-teachers .item .icon {
    width: 85px;
    height: auto
}

.app-school-teachers .item .content {
    padding: 0 1em
}

.app-school-teachers .item .content .number {
    color: #333
}

.app-school-teachers .item .content .title {
    margin-left: 0;
    transition: 300ms color ease
}

.app-school-teachers .item .content .intor {
    color: #666;
    transition: 300ms color ease;
    margin-top: 1em
}

.app-school-teachers .item:hover .content .intor,
.app-school-teachers .item:hover .content .number {
    color: #fff;
    transition: 300ms color ease
}


.app-school-innovation .app-serve-type-mudule {
    box-shadow: inset 0px 0px 20px rgba(156, 196, 251, .75);
    border: 1px solid #7aaefe;
    padding-bottom: 40px
}

.app-school-innovation .app-serve-type-mudule .icon {
    background-color: #0560f6;
    box-shadow: none
}

.app-school-innovation .app-serve-type-mudule .icon svg {
    fill: #fff
}

.app-school-innovation .app-serve-type-mudule .icon.icon-3 .cls-2 {
    fill: none
}

.app-school-innovation .app-serve-type-mudule .title {
    font-weight: 500;
    text-align: center
}

.app-contact-service {
    display: flex;
    align-items: stretch;
    margin: -12px;
    flex-wrap: wrap
}


.app-contact-service .item {
    display: flex;
    height: 100%;
    background-color: #fff;
    padding: 50px 50px 50px 80px;
    border-radius: 20px;
    align-items: center;
    border-bottom: 5px solid #0560f6
}

.app-contact-service .item-wrap {
    width: 50%;
    padding: 12px
}


.app-contact-service .item .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #0560f6;
    background-size: auto 60px;
    background-position: center center;
    background-repeat: no-repeat
}

.app-contact-service .item .content {
    padding-left: 50px;
    width: calc(100% - 100px)
}

.app-contact-service .item .content .title {
    color: #333;
    line-height: 1
}

.app-contact-service .item .content .intor {
    margin-top: 1.5em;
    color: #666;
    line-height: 1.6
}

.app-contact-service .item .content .more {
    margin-top: 1.5em;
    display: flex;
    align-items: center
}


.app-contact-service .item .content .more a {
    flex: 0 0 auto;
    width: 120px;
    padding: 0 .5em
}



.app-contact-service .item .content .more a+a {
    margin-left: .5em
}

.app-contact-service .item .content .more a svg {
    fill: #fff;
    width: 2em;
    height: auto;
    display: block;
    margin-right: .2em
}

.app-contact-service .item .content .more a:hover svg {
    fill: #0560f6
}

.app-contact-service .item .content .more a.popup {
    position: relative
}

.app-contact-service .item .content .more a.popup:hover .code {
    opacity: 1;
    visibility: visible;
    bottom: 150%
}

.app-contact-service .item .content .more .code {
    padding: 5px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -ms-transition: 500ms bottom ease, 400ms opacity ease;
    transition: 500ms bottom ease, 400ms opacity ease;
    width: 110px;
    border: 1px solid #cfcfcf
}

.app-contact-service .item .content .more .code img {
    width: 100%;
    height: auto;
    display: block
}

.app-contact-service .item .content .more .code::after {
    content: " ";
    border-style: solid;
    height: 0;
    width: 0;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 16px 10px 0 10px;
    position: absolute;
    bottom: -9px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.app-contact-service .item .content .phone+.phone {
    margin-top: 1em
}

.app-contact-service .item .content .phone-samll {
    color: #666
}

.app-contact-service .item .content .phone-number {
    color: #0560f6
}

.app-contact-agency {
    background-color: #fcfcfc;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    padding: 40px 80px;
    border-radius: 20px;
    display: flex;
    align-items: center
}

.app-contact-agency .col {
    padding: 1em 0;
    width: 50%
}

.app-contact-agency .col:last-child {
    padding-left: 80px;
    border-left: 1px solid #cecece
}


.app-contact-agency .locations .location {
    display: none
}

.app-contact-agency .locations .location.show {
    display: block
}

.app-contact-agency .base+.base {
    margin-top: 50px
}

.app-contact-agency .title {
    color: #0560f6;
    margin-bottom: .5em
}

.app-contact-agency .intor {
    color: #666;
    line-height: 2
}

.app-contact-agency .office-wrap .select {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 50px;
    width: 310px;
    position: relative;
    display: flex;
    align-items: center;
    color: #666
}

.app-contact-agency .office-wrap .select select {
    width: 100%;
    height: 100%;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    outline: 0;
    padding-left: 1em;
    padding-right: .5em
}

.app-contact-agency .office-wrap .select select option {
    padding: 5px 0
}

.app-contact-agency .office-wrap .select select::-ms-expand {
    display: none
}

.app-contact-agency .office-wrap .select::after {
    content: ">";
    display: block;
    font-family: "宋体";
    height: .6em;
    width: .6em;
    position: absolute;
    right: .8em;
    top: 50%;
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.app-contact-agency .office-wrap .locations {
    padding-top: 1.5em
}


.app-contact-agency .office-wrap .locations .location {
    position: relative;
    padding: 2em;
    color: #666;
    background-color: #fff;
    border-radius: 20px;
    width: 500px
}

.app-contact-agency .office-wrap .locations .location .base+.base {
    margin-top: 1.5em
}

.app-contact-agency .office-wrap .locations .location::before {
    content: " ";
    position: absolute;
    top: -10px;
    left: 20px;
    border-style: solid;
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
    border-width: 0 10px 10px 10px;
    border-radius: 2px
}

.app-contact-agency .office-wrap .locations .location .title {
    color: #333
}

.app-contact-social {
    padding-top: 280px
}


.app-contact-social .icons {
    display: flex;
    justify-content: center
}

.app-contact-social .icons .icon {
    max-width: 110px;
    max-height: 110px;
    width: 5.2vw;
    height: 5.2vw;
    min-width: 90px;
    min-height: 90px;
    background-color: #0560f6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    border: 2px solid #0560f6;
    -ms-transition: 300ms ease background-color;
    transition: 300ms ease background-color
}

.app-contact-social .icons .icon-wrap {
    padding: 0 1.5em;
    padding: 0 30px
}

.app-contact-social .icons .icon-wrap:last-child .icon svg {
    width: 40px
}

.app-contact-social .icons .icon svg {
    width: 50px;
    height: auto;
    display: block;
    fill: #fff;
    -ms-transition: 300ms ease fill;
    transition: 300ms ease fill
}


.app-contact-social .icons .icon-popup {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    position: absolute;
    padding: .8em 1em;
    border-radius: 1em;
    bottom: 120%;
    left: -25px;
    display: flex;
    opacity: 1;
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    -ms-transition: 500ms ease transform, 500ms ease opacity;
    transition: 500ms ease transform, 500ms ease opacity;
    width: 23vw\0
}

.app-contact-social .icons .icon-popup::before {
    content: " ";
    border-style: solid;
    height: 0;
    width: 0;
    border-color: #cfcfcf rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 15px 15px 0 15px;
    position: absolute;
    bottom: -15px;
    left: 60px
}

.app-contact-social .icons .icon-popup::after {
    content: " ";
    border-style: solid;
    height: 0;
    width: 0;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 15px 14px 0 14px;
    position: absolute;
    bottom: -14px;
    left: 61px
}

.app-contact-social .icons .icon-popup .code {
    width: 100%
}

.app-contact-social .icons .icon-popup .code img {
    width: 100%;
    height: auto;
    display: block
}

.app-contact-social .icons .icon-popup .code-wrap {
    max-width: 120px;
    width: 6.25vw;
    min-width: 90px
}

.app-contact-social .icons .icon-popup .code-wrap+.code-wrap {
    margin-left: 1.5vw
}

.app-contact-social .icons .icon.dy .icon-popup {
    width: auto\0;
    padding: .8em 1.5em;
    opacity: 0
}

.app-contact-social .icons .icon:hover {
    background-color: #fff
}

.app-contact-social .icons .icon:hover svg {
    fill: #0560f6;
    -ms-transition: 300ms ease fill;
    transition: 300ms ease fill
}

.app-contact-social .icons .icon:hover .icon-popup {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    -ms-transition: 500ms ease transform, 500ms ease opacity;
    transition: 500ms ease transform, 500ms ease opacity
}

.app-contact-social .icons .title {
    text-align: center;
    color: #666;
    margin-top: .5em;
    white-space: nowrap
}

.app-contact-other {
    display: flex;
    justify-content: space-between;
    margin: 0 -12px
}

.app-contact-other .item {
    background-color: #fff;
    border-radius: 20px;
    height: 200px;
    position: relative;
    padding: 60px 75px 30px 75px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    -ms-transition: 300ms background ease;
    transition: 300ms background ease
}

.app-contact-other .item-wrap {
    width: 33.333333%;
    padding: 0 12px
}

.app-contact-other .item-main {
    display: flex;
    align-items: flex-start
}

.app-contact-other .item-main .icon {
    width: 80px;
    height: 80px;
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat
}

.app-contact-other .item-main .infos {
    padding-left: 25px
}

.app-contact-other .item-main .infos .title {
    line-height: 1
}

.app-contact-other .item-main .infos .intor {
    margin-top: 1.5em;
    line-height: 1.8;
    color: #666;
    white-space: nowrap
}

.app-contact-other .item-main .infos .mail {
    color: #0560f6;
    -ms-transition: 300ms ease transform;
    transition: 300ms ease transform
}

.app-contact-other .item-main .infos .mail:hover {
    color: #0044b5;
    -ms-transition: 300ms ease transform;
    transition: 300ms ease transform
}

.app-contact-other .item-main .infos .app-common-more {
    max-width: 120px;
    padding: 0 .5em
}

.app-case-banner {
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden
}

.app-case-banner .swiper {
    height: 100%
}

.app-case-banner .swiper-slide {
    height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: .6s ease opacity, .6s ease visibility;
    opacity: 0;
    visibility: hidden
}

.app-case-banner .swiper-slide .app-case-banner-play {
    opacity: 0;
    visibility: hidden
}

.app-case-banner .swiper-slide.swiper-slide-active {
    opacity: 1;
    visibility: visible;
    transition: .6s ease opacity, .6s ease visibility
}

.app-case-banner .swiper-slide.swiper-slide-active .app-case-banner-play {
    transition: 1.5s ease opacity, 1.5s ease visibility;
    opacity: 1;
    visibility: visible;
    transition-delay: 3s
}

.app-case-banner .swiper-slide.swiper-slide-active .inner .text .title {
    animation: slideUp 1.5s 1;
    animation-delay: 1s;
    animation-fill-mode: forwards
}

.app-case-banner .swiper-slide.swiper-slide-active .inner .text .intro {
    animation: slideUp 1.5s 1;
    animation-delay: 2s;
    animation-fill-mode: forwards
}

.app-case-banner .swiper-slide .inner {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}



.app-case-banner .swiper-slide .inner .app-container {
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff
}

.app-case-banner .swiper-slide .inner .app-container .text {
    width: 45%
}



.app-case-banner .swiper-slide .inner .app-container .text .title {
    white-space: nowrap;
    opacity: 0
}

.app-case-banner .swiper-slide .inner .app-container .text .intro {
    margin-top: 1em;
    color: #fff;
    line-height: 1.6;
    text-align: justify;
    opacity: 0
}

.app-case-banner .swiper-slide .bg {
    width: 100%;
    height: 100%
}

.app-case-banner .swiper-slide .bg.pc {
    position: relative;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.app-case-banner .swiper-slide .bg.m {
    display: none
}


.app-case-banner .swiper-slide img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover
}

.app-case-banner .swiper-wrapper {
    position: relative;
    z-index: 2
}

.app-case-banner .swiper-wrapper::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    background-size: cover;
    pointer-events: none
}

.app-case-banner .swiper-video,
.app-case-banner .swiper-video-bak {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.app-case-banner .swiper-video-bak {
    z-index: 0
}

.app-case-banner-tabs-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none
}

.app-case-banner-tabs-wrap .app-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.app-case-banner-tabs .tab {
    position: relative;
    line-height: 1;
    color: rgba(255, 255, 255, .3);
    text-align: right;
    cursor: pointer;
    pointer-events: auto
}

.app-case-banner-tabs .tab+.tab {
    margin-top: 3em
}

.app-case-banner-tabs .tab i {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -2em;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.app-case-banner-tabs .tab i::after {
    content: " ";
    height: 3.4em;
    width: 1px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    background-color: rgba(255, 255, 255, .5)
}

.app-case-banner-tabs .tab:last-child i::after {
    display: none
}

.app-case-banner-tabs .tab.active {
    color: #fff
}

.app-case-banner-tabs .tab.active i {
    background-color: #0573fc
}

.app-case-banner-play {
    position: relative;
    z-index: 1;
    margin-top: 1em;
    padding: .3em 1em;
    border-radius: .5em;
    border: 2px solid rgba(255, 255, 255, .5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.app-case-says {
    display: block;
    margin: -1.2em;
    position: relative
}

.app-case-says .swiper-container {
    padding: 1em
}

.app-case-says-next {
    left: auto;
    right: -2vw
}

.app-case-says-next svg {
    fill: #666
}

.app-case-says-prev {
    left: -2vw
}

.app-case-says-prev svg {
    fill: #666
}

.app-case-says__cell {
    width: 100%;
    flex: 0 0 auto
}

.app-case-says__cell .inner {
    border-radius: 20px;
    background-color: #fff;
    height: 100%;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    cursor: pointer
}

.app-case-says__cell .inner .image {
    flex: 0 0 auto;
    height: 0;
    position: relative;
    padding-bottom: 64.516129%;
    overflow: hidden
}

.app-case-says__cell .inner .image .play {
    content: " ";
    max-width: 80px;
    max-height: 80px;
    width: 4.15vw;
    height: 4.15vw;
    min-width: 50px;
    min-height: 50px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transition: 500ms ease opacity;
    transition: 500ms ease opacity;
    z-index: 3;
    opacity: 0
}

.app-case-says__cell .inner .image::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(5, 115, 252, .7);
    border-radius: 20px 20px 0 0;
    z-index: 1;
    opacity: 0;
    -ms-transition: 500ms ease opacity;
    transition: 500ms ease opacity;
    pointer-events: none
}

.app-case-says__cell .inner .image::after {
    content: " ";
    max-width: 60px;
    max-height: 60px;
    width: 3.15vw;
    height: 3.15vw;
    min-width: 35px;
    min-height: 35px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAADv0lEQVRogd2bOW8TQRSAPx+5MIkwV0QUAxJHiSiQ6Kigo6RAouMf0FEiUYAQQhQgJESLOBo6CoQoaZBo6DiKJNyXSWKThNgYveittWy863V2Z8brTxrlkL2zn7373ryZ2Vyr1cIQBWAzsAkYA0aAov6/oF02tTWAFWAZqGtrmDittIWHga3AFhXNJTiWSP8CqvphpEJawhPApP40wQLwFZhPeuykwuPAtH6bNvgNfNAPwKrwEFABypZEg8hl/h740+sbNyIsknt8gccVEuxmgZ+mhCUA7Qa2OxYN8h2YA/7GeXFcYfk29+k9249IRH8bJ5XFEZb7db/FwLRRJIe/Blaj3p/vcnAZKBzIgKwwChzUcw4lSjinl/GYnfNNhVG9GkO9ooQrOjTMGiUNrj0JS+rZkUFZj23a1tFJeFjzbNaRb3kojnClDwYVaSBuleBxgsITWukMCuVgQRMU3jVAsh5T/j/8wuMZjcrdKPlHiH7hyb471fRou3nCQwaL935gQh3bwuWE0zFR3ALuAHsdiud06uk/YVMcAQ4Dd4EzMcbvpih7wgW9sU3hXTkya3kOuK3TQrYRx2JeI7Opy7kT8m3fA05Z7lco5R2VflKBnQduWM4Oa8Iuy7+jwAPgpKX+RvNaLLhEbqkLwDUvkhpkJE+HisIRx4CHwAmD3a8FrcgpEctI4XIJuGyoiCnkHebFKI5r+kqbQj/Kehg5t3zcCWzLPAHOGuiyVdTJa9eR2kOWTa4ATw0dv1HUiet+EH6mwaqntaIeWS3qCpzJsXQ3ZOnzKvDYQl8rcg8vWegojOfAaUuywnJRF5ltI31eBx5JILHYd12Ea9qprcrlpQ4lP1rqz8+acFOXG01P4MnGlJvAfUepsO5FaXQLgSnhFzp8vagr9q4Qx/b6sJzQIQcFuS1E8pWkJW/41kiyMyYDLHgL5f7x6ucBFv7i/eIXrmkbNMRpsZMwjlKFaT75jx8UXtT9jYNCNRibOtWcs5qbs444zAUdOglLNJsZAGGRXbeFKWxWQS6Fb+bPyRg/tK0jahplzh/dMkQ9akQXJSyjk3eOy8deWdItiKFj9W4TZU3dzueihOwVkX3Tbb/loGwurenVmMrm0vZrdZlzZ+LTSxcj24f99NMG8Rmv7ItLkkcApi0sfoVRDcuz3UjjIY8pi9udajre33C6TOsxnnHfYzwmJhHmtcRLPC4w8aBWWVf+SgnkW5oKq9p6fnolDNOP4om0NNllIB+GTCVJ8/K/RFZJJdJESnKpiMqlm34BA/wDGnfawx/Lj7gAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 2;
    pointer-events: none;
    -ms-transition: 200ms ease opacity;
    transition: 200ms ease opacity
}

.app-case-says__cell .inner .image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 20px 20px 0 0;
    width: 100%;
    height: auto;
    display: block
}


.app-case-says__cell .inner .content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2em;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .1)
}


.app-case-says__cell .inner .content .head {
    margin-bottom: 2em
}

.app-case-says__cell .inner .content .head .time {
    color: #999
}

.app-case-says__cell .inner .content .head .title {
    margin-top: .5em
}

.app-case-says__cell .inner .content .icon {
    height: 80px
}

.app-case-says__cell .inner .content .icon img {
    width: auto;
    height: 100%;
    display: block
}

.app-case-says__cell .inner:hover .image::before {
    opacity: 1
}

.app-case-says__cell .inner:hover .image::after {
    opacity: 0
}

.app-case-says__cell .inner:hover .image .play {
    opacity: 1
}


.app-case-filter__head {
    display: flex;
    align-items: center;
    width: 100%
}

.app-case-filter__head .filter {
    padding-right: .5em;
    color: #666;
    width: 120px
}

.app-case-filter__head .tags {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 120px)
}

.app-case-filter__head .tags .tag {
    border-radius: 5px;
    background-color: #f0f0f1;
    padding: 10px 15px;
    line-height: 1;
    margin: 5px;
    cursor: pointer
}

.app-case-filter__head .tags .tag.active {
    background-color: #e7f2f9;
    color: #0560f6
}

.app-case-filter .app-section__news-main {
    flex-wrap: wrap
}

.app-case-filter .app-section__news-main__cell .inner .single .image {
    flex: 0 0 auto;
    height: 0;
    position: relative;
    padding-bottom: 64.516129%;
    overflow: hidden
}

.app-case-filter .app-section__news-main__cell .inner .single .image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.app-case-filter .app-section__news-main__cell .inner .single .image::before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    -ms-transition: 300ms opacity ease;
    transition: 300ms opacity ease;
    z-index: 1;
    opacity: 0
}

.app-case-filter .app-section__news-main__cell .inner .single .image .brand {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-transition: 300ms opacity ease;
    transition: 300ms opacity ease;
    z-index: 999
}

.app-case-filter .app-section__news-main__cell .inner .single .image .brand img {
    height: 80px;
    width: auto;
    display: block;
    position: static
}

.app-case-filter .app-section__news-main__cell:hover .inner .single .content {
    background-color: #0560f6;
    -ms-transition: 300ms background ease;
    transition: 300ms background ease
}

.app-case-filter .app-section__news-main__cell:hover .inner .single .content .tag,
.app-case-filter .app-section__news-main__cell:hover .inner .single .content .time,
.app-case-filter .app-section__news-main__cell:hover .inner .single .content .title,
.app-case-filter .app-section__news-main__cell:hover .inner .single .content .intor,
.app-case-filter .app-section__news-main__cell:hover .inner .single .content .more a {
    color: #fff
}

.app-case-filter .app-section__news-main__cell:hover .inner .single .content .tag {
    border-color: #fff
}

.app-case-filter .app-section__news-main__cell:hover .inner .single .image::before,
.app-case-filter .app-section__news-main__cell:hover .inner .single .image .brand {
    opacity: 1;
    -ms-transition: 300ms opacity ease;
    transition: 300ms opacity ease
}

.app-case-filter .app-section__news-main__cell:hover .inner .single .image img {
    -ms-transform: scale(1);
    transform: scale(1)
}

.global-video {
    position: fixed;
    z-index: 99999;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.global-video-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .9);
    z-index: 1
}

.global-video-main {
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.global-video-main video {
    min-width: 70%;
    max-width: 80%;
    max-height: 85%;
    pointer-events: auto
}


.app-product {
    min-height: 1200px
}

.app-product-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -12px;
    align-items: stretch
}


.app-product-row .item {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 20px;
    border-bottom: 5px solid #fff;
    background-color: #fff;
    -ms-transition: 500ms border ease, 500ms box-shadow ease;
    transition: 500ms border ease, 500ms box-shadow ease
}

.app-product-row .item-wrap {
    width: 50%;
    padding: 12px
}

.app-product-row .item-image {
    width: 35%;
    flex: 0 0 auto
}

.app-product-row .item-image .pic {
    height: auto;
    position: relative;
    padding-bottom: 100%
}

.app-product-row .item-image .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    display: block
}

.app-product-row .item-infos {
    width: 65%;
    flex: 1 1 auto;
    padding-left: 2em;
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -ms-transition: 500ms transform ease;
    transition: 500ms transform ease
}

.app-product-row .item .title {
    line-height: 1.4
}

.app-product-row .item .intor {
    margin-top: 1.5em;
    line-height: 1.8;
    color: #666
}

.app-product-row .item .more {
    margin-top: 1.5em;
    opacity: 0;
    visibility: hidden;
    -ms-transition: 500ms ease opacity;
    transition: 500ms ease opacity
}


.app-product-row .item:hover {
    background-color: #fff;
    box-shadow: 0 2px 24px rgba(0, 0, 0, .15);
    border-bottom: 5px solid #0364fb;
    -ms-transition: 500ms border ease, 500ms box-shadow ease;
    transition: 500ms border ease, 500ms box-shadow ease
}

.app-product-row .item:hover .item-infos {
    -ms-transition: 500ms ease transform;
    transition: 500ms ease transform;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.app-product-row .item:hover .more {
    visibility: visible;
    opacity: 1;
    -ms-transition: 500ms ease opacity;
    transition: 500ms ease opacity
}

.app-product-recommend {
    display: flex;
    flex-wrap: wrap;
    padding: 0 25px;
    margin: 0px -12px;
    align-items: stretch;
    position: relative;
    z-index: 2;
    margin-top: -240px
}

.app-product-recommend .app-common-title {
    text-align: center;
    width: 100%;
    padding-bottom: 1.5em
}

.app-product-recommend .swiper-container {
    width: 100%;
    overflow: hidden;
    padding: .5em 0
}

.app-product-recommend .swiper-slide {
    height: 100%
}

.app-product-recommend .item {
    position: relative;
    height: 340px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    background-color: #f5f5f5;
    overflow: hidden
}

.app-product-recommend .item-wrap {
    width: 100%;
    padding-top: 0
}

.app-product-recommend .item img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -ms-transition: 1s ease transform;
    transition: 1s ease transform
}

.app-product-recommend .item:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}


.app-product-recommend .item .image {
    flex: 0 0 auto;
    height: 0;
    position: relative;
    padding-bottom: 60.60606061%;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.app-product-recommend .item .image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}


.app-product-recommend .item .infos {
    padding: 1em
}

.app-product-recommend .item .infos .title {
    line-height: 1.4
}

.app-product-recommend .item .infos .intor {
    margin-top: 5px;
    line-height: 1.8;
    color: #666
}

.app-product-recommend .item:hover {
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    -ms-transition: 500ms box-shadow ease;
    transition: 500ms box-shadow ease
}

.app-product-all {
    position: relative
}

.app-product-all .app-serve-hot .tabs {
    position: relative
}

.app-product-all .app-serve-hot .tabs::after {
    content: " ";
    height: 1px;
    background-color: #ccc;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px
}

.app-product-all .contents .content.show {
    display: flex;
    align-items: flex-start
}

.app-product-sub {
    width: 20%;
    flex: 0 0 auto
}

.app-product-sub .menu-wrap {
    padding: 40px 0 40px 30px;
    background-color: #fafafa;
    background-size: cover;
    border-radius: 20px 0 0 20px;
    min-height: 70vh
}

.app-product-sub .menu-wrap li {
    padding: .5em 0;
    list-style: none;
    width: 100%;
    cursor: pointer
}

.app-product-sub .menu-wrap li a,
.app-product-sub .menu-wrap li span {
    color: #666;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 2.5em
}

.app-product-sub .menu-wrap li a:hover,
.app-product-sub .menu-wrap li span:hover {
    color: #0560f6
}

.app-product-sub .menu-wrap li.active a,
.app-product-sub .menu-wrap li.active span {
    color: #0560f6;
    min-height: 40px;
    background-color: #fff;
    border-radius: 15px 0 0 15px
}

.app-product-main {
    flex: 1 1 auto;
    padding-left: 50px;
    width: 80%;
    position: relative
}

.app-product-main__content {
    padding-top: 1.5em;
    display: none
}

.app-product-main__content.show {
    display: block
}

.app-product-main__content .carte {
    position: relative
}

.app-product-main__content .carte-title {
    margin: 2em 0;
    color: #0560f6;
    position: relative;
    border-left: 3px solid #0560f6;
    line-height: 1;
    padding-left: .5em
}

.app-product-main__content .carte-sort {
    background-color: #f5f5f5;
    border-radius: 1em;
    padding: 1.5em 2.2em;
    display: flex;
    flex-wrap: wrap
}

.app-product-main__content .carte-sort li {
    width: 33.333333%;
    list-style-type: none;
    padding: .75em 0
}

.app-product-series {
    display: flex
}

.app-product-series .app-product-main {
    padding-left: 25px
}


.app-product-series .filter-wrap {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    min-height: 837px
}

.app-product-series .filter-head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.app-product-series .filter-head .reset {
    border: 1px solid #ccc;
    border-radius: 1.5em;
    color: #ccc;
    padding: .5rem 1em;
    background-color: #fff;
    line-height: 1;
    cursor: pointer;
    outline: none
}

.app-product-series .filter-pag {
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
    color: #666
}

.app-product-series .filter-pag.search {
    display: flex;
    align-items: center
}

.app-product-series .filter-pag.search .zoom {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    width: 30px;
    height: 30px
}

.app-product-series .filter-pag.search .zoom svg {
    width: 20px;
    height: auto;
    display: block;
    fill: #666
}

.app-product-series .filter-pag.search .text {
    flex: 1 1 auto;
    height: 100%;
    border: none;
    outline: none;
    color: #666
}

.app-product-series .filter-pag.select.active .head span {
    color: #0560f6
}

.app-product-series .filter-pag.select.active .head svg {
    fill: #0560f6;
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.app-product-series .filter-pag .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.app-product-series .filter-pag .head svg {
    fill: #333;
    width: 10px;
    height: auto;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.app-product-series .filter-pag .options {
    position: relative;
    display: none;
    padding-top: .5em
}

.app-product-series .filter-pag .options li {
    padding: .5em 0;
    display: flex;
    align-items: center
}

.app-product-series .filter-pag .options li .check {
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: .5em;
    width: 15px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0)
}

.app-product-series .filter-pag .options li span {
    color: #666
}

.app-product-series .products {
    position: relative;
    display: flex;
    margin: -12px;
    align-items: stretch;
    flex-wrap: wrap
}

.app-product-series .products .item {
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    display: block;
    box-shadow: 0;
    -ms-transition: 300ms box-shadow ease;
    transition: 300ms box-shadow ease
}

.app-product-series .products .item-wrap {
    width: 33.333333%;
    padding: 12px
}

.app-product-series .products .item .image {
    flex: 0 0 auto;
    height: 0;
    position: relative;
    padding-bottom: 67.857143%;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}


.app-product-series .products .item .image img {
    width: auto;
    max-height: 100%;
    margin: 0 auto;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}


.app-product-series .products .item .infos {
    padding: 1.5em;
    padding-bottom: 2em
}

.app-product-series .products .item .infos .title {
    line-height: 1.4
}

.app-product-series .products .item .infos .ohter {
    margin-top: 45px;
    line-height: 1.8;
    color: #666;
    display: flex;
    align-items: center;
    line-height: 1
}

.app-product-series .products .item .infos .ohter-check {
    display: flex;
    align-items: center;
    padding-right: 2em;
    border-right: 1px solid #ccc
}

.app-product-series .products .item .infos .ohter-check .check {
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-right: .5em;
    width: 15px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0)
}

.app-product-series .products .item .infos .ohter-more {
    padding-left: 2em
}

.app-product-series .products .item:hover {
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}

.app-product-overview {
    display: flex;
    align-items: center
}


.app-product-overview .col:first-child {
    width: 46.5%;
    padding-right: 3vw
}

.app-product-overview .col:last-child {
    width: 53.5%
}

.app-product-overview .larger .photo img {
    width: 100%;
    height: auto;
    display: block
}

.app-product-overview .larger-swiper-pagination {
    margin-top: 3em;
    display: flex;
    align-items: center;
    justify-content: center
}

.app-product-overview .larger-swiper-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 2px;
    background-color: #999;
    margin: 0 5px;
    border-radius: 0;
    position: relative
}

.app-product-overview .larger-swiper-pagination .swiper-pagination-bullet-active {
    background-color: #0560f6
}

.app-product-overview .thumb {
    margin-top: 2em
}


.app-product-overview .thumb .swiper-slide {
    padding: 1em .5em
}

.app-product-overview .thumb .swiper-slide-thumb-active .photo {
    border-radius: .5em;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.app-product-overview .thumb .swiper-slide-thumb-active .photo::after {
    display: none
}

.app-product-overview .thumb .swiper-slide-thumb-active .photo img {
    opacity: 1
}

.app-product-overview .thumb .photo {
    cursor: pointer;
    padding-bottom: 66.666667%;
    height: auto;
    width: 100%;
    position: relative;
    background-color: #fff
}

.app-product-overview .thumb .photo::after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(85, 85, 85, .1);
    pointer-events: none
}

.app-product-overview .thumb .photo img {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
    opacity: .6;
    transition: 300ms ease opacity
}

.app-product-overview .thumb .photo:hover img {
    opacity: 1;
    transition: 300ms ease opacity
}

.app-product-overview__infos .title {
    margin-bottom: .5em
}

.app-product-overview__infos .list {
    margin-bottom: 1em;
    color: #666
}

.app-product-overview__infos .list li {
    padding: 5px 0;
    list-style-position: inside
}

.app-product-details .app-down-main .app-down-contents {
    padding: 2em;
    min-height: 65vh
}

.app-product-introduce {
    min-height: 850px
}

.app-product-introduce table {
    width: 100%;
    border-collapse: collapse
}

.app-product-introduce table tr:nth-child(even) {
    background-color: #f5fbfe
}

.app-product-introduce table th {
    padding: .8em 1em;
    background-color: #0560f6;
    color: #fff;
    border-right: 1px solid #ddebfd;
    border-bottom: 1px solid #ddebfd;
    text-align: left;
    font-weight: normal
}

.app-product-introduce table th:first-child {
    border-top-left-radius: 5px
}

.app-product-introduce table th:last-child {
    border-right: none;
    border-top-right-radius: 5px
}

.app-product-introduce table td {
    padding: .8em 1.2em;
    color: #666;
    border-right: 1px solid #ddebfd
}

.app-product-introduce table td:last-child {
    border-right: none
}

.app-product-features p {
    color: #555;
    padding: .5em 0
}

.app-product-features p img {
    display: none
}

.app-product-size {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.app-product-size img {
    max-width: 100%;
    min-width: 50%;
    height: auto;
    display: block
}


.app-product-specifications table {
    width: 100%;
    border-collapse: collapse
}

.app-product-specifications table tr:nth-child(even) {
    background-color: rgba(255, 0, 0, 0)
}

.app-product-specifications table tr:first-child td {
    padding: 1em .5em;
    background-color: #0560f6;
    color: #fff;
    border-right: 1px solid #ddebfd;
    border-bottom: 1px solid #ddebfd;
    text-align: left;
    font-weight: normal
}


.app-product-specifications table tr:first-child td:first-child {
    border-top-left-radius: 5px
}

.app-product-specifications table tr:first-child td:last-child {
    border-right: none;
    border-top-right-radius: 5px
}

.app-product-specifications table td {
    padding: .5em 1em;
    color: #666;
    border-right: 1px solid #ddebfd
}

.app-product-specifications table td:last-child {
    border-right: none
}

.app-product-download .data {
    padding: 1em 1.5em;
    display: block;
    border-bottom: 1px solid #eaeaea;
    color: #333
}

.app-product-download .data:hover {
    background-color: #fff;
    color: #0560f6;
    border-radius: 10px;
    border-bottom: 3px solid #0560f6;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}

.app-product-download .data .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 1em
}

.app-product-specifications table tr .thead {
    background-color: #e1ebfa
}

.app-product-specifications table tr {
    border-bottom: 1px solid rgba(74, 87, 163, .1)
}

.app-about-banner {
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden
}

.app-about-banner .inner {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.app-about-banner .inner .app-container {
    height: 100%;
    color: #fff;
    text-align: center;
    padding-top: 10%
}



.app-about-banner .inner .app-container .text {
    padding: 0 9%
}

.app-about-banner .inner .app-container .text .title {
    white-space: nowrap
}

.app-about-banner .inner .app-container .text .small-title {
    margin-top: .5em
}

.app-about-banner .inner .app-container .text .intro {
    margin-top: 2em;
    color: #fff;
    line-height: 1.6;
    text-align: justify
}


.app-about-banner .inner .app-container .text .more {
    margin-top: 1em
}

.app-about-banner .bg {
    width: 100%;
    height: 100%
}

.app-about-banner .bg.pc {
    position: relative;
    z-index: 0
}


.app-about-banner .bg.m {
    display: none
}

.app-about-banner img {
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover
}

.app-about-fast {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-top: 5em
}

.app-about-fast .item {
    height: 200px;
    background-color: rgba(5, 96, 246, .9);
    border-radius: 25px;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-transition: 300ms background ease;
    transition: 300ms background ease
}

.app-about-fast .item-wrap {
    width: 33.333333%;
    padding: 0 2vw
}


.app-about-fast .item .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    height: 100%
}

.app-about-fast .item .icon svg {
    fill: rgba(255, 255, 255, .1);
    width: 100%;
    height: auto;
    -ms-transition: 300ms fill ease;
    transition: 300ms fill ease
}

.app-about-fast .item .icon.icon-01 {
    width: 27.5%
}

.app-about-fast .item .icon.icon-02 {
    width: 56.25%
}

.app-about-fast .item .icon.icon-03 {
    width: 34.5%
}

.app-about-fast .item-inner {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 1
}

.app-about-fast .item-inner .intor {
    margin-top: .5em;
    line-height: 1.4
}

.app-about-fast .item-inner .more {
    margin-top: .5em;
    display: flex;
    align-items: center
}

.app-about-fast .item-inner .more .app-text-more {
    color: #fff
}

.app-about-fast .item-inner .more .app-text-more::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REIzNzZGMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REIzNzcwMzk3QTExRUQ4Qzc2QjJFRDUwNjIwNTVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQjM3NkQzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQjM3NkUzOTdBMTFFRDhDNzZCMkVENTA2MjA1NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7keigYAAABxUlEQVR42uzazysEYRzH8Z1t/cqPaEuSkuLm5B/wB7g4uTk5OblwUGopknLamwspXPbCJmuztKklLVuSSEmSXP0H4zP1TL59b7vP6pnP5ql32xxm6tVM28x3xvN9P9YIKx5rkGUDmUe7qDsKEM/i0gp3fENj6Jv1jKTM7xC6RV1OT0lwRixa9n/XC+q0PF7N1eMgEvOM2lkhGvOI2lghGvOAWlghGnOPmlkhGlNBCVaIxpRRnBWiMTfIY4VozDUzRGNKzBCNuWSGaEyRGaIxF8wQjTlnhmhMgRmiMWfMEI3JM0M05pQZojE51MoKCUoLzEa1+0dlrjWCxsV2qdoDJCKAGEYV1GG2p1CWbdI4iMoCMY0ybCPTAXQnJpUzaI9t9ttvLqek2Z5F2y4HdLXUh77EP9Qc4y1KL/oUiAXGm8Yk+hCIRcbb+B70LhBLjA9WwWD7VSBSjI+6wQz4SSBWGIcPTWZsGq5VxnGQZyaM4VpnnTReCcQm6+y3KBBp1ml8QSC2WN+P5AVih/WNVU4g9lnfIR4LRIb1re6RQBy6fOa32flAILKuhxf1+ITjBE24fvC3GT5MolG0xv5Rzf/3Wn+xfgQYAHY9mT8xCw+tAAAAAElFTkSuQmCC)
}

.app-about-fast .item:hover {
    background-color: rgba(255, 255, 255, .9);
    color: #0560f6
}

.app-about-fast .item:hover .icon {
    bottom: 0
}

.app-about-fast .item:hover .icon svg {
    fill: rgba(5, 96, 246, .1)
}

.app-about-fast .item:hover .item-inner {
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.app-about-fast .item:hover .item-inner .more .app-text-more {
    color: #0560f6
}

.app-about-fast .item:hover .item-inner .more .app-text-more::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Q0RFRTNFMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3Q0RFRTNGMzk3QTExRUQ5RkJDRjcyRkU5MUMwQTdCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjdDREVFM0MzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjdDREVFM0QzOTdBMTFFRDlGQkNGNzJGRTkxQzBBN0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TsB//AAACSUlEQVR42uyau0tcURCH74qPiFEiooiIQY0osi4oi6gQgg80IIiNAQkWi4XYaAoJGBKiS4KCWIiNWCQWYqOND9TFjYjgA19/SzrBZvM7+Fsc7PS+dpYMfNwzxbL7ce69Z2Y0kEgkrHSIDCtNIvO5H8yO3E7g0gDGwV+nf9jd71xvRBBzvL4FTW7IeHVrfee1ElyBAq0iUTDNdTVl8rU+7FNCpgZcgjytby0pUwsuQK5Gkccy9ZTJ0XqOSJkgZbK1HohSJgTObb7ifT3ZpUwjOPOignDrC6RMmDIBrbWWlGkGp5qLRinTAk40V79Spg0cay7jpYwpMo809yNS5h041NxYSZl28EdzhyhlOkBcc6srZTrBgeaeXcp0gZjm4YOU6Qb7mqcoUqYH7IEXGkWSMotcvxdi6kRqeLYk48mlTGYKSLwBN+Al8w9gS9uOvObAIikxBNa1Pezl4Bq8Yj4MVrW9tcp4OxUxHwW/tJ0jpdyJYuafwJK2k72EEqXMP4MFbbVWESXKmH+xHgbhakQK+UyUM/8GZrT1I2awbQbcFeIU/6GtQzQzYDNxrGIefU754bdIlnU/aaxj/tN6+JuKGhEzjDNzrBDzWfDVza13S8QUfWGu58Gk2w+iGyJHoJVrU5pPePFadFokLsrxZTDm1SHlpEiMgwQTK2DEy5LBKZE99twm1kDE6wLOCZEdtqcmNsBHP8ppuyKboFesB/xqbuyImFuoj+tt0O9nq2lHZJDXXSHkW9gZPpgdCLL08D0C//9fK8XinwADAMl8YfUN5bN1AAAAAElFTkSuQmCC)
}

.app-about-market {
    position: relative;
    color: #fff;
    height: 100vh
}


.app-about-market::after {
    content: " ";
    position: absolute;
    z-index: 999;
    right: 0;
    bottom: 0;
    top: 0;
    width: 220px;
    opacity: 1;
    background-image: linear-gradient(to left, #051634, rgba(5, 22, 52, 0) 100%);
    outline: none
}

.app-about-market-tabs {
    display: flex;
    justify-content: center;
    height: 8.5vw;
    align-items: center;
    min-height: 70px
}

.app-about-market-tabs .tab {
    margin: 0 1.2em;
    color: rgba(255, 255, 255, .6);
    position: relative;
    cursor: pointer;
    -ms-transition: 300ms ease all;
    transition: 300ms ease all
}

.app-about-market-tabs .tab.active {
    position: relative;
    color: #fff;
    -ms-transition: 300ms ease all;
    transition: 300ms ease all
}

.app-about-market-tabs .tab.active::after {
    content: " ";
    height: 2px;
    left: .5em;
    right: .5em;
    bottom: -0.5em;
    background-color: #0560f6;
    position: absolute
}

.app-about-market__swiper {
    height: calc(100vh - 8.5vw);
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-left: 160px
}

.app-about-market__swiper .swiper {
    height: 100%
}

.app-about-market__swiper .swiper-wrapper,
.app-about-market__swiper .swiper-slide {
    height: 100%
}

.app-about-market__swiper .swiper .market-slide {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4vw 50px 7.2vw 40px
}

.app-about-market__swiper .swiper .market-slide.less {
    padding-right: 30%
}

.app-about-market__swiper .swiper .market-slide .head .title {
    position: relative;
    line-height: 1
}

.app-about-market__swiper .swiper .market-slide .head .title::before {
    content: " ";
    width: 3px;
    top: 0;
    bottom: 0;
    left: -41px;
    background-color: #0560f6;
    position: absolute
}

.app-about-market__swiper .swiper .market-slide .head .intor {
    margin-top: 3em;
    color: rgba(255, 255, 255, .6);
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.app-about-market__swiper .swiper .market-slide .foot .big {
    line-height: 1;
    display: flex;
    align-items: flex-start
}

.app-about-market__swiper .swiper .market-slide .foot .big span {
    font-family: SFUIDisplay;
    font-weight: bold
}

.app-about-market__swiper .swiper .market-slide .foot .big sup {
    font-weight: bold;
    display: block
}

.app-about-market__swiper .domestic-swiper,
.app-about-market__swiper .foreign-swiper,
.app-about-market__swiper .channel-swiper {
    height: 100%
}

.app-about-market__swiper .domestic-swiper .swiper-slide,
.app-about-market__swiper .foreign-swiper .swiper-slide,
.app-about-market__swiper .channel-swiper .swiper-slide {
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, .1);
    -ms-transition: 300ms opacity ease;
    transition: 300ms opacity ease
}

.app-about-market__swiper .domestic-swiper .swiper-slide.swiper-slide-prev,
.app-about-market__swiper .foreign-swiper .swiper-slide.swiper-slide-prev,
.app-about-market__swiper .channel-swiper .swiper-slide.swiper-slide-prev {
    opacity: 0;
    -ms-transition: 300ms opacity ease;
    transition: 300ms opacity ease
}

.app-about-develop {
    max-height: 100vh;
    height: calc(100vh - 50px);
    position: relative
}


.app-about-develop__swiper {
    display: flex;
    align-items: stretch;
    justify-content: center;
    height: 100%
}

.app-about-develop__swiper .content-swiper {
    height: 100%;
    width: 100%
}


.app-about-develop__swiper .content-swiper .swiper {
    height: 100%
}

.app-about-develop__swiper .content-swiper .swiper-wrapper {
    height: 100%
}

.app-about-develop__swiper .content-swiper .swiper-slide {
    padding: 130px 0;
    height: 100%
}


.app-about-develop__swiper .content-slide {
    position: relative;
    display: flex;
    justify-content: center;
    padding-bottom: 2em
}

.app-about-develop__swiper .content-slide .big {
    font-weight: bold;
    color: rgba(5, 96, 246, .1);
    line-height: 1;
    position: absolute;
    left: 0;
    bottom: 0
}


.app-about-develop__swiper .content-slide .main {
    width: 780px
}


.app-about-develop__swiper .content-slide .main-title {
    color: #000;
    text-align: center
}

.app-about-develop__swiper .content-slide .main-list {
    padding-top: 50px
}



.app-about-develop__swiper .content-slide .main-list li {
    padding: 5px 0;
    list-style-type: none;
    color: #333;
    text-align: center
}

.app-about-develop__swiper .year-swiper {
    position: absolute;
    right: 0;
    top: 25%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 280px;
    flex: 0 0 auto;
    overflow: hidden;
    height: 75%;
    z-index: 9
}

.app-about-develop__swiper .year-swiper .swiper {
    height: 100%;
    cursor: grab
}

.app-about-develop__swiper .year-swiper .swiper-slide {
    color: #333;
    opacity: .2;
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    -ms-transition: 500ms all ease;
    transition: 500ms all ease
}

.app-about-develop__swiper .year-swiper .swiper-slide.swiper-slide-prev,
.app-about-develop__swiper .year-swiper .swiper-slide.swiper-slide-next {
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    opacity: .6
}

.app-about-develop__swiper .year-swiper .swiper-slide.swiper-slide-active {
    color: #0560f6;
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
    font-weight: bold
}

.app-about-develop__swiper .year-swiper .swiper-slide span {
    padding: 5px 0
}

.app-about-layout .more {
    display: flex;
    margin-top: 2em;
    justify-content: center
}

.app-about-layout .app-common-title.big h2 {
    font-weight: normal
}



.app-about-layout__wrap {
    display: flex;
    margin-top: 2em;
    position: relative;
    z-index: 1
}

.app-about-layout__wrap .data {
    width: 15.625%;
    flex: 0 0 auto
}

.app-about-layout__wrap .data .title {
    color: #0560f6
}

.app-about-layout__wrap .data .numbers {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    color: #0560f6;
    margin-top: 1em
}

.app-about-layout__wrap .data .numbers .cell .big {
    line-height: 1;
    display: flex;
    align-items: flex-start
}

.app-about-layout__wrap .data .numbers .cell .big span {
    font-family: SFUIDisplay;
    font-weight: bold
}

.app-about-layout__wrap .data .numbers .cell .big sup {
    font-weight: bold;
    display: block
}

.app-about-layout__wrap .data .numbers .cell .small {
    margin-top: .618em;
    opacity: .6
}

.app-about-layout__wrap .data .numbers .cell+.cell {
    margin-top: 5em
}


.app-about-layout__wrap .map {
    width: 84.375%;
    flex: 0 0 auto
}

.app-about-layout__wrap .map-wrap {
    position: relative
}

.app-about-layout__wrap .map-wrap .image {
    position: relative;
    z-index: 0;
    width: 983px;
    margin-top: 1em
}

.app-about-layout__wrap .map-wrap .image img {
    width: 100%;
    height: auto;
    display: block
}

.app-about-layout__wrap .map-wrap .image-m {
    display: none
}


.app-about-layout__wrap .map-wrap .image-m img {
    width: 100%;
    height: auto;
    display: block
}

.app-about-layout__wrap .map-wrap .postion {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.app-about-layout__wrap .map-wrap .postion .location {
    position: absolute;
    display: flex;
    align-items: center;
    height: auto;
    padding-left: 30px
}

.app-about-layout__wrap .map-wrap .postion .location-01 {
    top: 210px;
    left: 654px
}

.app-about-layout__wrap .map-wrap .postion .location-02 {
    top: 242px;
    left: 664px
}

.app-about-layout__wrap .map-wrap .postion .location-03 {
    top: 284px;
    left: 668px
}


.app-about-layout__wrap .map-wrap .postion .location-04 {
    top: 325px;
    left: 540px
}

.app-about-layout__wrap .map-wrap .postion .location-05 {
    top: 405px;
    left: 620px
}

.app-about-layout__wrap .map-wrap .postion .location-06 {
    top: 400px;
    left: 720px
}


.app-about-layout__wrap .map-wrap .postion .location-07 {
    top: 572px;
    left: 634px
}

.app-about-layout__wrap .map-wrap .postion .location .icon {
    position: absolute;
    left: 0;
    bottom: 0;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.app-about-layout__wrap .map-wrap .postion .location .icon svg {
    fill: #0560f6;
    width: 1.2em;
    height: auto;
    display: block;
    -ms-transition: 500ms ease width;
    transition: 500ms ease width
}

.app-about-layout__wrap .map-wrap .postion .location .name {
    color: #0560f6;
    margin-left: .8em;
    opacity: 0;
    -ms-transition: 500ms ease opacity;
    transition: 500ms ease opacity;
    white-space: nowrap;
    background-color: #fff;
    padding: .5em;
    border-radius: .5em;
    display: block;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    position: relative;
    pointer-events: none;
    font-size: .9em
}

.app-about-layout__wrap .map-wrap .postion .location .name::after {
    content: " ";
    position: absolute;
    border-style: solid;
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 10px 20px 10px 0;
    left: -15px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.app-about-layout__wrap .map-wrap .postion .location.active svg {
    width: 1.7em
}

.app-about-layout__wrap .map-wrap .postion .location.active .name {
    width: auto;
    opacity: 1;
    z-index: 3
}

.app-about-base {
    display: flex;
    max-height: 100vh;
    height: 100vh
}


.app-about-base__swiper {
    width: 490px;
    height: 620px;
    color: #fff;
    position: relative
}

.app-about-base__swiper::after {
    content: " ";
    height: 80px;
    position: absolute;
    z-index: 8;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to top, rgba(8, 70, 167, 0.8), rgba(8, 70, 167, 0.4) 90%, rgba(8, 70, 167, 0) 100%)
}


.app-about-base__swiper .swiper {
    height: 100%
}

.app-about-base__swiper .swiper-slide {
    height: auto !important
}

.app-about-base__swiper .slide {
    padding-bottom: 2.5em
}

.app-about-base__swiper .slide .list {
    margin-top: 1em
}

.app-about-base__swiper .slide .list li {
    color: rgba(255, 255, 255, .6);
    padding: 5px 0
}

.app-about-super {
    display: flex;
    justify-content: space-between;
    padding: 40px
}

.app-about-super .item {
    display: flex;
    align-items: center;
    height: 40px
}

.app-about-super .item .icon {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.app-about-super .item .text {
    margin-left: 1em
}

[data-scroll-banner]>[data-scroll-sticky] {
    position: relative;
    height: 100vh
}



[data-scroll-banner]>[data-scroll-sticky] [data-section] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0
}

[data-scroll-banner]>[data-scroll-sticky] [data-section].in-view {
    z-index: 1
}

[data-scroll-banner]>[data-scroll-sticky] [data-section] .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

[data-scroll-banner]>[data-scroll-sticky] [data-section] .background video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

[data-scroll-banner]>[data-scroll-sticky] [data-section] .background .canvas-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}


[data-scroll-banner]>[data-scroll-sticky] [data-section] .background .pc-back {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block
}

[data-scroll-banner]>[data-scroll-sticky] [data-section] .background .m-back {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: none
}


[data-scroll-banner]>[data-scroll-sticky] [data-section] .content {
    position: relative;
    z-index: 1
}

.app-tarzan-banner {
    height: 100vh;
    background-color: #151515
}

.app-tarzan-banner .screen-1 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65vh;
    color: #fff;
    position: relative;
    z-index: 1;
    flex-direction: column
}

.app-tarzan-banner .screen-1 .title {
    font-size: 4.2vw;
    font-weight: normal
}


.app-tarzan-banner .screen-1 small {
    margin-top: .5em
}

.app-tarzan-banner-text {
    font-size: 6.25vw;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    font-weight: bold
}

.app-tarzan-banner-text span {
    font-size: 6.25vw;
    font-weight: 600;
    padding: 5px 0;
    background: linear-gradient(90deg, #aeadad 0%, #909090 25%, #818080 40%, #fff 70%);
    background-clip: text;
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: rgba(0, 0, 0, 0);
    color: #ffffff\0
}

.app-tarzan-banner-text span.show {
    animation-name: light;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: 2
}

.app-tarzan-page {
    height: 100vh;
    width: 100vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
    z-index: 9;
    background-color: #151515
}


.app-tarzan-page .pc-back {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block
}

.app-tarzan-page .m-back {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: none
}

.app-tarzan-page .postion {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.app-tarzan-page .postion .app-container {
    height: 100%;
    display: flex;
    align-items: center
}

.app-tarzan-page .postion .app-container.left {
    justify-content: flex-start
}

.app-tarzan-page .postion .app-container.right {
    justify-content: flex-end
}



.app-tarzan-page .postion .app-container.center {
    justify-content: center
}

.app-tarzan-page .postion .app-container.center .app-tarzan-infos {
    width: 62.5%;
    text-align: center
}

.app-tarzan-page.honor {
    min-height: 100vh;
    height: auto;
    position: relative
}

.app-tarzan-page.honor .pc-back,
.app-tarzan-page.honor .m-back {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover
}

.app-tarzan-page .video-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.app-tarzan-page .video-wrap::after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6)
}

.app-tarzan-page .video-inner {
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover
}

.app-tarzan-infos {
    display: flex;
    flex-direction: column;
    width: 40%
}

.app-tarzan-title {
    margin-bottom: .5em
}

.app-tarzan-intro {
    color: #f5f5f5;
    line-height: 1.8
}

.app-tarzan-honor {
    position: relative
}

.app-tarzan-honor-main {
    display: flex;
    justify-content: center
}

.app-tarzan-honor-main .list {
    width: 65%;
    padding-left: 4em;
    min-height: 50vh
}


.app-tarzan-honor-main .list li {
    padding: 1em 0;
    list-style-type: disc;
    list-style-position: outside;
    color: #ccc;
    display: flex;
    align-items: flex-start
}

.app-tarzan-honor-main .list li[data-scroll-opacity] {
    opacity: .35;
    transition: .6s ease opacity
}

.app-tarzan-honor-main .list li[data-scroll-opacity].active {
    opacity: 1
}

.app-tarzan-honor-main .list li::before {
    content: "·";
    flex: 0 0 auto;
    width: 1.2em
}

.app-tarzan-honor-main .list li:first-child {
    padding-top: 0
}

.app-tarzan-honor-main .list li a {
    color: #ccc
}

.app-tarzan-honor-main .list li small {
    font-size: .7em;
    display: block
}

.app-tarzan-honor-main .list li:hover {
    color: #fff
}

.app-tarzan-honor-main .list li:hover a {
    color: #fff
}

.app-tarzan-related .tabs {
    display: flex;
    justify-content: center
}

.app-tarzan-related .tabs .tab {
    color: #ccc;
    line-height: 1;
    position: relative;
    margin: 0 35px;
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap
}

.app-tarzan-related .tabs .tab.active {
    color: #fff
}

.app-tarzan-related .tabs .tab.active:hover {
    color: #fff
}

.app-tarzan-related .tabs .tab.active::after {
    content: " ";
    position: absolute;
    bottom: -20px;
    height: 2px;
    background-color: #fff;
    left: 0;
    right: 0
}

.app-tarzan-related .tabs .tab:hover {
    color: #fff
}

.app-tarzan-related .contents {
    margin-top: 70px
}


.app-tarzan-related .contents .content {
    display: none
}

.app-tarzan-related .contents .content.show {
    display: block
}

.app-tarzan-related-main {
    background-color: #05090d;
    border-radius: 20px;
    padding: 3em 5em;
    display: flex;
    align-items: center
}


.app-tarzan-related-main .photo {
    width: 42%
}

.app-tarzan-related-main .photo img {
    width: 100%;
    height: auto
}

.app-tarzan-related-main .infos {
    width: 58%;
    padding-left: 5em;
    margin-top: 1em
}


.app-tarzan-related-main .infos-title {
    font-weight: 500;
    color: #fff
}

.app-tarzan-related-main .infos-list {
    margin-top: 1em
}

.app-tarzan-related-main .infos-list li {
    padding: .8em 0;
    list-style-type: none
}

.app-tarzan-related-main .infos-list li a {
    color: #ccc
}

.app-tarzan-related-main .infos-list li a:hover {
    color: #fff
}

.app-customer {
    display: flex;
    flex-direction: column;
    align-items: center;
    right: 0;
    top: 50%;
    width: 70px;
    position: relative;
    position: fixed;
    background: #0560f6;
    color: #fff;
    background-size: contain;
    z-index: 99;
    border-bottom-left-radius: 1em;
    border-top-left-radius: 1em;
    padding: 1em 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.app-customer-icons .icon {
    width: 33px;
    height: 33px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    z-index: 2
}

.app-customer-icons .icon-wrap {
    padding: .8em 15px;
    position: relative;
    display: flex;
    justify-content: center
}


.app-customer-icons .icon-wrap:hover .popup {
    opacity: 1;
    right: 100%;
    visibility: visible;
    -ms-transition: 0 right ease, 0ms opacity ease;
    transition: 0 right ease, 0ms opacity ease;
    width: auto
}


.app-customer-icons .icon-1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUxNUJBN0VBNDkxMzExRURBM0Y2QjE3MTVBQzM5MDlFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUxNUJBN0VCNDkxMzExRURBM0Y2QjE3MTVBQzM5MDlFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTE1QkE3RTg0OTEzMTFFREEzRjZCMTcxNUFDMzkwOUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTE1QkE3RTk0OTEzMTFFREEzRjZCMTcxNUFDMzkwOUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Zqnf5AAAIr0lEQVR42uxdaWxUVRQ+b6aFUpYICC5QtrhB3JBVUSqCJooEEzdMIUaNipKoxCXRKGpINEajMaLGqEgUhQSMuIJrXArBrSKIImJkERAVqGwtlM54Pt+ZMtTOu3fmvTfvzsw9yZf+6JuZe+/3znaXc51kMklWzJGYHQKzpKwA2uik/e3AqGL0ZhzF6MHoyqiQZxoZOxl/Mf5g/C5oYKRMQdISkhsJcUYXxomM0YyzGMcxejKO0Gj7QcYOIWcdYynjc8Zaxi5GwkRyHIN8iCMmtJMQMJFxHqN/wL/zK+MzxmLGJ4x/TCLHBEJARLm8/VMYVzH65um31zPmMeaL5uyPmpgoCUkRMYQxjTFBTFQUspexiDGLUcdoioqYqAiB/e/HuJsxmdHOELPZKBrziJi2g6VACKKiGsYMiZJMlD8ZMxmvMurzqS35JAQOewDjYcZlPr8rkYZk2oA5acFBLIA8C2bsLtGWRDERAhNVzXiWcXyOBBwQ7BQHvFlC2l0CEh/URTSvF+ME0ch2glwIWsO4iVGbDxOWD0IwEJcIGd2y/OwBGeyfGB8yPmb8IkToSA95AcYyLmCcxOjMaJ9lO/5m3Mh4Wxx+wRICzbiU8ZJk2bqC8HObDMAcxjcBtWeo+C/kOMdmSQwisesYr4epKWESAvNwIeO1LMJZdHSLRDpPMzaF1LYqCbUniWnTnbGoF0KXhOZTQEgIANFDGb8l9WUPYyFjUEhtagv4rQWM3Vm0E30aIn0MvE1hdbQPY4lmBxOMjYw7GfE8kpGO6dKGhGabF0sfC4KQjoyZmh1rZnzHGBsREekYJ21p1mz7g4xK0wmBGlcz9mmSsYxxmgFkpHCKtEmHlL2Mc4I2XUEvUCHMvEUjooJD/JoxlfG9QRn6KsbNEtWpop1K6euRpjr1GGOCprr/wBhpkGa0xijGas2+jJe+G6ch3SVOVwlW8h5iLCdzZalM8WzTePbaHBJez1whqKl0ZMEXK55DlvuK5Camy1yZXFRl5hNkisYxiZCOMj0S97KO4jcep8KRxzT8Sbn0vaNJhHSXrFyV5T4vJqtQZKu0uV7x3EVBma0gCIGqYiPCQEVUhTdtPhWeoM11iqmSQTIGjgmEYAvOGRraAb/RWICENEjb6xUv5eAcZpFDIQTx+JmKZ7ANZzEVrrxD7iKVl4yUsYickA4yre21prFcM4Q0VbCk+6Ui4hqW5RJDKIQ4kqke4/EMNqt9SoUvX0hfMkmvIBy7X0LiGs4Mq23LioCQWumLKriJR0lImbwZXrnHxgI3VynBwtlmxTO9yef23CA0pKciM19LxSNrxSdmkp5RE1KmsJsIGTcUESHrFaF796hNlqMI9bBGvrOICKkn7w0OlX7H1C8hMTp0NqMtaWbsKyJC9igIqYiakH3kPfHWXKDZeSbZT+rdJr5ewNYOCNt1qoRpnf1B2HTWVfFMKR1ixFiMYOzWNPeNEoXubosQrGdMk4yzs8ZAJkXDqkpowFVjMpzxjGiRo0EIiPhKPrMmnRBEB9jqeS5Z8SN4kQdl+Rlo1MmMyxnbUz6k2pIRqYwh9xhfi1MfYMckEJPlRwakE2KrB+jnXaF+tyXEHA1JBJGHRN2JohPdibBvEQHQ4fM0GGgsyAymAFbKikQwd1cnf51WCTIi2SF+CYEaYdPYdHKn0FsTgkP+1zDuKCGT5aXxONMym9zDPa0JQSmQJxijvCyTihBMn88TDckkSGpuJXd/UilLkxCyPsP/UXNlviSPGTdDxDTeiO2KZ/aLilpz5b1WQjKWnj5Vx6mrtChuHXfLyxvXGCvyS4jj85lSIcsJ4hlbwMwwsYQYllNZQqyGWLGEWEKsWEIsITbKsoRYDbFiCbGEWLGEWKceGSFJslPzVkMsIVYsIaVMiE71Tesn9MYgEQQhqh/Cwn7c8vHf3oMmv6TFNH5kqOIZbL+v9GhAU4kQgk2DAxXPDCfFphGdHSWTZVC3tHoeg43zEBM9iMVJrD4lZP5RX+tNcsujp29owLlEnOevUVkTFSH4Uuy4u43c41dOG4R18vg87opCLanZJUIKqiKhulxzG5YCGqSsFqS7t7eCvE/bemnYYGloXZE4bpUf6GR62IsziFOsz8+OkDCJwZ7fcZTbvSGmiUPhHdqJpRMR9u0xqJIztUhMVliEHHZgZ1XIHSmXaGx0gROyktyjBmF9dwshOAMyJ+TO4ILI2ymAqmsRyhYJbYPOrV4UDg670AUnfK5gnE9uRYdczZgj/qKtyyGxZf9Rxv0FTAqS4DGi8f3kpc5lrPA5FLP5gLGQpFpd6xt22kmy53cqBNUg3soQLOD+qPsYz+XwvThg31tzEBx5BmcyfqRgi+DE5KX1e/8i8hVUc2g5VxLWlUeo8nyPIJPqP0BukWId/3M14wbJdstlsJMahCTTOv0uuVW1NxmtfyHeMNBXbqLJJNvkUpT2Ht/RjTGLUZ/0Lw1yYUu1wbcyhEoItO9UxgqPQcLFL7WMmgzETGM0JoMVXJUxwlRCwr42D2YDRZbnUuZruNEAXKGNMkUryK2Ks0PM06QQEkr8Hgrt3EsGVrvLx8WScIA4CvyCTLx5SZMgIYFFRUiJ2FaJKGtNnToJU1Jn3WtEA1QOvFIm6DqEmBUfTYYW3MnXmjpIqRMTtMiQOakeFG4xGaMJSZHyM+N6cm9g3htx38vIwE0eUTQI5bqfJHcG+H0DJgtLnhCSzBS1Bq8kt7RdFLXhd1Ge7kgvBEJSJgzh7huM8eReKDaPvG8gCPKFMDJjz9cF97ovB9acu8rf/jL1MjaE3/qI3Evr15lGSJlBbYHGNNChQjYbZE5sGOlf/607ofcyqW/MKTmTpUPQe4wZ9P9dHH4E37eADN1tafreXhDxlGTVK31+F6ZksMcMC0zGlj83yYeoEjns8Tqbcbr4mTLFW46XDRvUsB6ymtwri7aT4fuQC4WQkhF7HMESYsUSUkDyrwADAMVWmVBaUj0vAAAAAElFTkSuQmCC)
}

.app-customer-icons .icon-2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA1OTlBQ0I0NUE5QjExRURBQUEwRkVGREUyMEE2REUzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA1OTlBQ0I1NUE5QjExRURBQUEwRkVGREUyMEE2REUzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDU5OUFDQjI1QTlCMTFFREFBQTBGRUZERTIwQTZERTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDU5OUFDQjM1QTlCMTFFREFBQTBGRUZERTIwQTZERTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hK+wRAAAJbUlEQVR42uyde6wd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)
}

.app-customer-icons .icon-3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4QjIxMDNDNDkxMzExRURBQzMxOUMzRTlCQjU2NDhFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4QjIxMDNENDkxMzExRURBQzMxOUMzRTlCQjU2NDhFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhCMjEwM0E0OTEzMTFFREFDMzE5QzNFOUJCNTY0OEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhCMjEwM0I0OTEzMTFFREFDMzE5QzNFOUJCNTY0OEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5IaKX3AAAKBUlEQVR42uxdCYwURRStgeXK7rKAICrXwoJrIGhiRFC55AoxQYgiJCQaD4yCcpgYD2IwIfGOUQ4Fl5U7yKGgRo0ih5wSRRQJQe7lkmNhOWRxZ6/xv8yf0A6zXVU93T01u/2TF46p7qrq11X1/6//q0ORSEQEYo7UCx5BQEggASHpIxma5PVmdCE096hNlYSThD8J6whFHtSRSxhIuJ3QRvM56MhFwgHCZoZ8wcairoARhK2Eioi/coHwCSFPsZ0ydOb7XfC5H3huWwjDZW2UdSCbUBhJvfxNGJUkGSP5PqmWhfxcE7YzZKP2ZhG+IAwxZHqtJowlzHdw7ROEQoPWzB8IDxNK43+wI2Qed8QkqSAMJmzUuKYPr0UNDOsLnu9TqoSMIKw2VBHZTbiXcEWhbCbhZ0J3Q/synPC1TO2FxvGqwZohHu5oxbKjDSYDMiVew0tEyD2EuwxX1x/F6JaUwe+PGd6PHoSeMjukj8Lid5Xn5YsuL5QRtnF6KowS2BJHbMp0UBwdvxD2KxCsq4DkEO4nZEtsu76ErXaE5Esqu0wYSfjRQ2N1OmG8TZkWhLYSQtpyOTv5mPACodyjvvQnfMnk1CT5simrmaSSjR6SEbPUZxKqJOWaSn7PlvxexfWUe9iXnwgbJGWaywiprzBC/FBvyxVGUjJ+ugom32v5R/J7/WSdi34YVyp1JLuREzKoL74+3EA0F1CvpAUbZiF+m0OsfZzh6SJdBBZ+a355I5b+wDC9kA6EdCJMJdzH2oWVECykxwhLCLOYIFMFBDzPNk87nuuthEDl30aYRjhsKiEgYw0hz6ZMazaIUHaywYS8L2lfK7aZYLfBAXvI9wVHQaZKyLDKREI/Q8nAJtwkzRlBmEZIM35bdLScQYYSMljTcu8tXNpBdZOQTIYuiSaKbruyHPTdlykrCPIyjJBADCMk5HF5vyRl/XCTkGoHdkWVoYRU+dB3zwkpIZzWvOaQoYTotus0998oQsJCLyIELpRVhhKCeIJTGuUXEMpMXEPmiOgeg2z4HhfR7dUThhKCyEm4TI4pTFXY5PrIrYrddp1UsAX+lYiGat4Qt/BhjwN+n5VMismyjg2+kex9aBin1p/nMuvcrDTDw86sE+kveGk+COyQwA4JJJ0J8WMPo8oHoxH392NPvTpZQsKSa7r40IlcQiNJGZmaKQuSwE5gJx/6kq/Tj0SLukz/vltE46bmCG9CaPL4/nYjpFLBECvhchk2IwQq+gRhH9/lVKCVjefnZSenZITsUqhsIldW5sE0ouLGPiHk26aHuVyuTZnbRDTGrFS476lurKjF/iEjBA1E7JUsEA3XZqVo7dukMEIQgIAgNZWUiswU9QPPea1sDSkirDBYEcE0NFvDc1BpcF+WEY6qaFlvEc4Z2gn4y7YrlkUg9TxD+1FMeFtV7T3Ma4Rpb9dOoZ+7gvI7DOtHVU3KhJ0dstKjhdup/EYYJaI+JB0p4etMIaWMn+vyhL8qZK8OIexOYdZqJaGA0DzJLNxmnBJdmcK+7ObnKZxk4VoFof1wR48hdBP+RItgOG8hfCIsCS0uCPITnxHRkKWOPvQDEY57CEsJi4UkGj7k4DQgWOptmJRGLje+mm0CTEsHHUxPOoKtgc78Z6Zw368XZjKwt3JA2RALjmcySwJvb0BIIAEhASGBBIQEhATihTiJOoEdgqT8HI/skKsWO+RcQEhiaWqx1Lv6ZKkXieixeAVssdcJUTEMh4povl3XFLURnlG40F8WHmS9phsh8PlM92BqciJwvT8iXMx4TTdCcNbUEuFtLrsTUoYI5z4uRJrcQmgiru2hx0Jczwq1Q9FU5Cbx/wNnYiFH56WjvAY3ME4BPRcxU+Y6dL8/wCeDlhHKCWFGOf/fXsKEJF383QirCJct9w9b6sMhnO8RmuqeSloYMVdw5GovzQc1jB+KirzukIyOhCLFOlYTGqsSkssMmywLNR4UOr5T497/EvIdEDJXsw8Jj71NtD4gRztbYZ7EnJiquCycwoazVFSyltoT7tBoA+KpsHm1T+OahkIvRx+C0+ZWqNghKo1Hkgqi/rw4RKYD39tOzYZh2kmRkCYOPBJNNcs3YVJ0JEfVMLxZciOE1jznoSaF/D5EZKwVNYeTZgj58X3JSMSHayKqviyZzXFAeC/YTw8rTC2Bc9Enh2SGSO2pEE7y1F3Jba8L3l4nwX4VDspH3KijLhACC1w3f36PZnlEyhx1ow6v3CIDxLUs3JBliIZ50f5c+JcSjRhafBnhNcXyUCZi3uU27D/rLK7PwoWGh+j6Nfzv6azKqghyQpapuk6+kRg0S22MowzCdEKV5B5HCYNs7tOFcFVyjwc1jLZGhNkK7VpP6MDX9CccUTDwCvj+uGYy4ZKk/H5Cv5ra6vYIeVZEk3lUjDVE8fXwaaRgZI4jLGQDLjvOuVjBjss1/HccQ7hIRM9alMnTPOrfIXxI+J6N61YJ1hVsun1rZz+5SQjU5Sc1PaIPEWb4uJ5sF2qpDMMVyYgJTqWYxWvJXwzf1N6apAU/ZB3JE2aKbjIo+t0yVXaI3b1071ffUELqO+h7yDRCXHMfGCAp60cQBlQLXCduuxxqgxh5xF+pSPAZOImYGkVyUbP8FQd991ztRSc2a2goERGXo+2TYC8lK84OCbM9VGGx1qdpLO7b2CMQk1bi+u2BarbQ7QMpXLbUOxEOKW5hzvDRUo9Z3us5eONSHEo4/2+spfybiv2A1+FWy6ddPyOcSVDHRS6L+2bpBDkkQ0iMlAWEg4RiwllGMTd0B7sY6vlIyGCOLFGRV/gahEiNI2wnnLL0pZhxgLCY24ry7fn/VGQFoaEfrhMIAtke5yEbPzVUs/e13McpCturbwj1YD8crI9PzmIjDidGFLDhZ/1cRWzdsLpAprATUkXgsFzO9fji7Y15Q0sMWKDhArlTk8C+4trOKEJZT0qugSe4v2a7BiYipC7YIU0cWN45DurQDXJo5pba68eJcip1eGnDGBXkkOz3A92QBgpvXGVtHM71HBhF+CrOAA/bBCImCfe+p+hkJKUsyCHRor5PYYTgoOQNwptv4eKMwh4KCoPqxlZaBTkkImQTz+F2Dxrq7LAUjmx8U71IsexZxo0a99fdYILb5JjQ20fZqzplYUftV8On2kUabyTI0DnEbBNDV2ZqlD0rNI9nGm5w5PsuQqam26Qxew9kspVzY5zmh7xEKJXUcdzuiCa7DKpPhd4euR+CeXeQwzdYsPGGA/bjPxKAKed3wncimgWcjHTnNraLW7greZpCHTXGidkRgrQAxE8NNYQMqOOI8JgvarHUkyxUOBqv0IB2wm09praTIRshVkFYzIuEXsLfJFCo1UhqeVeY+3mklBASm2t7M3CaQ0sH/hsVO6SUbQyottgoOirqkAQnyqXRGhJIQEgg/wkwAE4h0Sa7nnseAAAAAElFTkSuQmCC)
}

.app-customer-icons .icon-4 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZCN0NFQTNDNDkxMzExRUQ4NEFGQzJCN0MyNTM2Q0I4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZCN0NFQTNENDkxMzExRUQ4NEFGQzJCN0MyNTM2Q0I4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkI3Q0VBM0E0OTEzMTFFRDg0QUZDMkI3QzI1MzZDQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkI3Q0VBM0I0OTEzMTFFRDg0QUZDMkI3QzI1MzZDQjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7DXb75AAAD3UlEQVR42uzdT0hUURQG8DsHKwqKaJFF1CrUSoLaFNGiaNWqXQWuTTBLrEW0LoggXKQlRP/WEiUEQmRUVLhrkUHWokIzo6CwMqlAO4d3pWHKmTfv3Tdzrvf74NvoPNHzc96fmTszuZmZGYPoCWEEAEGKpKZMvO3cndwVGF2sfOE+5g5yp12C7OD2cDdjxokyxG21OEWTi3FQ38ft5S7EXFPlN/cg92YakHXcF9wlmKeT/OBu4r5NelA/AQynkVmeTHMPGeGuxRyd5j13TRIQsvs9nBq7jQx8kZ1tWbssOU37jvk5z+RcGHGOIU8wP+d5lOZKvRvzc57uNCD93OuYobNcszNNDCI5xO2yByMk+YFcZtji4kp9NlstjjyWtQpnXyUjJ0UfTPRwySXu0zgb5fB8iK7gvxwgCEAAggAEIAhAAKI68mRPh4kWEHy2HbRf8/ZJNV8vDDdw+7h1c3z/lYnWAgwDJPvUc+9zV5e43UfuHu5z7LKqjyFZyb3HbQRI9TG8RaF5jOElCs1zDO9QKAAMr1AoEAxvUCggDC9QKDAM9SgUIIZqFAoUQy0KBYyhEoUCx1CHUm2QjdyHVcbIRxmwv1OQIPV2ALWKjmO19t7aGBqIht2Uyt0XAUMXCgFDFwoBQxcKeYbRn2CbPp9QyCOMK9xzCbY7z73gCwp5hCGvTUmyIkO2OeILCnmEMZ3iZ8yidGtHoQAw8lGOakehQDC8QaGAMLxAocAw1KNQgBiqUUgRxtUKYqhFIUUYzRXGUIlCgWOoQyFg6EIhYOhCIWDoQikHpMG4WZBwWTFGIcpFBygDdnZOQZZxb5v0CxIEo0U5Rj5KmwOUWju7pS5B2rnrHVz0+YLhGkVm1+ESpMmjK/CsUNI+n9LkCkTe0rTOsyvwLFDk+ZSuFD9DZrjYBYjcJpfintHsOUY+SnvKe0qNC5Ap7lhgu6lS95QkKOPcb66OIbeAkRol1uqXuCBnuRPASIwiszvjEuQd94CJPm6hWHoCwChE6Sxxu0k7u1HXV+p3TPSRR3fNv8txXtvTutZAMPJRjnP3c18WfE/mIAv7ttnZxUrSN5+Rh0+2cBdw33CfVWgAu0z0WFo52c19UKHfr8FeBE7ZmXxyfhpW5Ixh3CCFGTYp3xIK7yinLAABCAIQgCAAAQgCEIAgAAEIAhAEIABBAAIQBCAA0ZVfCbb5CZDsMppgmxGAZAsyVMbtZaHBGECyzekybnsKx5Ds02uiBXmlIq/puAGQyuQw9xj363++J1+TF8e0+fiH+f556su5e83f1/DJmihZLTjh6x+ED7jHLgsBiEf5I8AAAlUuheTmYeUAAAAASUVORK5CYII=);
    cursor: pointer
}

.app-customer-icons .popup {
    position: absolute;
    top: -310%;
    -ms-transition: 300ms right ease, 500ms opacity ease;
    transition: 300ms right ease, 500ms opacity ease;
    opacity: 0;
    right: 0;
    visibility: hidden;
    width: 0;
    overflow: hidden;
    padding-right: 1em
}

.app-customer-icons .popup-close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
    display: none;
}

.app-customer-icons .popup-close svg {
    fill: #666;
    width: 20px;
    height: auto;
    display: block
}

.app-customer-icons .popup-inner {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 2.5em;
    border-radius: 1em;
    background: #fff url(../images/customer-back.png) no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    max-width: 450px;
    width: 23.5vw;
    min-width: 300px
}

.app-customer-icons .popup-inner::before {
    content: " ";
    border-style: solid;
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-width: 15px 0 15px 15px;
    position: absolute;
    right: -10px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0
}

.app-customer-icons .popup-inner .item {
    display: flex;
    align-items: flex-start
}

.app-customer-icons .popup-inner .item-icon {
    width: 50px;
    height: 50px;
    border: 1px solid #d1e2fd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background-color: #fff
}

.app-customer-icons .popup-inner .item-icon img {
    width: 70%;
    border-radius: 50%;
    height: auto;
    display: block
}

.app-customer-icons .popup-inner .item-infos {
    padding-left: 1em;
    flex: 1 1 auto
}

.app-customer-icons .popup-inner .item-infos .list {
    display: block
}

.app-customer-icons .popup-inner .item-infos .list .small {
    color: #666
}

.app-customer-icons .popup-inner .item-infos .list .big {
    color: #333
}

.app-customer-icons .popup-inner .item-infos .list+.list {
    margin-top: 1em
}

.app-customer-icons .popup-inner .item-infos .list:hover .big {
    color: #0560f6
}

.app-customer-icons .popup-inner .item+.item {
    margin-top: 1.5em
}

.app-customer-icons .popup-inner .code {
    display: flex;
    flex-direction: column;
    align-items: center
}

.app-customer-icons .popup-inner .code-app {
    text-align: center
}

.app-customer-icons .popup-inner .code-app .icon {
    width: 80px;
    height: 80px;
    display: inline-block
}

.app-customer-icons .popup-inner .code-app .icon img {
    width: 100%;
    height: auto;
    display: block
}

.app-customer-icons .popup-inner .code-app .text {
    color: #0560f6
}

.app-customer-icons .popup-inner .code-pic {
    text-align: center;
    margin-top: 1em
}

.app-customer-icons .popup-inner .code-pic .pic {
    width: 182px;
    height: 182px;
    display: inline-block
}

.app-customer-icons .popup-inner .code-pic .pic img {
    width: 100%;
    height: auto;
    display: block
}

.app-customer-icons .popup-inner .code-pic .text {
    text-align: center;
    white-space: nowrap;
    color: #666;
    margin-top: 1em
}



@media screen and (max-width: 1920px) {
    .app-about-develop__swiper .content-slide .big {
        font-size: 12.5vw
    }

    .app-banner__home .swiper-slide .inner .app-container .text .title {
        /* font-size: 5.73vw */
        font-size: 4vw
    }

    .app-about-develop__swiper .year-swiper .swiper-slide,
    .app-about-develop__swiper .content-slide .main-title,
    .app-about-banner .inner .app-container .text .title,
    .app-case-banner .swiper-slide .inner .app-container .text .title,
    .app-section__normal-content .empty,
    .app-section__normal-header .title,
    .app-common-title.big h2 {
        font-size: 4.26vw
    }

    .app-about-layout__wrap .data .numbers .cell .big,
    .app-about-market__swiper .swiper .market-slide .foot .big,
    .app-section__normal-content .numbers .cell .big {
        font-size: 3.64vw
    }

    .app-tarzan-title {
        font-size: 3.125vw
    }

    .app-product-overview__infos .title,
    .app-banner__page-inner h1 {
        font-size: 2.4vw
    }

    .wrapper-content {
        padding: 4.15vw 0
    }

    .wrapper-contentSmall {
        padding: 3vw 0
    }

    .app-footer__aside {
        padding-left: 6.25vw
    }

    .app-section__image {
        height: 45.85vw
    }

    .app-section__image {
        height: 50.85vw
    }

    .app-marquee__case .item img {
        height: 24vw;
        min-height: 180px
    }
}
@media screen and (max-width: 1720px) {
    .app-header__main nav .mian-menus>.item {
        margin-right: 3em
    }
}
@media screen and (max-width: 1680px) {
    .app-about-banner .inner .app-container {
        padding-top: 5%
    }
    .app-about-fast {
        margin-top: 2em
    }    
    .app-header__aside {
        padding-left: 2.5em
    }

    .app-header__aside a+a {
        margin-left: 2.5em
    }

    .app-header__register {
        padding-left: 2.5em
    }

    .app-header__main nav .mian-menus>.item {
        margin-right: 2.5em
    }

    .app-section__normal-content {
        width: 45%
    }

    .app-container {
        width: 78%
    }

    .app-banner__page.partner .page-swiper-button-next,
    .app-banner__page.partner .page-swiper-button-prev {
        left: 2vw
    }

    .app-banner__page.partner .page-swiper-button-next {
        right: 2vw
    }

    .app-shutter__home-items .item-content .head .name {
        margin-right: 20%;
        height: auto
    }

    .app-down-sub .menu-wrap {
        border-radius: 20px;
        padding: 50px
    }

    .app-about-banner .inner {
        padding: 2em 0
    }

    .app-about-market::after {
        width: 200px
    }

    .app-about-market__swiper {
        padding-left: 11%
    }

    .app-about-market__swiper .swiper .market-slide .head .title::before {
        left: -41px
    }

    .app-about-layout__wrap .map-wrap .postion .location .name {
        font-size: .7em
    }

    /* 2024/4/22更新 */
    .app-product-series .products .item .infos .title{
        font-size: 16px;
    }

}

/*2023-06-30*/
@media screen and (max-width: 1600px) {
    .app-header__search {
        width: 15vw
    }
    .app-marquee__home .swiper-container+.swiper-container,
    .app-marquee__case .swiper-container+.swiper-container {
        margin-top: 20px
    }
    
    .app-footer__bottom .icons {
        margin-top: 1em
    }

    .app-footer__bottom .app-container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .app-tarzan-related-main .infos-title,
    .app-tarzan-intro,
    .app-tarzan-banner .screen-1 small,
    .app-about-base__swiper .slide .title,
    .app-about-market__swiper .swiper .market-slide .head .title,
    .app-about-fast .item-inner .intor,
    .app-about-banner .inner .app-container .text .small-title,
    .app-contact-service .item .content .phone-number,
    .app-certification-practice .introduce .title,
    .app-certification-position .item .title,
    .app-medical-intor .introduce .title,
    .app-train-exam .item-main .title,
    .app-content-head h1,
    .app-list-mz-infos .top-title,
    .app-serve-added-mudule .inner h3,
    .app-serve-type-mudule .icon,
    .app-shutter__home-items .item-content .head .name,
    .app-section__news-head,
    .app-common-title h2 {
        font-size: 30px
    }

    .app-customer-icons .popup-inner .code-app .text,
    .app-about-market__swiper .swiper .market-slide .foot .big sup,
    .app-case-banner .swiper-slide .inner .app-container .text,
    .app-solution-area__contents .content .items .item h4,
    .app-serve-type-mudule .title,
    .app-marquee__case .item .text .title,
    .app-shutter__home-items .item .text .name {
        font-size: 22px
    }

    .app-about-market__swiper .swiper .market-slide .head .intor,
    .app-about-banner .inner .app-container .text .intro,
    .app-product-specifications table td,
    .app-product-introduce table td,
    .app-product-overview__infos .list li::marker,
    .app-product-series .filter-pag .options li span,
    .app-product-series .filter-pag .options,
    .app-product-series .filter-pag,
    .app-product-series .filter-head .title,
    .app-product-main__content .carte,
    .app-product-sub .menu-wrap li a,
    .app-product-sub .menu-wrap li span,
    .app-case-filter__head,
    .app-case-banner-tabs .tab,
    .app-contact-social .icons .title,
    .app-medical-practice .item .single .other,
    .app-down-contents .content-main .item .details-table .tips,
    .app-down-contents .content-main .item .details-table .inner-table td,
    .app-down-contents .content-main .item .details-table .title,
    .app-down-contents .content-main .item .details-intor,
    .app-down-contents .content-main .item .details-ware .down,
    .app-down-contents .content-main .item .details-ware .name,
    .app-train-system-main table .module.grey,
    .app-content-head .ribbon .icons .date,
    .app-list-news .item-date .small,
    .app-submenu-crumbs,
    .app-marquee__case .item .text .intro,
    .app-marquee__home .item .text,
    .app-section-wrap-more,
    .app-section__contact .contact .inner .more a,
    .app-section__contact .contact .inner_ayu .more a,
    .app-section__news-more,
    .app-section__news-main__cell .inner .list .item .title,
    .app-banner__page-module .modules .item>.text,
    .app-footer__aside .contact .item .content dl dd,
    .app-header__main-product .wrap .side .classifys .classify ul li,
    .app-header__main-product .wrap .side .sorts .sort,
    .app-header__main,
    .app-text-more {
        font-size: 14px
    }

    .app-header__inner {
        font-size: 14px
    }

    .app-shutter__home-wrapper {
        width: 100%
    }

    .app-shutter__home-items .item-inner {
        width: calc(33.3333333333vw - 120px)
    }

    .app-shutter__home-items .item-content .inner {
        width: calc(72vw - (33.3333333333vw - 120px))
    }

    .app-contact-service .item .content .more {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .app-contact-service .item .content .more a {
        margin-top: .5em
    }

    .app-contact-service .item .content .more a+a:last-child {
        margin-left: 0
    }

    .app-about-banner .inner .app-container .text .intro {
        margin-top: 1em
    }

    .app-about-banner .inner .app-container .text .more {
        margin-top: 1em
    }

    .app-about-layout__wrap .map-wrap .image {
        width: 700px;
        margin: 0 auto
    }

    .app-about-layout__wrap .map-wrap .postion .location-01 {
        top: 150px;
        left: 485px
    }

    .app-about-layout__wrap .map-wrap .postion .location-02 {
        top: 180px;
        left: 465px
    }

    .app-about-layout__wrap .map-wrap .postion .location-03 {
        top: 185px;
        left: 475px
    }

    .app-about-layout__wrap .map-wrap .postion .location-04 {
        top: 245px;
        left: 385px
    }

    .app-about-layout__wrap .map-wrap .postion .location-05 {
        top: 295px;
        left: 435px
    }

    .app-about-layout__wrap .map-wrap .postion .location-06 {
        top: 300px;
        left: 525px
    }

    .app-about-layout__wrap .map-wrap .postion .location-07 {
        top: 400px;
        left: 445px
    }

    .app-about-base__swiper {
        height: 570px
    }

    .app-customer-icons .popup-inner::before {
        top: 45%
    }
}

@media screen and (max-width: 1450px) {
    .app-header__inner {
        padding-left: 40px
    }

    .app-about-develop__swiper .content-slide .big {
        font-size: 10vw
    }

    .app-banner__home .swiper-slide .inner .app-container .text .title {
        font-size: 4vw
        /* font-size: 5vw */
    }

    .app-about-develop__swiper .year-swiper .swiper-slide,
    .app-about-develop__swiper .content-slide .main-title,
    .app-about-banner .inner .app-container .text .title,
    .app-case-banner .swiper-slide .inner .app-container .text .title,
    .app-section__normal-content .empty,
    .app-section__normal-header .title,
    .app-common-title.big h2 {
        font-size: 3.2vw
    }

    .app-about-layout__wrap .data .numbers .cell .big,
    .app-about-market__swiper .swiper .market-slide .foot .big,
    .app-section__normal-content .numbers .cell .big {
        font-size: 3vw
    }

    .app-tarzan-related-main .infos-title,
    .app-tarzan-intro,
    .app-tarzan-banner .screen-1 small,
    .app-about-base__swiper .slide .title,
    .app-about-market__swiper .swiper .market-slide .head .title,
    .app-about-fast .item-inner .intor,
    .app-about-banner .inner .app-container .text .small-title,
    .app-contact-service .item .content .phone-number,
    .app-certification-practice .introduce .title,
    .app-certification-position .item .title,
    .app-medical-intor .introduce .title,
    .app-train-exam .item-main .title,
    .app-content-head h1,
    .app-list-mz-infos .top-title,
    .app-serve-added-mudule .inner h3,
    .app-serve-type-mudule .icon,
    .app-shutter__home-items .item-content .head .name,
    .app-section__news-head,
    .app-common-title h2 {
        font-size: 26px
    }

    .app-about-layout__wrap .map-wrap .postion .location,
    .app-school-teachers .item .content .number,
    .app-solution-area__control .tabs .tab,
    .app-content-head .ribbon .icons,
    .app-list-news .item-date .big,
    .app-marquee__home .item .text .title,
    .app-section__contact .contact .inner,
    .app-section__contact .contact .inner_ayu {
        font-size: 24px
    }

    .app-customer-icons .popup-inner .code-app .text,
    .app-about-market__swiper .swiper .market-slide .foot .big sup,
    .app-case-banner .swiper-slide .inner .app-container .text,
    .app-solution-area__contents .content .items .item h4,
    .app-serve-type-mudule .title,
    .app-marquee__case .item .text .title,
    .app-shutter__home-items .item .text .name {
        font-size: 20px
    }

    .app-customer-icons .popup-inner .item-infos .list .big,
    .app-customer-icons,
    .app-tarzan-related-main,
    .app-tarzan-related .tabs .tab,
    .app-tarzan-honor-main .list li,
    .app-tarzan-honor-main,
    .app-about-super .item .text,
    .app-about-develop__swiper .content-slide .main-list li,
    .app-about-market-tabs,
    .app-about-fast .item-inner .title,
    .app-product-download .data .title,
    .app-product-specifications table tr:first-child td,
    .app-product-features h4,
    .app-product-introduce table th,
    .app-product-overview__infos .list,
    .app-product-series .products .item .infos .title,
    .app-product-main__content .title,
    .app-product-recommend .item .infos .title,
    .app-product-row .item .title,
    .app-case-says__cell .inner .content .head .title,
    .app-contact-other .item-main .infos .title,
    .app-contact-agency .title,
    .app-contact-service .item .content .title,
    .app-school-innovation .app-serve-type-mudule .title,
    .app-program-hot .item .content .title,
    .app-program-hot .item .content,
    .app-program-solve .app-down-main .item .title,
    .app-partner-manage .item .title,
    .app-partner-type .item .title,
    .app-partner-process .item,
    .app-maintenance-client .item .title,
    .app-maintenance-stance .tips .title,
    .app-maintenance-stance .table th,
    .app-maintenance-stance .table tr.head td,
    .app-certification-practice .introduce .intor h4,
    .app-certification-study .item .content .title,
    .app-certification-advantage .item .title,
    .app-certification-cooperation .item .head .title,
    .app-medical-practice .item .single .title,
    .app-medical-scheme .item .title,
    .app-medical-value .item .title,
    .app-medical-intor .plate .name,
    .app-down-tabs .tab,
    .app-train-question .item .title,
    .app-train-value .item .title,
    .app-train-study .item-main .infos .title,
    .app-train-intor .items .item h3,
    .app-list-activity .title,
    .app-serve-hot .tabs .tab,
    .app-serve-type-mudule .intor .big,
    .app-shutter__home-items .item .text,
    .app-shutter__home-items .item-content .related,
    .app-shutter__home-items .item-content,
    .app-section__news-main__cell .title,
    .app-section__normal,
    .app-banner__home-enter .inner .items,
    .app-banner__home .swiper-slide .inner .app-container .text,
    body {
        font-size: 18px
    }

    .app-about-base__swiper .slide .list li,
    .app-about-layout__wrap .data .numbers .cell .big sup,
    .app-product-features p,
    .app-case-banner-play,
    .app-program-solve .menu-wrap li.active a,
    .app-maintenance-client .item .intor,
    .app-certification-position .item .head-step,
    .app-solution-area__contents .content .items .item p,
    .app-medical-intor .introduce .intor,
    .app-down-contents .content-videos .item-title h4,
    .app-down-contents .content-main .item .details-table .inner-table th,
    .app-down-contents .content-main .item .details .wrap-table td:first-child,
    .app-down-contents .content-main .item .head-title h4,
    .app-down-tabs .tab a,
    .app-down-tabs .tab h2,
    .app-down-sub .menu-wrap li a,
    .app-down-sub .menu-wrap li span,
    .app-train-system-head .item,
    .app-content-related .item,
    .app-content-main,
    .app-list-news .item-content h3,
    .app-serve-hot .contents .content .item .title,
    .app-submenu-menu li a,
    .app-submenu-menu li span,
    .app-submenu-menu li h2,
    .app-section__normal-content .numbers .cell .big sup,
    .app-banner__page-inner .inner-intor,
    .app-footer__main dl dt,
    .app-header__main-product .wrap>.content .tabs-content .menus .sidemenu li a,
    .app-header__main-product .wrap>.content .tabs-content .menus dl dd ul li.big a,
    .app-header__main-product .wrap>.content .tabs-content .menus dl dt,
    .app-header__main-product .wrap>.content .enter-title,
    .app-header__main-product .wrap .side .more a,
    .app-common-description {
        font-size: 16px
    }

    .app-common-description {
        margin-top: 25px
    }

    .app-common__arrow {
        width: 40px;
        height: 40px
    }

    .app-container {
        width: 1180px
    }

    .app-pagination-numbers li {
        width: 35px;
        height: 35px;
        margin: 0 4px
    }

    .pageBar a {
        width: 35px;
        height: 35px;
        margin: 0 4px
    }

    .pageBar .inp {
        width: 55px;
        height: 35px
    }

    .pageBar .submitBtn {
        height: 35px
    }

    .app-header {
        height: 75px
    }

    .app-header.search .app-header__inner,
    .app-header.active .app-header__inner,
    .app-header.page .app-header__inner,
    .app-header.drop .app-header__inner {
        height: 75px
    }

    .app-header__main-product .wrap>.content .search .input button {
        width: 40px
    }

    .app-header__main-product .wrap>.content .tabs-content .menus dl.related {
        padding: 2em 3em
    }

    .app-header__search {
        width: 160px
    }

    .app-header-dropdown {
        top: 75px
    }

    .app-banner {
        margin-top: -75px
    }

    .app-banner__home-enter {
        height: 100px
    }

    .app-banner__page {
        height: 500px
    }

    .app-banner__page.partner .page-swiper-button-next,
    .app-banner__page.partner .page-swiper-button-prev {
        left: 2vw
    }

    .app-banner__page.partner .page-swiper-button-next {
        right: 2vw
    }

    .serve .app-banner__page-inner {
        padding-top: 0;
        bottom: 160px
    }

    .products .app-banner__page-inner {
        bottom: 160px
    }

    .app-banner__page-inner .wrap .input {
        margin-top: 40px
    }

    .app-banner__page-inner .inner {
        padding-right: 35%
    }

    .app-banner__page-module {
        height: 160px
    }

    .app-banner__page-module .modules .item {
        width: 118px
    }

    .app-banner__page-module .modules .item>.text {
        font-size: 14px
    }

    .sticky {
        margin-bottom: -75px
    }

    .app-section__normal {
        padding-top: 0em
    }

    .app-section__normal-header {
        padding-top: 8.5em
    }

    .app-section__normal-header .title {
        top: 0
    }

    .app-section__normal-content .empty {
        min-height: 6.2em;
        min-height: 3em\0
    }

    .app-section__normal-content .empty.empty-2 {
        min-height: 6.5em;
        min-height: 3em\0
    }

    .app-section__normal-content .empty.empty-3 {
        min-height: 6em;
        min-height: 3em\0
    }

    .app-section__news-main__cell .inner {
        border-radius: 15px
    }

    .app-section__news-main__cell .inner .single .content .head {
        margin-bottom: 2.5em
    }

    .app-section__news-main__cell .inner .list {
        padding: 2em
    }

    .app-section__news-main__cell .inner .list .item+.item {
        margin-top: 0em
    }

    .app-section__news-main__cell .inner .list .item {
        padding-top: 1.5em
    }

    .app-section__contact .contact .inner .codes .code {
        margin-right: 25px
    }

    .app-section__contact .contact .inner .codes .code .image {
        width: 90px;
        height: 90px
    }

    .app-shutter__home-items .item-content .inner {
        padding: 65px 80px
    }

    .app-shutter__home-items .item-content .head .name {
        margin-right: 0%
    }

    .app-marquee__home .item .text {
        padding: 1.5em 1.75em
    }

    .app-marquee__case .item img {
        height: 20vw
    }

    .app-marquee__case .item .text {
        padding: 1.1em 1.15em
    }

    .app-submenu.active {
        top: 75px
    }

    .app-submenu {
        height: 60px
    }

    .app-submenu-menu li+li {
        margin-left: 55px
    }

    #submenu-sticky {
        padding-top: 75px
    }

    .app-serve-type {
        padding-top: 100px
    }

    .app-serve-type-mudule {
        border-radius: 20px;
        padding: 50px 15px 75px 15px
    }

    .app-serve-type-mudule .icon {
        width: 90px;
        height: 90px
    }

    .app-serve-type-mudule .intor .big {
        display: block
    }

    .app-serve-type-mudule .buttons {
        bottom: 25px
    }

    .app-serve-type-mudule .buttons a {
        width: 105px
    }

    .app-serve-added-mudule .pic {
        border-radius: 20px
    }

    .app-serve-added-mudule img {
        border-radius: 20px
    }

    .app-serve-added-mudule .inner {
        padding: 30px
    }

    .app-serve-hot {
        margin-top: 35px
    }

    .app-serve-hot .contents .content .item {
        padding: 30px 15px 30px 20px
    }

    .app-serve-hot .contents .content .item .title {
        padding-right: 40px
    }

    .app-serve-hot .contents .content .item .size {
        width: 70px
    }

    .app-serve-hot .contents .content .item .date {
        width: 90px
    }

    .app-list-mz:not(:first-child) {
        margin-top: 20px
    }

    .app-list-mz-image {
        width: 245px;
        height: 330px
    }

    .app-list-mz-infos {
        padding: 40px 80px 40px 50px;
        width: calc(100% - 245px)
    }

    .app-list-mz-infos .top-intor {
        margin-top: 20px
    }

    .app-list-activity .activiy-row {
        border-radius: 20px
    }

    .app-list-activity .activiy-col:last-child .content {
        padding: 70px;
        padding-bottom: 50px
    }

    .app-list-activity-items {
        margin: 0px -15px;
        margin-top: 10px
    }

    .app-list-activity-items .item-wrap {
        padding: 15px
    }

    .app-list-activity-items .item {
        border-radius: 20px
    }

    .app-list-activity-items .item .single {
        padding: 30px 35px;
        height: 225px
    }

    .app-list-activity-items .item .image {
        border-radius: 25px 25px 0 0
    }

    .app-list-news .item {
        padding: 30px 40px
    }

    .app-list-news .item-date {
        width: 100px
    }

    .app-list-news .item-content {
        padding-left: 40px
    }

    .app-train-intor .items {
        padding-left: 90px
    }

    .app-train-intor .items .item {
        padding: 30px 0
    }

    .app-train-system-head .item {
        height: 65px
    }

    .app-train-system-main table td {
        padding: 8px 4px;
        height: 60px
    }

    .app-train-process {
        margin-top: 30px;
        padding: 0 60px
    }

    .app-train-exam .item {
        border-radius: 20px;
        height: 460px
    }

    .app-train-exam .item-main {
        padding: 40px 30px
    }

    .app-train-exam .item-main .icon {
        width: 90px;
        height: 90px
    }

    .app-train-exam .item-main .title {
        margin-top: 35px
    }

    .app-train-exam .item-operate {
        height: 50px;
        border-radius: 0 0 25px 25px
    }

    .app-train-exam .item-operate .obtain a {
        height: 50px
    }

    .app-train-study .item {
        border-radius: 20px;
        height: 180px;
        padding: 50px 65px 25px 65px
    }

    .app-train-study .item-main .icon {
        width: 55px;
        height: 55px
    }

    .app-train-study .item-main .infos .more {
        margin-top: 15px
    }

    .app-train-value .item {
        height: 200px;
        padding: 0px 45px 0;
        border-radius: 20px
    }

    .app-train-value .item::after {
        width: 200px;
        height: 176px
    }

    .app-train-question .item {
        padding: 0 40px;
        border-radius: 20px
    }

    .app-down-sub .menu-wrap li.active a::after,
    .app-down-sub .menu-wrap li.active span::after {
        bottom: -5px
    }

    .app-down-main {
        border-radius: 20px
    }

    .app-down-icon {
        width: 70px
    }

    .app-down-tabs-wrap {
        height: 75px
    }

    .app-down-tabs .tab {
        height: 75px;
        margin-left: 30px
    }

    .app-down-contents {
        border-radius: 20px;
        padding: 10px 20px 60px
    }

    .app-down-contents .content-head {
        margin-top: 25px;
        padding: 20px 25px;
        border-left-width: 3px
    }

    .app-down-contents .content-main .item.active .head-title svg,
    .app-down-contents .content-main .item:hover .head-title svg {
        width: 25px;
        height: 25px
    }

    .app-down-contents .content-main .item .head {
        padding: 25px 0
    }

    .app-down-contents .content-main .item .head-title svg {
        width: 25px;
        height: 25px
    }

    .app-down-contents .content-main .item .details {
        padding: 25px 20px 60px;
        border-bottom-width: 4px
    }

    .app-down-contents .content-main .item .details .wrap-table td {
        padding: 20px 30px
    }

    .app-down-contents .content-main .item .details-table {
        margin-top: 35px
    }

    .app-down-contents .content-main .item .details-table .inner-table th {
        padding: 20px
    }

    .app-down-contents .content-main .item .details-table .inner-table td {
        padding: 20px
    }

    .app-down-contents .content-main .item .details-table .tips {
        margin-top: 15px;
        margin-bottom: 25px
    }

    .app-down-contents .content-videos .item {
        padding: 25px 0
    }

    .app-down-contents .content-videos .item-title svg {
        width: 30px;
        height: 25px
    }

    .app-medical-intor .plate .image img {
        border-radius: 20px
    }

    .app-medical-intor .plate .name {
        margin-top: 20px
    }

    .app-medical-intor .introduce {
        padding-right: 70px
    }

    .app-medical-intor .introduce .intor p {
        margin-top: 45px
    }

    .app-medical-intor .introduce .more {
        margin-top: 65px
    }

    .app-medical-value .item {
        border-radius: 20px
    }

    .app-medical-value .item::after {
        border-radius: 20px
    }

    .app-medical-scheme .item {
        height: 250px;
        padding: 10px 40px 0
    }

    .app-medical-practice .item .image {
        border-radius: 20px 20px 0 0
    }

    .app-medical-practice .item .image img {
        border-radius: 20px 20px 0 0
    }

    .app-medical-practice .item .single {
        height: 210px;
        padding: 30px 40px;
        border-radius: 0 0 20px 20px
    }

    .app-solution-intor .plate .image {
        margin: 0 -60px
    }

    .app-solution-area__contents {
        padding: 70px 0 40px 80px
    }

    .app-solution-area__contents .content .wrap {
        height: 450px
    }

    .app-solution-area__contents .content .items .item p {
        margin-top: 25px
    }

    .app-solution-related__swiper .swiper-slide {
        width: 360px
    }

    .app-certification-position {
        padding-left: 60px;
        padding-right: 60px
    }

    .app-certification-position .item-wrap {
        padding: 0 35px
    }

    .app-certification-position .item .main {
        padding: 22px;
        padding-top: 50px
    }

    .app-certification-cooperation .item .head {
        height: 120px
    }

    .app-certification-advantage .item {
        padding: 30px 20px 25px
    }

    .app-certification-advantage .item-wrap:nth-child(1) .item {
        padding: 30px 20px 25px
    }

    .app-certification-advantage .item-wrap:nth-child(3) .item {
        padding: 30px 20px 25px
    }

    .app-certification-advantage .item-wrap:nth-child(4) .item {
        padding: 30px 20px 25px
    }

    .app-certification-study .item {
        padding: 35px 40px
    }

    .app-certification-study .item .icon {
        width: 100px;
        height: 100px
    }

    .app-certification-study .item .content {
        padding-left: 40px;
        width: calc(100% - 100px)
    }

    .app-certification-study .item .content .intor {
        margin-top: 15px
    }

    .app-certification-practice .introduce {
        padding-left: 70px
    }

    .app-certification-practice .introduce .intor .item {
        margin-top: 45px
    }

    .app-certification-practice .introduce .more {
        margin-top: 55px
    }

    .app-maintenance-stance .table th {
        height: 75px
    }

    .app-maintenance-stance .table td {
        height: 55px
    }

    .app-maintenance-stance .tips {
        margin-top: 35px
    }

    .app-maintenance-client .item {
        padding: 30px 40px;
        min-height: 150px
    }

    .app-partner-process .item {
        width: 100px
    }

    .app-partner-process .item-icon {
        height: 100px;
        background-size: 38px auto
    }

    .app-partner-process .item-icon::before {
        width: 85px;
        height: 24px;
        left: -110px
    }

    .app-partner-type .item {
        padding: 35px 30px 80px;
        height: 380px
    }

    .app-partner-process .item-text {
        margin: 0 -40px;
        margin-top: 15px
    }

    .app-partner-type .item .join .post {
        width: auto
    }

    .app-partner-manage .item {
        height: 120px;
        padding-left: 30px
    }

    .app-partner-manage .item .icon {
        width: 50px;
        height: 50px
    }

    .app-partner-why .item .intor {
        padding: 15px 20px
    }

    .app-program-solve .app-down-main {
        padding: 40px 20px
    }

    .app-program-solve .app-down-main .item-wrap {
        max-height: calc(90vh - 75px)
    }

    .app-program-solve .app-down-main .item {
        padding: 30px 45px 27px
    }

    .app-school-training .introduce {
        padding-left: 70px
    }

    .app-school-teachers .item {
        height: 160px;
        padding-left: 40px
    }

    .app-school-teachers .item .icon {
        width: 75px
    }

    .app-school-innovation .app-serve-type-mudule {
        height: 100%;
        padding-bottom: 30px
    }

    .app-contact-service .item {
        padding: 40px 25px 40px 40px
    }

    .app-contact-service .item .icon {
        width: 90px;
        height: 90px;
        background-size: auto 50px
    }

    .app-contact-service .item .content {
        padding-left: 30px;
        width: calc(100% - 90px)
    }

    .app-contact-service .item .content .intor {
        margin-top: 15px
    }

    .app-contact-agency {
        padding: 35px 65px
    }

    .app-contact-agency .col:last-child {
        padding-left: 60px
    }

    .app-contact-agency .base+.base {
        margin-top: 40px
    }

    .app-contact-agency .office-wrap .select {
        height: 45px;
        width: 290px
    }

    .app-contact-agency .office-wrap .locations .location {
        width: 80%
    }

    .app-contact-social {
        padding-top: 240px
    }

    .app-contact-social .icons .icon svg {
        width: 45px
    }

    .app-contact-social .icons .icon-popup::before {
        left: 50px
    }

    .app-contact-social .icons .icon-popup::after {
        left: 51px
    }

    .app-contact-other .item {
        border-radius: 20px;
        height: 180px;
        padding: 50px 65px 25px 65px
    }

    .app-contact-other .item-main .icon {
        width: 70px;
        height: 70px
    }

    .app-case-says__cell .inner .content .head {
        margin-bottom: 2.5em
    }

    .app-case-says__cell .inner .content .icon {
        height: 60px
    }

    .app-product-row .item {
        padding: 15px
    }

    .app-product-recommend {
        padding: 0 15px;
        margin-top: -190px
    }

    .app-product-recommend .item {
        height: 280px
    }

    .app-product-sub .menu-wrap {
        padding: 30px 0 30px 20px
    }

    .app-product-main {
        padding-left: 40px
    }

    .app-product-introduce {
        padding: 1.2em 2.5em;
        min-height: 650px
    }

    .app-about-banner .inner .app-container {
        padding-top: 7%
    }

    .app-about-banner .inner .app-container .text {
        padding: 0 5%
    }

    .app-about-fast {
        margin-top: 4em
    }

    .app-about-fast .item {
        height: 100%;
        border-radius: 20px;
        padding: 1.5em 0
    }

    .app-about-fast .item .icon-03 {
        width: 17.5%
    }

    .app-about-market::after {
        width: 180px
    }

    .app-about-market__swiper .swiper .market-slide {
        padding: 4vw 40px 7.2vw 35px
    }

    .app-about-market__swiper .swiper .market-slide .head .title::before {
        left: -36px
    }

    .app-about-develop__swiper .content-swiper .swiper-slide {
        padding: 100px 80px
    }

    .app-about-develop__swiper .content-slide .main {
        width: 90%
    }

    .app-about-develop__swiper .content-slide .main-list {
        padding-top: 2.5em
    }

    .app-about-develop__swiper .year-swiper {
        width: 20%
    }

    .app-about-base__swiper {
        height: 520px
    }

    .app-about-super {
        padding: 30px 0
    }

    .app-tarzan-honor-main .list {
        min-height: none;
        height: auto;
        width: 75%
    }

    .app-tarzan-related .contents {
        margin-top: 50px
    }

    .app-tarzan-related .contents {
        margin-top: 50px
    }

    .app-customer {
        width: 50px
    }

    .app-customer-icons .icon-wrap {
        padding: .8em 8.5px
    }

    .app-customer-icons .icon {
        width: 28px;
        height: 28px
    }
    /*2023-06-30*/
}

@media screen and (max-width: 1366px) {

    .app-header__aside {
        padding-left: 2em
    }

    .app-header__aside a+a {
        margin-left: 2em
    }

    .app-header__register {
        padding-left: 2em
    }

    .app-header__register a {
        padding: 0 2em
    }

    .app-header.search .app-header__inner,
    .app-header.active .app-header__inner,
    .app-header.page .app-header__inner,
    .app-header.drop .app-header__inner {
        height: 65px
    }

    .app-header-dropdown {
        top: 65px
    }

    .app-banner {
        margin-top: -65px
    }

    .app-submenu.active {
        top: 65px
    }

    .app-submenu {
        height: 50px
    }

    #submenu-sticky {
        padding-top: 65px
    }

    .app-program-solve .app-down-main .item-wrap {
        max-height: calc(90vh - 65px)
    }

    .app-header {
        height: 65px
    }

    .app-banner__home .swiper-slide .inner .app-container .text .title {
        font-size: 4vw
    }

    .app-about-layout__wrap .data .numbers .cell .big,
    .app-about-market__swiper .swiper .market-slide .foot .big,
    .app-section__normal-content .numbers .cell .big {
        font-size: 2.6vw
    }

    .app-tarzan-related-main .infos-title,
    .app-tarzan-intro,
    .app-tarzan-banner .screen-1 small,
    .app-about-base__swiper .slide .title,
    .app-about-market__swiper .swiper .market-slide .head .title,
    .app-about-fast .item-inner .intor,
    .app-about-banner .inner .app-container .text .small-title,
    .app-contact-service .item .content .phone-number,
    .app-certification-practice .introduce .title,
    .app-certification-position .item .title,
    .app-medical-intor .introduce .title,
    .app-train-exam .item-main .title,
    .app-content-head h1,
    .app-list-mz-infos .top-title,
    .app-serve-added-mudule .inner h3,
    .app-serve-type-mudule .icon,
    .app-shutter__home-items .item-content .head .name,
    .app-section__news-head,
    .app-common-title h2 {
        font-size: 22px
    }

    .app-about-layout__wrap .map-wrap .postion .location,
    .app-school-teachers .item .content .number,
    .app-solution-area__control .tabs .tab,
    .app-content-head .ribbon .icons,
    .app-list-news .item-date .big,
    .app-marquee__home .item .text .title,
    .app-section__contact .contact .inner,
    .app-section__contact .contact .inner_ayu {
        font-size: 22px
    }

    .app-header__main-product .wrap .side {
        font-size: 14px
    }
    /*2023-06-30*/
    .app-header__search {
        width: 60px
    }
    .app-header__search .form {
        padding: 0 20px
    }

    .app-section__normal-content {
        width: 48%
    }

    .app-section__normal-content {
        width: 48%
    }

    .app-customer-icons .popup-inner .code-app .text,
    .app-about-market__swiper .swiper .market-slide .foot .big sup,
    .app-case-banner .swiper-slide .inner .app-container .text,
    .app-solution-area__contents .content .items .item h4,
    .app-serve-type-mudule .title,
    .app-marquee__case .item .text .title,
    .app-shutter__home-items .item .text .name {
        font-size: 18px
    }

    .app-customer-icons .popup-inner .item-infos .list .big,
    .app-customer-icons,
    .app-tarzan-related-main,
    .app-tarzan-related .tabs .tab,
    .app-tarzan-honor-main .list li,
    .app-tarzan-honor-main,
    .app-about-super .item .text,
    .app-about-develop__swiper .content-slide .main-list li,
    .app-about-market-tabs,
    .app-about-fast .item-inner .title,
    .app-product-download .data .title,
    .app-product-specifications table tr:first-child td,
    .app-product-features h4,
    .app-product-introduce table th,
    .app-product-overview__infos .list,
    /* .app-product-series .products .item .infos .title, 2024.4.22*/
    .app-product-main__content .title,
    .app-product-recommend .item .infos .title,
    .app-product-row .item .title,
    .app-case-says__cell .inner .content .head .title,
    .app-contact-other .item-main .infos .title,
    .app-contact-agency .title,
    .app-contact-service .item .content .title,
    .app-school-innovation .app-serve-type-mudule .title,
    .app-program-hot .item .content .title,
    .app-program-hot .item .content,
    .app-program-solve .app-down-main .item .title,
    .app-partner-manage .item .title,
    .app-partner-type .item .title,
    .app-partner-process .item,
    .app-maintenance-client .item .title,
    .app-maintenance-stance .tips .title,
    .app-maintenance-stance .table th,
    .app-maintenance-stance .table tr.head td,
    .app-certification-practice .introduce .intor h4,
    .app-certification-study .item .content .title,
    .app-certification-advantage .item .title,
    .app-certification-cooperation .item .head .title,
    .app-medical-practice .item .single .title,
    .app-medical-scheme .item .title,
    .app-medical-value .item .title,
    .app-medical-intor .plate .name,
    .app-down-tabs .tab,
    .app-train-question .item .title,
    .app-train-value .item .title,
    .app-train-study .item-main .infos .title,
    .app-train-intor .items .item h3,
    .app-list-activity .title,
    .app-serve-hot .tabs .tab,
    .app-serve-type-mudule .intor .big,
    .app-shutter__home-items .item .text,
    .app-shutter__home-items .item-content .related,
    .app-shutter__home-items .item-content,
    .app-section__news-main__cell .title,
    .app-section__normal,
    .app-banner__home-enter .inner .items,
    .app-banner__home .swiper-slide .inner .app-container .text,
    body {
        font-size: 16px
    }

    .app-about-base__swiper .slide .list li,
    .app-about-layout__wrap .data .numbers .cell .big sup,
    .app-product-features p,
    .app-case-banner-play,
    .app-program-solve .menu-wrap li.active a,
    .app-maintenance-client .item .intor,
    .app-certification-position .item .head-step,
    .app-solution-area__contents .content .items .item p,
    .app-medical-intor .introduce .intor,
    .app-down-contents .content-videos .item-title h4,
    .app-down-contents .content-main .item .details-table .inner-table th,
    .app-down-contents .content-main .item .details .wrap-table td:first-child,
    .app-down-contents .content-main .item .head-title h4,
    .app-down-tabs .tab a,
    .app-down-tabs .tab h2,
    .app-down-sub .menu-wrap li a,
    .app-down-sub .menu-wrap li span,
    .app-train-system-head .item,
    .app-content-related .item,
    .app-content-main,
    .app-list-news .item-content h3,
    .app-serve-hot .contents .content .item .title,
    .app-submenu-menu li a,
    .app-submenu-menu li span,
    .app-submenu-menu li h2,
    .app-section__normal-content .numbers .cell .big sup,
    .app-banner__page-inner .inner-intor,
    .app-footer__main dl dt,
    .app-header__main-product .wrap>.content .tabs-content .menus .sidemenu li a,
    .app-header__main-product .wrap>.content .tabs-content .menus dl dd ul li.big a,
    .app-header__main-product .wrap>.content .tabs-content .menus dl dt,
    .app-header__main-product .wrap>.content .enter-title,
    .app-header__main-product .wrap .side .more a,
    .app-common-description {
        font-size: 14px
    }

    .app-customer-icons .popup-inner .code-pic .text,
    .app-customer-icons .popup-inner .item-infos .list .small,
    .app-about-layout__wrap .data .numbers,
    .app-about-layout__wrap .data .title,
    .app-product-series .products .item .infos .ohter,
    .app-product-series .filter-pag.search .text,
    .app-product-series .filter-head .reset,
    .app-product-recommend .item .infos .intor,
    .app-product-row .item .intor,
    .app-case-says__cell .inner .content .head .time,
    .app-case-says__cell .inner,
    .app-contact-other .item-main .infos,
    .app-contact-agency .office-wrap .locations .location,
    .app-contact-agency .office-wrap .select select,
    .app-contact-agency .intor,
    .app-contact-service .item .content .phone-samll,
    .app-contact-service .item .content .intor,
    .app-school-innovation .app-serve-type-mudule .intor,
    .app-school-teachers .item .content .intor,
    .app-program-hot .item .content .more a,
    .app-program-hot .item .content .intor,
    .app-program-solve .app-down-main .more a,
    .app-program-solve .app-down-main .item .intor,
    .app-partner-type .item .join .more a,
    .app-partner-type .item .join .post,
    .app-partner-type .item .intor,
    .app-maintenance-stance .tips ul li,
    .app-maintenance-stance .table td,
    .app-certification-practice .introduce .intor,
    .app-certification-study .item .content .more a,
    .app-certification-study .item .content .more span,
    .app-certification-study .item .content .intor,
    .app-certification-process .item p,
    .app-certification-advantage .item .intor,
    .app-certification-cooperation .item .intor li,
    .app-certification-position .item .intor,
    .app-medical-scheme .item .intor,
    .app-medical-value .item .intor,
    .app-train-question .item .intor,
    .app-train-value .item .intor,
    .app-train-study .item-main .infos,
    .app-train-exam .item-main .intor,
    .app-train-system-main table .module,
    .app-train-intor .items .item p,
    .app-list-news .item-content .intor,
    .app-list-activity .more a,
    .app-list-activity .other,
    .app-list-activity-items .item .single,
    .app-list-mz-infos .top-intor,
    .app-serve-hot .contents .content .item .date,
    .app-serve-hot .contents .content .item .size,
    .app-serve-added-mudule .inner p,
    .app-serve-type-mudule,
    .app-section__contact .contact .inner .codes .code .text,
    .app-section__news-main__cell .inner .list,
    .app-section__news-main__cell .inner .single,
    .app-section__news-main__cell .intor,
    .app-section__news-main__cell .top,
    .app-section__normal-content .numbers,
    .app-banner__page-inner .inner-small,
    .app-banner__page-inner .wrap .keywords,
    .app-banner__page-inner .wrap .input input,
    .app-banner__home-enter .inner .items .item span.intro,
    .app-banner__home-enter .inner .items .item h3.intro,
    .app-footer,
    .app-header__search input,
    .app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .more a,
    .app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .intor,
    .app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner,
    .app-header__main-product .wrap>.content .tabs-content .menus dl dd,
    .app-header__main-product .wrap>.content .tabs-content .menus dl.related,
    .app-header__main-product .wrap>.content .enter-intor,
    .app-header__main-product .wrap>.content .search .input input,
    .ie .app-header__main,
    .pageBar,
    .app-pagination,
    .app-common-more {
        font-size: 13px
    }

    .app-common-description {
        margin-top: 20px
    }

    .app-container {
        width: 78%
    }

    .app-header__main nav .mian-menus {
        padding-right: 1.5em
    }

    .app-header__main nav .mian-menus>.item {
        margin-right: 2em
    }

    .app-header__main-product .wrap>.content .tabs-content .menus dl.related {
        padding: 1.5em 2em
    }

    .app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .image img {
        border-radius: 15px 15px 0 0
    }

    .app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content {
        border-radius: 0 0 15px 15px
    }

    .app-banner__page {
        height: 450px
    }

    .app-banner__page.products {
        height: 650px;
        max-height: calc(100vh - 74px)
    }

    .serve .app-banner__page-inner {
        bottom: 140px
    }

    .app-banner__page-inner .wrap .input {
        margin-top: 30px;
        height: 40px
    }

    .app-banner__page-inner .wrap .input button {
        width: 40px;
        height: 40px
    }

    .app-banner__page-module {
        height: 140px
    }

    .app-banner__page-module .modules .item {
        width: 98px
    }

    .app-banner__page-module .modules .item .icon {
        height: 48px
    }

    .sticky {
        margin-bottom: -65px
    }

    .app-section__news-main__cell .inner .single .content .head {
        margin-bottom: 2em
    }

    .app-section__contact {
        height: 300px
    }

    .app-section__contact .contact .inner .codes .code {
        margin-right: 20px
    }

    .app-section__contact .contact .inner .codes .code .image {
        width: 80px;
        height: 80px
    }

    .app-shutter__home-items .item-content .inner {
        padding: 45px 40px
    }

    .app-marquee__home .item .text {
        padding: 1.2em 1.25em
    }

    .app-marquee__case .item .text {
        padding: 1em 1.15em
    }

    .app-submenu-menu li+li {
        margin-left: 45px
    }

    .app-serve-type {
        padding-top: 90px
    }

    .app-serve-type-mudule {
        border-radius: 15px;
        padding: 60px 15px 75px 15px
    }

    .app-serve-type-mudule .icon {
        width: 80px;
        height: 80px
    }

    .app-serve-type-mudule .buttons a {
        width: 95px
    }

    .app-serve-added-mudule .pic {
        border-radius: 15px
    }

    .app-serve-added-mudule img {
        border-radius: 15px
    }

    .app-serve-added-mudule .inner {
        padding: 20px
    }

    .app-serve-hot {
        margin-top: 30px
    }

    .app-serve-hot .contents .content .item {
        padding: 25px 10px 25px 10px
    }

    .app-serve-hot .contents .content .item .title {
        padding-right: 35px
    }

    .app-serve-hot .contents .content .item .size {
        width: 60px
    }

    .app-serve-hot .contents .content .item .date {
        width: 80px
    }

    .app-train-intor .items {
        padding-left: 70px
    }

    .app-train-intor .items .item {
        padding: 25px 0
    }

    .app-train-system-head .item {
        height: 55px
    }

    .app-train-system-main table td {
        height: 50px
    }

    .app-train-process {
        margin-top: 25px;
        padding: 0 60px
    }

    .app-train-exam .item {
        border-radius: 15px;
        height: 340px
    }

    .app-train-exam .item-main {
        padding: 35px 25px
    }

    .app-train-exam .item-main .icon {
        width: 80px;
        height: 80px;
        background-size: 40px auto
    }

    .app-train-exam .item-main .title {
        margin-top: 30px
    }

    .app-train-exam .item-main .intor {
        margin-top: 15px
    }

    .app-train-exam .item-operate {
        height: 45px;
        border-radius: 0 0 20px 20px
    }

    .app-train-exam .item-operate .obtain a {
        height: 45px
    }

    .app-train-study .item {
        border-radius: 15px;
        height: 160px;
        padding: 40px 55px 20px 55px
    }

    .app-train-study .item-main .icon {
        width: 45px;
        height: 45px
    }

    .app-train-study .item-main .infos .intor {
        margin-top: 1px
    }

    .app-train-study .item-main .infos .more {
        margin-top: 10px
    }

    .app-train-value .item {
        height: 200px;
        padding: 0px 25px 0;
        border-radius: 15px
    }

    .app-train-value .item::after {
        width: 160px;
        height: 133px
    }

    .app-train-question .item {
        padding: 0 30px;
        border-radius: 15px
    }

    .app-down-sub .menu-wrap {
        border-radius: 15px;
        padding: 40px
    }

    .app-down-main {
        border-radius: 15px
    }

    .app-down-icon {
        width: 65px
    }

    .app-down-tabs-wrap {
        height: 65px
    }

    .app-down-tabs .tab {
        height: 65px;
        margin-left: 25px
    }

    .app-down-contents {
        border-radius: 15px;
        padding: 10px 20px 50px
    }

    .app-down-contents .content-head {
        margin-top: 20px;
        padding: 15px 20px;
        border-left-width: 2px
    }

    .app-down-contents .content-main {
        padding: 15px 10px 0
    }

    .app-down-contents .content-main .item .head {
        padding: 20px 0
    }

    .app-down-contents .content-main .item .details {
        padding: 20px 15px 50px;
        border-bottom-width: 3px
    }

    .app-down-contents .content-main .item .details .wrap-table td {
        padding: 15px 20px
    }

    .app-down-contents .content-main .item .details-table {
        margin-top: 30px
    }

    .app-down-contents .content-main .item .details-table .inner-table th {
        padding: 15px
    }

    .app-down-contents .content-main .item .details-table .inner-table td {
        padding: 15px
    }

    .app-down-contents .content-main .item .details-table .tips {
        margin-bottom: 20px
    }

    .app-down-contents .content-videos .item {
        padding: 20px 0
    }

    .app-medical-intor .plate .image img {
        border-radius: 15px
    }

    .app-medical-intor .plate .name {
        margin-top: 15px
    }

    .app-medical-intor .introduce {
        padding-right: 55px
    }

    .app-medical-intor .introduce .intor p {
        margin-top: 30px
    }

    .app-medical-intor .introduce .more {
        margin-top: 50px
    }

    .app-medical-value .item {
        border-radius: 15px
    }

    .app-medical-value .item::after {
        border-radius: 15px
    }

    .app-medical-scheme .item {
        height: 230px;
        padding: 10px 30px 0;
        border-radius: 15px
    }

    .app-medical-scheme .item::after {
        border-radius: 15px
    }

    .app-medical-practice .item .image {
        border-radius: 15px 15px 0 0;
        padding-bottom: 47.142857%
    }

    .app-medical-practice .item .image img {
        border-radius: 15px 15px 0 0
    }

    .app-medical-practice .item .single {
        height: 180px;
        padding: 20px 30px;
        border-radius: 0 0 15px 15px
    }

    .app-solution-intor .plate .image {
        margin: 0 -50px
    }

    .app-solution-area__contents {
        padding: 60px 0 30px 40px
    }

    .app-solution-area__contents .content .wrap {
        height: 420px
    }

    .app-solution-area__contents .content .items .item p {
        margin-top: 20px
    }

    .app-solution-related__swiper .swiper-slide {
        width: 320px
    }

    .app-certification-position {
        padding-left: 30px;
        padding-right: 30px
    }

    .app-certification-position .item-wrap {
        padding: 0 30px
    }

    .app-certification-position .item .main {
        padding: 15px;
        padding-top: 40px
    }

    .app-certification-position .item .head {
        width: 120px
    }

    .app-certification-cooperation .item .head {
        height: 110px;
        border-radius: 15px 15px 0 0
    }

    .app-certification-advantage .item {
        padding: 25px 15px 20px
    }

    .app-certification-advantage .item .icon {
        width: 50px;
        height: 57px
    }

    .app-certification-advantage .item .title {
        margin-top: 20px
    }

    .app-certification-advantage .item .intor {
        margin-top: 20px
    }

    .app-certification-study .item {
        border-radius: 15px;
        padding: 25px 30px
    }

    .app-certification-study .item .icon {
        width: 80px;
        height: 80px
    }

    .app-certification-study .item .content {
        padding-left: 30px;
        width: calc(100% - 80px)
    }

    .app-certification-study .item .content .intor {
        margin-top: 10px
    }

    .app-certification-study .item .content .more {
        margin-top: 10px
    }

    .app-certification-practice .plate {
        padding: 20px;
        border-radius: 15px
    }

    .app-certification-practice .introduce {
        padding-left: 55px
    }

    .app-certification-practice .introduce .intor .item {
        margin-top: 30px
    }

    .app-certification-practice .introduce .more {
        margin-top: 40px
    }

    .app-partner-process .item {
        width: 90px;
        margin: 0 3em
    }

    .app-partner-process .item-icon {
        height: 90px;
        background-size: 35px auto
    }

    .app-partner-process .item-icon::before {
        width: 60px;
        height: 17px;
        left: -70px
    }

    .app-partner-process .item-text {
        margin: 0 -40px
    }

    .app-program-solve .menu-wrap {
        border-radius: 15px 0 0 15px
    }

    .app-program-solve .menu-wrap li {
        padding: 8px 0
    }

    .app-program-solve .app-down-main {
        border-radius: 0 15px 15px 0;
        padding: 30px 15px
    }

    .app-contact-service .item {
        border-radius: 15px;
        padding: 30px 25px 30px 25px;
        border-bottom: 3px solid #0560f6
    }

    .app-contact-service .item .icon {
        width: 70px;
        height: 70px;
        background-size: auto 40px
    }

    .app-contact-service .item .content {
        padding-left: 30px;
        width: calc(100% - 70px)
    }

    .app-contact-service .item .content .intor {
        margin-top: 10px
    }

    .app-contact-other .item {
        border-radius: 15px;
        height: 160px;
        padding: 40px 55px 20px 55px
    }

    .app-contact-other .item-main .icon {
        width: 60px;
        height: 60px
    }

    .app-contact-other .item-main .infos .intor {
        margin-top: 1em
    }

    .app-product-row .item {
        border-radius: 15px
    }

    .app-product-recommend {
        margin-top: -160px
    }

    .app-product-sub .menu-wrap {
        border-radius: 15px 0 0 15px;
        padding: 20px 0 30px 20px
    }

    .app-product-main {
        padding-left: 30px
    }

    .app-product-introduce {
        padding: 1em 2em;
        min-height: 650px
    }

    .app-about-market::after {
        width: 140px
    }

    .app-about-develop__swiper .content-swiper .swiper-slide {
        padding: 80px 60px
    }

    .app-about-develop__swiper .content-slide .big {
        bottom: 10%
    }

    .app-about-base__swiper {
        height: 460px
    }

    .app-tarzan-related .contents {
        margin-top: 30px
    }

        /* 2024/4/22更新 */
    .app-product-series .products .item .infos .title {
            font-size: 14px;
    }



}

@media screen and (max-width: 1280px) {
    .app-header__logo {
        height: 28px
    }

    .app-header__search button svg {
        width: 24px;
        height: 24px
    }

    .app-banner__page.serve {
        height: 600px;
        max-height: calc(100vh - 74px)
    }

    .app-common-description p span {
        display: inline
    }

    .app-header__main-product .wrap {
        max-height: calc(100% - 60px) !important
    }

    .app-header__main-product .wrap .side .navinfo {
        padding: 20px
    }

    .app-header__main-product .wrap .side .navinfo-title {
        font-size: 14px
    }

    .app-header__search .form {
        width: 60px
    }

    .app-header__search button svg {
        width: 20px;
        height: 20px
    }

    .app-footer .app-container {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .app-footer__main {
        order: 1;
        border-top: 1px solid rgba(255, 255, 255, .1);
        padding-top: 60px;
        width: 100%;
    }

    .app-footer__aside {
        padding-left: 0;
        border-left: 0;
        padding-bottom: 60px;
        width: auto
    }

    .app-footer__aside .logo {
        display: flex;
        justify-content: center;
        margin-bottom: 30px
    }

    .app-footer__aside .contact {
        display: flex
    }

    .app-footer__aside .contact .item+.item {
        margin-left: 70px
    }

    .app-footer__aside .contact .item .content dl dd {
        white-space: normal
    }

    .app-banner__home .swiper-slide .inner {
        bottom: 0
    }

    .app-banner__home-enter {
        height: 120px
    }

    .app-banner__home-enter .inner .items {
        padding-bottom: 2em
    }

    .app-banner__home-pager {
        height: 30px
    }

    .app-banner__page.serve {
        height: 520px;
        max-height: calc(100vh - 68px)
    }

    .app-banner__page.products {
        height: 550px;
        max-height: calc(100vh - 68px)
    }

    .serve .app-banner__page-inner {
        bottom: 120px
    }

    .app-banner__page-module .modules .item {
        width: 30%;
        margin: 1em 0
    }

    .app-shutter__home-items .item-content .head .name {
        height: auto
    }

    .app-marquee__home .item:hover .text .title {
        transform: translateY(0)
    }

    .app-marquee__home .item:hover .text .intro {
        transform: translateY(0)
    }

    .app-case-banner .swiper-slide .inner {
        bottom: 0
    }

    .app-header__main-product .wrap>.content .search .input button {
        width: 35px
    }

    .app-banner__page.partner .page-swiper-button-next,
    .app-banner__page.partner .page-swiper-button-prev {
        left: 1vw
    }

    .app-banner__page.partner .page-swiper-button-next {
        right: 1vw
    }

    .app-banner__page-inner .inner {
        padding-right: 30%
    }

    .app-banner__page-inner .inner-intor {
        line-height: 1.6
    }

    .app-banner__page-inner .inner-intor span {
        display: inline
    }

    .app-banner__page-inner .inner-small {
        margin-top: 15px
    }

    .app-banner__page-module .modules .item {
        width: 50px
    }

    .app-banner__page-module .modules .item .icon {
        height: 40px
    }

    .app-banner__page-module .modules .item>.text {
        font-size: 12px
    }

    .app-list-mz-image {
        width: 200px;
        height: 270px
    }

    .app-list-mz-infos {
        padding: 30px 70px 30px 40px;
        width: calc(100% - 200px)
    }

    .app-list-mz-infos .top-intor {
        margin-top: 15px
    }

    .app-list-activity .activiy-col:last-child .content {
        padding: 50px;
        padding-bottom: 30px
    }

    .app-list-activity-items {
        margin: 0px -10px;
        margin-top: 5px
    }

    .app-list-activity-items .item-wrap {
        padding: 10px
    }

    .app-list-activity-items .item {
        border-radius: 15px
    }

    .app-list-activity-items .item .single {
        padding: 25px 25px;
        height: 210px
    }

    .app-list-activity-items .item .image {
        border-radius: 20px 20px 0 0
    }

    .app-list-activity .image {
        border-radius: 20px
    }

    .app-list-news .item {
        padding: 25px 35px
    }

    .app-list-news .item-date {
        width: 80px
    }

    .app-list-news .item-content {
        padding-left: 30px
    }

    .app-list-news .item-content .intor {
        margin-top: 10px
    }

    .app-list-news .item:hover {
        margin-top: 15px
    }

    .app-certification-cooperation .item .head::before {
        border-radius: 15px 15px 0 0
    }

    .app-maintenance-stance .table th {
        height: 65px
    }

    .app-maintenance-stance .table th:first-child {
        border-top-left-radius: 15px
    }

    .app-maintenance-stance .table th:last-child {
        border-top-right-radius: 15px
    }

    .app-maintenance-stance .table td {
        height: 50px
    }

    .app-maintenance-stance .tips {
        margin-top: 30px
    }

    .app-maintenance-stance .tips ul {
        margin-top: 15px;
        padding-left: 15px
    }

    .app-maintenance-client .item {
        padding: 25px 35px;
        min-height: 140px
    }

    .app-maintenance-client .item-wrap {
        margin-bottom: 20px
    }

    .app-partner-type .item {
        padding: 30px 20px 60px;
        border-radius: 15px;
        height: 360px
    }

    .app-partner-type .item::after {
        border-radius: 0 0 15px 15px
    }

    .app-partner-type .item .join {
        padding: 12px 0
    }

    .app-partner-manage .item {
        padding-left: 20px;
        border-radius: 15px;
        height: 100px
    }

    .app-partner-manage .item .icon {
        width: 40px;
        height: 40px
    }

    .app-partner-why .item .intor {
        padding: 15px 15px
    }

    .app-program-solve .app-down-main .item {
        padding: 25px 35px 22px
    }

    .app-program-hot .item {
        border-radius: 15px
    }

    .app-program-hot .item .image-box {
        border-radius: 15px
    }

    .app-school-training .introduce {
        padding-left: 55px
    }

    .app-school-teachers .item {
        padding-left: 30px
    }

    .app-school-teachers .item .icon {
        width: 60px
    }

    .app-contact-agency {
        padding: 25px 50px
    }

    .app-contact-agency .col:last-child {
        padding-left: 40px
    }

    .app-contact-agency .base+.base {
        margin-top: 30px
    }

    .app-contact-agency .office-wrap .select {
        height: 40px;
        width: 270px
    }

    .app-contact-agency .office-wrap .locations {
        padding-top: 1em
    }

    .app-contact-agency .office-wrap .locations .location {
        border-radius: 15px
    }

    .app-contact-social {
        padding-top: 220px
    }

    .app-contact-social .icons .icon svg {
        width: 40px
    }

    .app-contact-social .icons .icon-popup {
        left: -15px
    }

    .app-contact-social .icons .icon-popup::before {
        left: 40px
    }

    .app-contact-social .icons .icon-popup::after {
        left: 41px
    }

    .app-case-says__cell .inner .image::before {
        border-radius: 15px 15px 0 0
    }

    .app-case-says__cell .inner .image img {
        border-radius: 15px 15px 0 0
    }

    .app-case-says__cell .inner .content {
        border-radius: 0 0 15px 15px
    }

    .app-product-recommend .item {
        height: 240px
    }

    .app-about-base__swiper {
        height: 420px
    }
}



@media screen and (max-width: 1180px) {    
    .app-contact-service .item .content .more a+a {
        padding: 0 1em
    }
   
    .app-container {
        width: 85.5%
    }

    .app-header__main nav .mian-menus>.item {
        margin-right: 1.5em
    }

    .app-header-drawer {
        display: block
    }

    .app-banner__page.partner .page-swiper-button-next,
    .app-banner__page.partner .page-swiper-button-prev {
        display: none
    }

    .app-banner__page.partner .page-swiper-button-next {
        display: none
    }

    .app-section__news-main__cell .inner .single .image img {
        transform: scale(1)
    }

    .app-section__news-main__cell .inner .single:hover .content {
        background-color: #fff
    }

    .app-section__news-main__cell .inner .single:hover .content .tag,
    .app-section__news-main__cell .inner .single:hover .content .time,
    .app-section__news-main__cell .inner .single:hover .content .title,
    .app-section__news-main__cell .inner .single:hover .content .intor,
    .app-section__news-main__cell .inner .single:hover .content .app-text-more {
        color: #333
    }

    .app-marquee__home .item .text .more {
        margin-top: 1em;
        opacity: 1;
        transform: translateY(0)
    }

    .app-submenu-menu li:hover a::after,
    .app-submenu-menu li:hover span::after,
    .app-submenu-menu li:hover h2::after {
        display: none
    }

    .app-serve-added-mudule img:hover {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .app-serve-hot .contents .content .item:hover {
        border-top: 1px solid #e6e6e6;
        border-bottom: 3px solid rgba(0, 0, 0, 0);
        color: #333;
        position: relative;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none
    }

    .app-serve-hot .contents .content .item:hover+.item {
        border-top: 1px solid #e6e6e6
    }

    .app-list-activity .activiy-row:hover {
        background-color: #fff
    }

    .app-list-activity .activiy-row:hover img {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .app-list-activity .activiy-row:hover .title,
    .app-list-activity .activiy-row:hover .other,
    .app-list-activity .activiy-row:hover .more a,
    .app-list-activity .activiy-row:hover .tag {
        color: #333
    }

    .app-list-activity .activiy-row:hover .other svg {
        fill: #999
    }

    .app-list-activity .activiy-row:hover .tag {
        border-color: #999
    }

    .app-list-activity:hover .image img {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .app-list-activity-items .item:hover .single {
        background-color: #fff
    }

    .app-list-activity-items .item:hover img {
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .app-list-activity-items .item:hover .title,
    .app-list-activity-items .item:hover .other,
    .app-list-activity-items .item:hover .more a,
    .app-list-activity-items .item:hover .tag {
        color: #333
    }

    .app-list-activity-items .item:hover .other svg {
        fill: #999
    }

    .app-list-activity-items .item:hover .tag {
        border-color: #999
    }

    .app-list-news .item:hover {
        border-color: #eaeaea;
        border-radius: 0;
        background-color: #fff
    }

    .app-list-news .item:hover .item-content {
        border-color: #eaeaea
    }

    .app-list-news .item:hover .big,
    .app-list-news .item:hover .small,
    .app-list-news .item:hover h3,
    .app-list-news .item:hover .intor {
        color: #333
    }

    .app-train-question .item .title {
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

    .app-train-question .item .intor {
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

    .app-train-question .item:hover .intor {
        margin-top: 5px
    }

    .app-train-question .item:hover {
        margin-top: 0px
    }

    .app-down-contents .content-main .item .head:hover .icon svg {
        fill: #333
    }

    .app-down-contents .content-main .item .head:hover .title h4 {
        color: #333
    }

    .app-medical-scheme .item .title {
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

    .app-medical-scheme .item .intor {
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

    .app-medical-scheme .item .more {
        opacity: 1;
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

    .app-medical-scheme .item .more .app-common-more.white {
        border-color: #0560f6
    }

    .app-medical-scheme .item:hover::after {
        opacity: 0
    }

    .app-medical-scheme .item:hover .title,
    .app-medical-scheme .item:hover .intor {
        color: #333
    }

    .app-medical-practice .item:hover img {
        transform: scale(1)
    }

    .app-medical-practice .item:hover .single {
        background-color: #fff
    }

    .app-medical-practice .item:hover .single .title,
    .app-medical-practice .item:hover .single .other {
        color: #333
    }

    .app-partner-manage .item:hover {
        background-color: #fff
    }

    .app-partner-manage .item:hover .icon svg {
        fill: #0560f6
    }

    .app-partner-manage .item:hover .title {
        color: #333
    }

    .app-program-solve .app-down-main .item:hover {
        border-bottom: 3px solid rgba(0, 0, 0, 0);
        color: #333;
        box-shadow: none
    }

    .app-program-solve .app-down-main .item:hover .title {
        color: #333
    }

    .app-school-teachers .item:hover .content .intor {
        color: #666
    }

    .app-school-teachers .item:hover .content .number {
        color: #666
    }

    .app-case-says__cell .inner .content .icon {
        height: 3.5em
    }

    .app-case-says__cell .inner:hover .image::before {
        opacity: 0
    }

    .app-case-says__cell .inner:hover .image::after {
        opacity: 1
    }

    .app-case-says__cell .inner:hover .image .play {
        opacity: 0
    }

    .app-case-filter .app-section__news-main__cell .inner .single .image img {
        transform: scale(1)
    }

    .app-case-filter .app-section__news-main__cell:hover .inner .single .content {
        background-color: #fff
    }

    .app-case-filter .app-section__news-main__cell:hover .inner .single .content .tag,
    .app-case-filter .app-section__news-main__cell:hover .inner .single .content .time,
    .app-case-filter .app-section__news-main__cell:hover .inner .single .content .title,
    .app-case-filter .app-section__news-main__cell:hover .inner .single .content .intor,
    .app-case-filter .app-section__news-main__cell:hover .inner .single .content .more a {
        color: #333
    }

    .app-case-filter .app-section__news-main__cell:hover .inner .single .content .tag {
        color: #0560f6;
        border-color: #0560f6
    }

    .app-case-filter .app-section__news-main__cell:hover .inner .single .image::before {
        opacity: 0
    }

    .app-product-recommend .item .image img {
        transform: scale(1)
    }

    .app-product-series .products .item .image img {
        transform: scale(1)
    }

    .app-product-download .data:hover {
        border-bottom: 3px solid rgba(0, 0, 0, 0);
        color: #333;
        box-shadow: none
    }

    .app-product-download .data:hover .title {
        color: #333
    }

    .app-about-banner .inner .app-container {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center
    }

    .app-about-fast .item-wrap {
        padding: 0 1em
    }

    .app-about-market::after {
        width: 120px
    }

    .app-about-market__swiper {
        padding-left: 8.5%
    }

    .app-about-market__swiper .swiper .market-slide {
        padding: 4vw 30px 7.2vw 30px
    }

    .app-about-market__swiper .swiper .market-slide .head .title::before {
        left: -31px
    }

    .app-about-layout__wrap {
        flex-direction: column;
        align-items: center;
        margin-top: 3em
    }

    .app-about-layout__wrap .data {
        width: 100%
    }

    .app-about-layout__wrap .data .numbers {
        flex-direction: row
    }

    .app-about-layout__wrap .data .numbers .cell+.cell {
        margin-top: 0;
        margin-left: 2em
    }

    .app-about-layout__wrap .map {
        width: 100%;
        margin-top: 1em
    }

    .app-about-layout__wrap .map-wrap {
        display: flex
    }

    .app-about-super {
        padding: 25px 0
    }
}

@media screen and (max-width: 1024px) {
.navicard{display:none;}
    .app-tarzan-related-main .infos-title,
    .app-tarzan-intro,
    .app-tarzan-banner .screen-1 small,
    .app-about-base__swiper .slide .title,
    .app-about-market__swiper .swiper .market-slide .head .title,
    .app-about-fast .item-inner .intor,
    .app-about-banner .inner .app-container .text .small-title,
    .app-contact-service .item .content .phone-number,
    .app-certification-practice .introduce .title,
    .app-certification-position .item .title,
    .app-medical-intor .introduce .title,
    .app-train-exam .item-main .title,
    .app-content-head h1,
    .app-list-mz-infos .top-title,
    .app-serve-added-mudule .inner h3,
    .app-serve-type-mudule .icon,
    .app-shutter__home-items .item-content .head .name,
    .app-section__news-head,
    .app-common-title h2 {
        font-size: 18px
    }

    .app-about-layout__wrap .map-wrap .postion .location,
    .app-school-teachers .item .content .number,
    .app-solution-area__control .tabs .tab,
    .app-content-head .ribbon .icons,
    .app-list-news .item-date .big,
    .app-marquee__home .item .text .title,
    .app-section__contact .contact .inner,
    .app-section__contact .contact .inner_ayu {
        font-size: 20px
    }

    .app-fixed {
        background-size: 240% auto;
        background-position: 60% bottom
    }

    .app-pagination {
        justify-content: center
    }

    .app-pagination-numbers li {
        width: 30px;
        height: 30px;
        margin: 0 3px
    }

    .pageBar {
        justify-content: center
    }

    .pageBar a {
        width: 30px;
        height: 30px;
        margin: 0 3px
    }

    .pageBar .inp {
        width: 50px;
        height: 30px;
        margin: 0 5px
    }

    .pageBar .submitBtn {
        height: 30px
    }

    .app-footer__aside .contact .item+.item {
        margin-left: 50px
    }

    .app-banner__home .swiper-slide .inner .app-container .text {
        font-size: 14px
    }

    .app-banner__home .pager-content .app-container {
        display: flex;
        justify-content: center;
        width: 120px
    }

    .app-banner__home-pagination .swiper-pagination-bullet {
        width: 30px
    }

    .app-banner__page-module .modules {
        width: 240%
    }

    .app-banner__page-pagination {
        bottom: 20px !important
    }

    .app-banner__page-pagination .swiper-pagination-bullet {
        width: 30px
    }

    .app-section__normal {
        padding-bottom: 7em
    }

    .app-section__normal-content {
        margin-left: 4.5em
    }

    .app-section__image {
        height: 30vh
    }

    .app-section__news-main {
        margin: -10px
    }

    .app-section__news-main__cell {
        padding: 10px
    }

    .app-section__news-main__cell .inner .single .content .head {
        margin-bottom: 2em
    }

    .app-section__contact {
        height: 260px
    }

    .app-section__contact .contact .inner .codes {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .app-section__contact .contact .inner .codes .code {
        margin-right: 15px
    }

    .app-section__contact .contact .inner .codes .code .image {
        width: 70px;
        height: 70px
    }

    .app-section__contact .contact .inner .codes .code .text {
        margin-top: 10px
    }

    .app-marquee__home .swiper-container+.swiper-container {
        margin-top: 10px
    }

    .app-marquee__case .swiper-container+.swiper-container {
        margin-top: 10px
    }

    .app-submenu-menu {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%
    }

    .app-submenu-menu li:hover a::after,
    .app-submenu-menu li:hover span::after,
    .app-submenu-menu li:hover h2::after,
    .app-submenu-menu li.active a::after,
    .app-submenu-menu li.active span::after,
    .app-submenu-menu li.active h2::after {
        width: auto;
        left: 0;
        right: 0;
        transform: translateX(0)
    }

    .app-submenu-crumbs {
        display: none
    }

    .app-serve-type {
        flex-wrap: wrap;
        margin: 0
    }

    .app-serve-added-mudule .pic {
        padding-bottom: 71.428571%
    }

    .app-serve-added-mudule .inner {
        padding: 15px
    }

    .app-serve-added-mudule .inner:hover h3 {
        transform: translateY(0)
    }

    .app-serve-added-mudule .inner:hover p {
        transform: translateY(0)
    }

    .app-serve-added-mudule .inner p {
        margin-top: 10px
    }

    .app-serve-hot {
        margin-top: 25px
    }

    .app-serve-hot .contents .content .item {
        padding: 20px 10px 20px 10px
    }

    .app-serve-hot .contents .content .item .title {
        padding-right: 30px
    }

    .app-serve-hot .contents .content .item .size {
        width: 50px
    }

    .app-serve-hot .contents .content .item .date {
        width: 70px
    }

    .app-list-activity .activiy-col:last-child .content {
        padding: 30px;
        padding-bottom: 20px
    }

    .app-list-activity-items .item .single {
        padding: 25px 20px;
        height: auto
    }

    .app-list-activity-items .item .image {
        border-radius: 15px 15px 0 0
    }

    .app-list-news .item {
        padding: 20px 30px
    }

    .app-list-news .item-date {
        width: 70px
    }

    .app-list-news .item-content {
        padding-left: 20px
    }

    .app-certification-case .app-section__news-main {
        margin: 0 -6px
    }

    .app-certification-case .app-section__news-main__cell {
        padding: 0 6px
    }

    .app-program-solve .app-down-main .item {
        padding: 20px 20px 17px
    }

    .app-case-banner .swiper-slide .inner .app-container .text {
        font-size: 14px
    }

    .app-case-says__cell .inner .content .head {
        margin-bottom: 2em
    }

    [data-scroll-banner]:not(.is-scroll-end)>[data-scroll-sticky] {
        position: fixed
    }

    [data-scroll-banner].is-scroll-end {
        display: flex;
        align-items: flex-end
    }

    [data-scroll-banner].is-scroll-end>[data-scroll-sticky] {
        position: relative
    }
    .app-header {
        height: 60px
    }

    .tarzan .app-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0
    }

    .app-header.search .app-header__inner,
    .app-header.active .app-header__inner,
    .app-header.page .app-header__inner,
    .app-header.drop .app-header__inner {
        height: 60px
    }

    .app-header__inner {
        padding-left: 20px
    }

    .app-header__main nav {
        display: none
    }

    .app-header.search .app-header__search .form {
        width: calc(100vw - 120px - 160px - 20px)
    }

    .app-header__user,
    .app-header__hamburger {
        display: block
    }

    .app-header__aside {
        display: none
    }

    .app-header__register {
        display: none
    }


    .app-header-dropdown {
        top: 60px;
        transform: translateY(0)
    }

    .app-header-dropdown .app-header__obtain {
        padding: 1.2em
    }

    .app-header-dropdown .app-header__obtain .after,
    .app-header-dropdown .app-header__obtain .before {
        justify-content: flex-end
    }

    .app-header-dropdown .app-header__obtain .app-header__register,
    .app-header-dropdown .app-header__obtain .app-header__aside,
    .app-header-dropdown .app-header__obtain .app-header__after {
        display: flex
    }

    .app-header-dropdown .app-header__obtain .app-header__register a {
        padding: 1em
    }

    .app-banner {
        margin-top: -60px
    }

    .app-banner__page.serve {
        height: 500px;
        max-height: calc(100vh - 60px)
    }

    .app-submenu.active {
        top: 60px
    }

    .app-program-solve .app-down-main .item-wrap {
        max-height: 40vh
    }

    .app-common__arrow {
        display: none
    }

    .app-header__main-product .wrap>.content {
        max-height: none;
        overflow-y: visible;
        overflow-x: hidden
    }

    .app-header__main-product .wrap>.content .tabs-content .menus dl.related {
        display: none
    }

    .app-header__after {
        display: none
    }

    .app-header-drawer nav .mian-menus .item>a {
        pointer-events: none
    }
    .app-header-drawer nav .mian-menus .item.uop>a {
        pointer-events: auto
    }
/*
    .app-header-drawer nav .mian-menus .item:first-child>a {
        pointer-events: auto
    }
*/
    .app-header-drawer nav .app-header__main-product .wrap {
        height: 100%;
        padding: 0;
        overflow-y: visible
    }

    .app-header-drawer nav .app-header__main-product .wrap .side .inner .more {
        background-color: rgba(0, 0, 0, 0);
        margin-bottom: 0
    }

    .app-banner__page {
        height: 380px
    }

    .products .app-banner__page-inner {
        bottom: 120px
    }

    .app-banner__page-module .modules .item .icon {
        height: 36px
    }

    .app-banner__page-module .modules .item:hover {
        -ms-transform: translateY(0px);
        transform: translateY(0px)
    }

    .app-banner__page-module .modules .item:hover .icon svg {
        fill: #fff !important
    }

    .sticky {
        margin-bottom: 0
    }
    .app-section__normal-content .content.pc {
        display: none;
    }
    .app-section__normal-content .content.m {
        display: block
    }

    .app-section__news-main__cell .inner {
        box-shadow: 0 2px 24px rgba(0, 0, 0, .15)
    }

    .app-marquee__home .marquee-swiper-button-next,
    .app-marquee__home .marqueeTwo-swiper-button-next {
        display: none
    }

    .current .app-submenu-menu {
        justify-content: flex-start
    }

    #submenu-sticky {
        padding-top: 0
    }

    .app-serve-type-item {
        width: 50%;
        padding: 35px 12px
    }

    .app-serve-type-mudule {
        padding: 60px 10px 75px 10px
    }

    .app-serve-hot .contents .content .item svg {
        width: 30px;
        height: 25px;
        display: none
    }

    .app-list-mz-image {
        width: 175px;
        height: 235px
    }

    .app-list-mz-infos {
        padding: 20px 50px 20px 30px;
        width: calc(100% - 175px)
    }

    .app-list-activity .image {
        border-radius: 15px
    }

    .app-train-intor .items {
        padding-left: 50px
    }

    .app-train-intor .items .item {
        padding: 20px 0
    }

    .app-train-system-head .item {
        height: 50px
    }

    .app-train-process {
        display: flex;
        flex-direction: column;
        padding: 0 30px;
        margin-top: 20px
    }

    .app-train-exam .item {
        height: 360px
    }

    .app-train-exam .item-main {
        padding: 30px 20px
    }

    .app-train-exam .item-main .icon {
        width: 60px;
        height: 60px;
        background-size: 30px auto
    }

    .app-train-exam .item-main .title {
        margin-top: 25px
    }

    .app-train-exam .item-operate {
        height: 40px
    }

    .app-train-exam .item-operate .obtain a {
        height: 40px
    }

    .app-train-study {
        flex-wrap: wrap
    }

    .app-train-study .item-wrap {
        width: 50%;
        padding: 10px
    }

    .app-train-study .item {
        height: 140px;
        padding: 30px 45px 15px 45px
    }

    .app-train-study .item-main .icon {
        width: 40px;
        height: 40px
    }

    .app-train-value .item {
        height: auto;
        padding: 30px 25px
    }

    .app-train-value .item::after {
        width: 140px;
        height: 117px
    }

    .app-train-question .item {
        height: auto;
        padding: 25px
    }

    .app-down {
        flex-direction: column
    }

    .app-down.wrapper-content {
        padding-top: 0
    }

    .app-down-sub {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        background: #f5f5f5;
        border-bottom: 1px solid #cecece;
        margin-top: 15px;
        height: 60px
    }

    .app-down-sub .menu-wrap {
        min-height: auto;
        display: block;
        padding: 20px;
        padding-top: 0;
        border-radius: 0;
        white-space: nowrap;
        background: rgba(0, 0, 0, 0);
        width: auto
    }

    .app-down-sub .menu-wrap li a:hover,
    .app-down-sub .menu-wrap li span:hover {
        color: #333
    }

    .app-down-sub .menu-wrap li.active a,
    .app-down-sub .menu-wrap li.active span {
        color: #333
    }

    .app-down-sub .menu-wrap li.active a::after,
    .app-down-sub .menu-wrap li.active span::after {
        bottom: -3px;
        background-color: #999
    }

    .app-down-sub .menu-wrap li {
        display: inline-block;
        width: auto;
        margin-right: 15px;
        padding: 15px 0
    }

    .app-down-sub .menu-wrap li a,
    .app-down-sub .menu-wrap li span {
        color: #333
    }

    .app-down-main {
        width: 100%;
        margin-top: 15px;
        margin-left: 0
    }

    .app-down-icon {
        height: 50px
    }

    .app-down-icon svg {
        width: 25px
    }

    .app-down-tabs-wrap {
        height: 50px;
        overflow-x: auto;
        overflow-y: hidden
    }

    .app-down-tabs .tab {
        height: 50px;
        margin-left: 20px
    }

    .app-down-contents {
        padding: 10px 10px 40px
    }

    .app-down-contents .content-head {
        margin-top: 15px;
        padding: 10px 15px;
        border-left-width: 2px
    }

    .app-down-contents .content-main .item.active .head-title svg,
    .app-down-contents .content-main .item:hover .head-title svg {
        width: 20px;
        height: 20px
    }

    .app-down-contents .content-main .item .head {
        padding: 15px 0
    }

    .app-down-contents .content-main .item .head-title svg {
        width: 20px;
        height: 20px
    }

    .app-down-contents .content-main .item .details {
        padding: 20px 10px 40px;
        border-bottom-width: 2px
    }

    .app-down-contents .content-main .item .details .wrap-table td {
        padding: 10px 15px
    }

    .app-down-contents .content-main .item .details-ware .icon {
        width: 25px;
        height: 25px
    }

    .app-down-contents .content-main .item .details-table {
        margin-top: 25px
    }

    .app-down-contents .content-main .item .details-table .inner-table th {
        padding: 10px
    }

    .app-down-contents .content-main .item .details-table .inner-table td {
        padding: 10px
    }

    .app-down-contents .content-main .item .details-table .tips {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .app-down-contents .content-videos {
        padding-top: 10px
    }

    .app-down-contents .content-videos .item {
        padding: 18px 0
    }

    .app-down-contents .content-videos .item-title svg {
        width: 24px;
        height: 20px
    }

    .app-medical-intor .introduce {
        padding-right: 30px
    }

    .app-medical-intor .introduce .intor p {
        margin-top: 25px
    }

    .app-medical-intor .introduce .more {
        margin-top: 35px
    }

    .app-medical-value .item {
        height: 100%
    }

    .app-medical-scheme .item {
        height: 100%;
        padding: 20px
    }

    .app-medical-practice .item .single {
        height: 150px;
        padding: 10px 20px
    }

    .app-solution-area {
        flex-direction: column
    }

    .app-solution-area__control {
        width: 100%
    }

    .app-solution-area__control .tabs::before {
        left: 0
    }

    .app-solution-area__control .tabs {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0 -8.25%
        /*0203*/
        /* margin: 0 -3.75% */
    }

    .app-solution-area__control .tabs .tab::before {
        left: 0
    }

    .app-solution-area__control .tabs .tab {
        height: 80px;
        justify-content: center;
        padding-left: 0;
        /*0203*/
        /* width: 33.333333% */
        flex: 1;
    }

    .app-solution-area__contents {
        padding: 30px;
        width: 100%
    }

    .app-solution-area__contents .content .wrap {
        height: 40vw
    }

    .app-solution-area__contents .content .items .item p {
        margin-top: 15px
    }

    .app-solution-related__swiper-next,
    .app-solution-related__swiper-prev {
        display: none
    }

    .app-solution-related__swiper .swiper-slide {
        width: 310px
    }

    .app-certification-position {
        padding-left: 20px;
        padding-right: 20px
    }

    .app-certification-position .item-wrap {
        padding: 0 20px
    }

    .app-certification-cooperation .item .head {
        height: 100px
    }

    .app-certification-advantage {
        flex-wrap: wrap
    }

    .app-certification-advantage .item-wrap {
        width: 50%;
        padding: 10px
    }

    .app-certification-advantage .item-wrap:nth-child(1) {
        padding-top: 0
    }

    .app-certification-advantage .item-wrap:nth-child(2) {
        padding-top: 0
    }

    .app-certification-advantage .item-wrap:nth-child(3) {
        padding-bottom: 0
    }

    .app-certification-advantage .item-wrap:nth-child(4) {
        padding-bottom: 0
    }

    .app-certification-process {
        padding-bottom: 0
    }

    .app-certification-process .items {
        padding: 0;
        flex-wrap: wrap
    }

    .app-certification-process .item-wrap {
        margin: 30px 0;
        width: 48%
    }

    .app-certification-process .item-wrap {
        margin: 20px 0
    }

    .app-certification-process .item-wrap:nth-child(even) {
        margin: 30px 0
    }

    .app-certification-process .item-wrap:nth-child(even) {
        margin: 20px 0
    }

    .app-certification-process .item-wrap:last-child {
        margin-bottom: 0
    }

    .app-certification-process .item-wrap:nth-child(1),
    .app-certification-process .item-wrap:nth-child(2) {
        margin-top: 0
    }

    .app-certification-process .item::after {
        display: none
    }

    .app-certification-process .item .number {
        bottom: auto;
        top: -25px
    }

    .app-certification-process .item .number::after {
        display: none
    }

    .app-certification-process .item .number::before {
        display: none
    }

    .app-certification-study .item {
        padding: 20px 25px
    }

    .app-certification-study .item .icon {
        width: 60px;
        height: 60px
    }

    .app-certification-study .item .content {
        padding-left: 20px;
        width: calc(100% - 60px)
    }

    .app-certification-practice .introduce {
        padding-right: 30px
    }

    .app-certification-practice .introduce .intor .item {
        margin-top: 25px
    }

    .app-certification-practice .introduce .more {
        margin-top: 35px
    }

    .app-maintenance-stance .table th {
        height: 60px
    }

    .app-maintenance-stance .table td {
        height: 45px
    }

    .app-maintenance-stance .tips {
        margin-top: 25px
    }


    .app-maintenance-client .item {
        padding: 20px 30px
    }

    .app-maintenance-client .item .intor {
        margin-top: 15px
    }

    .app-partner-process .item-text {
        margin: 0 -35px;
        margin-top: 15px
    }

    .app-partner-type .item-wrap {
        width: 50%
    }

    .app-partner-type .item {
        padding: 25px 20px 50px;
        height: 330px
    }

    .app-partner-type .item .join {
        padding: 10px 0
    }

    .app-partner-manage .item-wrap {
        width: 33.333333%
    }

    .app-partner-why {
        flex-wrap: wrap;
        margin: -10px
    }

    .app-partner-why .item-wrap {
        width: 50%;
        padding: 10px
    }

    .app-program-swiper .app-section__news-main__cell .inner {
        box-shadow: none
    }

    .app-program-solve {
        flex-direction: column
    }

    .app-program-solve .menu-wrap {
        border-radius: 15px
    }

    .app-program-solve .app-down-main {
        border-radius: 15px
    }

    .app-program-hot .item .content .more {
        margin-top: 1em
    }

    .app-school-training .introduce {
        padding-left: 30px
    }

    .app-school-teachers .item-wrap {
        width: 50%
    }

    .app-contact-service .item {
        padding: 30px
    }

    .app-contact-service .item .icon {
        width: 60px;
        height: 60px;
        background-size: auto 35px
    }

    .app-contact-service .item .content {
        padding-left: 20px;
        width: calc(100% - 60px)
    }

    .app-contact-agency {
        padding: 25px 35px
    }

    .app-contact-agency .col:last-child {
        padding-left: 30px
    }

    .app-contact-agency .base+.base {
        margin-top: 25px
    }

    .app-contact-social .icons {
        flex-wrap: wrap;
        margin: -20px
    }




    .app-contact-social .icons .icon-wrap {
        padding: 20px
    }

    .app-contact-social .icons .icon {
        min-width: 70px;
        min-height: 70px
    }

    .app-contact-social .icons .icon svg {
        width: 35px
    }

    .app-contact-social .icons .icon-popup {
        bottom: 125%
    }

    .app-contact-social .icons .icon-popup::before {
        left: 30px
    }

    .app-contact-other {
        flex-wrap: wrap
    }

    .app-contact-other .item-wrap {
        width: 50%;
        padding: 10px
    }

    .app-contact-other .item {
        height: 140px;
        padding: 30px 45px 15px 45px
    }

    .app-contact-other .item-main .icon {
        width: 50px;
        height: 50px
    }

    .app-case-banner-tabs-wrap {
        display: none
    }

    .app-product-all .contents .content.show {
        flex-direction: column
    }

    .app-product-sub {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        border-bottom: 1px solid #cecece
    }

    .app-product-sub .menu-wrap {
        min-height: auto;
        display: block;
        padding: 20px;
        padding-top: 0;
        border-radius: 0;
        white-space: nowrap;
        background: rgba(0, 0, 0, 0);
        width: auto
    }


    .app-product-sub .menu-wrap li a,
    .app-product-sub .menu-wrap li span {
        padding: .5em 1em
    }


    .app-product-sub .menu-wrap li.active a,
    .app-product-sub .menu-wrap li.active span {
        height: auto;
        border-radius: 0
    }

    .app-product-sub .menu-wrap li {
        display: inline-block;
        width: auto;
        margin-right: 15px;
        padding: 15px 0
    }

    .app-product-sub .menu-wrap li a,
    .app-product-sub .menu-wrap li span {
        color: #333
    }

    .app-product-main {
        width: 100%;
        margin-top: 30px;
        padding-left: 0px
    }

    .app-product-main__content .carte-sort li {
        width: 50%
    }

    .app-product-series {
        flex-direction: column
    }

    .app-product-series .app-product-sub {
        border-bottom: none
    }

    .app-product-series .app-product-main {
        padding-left: 0
    }

    .app-product-series .filter-wrap {
        min-height: auto
    }

    .app-about-market {
        height: auto
    }

    .app-about-market__swiper {
        height: 45vh
    }

    .app-about-develop {
        height: auto;
        max-height: none
    }

    .app-about-develop__swiper .content-swiper .swiper-slide {
        padding: 60px 40px
    }

    .app-about-develop__swiper .year-swiper {
        position: absolute
    }

    .app-tarzan-page {
        height: 56.25vh;
        background-size: contain
    }


    .app-tarzan-related-main {
        padding: 3em 2em
    }
    /*2023-06-30*/
    .app-customer-icons .popup-close {
        display: block;
    }
}

@media screen and (max-width: 900px) {
    .app-contact-service .item .content .more a+a:last-child {
        margin-left: .5em
    }

    .app-contact-service .item .content .more a {
        margin-top: .5em;
        margin-left: .5em
    }

    .app-section__news-main {
        flex-wrap: wrap
    }

    .app-section__news-main__cell:nth-child(1),
    .app-section__news-main__cell:nth-child(2) {
        width: 50%
    }

    .app-section__news-main__cell:nth-child(3) {
        width: 100%
    }

    .app-shutter__home-wrapper .swiper {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }

    .app-shutter__home-items .item-inner {
        padding: 0 20px
    }
    .app-shutter__home-items.mobile{
        position: relative;
        z-index: 11;
        pointer-events: none;
    }
    .app-shutter__home-items.mobile .item-content .related,
    .app-shutter__home-items.mobile .item-content .more{
        pointer-events: all;
    }

    .app-shutter__home-items.mobile .item .text {
        opacity: 0 !important;
        visibility: hidden !important
    }

    .app-shutter__home-items.mobile .item-inner {
        padding: 0
    }

    .app-shutter__home-items.mobile .item-content .inner {
        width: calc(80vw - (33.3333333333vw - 80px))
    }

    .app-shutter__home-items.mobile .item-content .inner .image {
        height: 60px;
        padding-bottom: 0
    }

    .app-shutter__home-items.mobile .item-content .inner .image .inner img {
        height: 100%;
        width: auto
    }

    .app-shutter__home-items.mobile .item-content .head .name {
        margin-right: 0 !important
    }

    .app-shutter__home-items.mobile .item:not(.mobile-active) {
        width: 7.5% !important;
        background: #fff !important
    }

    .app-shutter__home-items.mobile .item:not(.mobile-active) .item-inner {
        transform: translateX(25%) !important
    }

    .app-shutter__home-items.mobile .item.mobile-active {
        width: 85% !important;
        background: #f5f5f5 !important
    }

    .app-shutter__home-items.mobile .item.mobile-active .item-content {
        opacity: 1;
        visibility: visible;
        width: auto
    }

    .app-shutter__home-items.mobile .item.mobile-active .item-inner {
        transform: translateX(0) !important
    }
}
@media screen and (max-width: 800px) {
    .app-banner__home .swiper-slide .bg.pc {
        display: none
    }

    .app-banner__home .swiper-slide .bg.m {
        display: block
    }

    .app-banner__page .bg.pc {
        display: none
    }

    .app-banner__page .bg.m {
        display: block
    }

    .app-section__contact {
        height: auto;
        background-size: 200% auto;
        background-position: left top;
        padding-top: 35%
    }

    .app-section__contact .contact {
        width: 100%;
        background: #0558f8
    }

    .app-section__contact .contact::after,
    .app-section__contact .contact::before {
        display: none
    }

    .app-section__contact .contact .inner,
    .app-section__contact .contact .inner_ayu {
        padding: 2em
    }

    .app-section__contact .contact .inner .more a,
    .app-section__contact .contact .inner_ayu .more a {
        height: 38px;
        padding: 0 1.5em
    }

    .app-case-banner .swiper-slide .bg.pc {
        display: none
    }

    .app-case-banner .swiper-slide .bg.m {
        display: block
    }

    .app-case-banner .swiper-video,
    .app-case-banner .swiper-video-bak {
        display: none
    }

    .global-video-main video {
        max-width: 95%;
        height: auto
    }

    .app-product-recommend {
        margin-top: -17vw
    }

    .app-product-introduce {
        padding: 1em 0;
        min-height: 450px
    }

    .app-product-introduce table th {
        padding: .5em .8em
    }

    .app-product-introduce table td {
        padding: .3em .5em
    }

    .app-product-specifications table tr:first-child td {
        padding: .5em .8em
    }

    .app-about-banner .bg.pc {
        display: none
    }

    .app-about-banner .bg.m {
        display: block
    }
}
@media screen and (max-width: 780px) {

    .app-customer-icons .popup-inner .code-app .text,
    .app-about-market__swiper .swiper .market-slide .foot .big sup,
    .app-case-banner .swiper-slide .inner .app-container .text,
    .app-solution-area__contents .content .items .item h4,
    .app-serve-type-mudule .title,
    .app-marquee__case .item .text .title,
    .app-shutter__home-items .item .text .name {
        font-size: 16px
    }

    .app-header__inner {
        font-size: 13px
    }

    .app-about-market__swiper .swiper .market-slide .head .intor,
    .app-about-banner .inner .app-container .text .intro,
    .app-product-specifications table td,
    .app-product-introduce table td,
    .app-product-overview__infos .list li::marker,
    .app-product-series .filter-pag .options li span,
    .app-product-series .filter-pag .options,
    .app-product-series .filter-pag,
    .app-product-series .filter-head .title,
    .app-product-main__content .carte,
    .app-product-sub .menu-wrap li a,
    .app-product-sub .menu-wrap li span,
    .app-case-filter__head,
    .app-case-banner-tabs .tab,
    .app-contact-social .icons .title,
    .app-medical-practice .item .single .other,
    .app-down-contents .content-main .item .details-table .tips,
    .app-down-contents .content-main .item .details-table .inner-table td,
    .app-down-contents .content-main .item .details-table .title,
    .app-down-contents .content-main .item .details-intor,
    .app-down-contents .content-main .item .details-ware .down,
    .app-down-contents .content-main .item .details-ware .name,
    .app-train-system-main table .module.grey,
    .app-content-head .ribbon .icons .date,
    .app-list-news .item-date .small,
    .app-submenu-crumbs,
    .app-marquee__case .item .text .intro,
    .app-marquee__home .item .text,
    .app-section-wrap-more,
    .app-section__contact .contact .inner .more a,
    .app-section__contact .contact .inner_ayu .more a,
    .app-section__news-more,
    .app-section__news-main__cell .inner .list .item .title,
    .app-banner__page-module .modules .item>.text,
    .app-footer__aside .contact .item .content dl dd,
    .app-header__main-product .wrap .side .classifys .classify ul li,
    .app-header__main-product .wrap .side .sorts .sort,
    .app-header__main,
    .app-text-more {
        font-size: 13px
    }

    .app-common-description {
        margin-top: 15px
    }

    .wrapper-content {
        padding: 35px 0
    }

    .wrapper-contentSmall {
        padding: 30px 0
    }

    .app-serve-type {
        padding-top: 80px
    }

    .app-serve-type-mudule .buttons a {
        margin-top: 15px
    }


    .app-about-layout__wrap .map-wrap .postion .location,
    .app-school-teachers .item .content .number,
    .app-content-head .ribbon .icons,
    .app-list-news .item-date .big,
    .app-marquee__home .item .text .title,
    .app-section__contact .contact .inner,
    .app-section__contact .contact .inner_ayu {
        font-size: 17px
    }
   /*0203*/
    .app-solution-area__control .tabs .tab{
        font-size: 14px
    }



}
@media screen and (max-width: 768px) {
.app-case-banner .swiper-slide .inner .app-container .text .title {
    white-space: pre-wrap;
}
    .app-partner-process .item-icon::before {
        display: none
    }

    .app-marquee__case .item .text {
        padding: 1em;
        justify-content: flex-end
    }

    .app-marquee__home .item .text {
        padding: 1em
    }

    .app-section__normal {
        margin-top: 0;
        padding-bottom: 4.5em
    }

    .app-section__normal .app-container {
        display: block
    }

    .app-section__normal-header .title {
        position: static;
        text-align: left
    }

    .app-section__normal-header {
        justify-content: flex-start
    }

    .app-section__normal-content .empty {
        display: none
    }

    .app-section__normal-content {
        margin-left: 0;
        margin-top: 2.5em;
        width: 100%
    }

    .app-footer>.app-container {
        padding: 40px 0 0
    }

    .app-footer__main {
        padding-top: 0;
        display: block;
        width: 100%
    }

    .app-footer__main dl dt {
        margin-bottom: 0;
        padding: 1em 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer
    }

    .app-footer__main dl dt::after {
        content: "+"
    }

    .app-footer__main dl dd {
        margin-bottom: 1em;
        display: none
    }

    .app-footer__main dl.active dt::after {
        content: "-"
    }

    .app-footer__main dl.active dd {
        display: block
    }

    .app-footer__aside {
        padding-bottom: 40px
    }

    .app-footer__aside .logo {
        margin-bottom: 10px
    }

    .app-banner__home .swiper-slide .inner {
        bottom: 0
    }

    .app-banner__home .swiper-slide .inner .app-container .text {
        width: 65%
    }

    .app-banner__home-enter {
        height: 100px
    }

    .app-banner__home-pager {
        height: 24px
    }

    .app-banner__page.serve {
        height: 90vw
    }

    .app-banner__page.products {
        height: 90vw;
        max-height: none
    }

    .app-banner__page .bg {
        background-position: center center
    }

    .serve .app-banner__page-inner {
        bottom: 100px;
        padding-top: 20px
    }

    .products .app-banner__page-inner {
        bottom: 100px
    }

    .app-banner__page-inner .wrap {
        width: 80%
    }

    .app-banner__page-inner .wrap .keywords {
        padding: 10px
    }

    .app-case-banner .swiper-slide .inner {
        bottom: 0
    }

    .app-case-banner .swiper-slide .inner .app-container .text {
        width: 65%
    }

    .wrapper-pattern-13 {
        background-size: 150%;
        background-position: right bottom
    }

    .app-about-develop__swiper .content-slide .big {
        font-size: 72px
    }

    .app-customer-icons .popup-inner .code-pic .text,
    .app-customer-icons .popup-inner .item-infos .list .small,
    .app-about-layout__wrap .data .numbers,
    .app-about-layout__wrap .data .title,
    .app-product-series .products .item .infos .ohter,
    .app-product-series .filter-pag.search .text,
    .app-product-series .filter-head .reset,
    .app-product-recommend .item .infos .intor,
    .app-product-row .item .intor,
    .app-case-says__cell .inner .content .head .time,
    .app-case-says__cell .inner,
    .app-contact-other .item-main .infos,
    .app-contact-agency .office-wrap .locations .location,
    .app-contact-agency .office-wrap .select select,
    .app-contact-agency .intor,
    .app-contact-service .item .content .phone-samll,
    .app-contact-service .item .content .intor,
    .app-school-innovation .app-serve-type-mudule .intor,
    .app-school-teachers .item .content .intor,
    .app-program-hot .item .content .more a,
    .app-program-hot .item .content .intor,
    .app-program-solve .app-down-main .more a,
    .app-program-solve .app-down-main .item .intor,
    .app-partner-type .item .join .more a,
    .app-partner-type .item .join .post,
    .app-partner-type .item .intor,
    .app-maintenance-stance .tips ul li,
    .app-maintenance-stance .table td,
    .app-certification-practice .introduce .intor,
    .app-certification-study .item .content .more a,
    .app-certification-study .item .content .more span,
    .app-certification-study .item .content .intor,
    .app-certification-process .item p,
    .app-certification-advantage .item .intor,
    .app-certification-cooperation .item .intor li,
    .app-certification-position .item .intor,
    .app-medical-scheme .item .intor,
    .app-medical-value .item .intor,
    .app-train-question .item .intor,
    .app-train-value .item .intor,
    .app-train-study .item-main .infos,
    .app-train-exam .item-main .intor,
    .app-train-system-main table .module,
    .app-train-intor .items .item p,
    .app-list-news .item-content .intor,
    .app-list-activity .more a,
    .app-list-activity .other,
    .app-list-activity-items .item .single,
    .app-list-mz-infos .top-intor,
    .app-serve-hot .contents .content .item .date,
    .app-serve-hot .contents .content .item .size,
    .app-serve-added-mudule .inner p,
    .app-serve-type-mudule,
    .app-section__contact .contact .inner .codes .code .text,
    .app-section__news-main__cell .inner .list,
    .app-section__news-main__cell .inner .single,
    .app-section__news-main__cell .intor,
    .app-section__news-main__cell .top,
    .app-section__normal-content .numbers,
    .app-banner__page-inner .inner-small,
    .app-banner__page-inner .wrap .keywords,
    .app-banner__page-inner .wrap .input input,
    .app-banner__home-enter .inner .items .item span.intro,
    .app-banner__home-enter .inner .items .item h3.intro,
    .app-footer,
    .app-header__search input,
    .app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .more a,
    .app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .content .intor,
    .app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner,
    .app-header__main-product .wrap>.content .tabs-content .menus dl dd,
    .app-header__main-product .wrap>.content .tabs-content .menus dl.related,
    .app-header__main-product .wrap>.content .enter-intor,
    .app-header__main-product .wrap>.content .search .input input,
    .ie .app-header__main,
    .pageBar,
    .app-pagination,
    .app-common-more {
        font-size: 12px
    }

    .app-customer-icons .popup-inner .item-infos .list .big,
    .app-customer-icons,
    .app-tarzan-related-main,
    .app-tarzan-related .tabs .tab,
    .app-tarzan-honor-main .list li,
    .app-tarzan-honor-main,
    .app-about-super .item .text,
    .app-about-develop__swiper .content-slide .main-list li,
    .app-about-market-tabs,
    .app-about-fast .item-inner .title,
    .app-product-download .data .title,
    .app-product-specifications table tr:first-child td,
    .app-product-features h4,
    .app-product-introduce table th,
    .app-product-overview__infos .list,
    .app-product-series .products .item .infos .title,
    .app-product-main__content .title,
    .app-product-recommend .item .infos .title,
    .app-product-row .item .title,
    .app-case-says__cell .inner .content .head .title,
    .app-contact-other .item-main .infos .title,
    .app-contact-agency .title,
    .app-contact-service .item .content .title,
    .app-school-innovation .app-serve-type-mudule .title,
    .app-program-hot .item .content .title,
    .app-program-hot .item .content,
    .app-program-solve .app-down-main .item .title,
    .app-partner-manage .item .title,
    .app-partner-type .item .title,
    .app-partner-process .item,
    .app-maintenance-client .item .title,
    .app-maintenance-stance .tips .title,
    .app-maintenance-stance .table th,
    .app-maintenance-stance .table tr.head td,
    .app-certification-practice .introduce .intor h4,
    .app-certification-study .item .content .title,
    .app-certification-advantage .item .title,
    .app-certification-cooperation .item .head .title,
    .app-medical-practice .item .single .title,
    .app-medical-scheme .item .title,
    .app-medical-value .item .title,
    .app-medical-intor .plate .name,
    .app-down-tabs .tab,
    .app-train-question .item .title,
    .app-train-value .item .title,
    .app-train-study .item-main .infos .title,
    .app-train-intor .items .item h3,
    .app-list-activity .title,
    .app-serve-hot .tabs .tab,
    .app-serve-type-mudule .intor .big,
    .app-shutter__home-items .item .text,
    .app-shutter__home-items .item-content .related,
    .app-shutter__home-items .item-content,
    .app-section__news-main__cell .title,
    .app-section__normal,
    .app-banner__home-enter .inner .items,
    .app-banner__home .swiper-slide .inner .app-container .text,
    body {
        font-size: 14px
    }

    .app-about-develop__swiper .year-swiper .swiper-slide,
    .app-about-develop__swiper .content-slide .main-title,
    .app-about-banner .inner .app-container .text .title,
    .app-case-banner .swiper-slide .inner .app-container .text .title,
    .app-section__normal-content .empty,
    .app-section__normal-header .title,
    .app-common-title.big h2 {
        font-size: 30px
    }

    .app-tarzan-related .contents {
        margin-top: 30px
    }

    .app-tarzan-title {
        font-size: 24px
    }

    .app-about-layout__wrap .data .numbers .cell .big,
    .app-about-market__swiper .swiper .market-slide .foot .big,
    .app-section__normal-content .numbers .cell .big {
        font-size: 30px
    }

    [data-appear-animation=slide-up].delay {
        transition-delay: 0
    }

    .hidden-xs {
        display: none
    }

    .visible-xs {
        display: block
    }

    .app-banner__home {
        height: 75vh
    }

    .app-banner__home-enter .inner .items {
        margin: -0.8em;
        flex-wrap: wrap;
        padding-bottom: 0
    }

    .app-banner__home-enter .inner .items .item {
        padding: 1em;
        margin: 0;
        flex: 0 0 auto;
        width: 50%
    }

    .app-banner__home-enter .inner .items .item span,
    .app-banner__home-enter .inner .items .item h3 {
        font-size: 16px
    }

    .app-banner__home-enter .inner .items .item span.intro,
    .app-banner__home-enter .inner .items .item h3.intro {
        display: none
    }

    .app-banner__page-inner .inner-small {
        margin-top: 5px
    }

    .app-banner__page-module {
        height: 120px;
        padding: 1em 0
    }

    .app-submenu-menu li+li {
        margin-left: 30px
    }

    .app-serve-type-mudule .title {
        font-size: 20px
    }

    .app-serve-type-mudule .intor {
        font-size: 16px
    }

    .app-serve-hot .contents .content .item {
        padding: 20px 0px 20px 10px;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .app-serve-hot .contents .content .item .title {
        width: 100%;
        padding-right: 0;
        margin-bottom: 1em
    }

    .app-down-contents .content-videos .item {
        padding: 15px 0
    }

    .app-medical-practice .item .single {
        padding: 25px 15px;
        height: 120px
    }

    .app-solution-area__control .tabs .tab {
        height: 60px
    }

    .app-solution-area__contents {
        padding: 30px
    }

    .app-solution-area__contents .content .wrap {
        height: 70vw
    }

    .app-partner-manage .item-wrap {
        padding: 10px;
        width: 50%
    }

    .app-program-solve .app-down-main {
        padding: 20px 10px
    }

    .app-program-solve .app-down-main .item {
        padding: 20px 15px 17px
    }

    .app-program-hot .item .content .intor {
        display: none
    }

    .app-case-banner {
        height: 66.666667vh
    }

    .app-product-series .products .item-wrap {
        width: 50%
    }

    .app-product-specifications {
        overflow-x: auto
    }

    .app-about-market::after {
        width: 80px
    }

    .app-about-market__swiper .swiper .market-slide {
        padding: 4vw 20px 7.2vw 25px
    }

    .app-about-market__swiper .swiper .market-slide .head .title::before {
        left: -26px
    }

    .app-about-develop__swiper {
        flex-direction: column
    }

    .app-about-develop__swiper .content-swiper {
        order: 2
    }

    .app-about-develop__swiper .content-swiper .swiper-slide {
        padding: 2em 1.5em
    }

    .app-about-develop__swiper .content-slide .big {
        bottom: 30%
    }

    .app-about-develop__swiper .content-slide .main {
        width: 100%
    }

    .app-about-develop__swiper .content-slide .main-list {
        padding-top: 1.5em
    }

    .app-about-develop__swiper .year-swiper {
        position: static;
        order: 1;
        width: 100%;
        height: auto;
        margin-top: 1.5em;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .app-about-super {
        padding: 20px 0
    }

    .app-about-super .item .icon {
        width: 25px;
        height: 25px
    }

    [data-scroll-banner]>[data-scroll-sticky] [data-section] .background .pc-back {
        display: none
    }

    [data-scroll-banner]>[data-scroll-sticky] [data-section] .background .m-back {
        display: block
    }

    .app-tarzan-banner {
        background-color: #0f0f0f
    }

    .app-tarzan-banner .screen-1 .title {
        font-size: 10.4vw;
        padding: 0 2em;
        text-align: center;
        order: 2
    }

    .app-tarzan-banner .screen-1 small {
        font-size: 5vw;
        text-align: center
    }

    .app-tarzan-banner-text {
        font-size: 10.25vw
    }

    .app-tarzan-banner-text span {
        font-size: 10.25vw
    }

    .app-tarzan-page {
        height: 110vh
    }

    .app-tarzan-page[data-play-video] {
        height: auto;
        display: flex;
        flex-direction: column
    }

    .app-tarzan-page[data-play-video] .postion {
        order: -1;
        position: static;
        padding: 5vw
    }

    .app-tarzan-page[data-play-video] .video-wrap {
        height: 50vh;
        position: static
    }

    .app-tarzan-page .pc-back {
        display: none
    }

    .app-tarzan-page .m-back {
        display: block
    }

    .app-tarzan-page .postion .app-container.left {
        align-items: flex-start;
        padding-top: 8vw
    }

    .app-tarzan-page .postion .app-container.right {
        align-items: flex-start;
        padding-top: 8vw
    }

    .app-tarzan-page .postion .app-container.center .app-tarzan-infos {
        width: 70%
    }

    .app-tarzan-page.extension .m-back {
        background-position: center bottom
    }

    .app-tarzan-page.honor {
        min-height: 80vh
    }

    .app-tarzan-infos {
        width: 100%
    }

    .merge .app-tarzan-infos {
        width: 100%
    }

    .app-tarzan-title {
        text-align: center;
        font-size: 6vw
    }

    .app-tarzan-intro {
        text-align: center;
        font-size: 3.8vw;
        color: #ccc
    }

    .app-tarzan-related-head {
        overflow-x: scroll;
        padding-bottom: 2em;
        overflow-y: hidden
    }

    .app-tarzan-related-head::-webkit-scrollbar {
        width: 50px;
        height: 3px
    }

    .app-tarzan-related-head::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 3px
    }

    .app-tarzan-related-head::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0)
    }

    .app-tarzan-related-head::-webkit-scrollbar-track-piece:horizontal:decrement,
    .app-tarzan-related-head::-webkit-scrollbar-track-piece:horizontal:increment {
        background-color: rgba(166, 166, 166, .2)
    }

    .app-tarzan-related .tabs {
        justify-content: flex-start
    }

    .app-tarzan-related .tabs .tab {
        margin: 0 1.5em
    }

    .app-banner__home .swiper-slide .inner .app-container .text .title {
        font-size: 36px
    }
}

@media screen and (max-width: 750px) {
    .app-certification-position .item-wrap {
        padding: 15px 0px;
        width: 100%
    }

    .app-certification-position {
        display: flex;
        flex-direction: column;
        padding: 0 40px
    }

    .app-train-system-head {
        width: 150%
    }
    
    .app-train-system {
        overflow-x: auto;
        overflow-y: hidden
    }
    
    .app-certification-position .item-wrap:last-child {
        padding-bottom: 0
    }
    
    .app-certification-cooperation {
        flex-direction: column
    }
    
    .app-certification-cooperation .item-wrap {
        width: 100%;
        padding: 15px 0
    }
    
    .app-certification-cooperation .item .head {
        height: 80px
    }
    
    .app-maintenance-stance .table th {
        height: 55px
    }
    
    .app-maintenance-stance .table td {
        height: auto;
        min-height: 40px
    }
    
    .app-partner-why {
        flex-direction: row
    }
    
    .app-partner-why .item-wrap {
        width: 50%;
        flex-direction: row
    }
    
    .app-about-layout__wrap .map-wrap .image {
        display: none
    }
    
    .app-about-layout__wrap .map-wrap .image-m {
        display: block
    }
}
@media screen and (max-width: 650px) {

    .app-footer__aside {
        width: 100%
    }

    .app-footer__aside .logo svg {
        width: 200px
    }

    .app-footer__aside .contact {
        flex-direction: column;
        width: 100%;
        align-items: flex-start
    }

    .app-footer__aside .contact .item+.item {
        margin-left: 0;
        margin-top: 20px
    }

    .app-shutter__home-items.mobile .item-inner {
        width: 100px;
        height: 100%;
        display: flex;
        align-items: flex-end
    }

    .app-shutter__home-items.mobile .item {
        height: 40vh
    }

    .app-shutter__home-items.mobile .item .text {
        opacity: 0 !important;
        visibility: hidden !important;
        display: none
    }

    .app-shutter__home-items.mobile .item-inner {
        padding: 0
    }

    .app-shutter__home-items.mobile .item-content {
        padding-top: 1em;
        padding-bottom: 1em
    }

    .app-shutter__home-items.mobile .item-content .inner {
        width: 100%;
        padding-top: 0
    }

    .app-shutter__home-items.mobile .item-content .inner .image {
        height: 60px;
        padding-bottom: 0
    }

    .app-shutter__home-items.mobile .item-content .head .name {
        margin-right: 0 !important
    }

    .app-shutter__home-items.mobile .item:not(.mobile-active) {
        background: #fff !important
    }

    .app-shutter__home-items.mobile .item:not(.mobile-active) .item-inner {
        transform: translateX(25%) !important
    }

    .app-shutter__home-items.mobile .item.mobile-active {
        background: #f5f5f5 !important;
        position: relative
    }

    .app-shutter__home-items.mobile .item.mobile-active .item-content {
        opacity: 1;
        visibility: visible;
        width: auto;
        width: 100%
    }

    .app-shutter__home-items.mobile .item.mobile-active .item-inner {
        transform: translateX(0) !important;
        position: absolute;
        bottom: 0;
        right: 0
    }

    .app-common-more {
        height: 35px
    }

    .app-pagination-page {
        display: none
    }

    .app-pagination-jump {
        display: none
    }

    .app-header__main-product .wrap>.content .tabs-content .menus .tidings-wrap .inner .image {
        padding-bottom: 57.142857%
    }

    .app-banner__page {
        height: 75vw
    }

    .app-banner__page-inner .wrap .input {
        margin-top: 20px;
        height: 35px
    }

    .app-banner__page-inner .wrap .input button {
        width: 35px;
        height: 35px
    }

    .app-banner__page-inner .wrap .input button svg {
        width: .8em;
        height: .8em
    }

    .app-banner__page-inner .wrap .keywords a {
        margin-left: .5em
    }

    .app-banner__page-inner .inner {
        padding-right: 0%
    }

    .app-section__contact .contact .inner .codes {
        margin: 0px -3.75%
    }

    .app-section__contact .contact .inner .codes .code {
        margin-right: 0;
        margin-top: 0;
        width: 25%
    }

    .app-shutter__home-items .item-content .main {
        margin-bottom: 1em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .app-shutter__home-items .item-content .related {
        margin-top: 1em;
        padding-right: 35%
    }

    .app-marquee__home .item {
        height: 45vw
    }

    .app-marquee__case .item img {
        height: 45vw;
        object-fit: cover
    }

    .current .app-submenu-wrap {
        flex-direction: column;
        align-items: flex-start
    }

    .app-submenu.hide {
        display: none
    }

    .app-serve-added {
        margin: 0;
        flex-direction: column
    }

    .app-serve-added-item {
        flex: 1 1 100%;
        padding: 0
    }

    .app-serve-added-mudule.right {
        margin-top: 20px
    }

    .app-list-mz-infos {
        padding: 20px 0px 20px 15px;
        width: calc(100% - 120px)
    }

    .app-list-mz-infos .top-intor {
        display: none
    }

    .app-list-activity .activiy-row {
        flex-direction: column
    }

    .app-list-activity .activiy-col:first-child {
        width: 100%
    }

    .app-list-activity .activiy-col:last-child {
        width: 100%
    }

    .app-list-activity-items {
        margin: 0;
        margin-top: 10px;
        flex-wrap: wrap
    }

    .app-list-activity-items .item-wrap {
        width: 100%;
        padding: 10px 0
    }

    .app-list-activity .title {
        margin-bottom: 1em
    }

    .app-list-news .item-date .big {
        font-size: 12px
    }

    .app-list-news .item-content h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .app-list-news .item-content .intor {
        display: none
    }

    .app-content-head .ribbon {
        flex-direction: column;
        align-items: flex-start
    }

    .app-content-head .ribbon .tags {
        flex-wrap: wrap
    }

    .app-content-head .ribbon .tags .tag {
        margin: .5em 0;
        margin-right: 1em
    }

    .app-content-head .ribbon .icons {
        margin-top: 1em
    }

    .app-content-main {
        font-size: 14px
    }

    .app-train-intor {
        flex-wrap: wrap
    }

    .app-train-intor .plate {
        width: 100%
    }

    .app-train-intor .items {
        padding-left: 0px;
        margin-top: 30px;
        width: 100%
    }

    .app-train-intor .items .item {
        padding: 15px 0
    }

    .app-train-process-content {
        display: none
    }

    .app-train-process-content-m {
        display: block
    }

    .app-train-exam {
        flex-direction: column;
        margin: 0
    }

    .app-train-exam .item-wrap {
        flex-direction: column;
        padding: 10px 0;
        width: 100%
    }

    .app-train-exam .item-wrap:first-child {
        padding-top: 0
    }

    .app-train-exam .item {
        width: 100%;
        height: auto;
        padding-bottom: 50px
    }

    .app-train-exam .item+.item {
        margin-top: 20px
    }

    .app-train-exam .item-main {
        padding: 25px 15px
    }

    .app-train-exam .item-main .title {
        margin-top: 20px
    }

    .app-train-study {
        flex-direction: column;
        margin: 0
    }

    .app-train-study .item-wrap {
        padding: 10px 0;
        width: 100%
    }

    .app-train-study .item {
        height: 120px;
        padding: 20px 35px 10px 35px;
        width: 100%
    }

    .app-train-study .item+.item {
        margin-top: 20px
    }

    .app-train-value {
        flex-direction: column;
        margin: 0px
    }

    .app-train-value .item-wrap {
        width: 100%;
        padding: 10px 0
    }

    .app-train-value .item-wrap:first-child {
        padding-top: 0
    }

    .app-train-value .item::after {
        width: 120px;
        height: 100px
    }

    .app-train-value .item .intor {
        margin-top: 10px
    }

    .app-train-question {
        margin: 0px
    }

    .app-train-question .item-wrap {
        padding: 10px 0;
        width: 100%
    }

    .app-train-question .item-wrap:first-child {
        padding-top: 0
    }

    .app-train-question .item {
        padding: 25px 20px;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 2px 24px rgba(0, 0, 0, .15)
    }

    .app-train-question .item:hover {
        border-bottom-color: #fff
    }

    .app-down-sub .menu-wrap li {
        padding: 10px 0
    }

    .app-down-contents .content-main .item .details {
        padding: 20px 10px 30px;
        overflow-x: auto;
        padding-right: 10px
    }

    .app-down-contents .content-main .item .details .wrap-table {
        width: 200%;
        margin-right: -100%
    }

    .app-down-contents .content-main .item .details .wrap-table td:first-child {
        width: 5%
    }

    .app-medical-intor {
        flex-direction: column
    }

    .app-medical-intor .plate {
        margin-top: 35px;
        width: 100%
    }

    .app-medical-intor .introduce {
        padding-right: 0px;
        width: 100%
    }

    .app-medical-intor .introduce .intor p {
        margin-top: 20px
    }

    .app-medical-intor .introduce .more {
        margin-top: 35px;
        display: flex;
        justify-content: center
    }

    .app-medical-value {
        flex-direction: column;
        margin: 0
    }

    .app-medical-value .item-wrap {
        padding: 10px 0;
        width: 100%
    }

    .app-medical-value .item {
        width: 100%
    }

    .app-medical-value .item .intor {
        margin-top: 10px
    }

    .app-medical-scheme {
        flex-direction: column;
        margin: -10px
    }

    .app-medical-scheme .item-wrap {
        padding: 10px;
        width: 100%
    }

    .app-medical-scheme .item {
        width: 100%
    }

    .app-medical-scheme .item .intor {
        margin-top: 10px
    }

    .app-medical-practice {
        flex-direction: column;
        margin: 0px
    }

    .app-medical-practice .item-wrap {
        padding: 0;
        width: 100%
    }

    .app-medical-practice .item-wrap+.item-wrap {
        margin-top: 20px
    }

    .app-medical-practice .item .single .title {
        margin-top: 0px
    }

    .app-medical-practice .item .single .other {
        margin-top: .5em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }

    .app-solution-related__swiper .swiper-slide {
        width: 280px
    }

    .app-solution-related__swiper .swiper-slide+.swiper-slide {
        margin-left: 20px
    }

    .app-certification-study {
        flex-direction: column
    }

    .app-certification-study .item-wrap {
        width: 100%;
        padding: 10px 0
    }

    .app-certification-study .item-wrap:first-child {
        padding-top: 0
    }

    .app-certification-study .item-wrap:last-child {
        padding-bottom: 0
    }

    .app-certification-case .app-section__news-main__cell .inner .single .content {
        background-color: #f5f5f5
    }

    .app-certification-practice {
        flex-direction: column
    }

    .app-certification-practice .plate {
        width: 100%
    }

    .app-certification-practice .introduce {
        padding-left: 0px;
        margin-top: 35px;
        width: 100%
    }

    .app-certification-practice .introduce .intor .item {
        margin-top: 20px
    }

    .app-certification-practice .introduce .more {
        margin-top: 30px;
        display: flex;
        justify-content: center
    }

    .app-maintenance-client .item {
        padding: 20px
    }

    .app-partner-process .items {
        flex-wrap: wrap;
        margin: -2em
    }

    .app-partner-process .item {
        width: 90px;
        margin: 2em 3em
    }

    .app-partner-type {
        flex-direction: column;
        margin: -10px 0
    }

    .app-partner-type .item-wrap {
        padding: 10px 0;
        width: 100%
    }

    .app-partner-type .item {
        width: 100%;
        padding: 25px 15px;
        height: auto;
        min-height: 220px
    }

    .app-partner-type .item::after {
        background-size: cover
    }

    .app-partner-type .item .intor {
        margin-top: 10px
    }

    .app-program-hot .item-wrap {
        width: 100%
    }

    .app-program-hot .item-wrap:first-child {
        padding-top: 0
    }

    .app-program-hot .item-wrap:last-child {
        padding-bottom: 0
    }

    .app-school-training {
        flex-direction: column
    }

    .app-school-training .introduce {
        padding-left: 0px;
        order: -1
    }

    .app-contact-service {
        flex-direction: column;
        margin: -10px 0
    }

    .app-contact-service .item-wrap {
        width: 100%;
        padding: 10px 0
    }

    .app-contact-service .item-wrap:first-child {
        padding-top: 0
    }

    .app-contact-service .item-wrap:last-child {
        padding-bottom: 0
    }

    .app-contact-agency {
        padding: 25px;
        flex-direction: column
    }

    .app-contact-agency .col {
        width: 100%
    }

    .app-contact-agency .col:last-child {
        padding-left: 0;
        margin-top: 2em;
        border-left: none;
        border-top: 1px solid #cecece
    }

    .app-contact-agency .base+.base {
        margin-top: 20px
    }

    .app-contact-agency .office-wrap .locations .location {
        width: 100%
    }

    .app-contact-social {
        padding-top: 180px
    }

    .app-contact-other {
        flex-direction: column;
        margin: 0
    }

    .app-contact-other .item-wrap {
        padding: 10px 0;
        width: 100%
    }

    .app-contact-other .item {
        height: 120px;
        padding: 20px 35px 10px 35px;
        width: 100%
    }

    .app-contact-other .item+.item {
        margin-top: 20px
    }

    .app-case-filter__head .filter {
        width: 70px
    }

    .app-case-filter__head .tags {
        width: calc(100% - 70px)
    }

    .app-case-filter .app-section__news-main__cell .inner .single .image {
        padding-bottom: 57.142857%
    }

    .app-product-row {
        margin: 0px
    }

    .app-product-row .item-wrap {
        padding: 10px 0;
        width: 100%
    }

    .app-product-row .item-wrap:first-child {
        padding-top: 0
    }

    .app-product-row .item {
        padding: 25px 20px;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 2px 24px rgba(0, 0, 0, .15)
    }

    .app-product-row .item-infos {
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .app-product-row .item .more {
        opacity: 1;
        visibility: visible
    }

    .app-product-recommend .item .image {
        padding-bottom: 57.142857%
    }

    .app-product-sub .menu-wrap li {
        padding: 10px 0
    }

    .app-product-series .products .item .image {
        padding-bottom: 57.142857%
    }

    .app-product-overview {
        flex-direction: column
    }

    .app-product-overview .col:first-child {
        width: 100%
    }

    .app-product-overview .col:last-child {
        width: 100%;
        flex-direction: column;
        display: flex
    }

    .app-product-overview .thumb {
        display: none
    }

    .app-product-overview__infos {
        margin-top: 2em
    }

    .app-product-details .app-down-main .app-down-contents {
        padding: 1em
    }

    .app-about-fast {
        flex-wrap: wrap
    }

    .app-about-fast .item-wrap {
        width: 50%;
        padding: .5em
    }

    .app-about-fast .item-wrap:nth-child(3) {
        width: 100%
    }

    .app-about-fast .item .icon.icon-03 {
        width: 18%
    }

    .app-about-layout .app-container {
        display: flex;
        flex-direction: column
    }

    .app-about-layout__header {
        order: 1;
        margin-top: 2em
    }

    .app-about-layout__wrap {
        order: -1
    }

    .app-about-base {
        height: auto;
        padding-bottom: 30vh
    }

    .app-about-base__swiper {
        width: 100%;
        height: 380px
    }

    .app-about-base__swiper::after {
        display: none
    }

    .app-tarzan-honor-main .list {
        padding-left: 0;
        width: 95%
    }

    .app-common-description p {
        text-align: left
    }
}

@media screen and (max-width: 580px) {
    .app-header__inner {
        padding-left: 10px
    }

    .app-header__search .form {
        transition: .3s ease background-color
    }

    .app-header.search .app-header__search .form {
        width: 100vw;
        z-index: 10;
        right: -120px
    }

    .app-banner__home .swiper-slide .inner .app-container .text {
        width: 85%
    }

    .app-shutter__home-items .item-content .inner {
        padding: 15px 20px
    }

    .app-case-banner .swiper-slide .inner .app-container .text {
        width: 85%
    }

    .app-about-banner .inner .app-container .text {
        padding: 0%
    }
}

@media screen and (max-width: 550px) {

    .app-about-base__swiper .slide .list li,
    .app-about-layout__wrap .data .numbers .cell .big sup,
    .app-product-features p,
    .app-case-banner-play,
    .app-program-solve .menu-wrap li.active a,
    .app-maintenance-client .item .intor,
    .app-certification-position .item .head-step,
    .app-solution-area__contents .content .items .item p,
    .app-medical-intor .introduce .intor,
    .app-down-contents .content-videos .item-title h4,
    .app-down-contents .content-main .item .details-table .inner-table th,
    .app-down-contents .content-main .item .details .wrap-table td:first-child,
    .app-down-contents .content-main .item .head-title h4,
    .app-down-tabs .tab a,
    .app-down-tabs .tab h2,
    .app-down-sub .menu-wrap li a,
    .app-down-sub .menu-wrap li span,
    .app-train-system-head .item,
    .app-content-related .item,
    .app-content-main,
    .app-list-news .item-content h3,
    .app-serve-hot .contents .content .item .title,
    .app-submenu-menu li a,
    .app-submenu-menu li span,
    .app-submenu-menu li h2,
    .app-section__normal-content .numbers .cell .big sup,
    .app-banner__page-inner .inner-intor,
    .app-footer__main dl dt,
    .app-header__main-product .wrap>.content .tabs-content .menus .sidemenu li a,
    .app-header__main-product .wrap>.content .tabs-content .menus dl dd ul li.big a,
    .app-header__main-product .wrap>.content .tabs-content .menus dl dt,
    .app-header__main-product .wrap>.content .enter-title,
    .app-header__main-product .wrap .side .more a,
    .app-common-description {
        font-size: 13px
    }

    .app-footer {
        padding-bottom: 50px
    }

    .serve .app-banner__page-inner {
        bottom: 60px
    }

    .products .app-banner__page-inner {
        bottom: 60px
    }

    .app-banner__page-inner .wrap {
        width: 90%
    }
    .app-solution-area__control .tabs .tab {
        height: 50px
    }

    .app-banner__page-module {
        height: 100px;
        overflow-x: auto;
        overflow-y: hidden
    }

    .app-banner__page-pagination {
        bottom: 10px !important
    }

    .app-section__normal-header {
        padding-top: 20px
    }

    .app-section__news-main__cell .inner .list {
        padding: 2em
    }

    .app-section__news-main__cell {
        width: 100%
    }

    .app-section__news-main__cell:nth-child(1),
    .app-section__news-main__cell:nth-child(2) {
        width: 100%
    }

    .app-section__normal {
        padding-bottom: 2.5em
    }

    .app-section__contact .contact .inner .codes .code .text {
        font-size: 10px
    }

    .app-serve-type {
        padding-top: 70px
    }

    .app-serve-type-item {
        width: 100%;
        padding: 35px 0
    }

    .app-serve-type-item:first-child .app-serve-type-mudule {
        padding: 60px 10px 30px 10px
    }

    .app-serve-type-mudule {
        height: auto;
        padding: 60px 10px 85px 10px
    }

    .app-serve-hot .contents .content .item svg {
        width: 25px;
        height: 20px
    }

    .app-list-mz-image {
        width: 120px;
        height: 160px
    }

    .app-list-mz-image img {
        object-fit: contain
    }

    .app-product-overview__infos .title,
    .app-banner__page-inner h1 {
        font-size: 22px
    }

    .app-list-mz-infos .bottom {
        margin-top: 2em
    }

    .app-list-activity .activiy-col:last-child .content {
        justify-content: space-between;
        padding: 15px 20px
    }

    .app-list-activity .head {
        margin-bottom: 2em
    }

    .app-list-activity .other {
        margin-top: 1em
    }

    .app-list-activity .other .area svg,
    .app-list-activity .other .date svg {
        height: 15px
    }

    .app-list-news .item {
        padding: 15px 15px
    }

    .app-list-news .item-date {
        width: 50px
    }

    .app-list-news .item-content {
        padding-left: 15px
    }

    .app-list-news .item:hover {
        margin-top: 10px
    }

    .app-train-system-head {
        width: 200%
    }

    .app-train-system-main {
        width: 200%
    }

    .app-train-process {
        margin-top: 15px;
        padding: 0
    }

    .app-down-sub .menu-wrap {
        padding: 0;
        padding-left: 1em
    }

    .app-down-icon {
        height: 40px
    }

    .app-down-tabs-wrap {
        padding-right: 30px;
        padding-left: 5px
    }

    .app-down-contents {
        padding: 10px 5px 25px
    }

    .app-down-contents .content-head {
        margin-top: 10px;
        padding: 10px
    }

    .app-down-contents .content-main {
        padding: 15px 1px 0
    }

    .app-down-contents .content-main .item .head {
        padding: 10px 0
    }

    .app-down-contents .content-main .item .details .wrap-table td {
        padding: 5px
    }

    .app-down-contents .content-main .item .details-ware .icon {
        width: 20px;
        height: 20px
    }

    .app-down-contents .content-main .item .details-table {
        margin-top: 20px
    }

    .app-down-contents .content-main .item .details-table .inner-table th {
        padding: 5px
    }

    .app-down-contents .content-main .item .details-table .inner-table td {
        padding: 5px
    }

    .app-down-contents .content-main .item .details-table .tips {
        margin-top: 5px;
        margin-bottom: 15px
    }

    .app-down-contents .content-videos .item-title h4 {
        margin-left: 10px
    }

    .app-medical-practice .item .single {
        padding: 20px 15px
    }

    .app-solution-area__contents {
        padding: 25px 15px
    }

    .app-solution-area__contents .content .wrap {
        height: 40vh
    }

    .app-certification-advantage .item-wrap:nth-child(2) {
        padding-top: 10px
    }

    .app-certification-advantage .item-wrap:nth-child(3) {
        padding-bottom: 10px
    }

    .app-certification-advantage .item-wrap {
        width: 100%
    }

    .app-certification-advantage .item .icon {
        width: 45px;
        height: 52px
    }

    .app-certification-advantage .item .title {
        margin-top: 15px
    }

    .app-certification-advantage .item .intor {
        margin-top: 15px
    }

    .app-certification-process .item-wrap:nth-child(even) .number {
        top: -10px
    }

    .app-certification-process .item .number {
        width: 25px;
        height: 25px;
        top: -10px
    }

    .app-certification-case .app-section__news-main__cell {
        padding: 10px 0
    }

    .app-maintenance-stance .table tr.head td {
        height: 60px
    }

    .app-partner-manage {
        flex-direction: column;
        margin: -10px 0
    }

    .app-partner-manage .item-wrap {
        padding: 10px 0;
        width: 100%
    }

    .app-partner-manage .item {
        padding-left: 50px
    }

    .app-partner-why .item-wrap {
        width: 100%
    }

    .app-partner-why .item .intor li {
        padding: 10px 40px
    }

    .app-program-solve .app-down-main {
        padding: 20px 5px
    }

    .app-school-teachers .item-wrap {
        width: 100%
    }

    .app-school-teachers .item {
        padding-left: 25px
    }

    .app-contact-social .icons .icon-popup {
        left: -30px;
        bottom: 125%
    }

    .app-contact-social .icons .icon:hover .icon-popup {
        display: block;
        display: flex
    }

    .app-product-recommend .item {
        height: 200px
    }

    .app-product-sub .menu-wrap {
        padding: 0
    }

    [data-scroll-banner]>[data-scroll-sticky] [data-section] .background .canvas-wrapper {
        -webkit-transform: translate(-50%, -50%) scale(0.6);
        transform: translate(-50%, -50%) scale(0.6)
    }

    .app-tarzan-page {
        height: 75vh
    }

    .app-tarzan-page .postion .app-container.center .app-tarzan-infos {
        width: 100%
    }

    .app-tarzan-infos {
        width: 100%
    }

    .merge .app-tarzan-infos {
        width: 100%
    }

    .app-tarzan-related .contents {
        margin-top: 20px
    }

    .app-tarzan-related-main .photo {
        display: none
    }

    .app-tarzan-related-main .infos {
        width: 100%;
        padding-left: 0
    }

    .app-customer {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0560f6;
        width: auto;
        height: 50px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .app-customer-icons {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 1em;
        position: static
    }

    .app-customer-icons .icon-wrap {
        width: 50%;
        padding: 0;
        align-items: center;
        position: static
    }

    .app-customer-icons .icon-wrap:hover .popup {
        bottom: 110%;
        width: 300px;
        right: auto;
        left: 50%;
        transform: translateX(-50%)
    }

    .app-customer-icons .popup-inner::before {
        display: none
    }

    .app-customer-icons .popup-inner .code-pic .pic {
        width: 100px;
        height: 100px
    }

    .app-customer-icons .popup {
        top: auto;
        bottom: 0;
        left: 0;
        right: auto
    }
}

@media screen and (max-width: 480px) {

    .app-banner__home .swiper-slide .inner {
        bottom: 0
    }

    .app-banner__home-enter .inner .items .item {
        padding: .5em .8em
    }

    .app-banner__home-pager {
        height: 20px
    }

    .app-case-banner .swiper-slide .inner {
        bottom: 0
    }
    .prostatement{text-align:left;}
    .app-section__contact .contact .inner_ayu .qr{width:150px;}
    .app-section__contact .contact .inner_ayu .text p{margin-bottom:20px; font-size:14px; line-height:32px;}
}
@media screen and (max-width: 450px) {
    .app-product-series .products {
        margin: -10px 0
    }
    .app-solution-area__contents .content .wrap {
        height: 48vh
    }
    .app-product-series .products .item-wrap {
        width: 100%;
        padding: 10px 0
    }
    .app-tarzan-page {
        height: 80vh
    }
    .app-tarzan-page .postion .app-container.right {
        align-items: flex-start;
        padding-top: 12vw
    }
    .app-tarzan-page {
        height: 85vh
    }
}
@media screen and (max-width: 375px) {
    .app-solution-area__contents .content .wrap {
        height: 60vh
    }
    .app-partner-process .item {
        width: 90px;
        margin: 2em
    }
    .app-program-solve .app-down-main .item-wrap {
        max-height: 45vh
    }
}
@media screen and (max-width: 350px) {
    .pageBar {
        white-space: nowrap
    }
}
@media screen and (max-width: 600px)and (max-width: 380px) {
    .app-shutter__home-items.mobile .item {
        height: 45vh
    }
}