/* cn 

@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../fonts/cn/SourceHanSansCN-Bold.otf');
    src: url('../fonts/cn/SourceHanSansCN-Bold.otf?#iefix') format('embedded-opentype'), url('../fonts/cn/SourceHanSansCN-Bold.woff') format('woff'), url('../fonts/cn/SourceHanSansCN-Bold.ttf') format('truetype'), url('../fonts/cn/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold') format('svg');
}

@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../fonts/cn/SourceHanSansCN-Medium.otf');
    src: url('../fonts/cn/SourceHanSansCN-Medium.otf?#iefix') format('embedded-opentype'), url('../fonts/cn/SourceHanSansCN-Medium.woff') format('woff'), url('../fonts/cn/SourceHanSansCN-Medium.ttf') format('truetype'), url('../fonts/cn/SourceHanSansCN-Medium.svg#SourceHanSansCN-Medium') format('svg');
}

@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../fonts/cn/SourceHanSansCN-Normal.otf');
    src: url('../fonts/cn/SourceHanSansCN-Normal.otf?#iefix') format('embedded-opentype'), url('../fonts/cn/SourceHanSansCN-Normal.woff') format('woff'), url('../fonts/cn/SourceHanSansCN-Normal.ttf') format('truetype'), url('../fonts/cn/SourceHanSansCN-Normal.svg#SourceHanSansCN-Normal') format('svg');
}*/


/* en 

@font-face {
    font-family: 'HelveticaNeueLTPro-Bd';
    src: url('../fonts/en/HelveticaNeueLTPro-Bd.otf');
    src: url('../fonts/en/HelveticaNeueLTPro-Bd.otf?#iefix') format('embedded-opentype'), url('../fonts/en/HelveticaNeueLTPro-Bd.woff') format('woff'), url('../fonts/en/HelveticaNeueLTPro-Bd.ttf') format('truetype'), url('../fonts/en/HelveticaNeueLTPro-Bd.svg#HelveticaNeueLTPro-Bd') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTPro-Md';
    src: url('../fonts/en/HelveticaNeueLTPro-Md.otf');
    src: url('../fonts/en/HelveticaNeueLTPro-Md.otf?#iefix') format('embedded-opentype'), url('../fonts/en/HelveticaNeueLTPro-Md.woff') format('woff'), url('../fonts/en/HelveticaNeueLTPro-Md.ttf') format('truetype'), url('../fonts/en/HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTPro-Roman';
    src: url('../fonts/en/HelveticaNeueLTPro-Roman.otf');
    src: url('../fonts/en/HelveticaNeueLTPro-Roman.otf?#iefix') format('embedded-opentype'), url('../fonts/en/HelveticaNeueLTPro-Roman.woff') format('woff'), url('../fonts/en/HelveticaNeueLTPro-Roman.ttf') format('truetype'), url('../fonts/en/HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman') format('svg');
}*/

body {
   /* font-family: 'SourceHanSansCN-Medium';*/
    color: #111;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* -------------------------------- 

Primary style

-------------------------------- */

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

em,
i {
    font-style: normal;
}

img {
    height: auto;
    max-width: 100%;
}

html,
body {
    /* you need to set this to assign to the main element a min height of 100% */
    height: 100%;
}

a {
    color: #111;
    text-decoration: none;
}


/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */

.cd-img-replace {
    /* replace text with a background-image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.overflow-hidden {
    overflow: hidden;
}


/* -------------------------------- 

Main components 

-------------------------------- */

.cd-main-content {
    /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
    min-height: 100%;
    position: relative;
    background-color: #F9F9F9;
    z-index: 2;
    position: relative;
    overflow: hidden;
    padding-top: 68px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.cd-main-content.lateral-menu-is-open {
    /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
    /* -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px); */
}

.cd-main-content.lateral-menu-is-open {
    /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

header {
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
    background: #c81233;
    z-index: 666;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, background 0.3s;
    -moz-transition: -moz-transform 0.4s, background 0.3s;
    transition: transform 0.4s, background 0.3s;
}

header #cd-menu-cart {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

#cd-lateral-nav {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 68px;
    transform: translateX(-100%);
    z-index: 666;
    background-color: #C8243F;
    overflow-y: auto;
    opacity: 0;
}

.cd-lateral-nav-transition {
    transition: all .3s;
}

header.lateral-menu-is-open #cd-menu-cart {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-50px);
}

header.is-fixed {
    position: fixed;
}

.home-video {
    width: 100%;
}

#cd-logo {
    display: block;
    float: left;
    margin: 12px 0 0 20px;
}

#cd-logo img {
    display: block;
}

#cd-top-nav {
    position: absolute;
    top: 0;
    right: 120px;
    height: 100%;
    display: none;
}

#cd-top-nav ul {
    height: 100%;
    padding-top: 18px;
}

#cd-top-nav li {
    display: inline-block;
    margin-right: 1em;
}

#cd-top-nav a {
    display: inline-block;
    padding: .5em;
    color: #FFF;
    text-transform: uppercase;
}

#cd-top-nav a.current {
    background-color: #242e30;
}

.no-touch #cd-top-nav a:hover {
    color: rgba(255, 255, 255, 0.7);
}

#cd-menu-trigger {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background-color: #b30020;
    transition: background 0.3s;
}

#cd-menu-logo {
    position: absolute;
   left: 50%;
    top: 15px;
    /*width: 120px;*/
    margin: 0 0 0 -60px;

	/* left: 47%;
    top: 0px;
    width: 160px;
    margin: 0 0 0 -60px; */
}

#cd-menu-cart {
    position: absolute;
    right: 22px;
    top: 12px;
    width: 20px;
    margin: 0 0 0 0px;
}

#cd-menu-cart img {
        width: 170%;
    height: 170%;
    margin-top: 9px;
    max-width: 180%;
    margin-left: -10px;
}

.main-logo {
    width: 53%;
    height: 53%;
    margin-top: -10px;
	height: 100%;
}

#cd-menu-trigger .cd-menu-text {
    height: 100%;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 600;
    display: none;
}

#cd-menu-trigger .cd-menu-icon {
    /* this span is the central line in the menu menu */
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 18px;
    height: 2px;
    background-color: #FFF;
    /* these are the upper and lower lines in the menu menu */
}

#cd-menu-trigger .cd-menu-icon::before,
#cd-menu-trigger .cd-menu-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: inherit;
    left: 0;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

#cd-menu-trigger .cd-menu-icon::before {
    bottom: 5px;
}

#cd-menu-trigger .cd-menu-icon::after {
    top: 5px;
}

#cd-menu-trigger.is-clicked .cd-menu-icon {
    background-color: rgba(255, 255, 255, 0);
}

#cd-menu-trigger.is-clicked .cd-menu-icon::before,
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
    background-color: white;
}

#cd-menu-trigger.is-clicked .cd-menu-icon::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#cd-menu-trigger.is-clicked .cd-menu-icon::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#cd-lateral-nav.lateral-menu-is-open-plus {
    transform: translateX(0);
    /* smooth the scrolling on touch devices - webkit browsers */
    -webkit-overflow-scrolling: touch;
    opacity: 1;
}

#cd-lateral-nav .cd-navigation {
    margin: 10px 0 14px;
}

#cd-lateral-nav .cd-navigation>li {
    margin: 10px 0 14px;
    color: #aab5b7;
}

#cd-lateral-nav .cd-navigation>li.lan a {
    display: inline-block;
    line-height: 2em;
    padding: 0 14px 0 32px;
    color: #aab5b7;
    font-weight: 600;
}

#cd-lateral-nav .cd-navigation>li.lan a:last-child {
    padding: 0 14px 0 12px;
}

#cd-lateral-nav .sub-menu {
    padding: 10px 10px 20px 15px;
    display: none;
}

#cd-lateral-nav a {
    display: block;
    line-height: 2em;
    padding: 5px 14px 0 32px;
    color: #fff;
    font-weight: 600;
   /* text-transform: Uppercase;*/
}

#cd-lateral-nav a.current {
    background-color: #3a4a4d;
    color: #FFF;
}

.no-touch #cd-lateral-nav a:hover {
    color: #FFF;
}

#cd-lateral-nav.lateral-menu-is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-overflow-scrolling: touch;
}


/* style menu items which have a submenu  */

#cd-lateral-nav .item-has-children>a {
    position: relative;
    text-transform: uppercase;
    /* this is the right arrow to show that the item has a submenu  */
}

#cd-lateral-nav .item-has-children>a::after {
    content: '';
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1em;
    background: url("../images/f-bottom.png") no-repeat center center;
    background-size: 14px 14px;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#cd-lateral-nav .item-has-children>a.submenu-open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

#newBridge #nb_icon_wrap {
    width: .9rem !important;
    height: .9rem !important;
    box-shadow: 0 .04rem .1rem 0 rgba(153, 13, 13, 0.25);
}

#newBridge .nb-icon-right-bottom {
    bottom: .55rem !important;
    right: .29rem !important;
}

a.phone {
    width: 0.9rem;
    height: 0.9rem;
    position: fixed;
    bottom: 1.46rem;
    right: 0.29rem;
    z-index: 467;
}

a.phone img {
    width: 100%;
}

/* css start */
.noitom-page-mobile .desc-p {
    font-size: 20px;
    line-height: 32px;
    margin: 30px 0;
}

.noitom-page-mobile .white {
    color: #fff;
}

.noitom-page-mobile .watch-video {
    width: 37%;
    border-radius: 100px;
    background: #c81233;
    padding: 7px 10px;
    display: inline-block;
    color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    text-align: center;
    padding-right: 30px;
    position: relative;
}

.noitom-page-mobile .watch-video:after {
    content: '';
    width: 8px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    background: url('../images/jt.png') no-repeat;
    background-size: contain;
}

#home-about {
    min-height: 100vh;
    background: #c92540;
}

.home-section {
    align-content: center;
    color: #fff;
    background: #b30020;
    align-items: stretch;
}

.home-section {
    display: block;
    height: auto;
    position: relative;
    min-height: 0 !important;
    color: #fff;
    background: #b30020;
}

.home-section-background {
    background-size: cover!important;
    background-position: center center;
    width: 50%;
}

.home-section .home-section-background {
    width: 100%;
    min-height: 30vh;
    background-position: top;
}

.home-section-content {
    padding: 30px 10%;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    min-height: 40vh;
}

.home-section-content>p {
    margin-bottom: 20px;
}

#home-sections,
#home-contact {
    line-height: 1.875;
    font-weight: 300;
}

#home-sections h2,
#home-contact h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#home-sections h2:after,
/*.home-contact-icon:after {
    content: " ";
    height: 40px;
    width: 50%;
    margin: 20px 0 20px;
    display: block;
    border-right: 2px solid #f1f1f1;
    margin-left: -2px;
}*/

.plus-link {
    height: 25px;
    line-height: 25px;
    text-align: center;
}

#home-products-carousel {
    text-align: center;
    position: relative;
}

.home .swiper-banner {
    position: relative;
}

.home .swiper-banner .swiper-slide {
    height: 13.34rem;
    position: relative;
    overflow: hidden;
}

.home .swiper-banner .swiper-slide > img {
    width: 100%;
}

.home .swiper-banner .swiper-pagination {
    height: .2rem;
    line-height: .2rem;
    bottom: .48rem !important;
}

.home .swiper-banner .swiper-pagination .swiper-pagination-bullet {
    width: .2rem;
    height: .2rem;
    border: .02rem solid #ffffff;
    background: none;
    margin: 0 .11rem !important;
}

.home .swiper-banner .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #c82136;
    border-color: #c82136;
}
.home .index-banner{
    top: 9rem;position: absolute; text-align: center;
 }

/* .home .swiper-banner .swiper-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet:nth-child(2) {
    border-color: #00aeba;
    background-color: #00aeba;
} */

.home .hi5-content, .home .noitom-care-content, .home .medical-content {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.home .medical-content {
    top: 7.7rem;
    color: #ffffff;
    white-space: nowrap;
}

.home .medical-content h2 {
    font-size: 0.48rem;
    line-height: 0.64rem;
}

.home .medical-content h3 {
    font-size: 0.36rem;
    line-height: 1;
    letter-spacing: 0.2em;
    margin: 0.48rem 0 0.24rem;
}

.home .medical-content p {
    font-size: 0.28rem;
    line-height: 1;
    letter-spacing: 0.12em;
}

.home .medical-content .button {
    width: 2.4rem;
    height: 0.72rem;
    border-radius: 0.48rem;
    line-height: 0.72rem;
    font-size: 0.24rem;
    margin-top: 1.2rem;
    color: #FFF;
    background-color: rgba(228, 16, 16, 0.85);
}

.home .challenge-round .button, .home .hi5-content .button, .home .noitom-care-content .button {
    width: 1.9rem;
    height: .48rem;
    background: #c82136;
    border-radius: .24rem;
    line-height: .48rem;
    font-size: .2rem;
    font-weight: 300;
}

.home .challenge-round .button {
    margin-top: 0;
    position: absolute;
    left: 50%;
    bottom: 1.68rem;
    transform: translateX(-50%);
}
.home-video {
    display: block;
    object-fit: cover;
    filter: grayscale(1) brightness(.75);
 }
.home .hi5-content {
    top: 7.92rem;
}

.home .hi5-logo {
    width: 2.77rem;
    height: 1.23rem;
}

.home .hi5-content h2 {
    font-size: .32rem;
    font-weight: 400;
    color: #ffffff;
    line-height: .42rem;
    letter-spacing: 0.0102rem;
    margin: .2rem 0;
}

.home .hi5-content a {
    margin-top: .3rem;
}

.home .noitom-care-content {
    top: 7.92rem;
}

.home .noitom-care-logo {
    width: 4.89rem;
    height: .9rem;
    margin-bottom: .3rem;
}

.home .noitom-care-content h2 {
    font-size: .32rem;
    font-weight: 400;
    line-height: .41rem;
    color: #ffffff;
    white-space: nowrap;
}

.home .noitom-care-content .button {
    margin-top: .99rem;
}

.home .video-banner-wrap {
    position: absolute;
    top: .4rem;
    left: .56rem;
    right: 0;
    color: #ffffff;
}

.home .video-banner-wrap p, .home .video-banner-wrap a {
    font-size: .2rem;
    font-weight: 400;
}

.home .video-banner-wrap p {
    height: 1.09rem;
    line-height: .36333333333rem;
    margin-bottom: 2.36rem;
}

.home .video-banner-wrap a, .home .video-banner-wrap a:visited {
    color: #ffffff;
}

.home .video-banner-wrap h2 {
    font-size: .32rem;
    font-weight: 400;
    line-height: .48rem;
}

.home .video-banner-wrap > a {
    display: inline-block;
    line-height: .48rem;
}

.home .video-banner-wrap .button {
    width: 1.94rem;
    height: .48rem;
    text-align: left;
    text-indent: .36rem;
    border-radius: .24rem;
    position: relative;
    margin: .53rem .24rem 0 0;
}

/* .home .video-banner-wrap .button:after {
    content: '';
    width: .13rem;
    height: .15rem;
    position: absolute;
    right: .35rem;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/jt.png) no-repeat center center;
    background-size: 100%;
} */

.home .swiper-product {
    height: 13.34rem;
    position: relative;
}

.home .swiper-product .swiper-slide {
    position: relative;
}

.home .swiper-product .swiper-slide > img {
    width: 100%;
    height: 13.34rem;
    display: block;
}

.home .swiper-product .swiper-pagination {
    height: .12rem;
    line-height: .12rem;
    bottom: .44rem;
    transition: .4s;
}

.home .swiper-product .swiper-pagination .swiper-pagination-bullet {
    width: .11rem;
    height: .11rem;
    opacity: .7;
    border: .02rem solid #fff;
    background-color: rgba(0, 0, 0, 0);
    margin: 0 .14rem;
    transition: .4s;
}

.home .swiper-product .swiper-pagination .swiper-pagination-bullet-active {
    width: .12rem;
    height: .12rem;
    opacity: 1;
    border-color: #c8243f;
    background-color: #c8243f;
}

.home-product-content {
    width: fit-content;
    position: absolute;
    top: .9rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}

.home-product-content > h1, .home-product-content > h2 {
    white-space: nowrap;
    font-size: .32rem;
    line-height: .42rem;
    font-weight: 400;
}

.home-product-content h1.en {
    line-height: .39rem;
    margin: .2rem 0 7.24rem;
    font-family: 'Montserrat';
    white-space: nowrap;
}

.home-product-content > p {
    white-space: nowrap;
    font-size: .2rem;
    line-height: .33rem;
    margin: .36rem 0 .6rem;
    font-weight: 400;
}

.home-product-content a.btn {
    display: inline-block;
    width: 1.94rem;
    height: .56rem;
    line-height: .52rem;
    border: .02rem solid #fff;
    border-radius: .3rem;
    font-size: .24rem;
    font-weight: 400;
    background-color: rgba(255, 255, 255, .3);
    color: #fff;
}

.home-product-content .btn + .btn {
    margin-left: .48rem;
}

.pn-series .pn-text {
    margin-bottom: 50px;
    line-height: 23.4px;
}

.pn-series .pn3-text-title {
    font-size: 21px;
}

.pn-series .pn3-text-introduce {
    width: 289px;
    height: 101px;
    opacity: 1;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 21px;
}

.pns, .pn3pro, .pn3, .hi5-2, .vps, .authorized-channels, .noitom-care, .vts {
    background-color: #FCFCFC;
    line-height: 1;
}

.pns img {
    max-width: none;
}

.pns .pns-banner {
    height: 13.34rem;
    position: relative;
    background: url(../images/perception-neuron/pns_banner.svg) no-repeat;
    background-size: 100%;
    border-bottom: .24rem solid #c82136;
}

.pns .pnlink-top-banner {
    height: 13.34rem;
    position: relative;
    background: url(../images/perception-neuron/pn-link-banner-2.png) no-repeat;
    background-size: 100%;
    border-bottom: .24rem solid #c82136;
}

.pns .pnhy-banner {
    height: 13.34rem;
    position: relative;
    background: url(../images/perception-neuron/pn-hy-banner.png) no-repeat;
    background-size: 100%;
    border-bottom: .24rem solid #c82136;
}

.pns .pnlink-banner {
    margin-top: 1rem;
    height: 11rem;
    position: relative;
    background: url(../images/perception-neuron/pn-link-banner1.webp) no-repeat;
    background-size: 100%;
}

.pns .pnlink-banner h2, .pns .pnlink-top-banner h2, .pns .pnhy-banner h2{
    color: #fff;
    text-align: center;
    padding-top: .96rem;
    padding-bottom: .24rem;
    font-weight: normal;
}
.pns .pnlink-banner p, .pns .pnlink-top-banner p,  .pns .pnhy-banner p{
    color: #fff;
    padding: 0 .6rem;
    font-weight: normal;
    line-height: normal;
}

.pns .pnlink-banner p{
    font-size: .2rem
}

.pns .banner-content {
    position: absolute;
    top: 1.8rem;
    left: 50%;
    transform: translateX(-50%);
    color: #ffffff;
    text-align: center;
}

.pns .pns-logo {
    width: 5.82rem;
    height: 1.18rem;
}

.pns .pns-banner h2 {
    width: 100%;
    line-height: .42rem;
    font-size: .32rem;
    font-weight: 400;
    letter-spacing: 0.0102rem;
    margin: .2rem 0;
}

.pns .pns-banner p {
    opacity: 0.8;
    font-size: .18rem;
    margin-bottom: .4rem;
}
                                                                /* L.T注释购买 */
.pns .pns-banner .buy-now , .pns .pnlink-top-banner .buy-now , .pns .pnhy-banner .buy-now{   
    display: inline-block;
    width: 3.54rem;
    height: .47rem;
    line-height: .47rem;
    text-align: center;
    background-color: #c82136;
    border-radius: .24rem;
    font-size: .2rem;
    font-weight: 300;
    color: #ffffff;
}

.pns .title-wrap {
    height: 12.4rem;
    padding: .84rem 0 .36rem .6rem;
}

.pns .title-wrap img {
    display: block;
    width: 6.3rem;
    margin-bottom: .6rem;
}

.pns .title-wrap h1 {
    line-height: .44rem;
    font-size: .36rem;
    margin-bottom: .24rem;
}

.pns .title-wrap p {
    font-size: .2rem;
    line-height: .3475rem;
    margin-bottom: .48rem;
    padding: 0.6rem;
}

.pns .characteristic {
    padding-right: .6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: .18rem;
}

.pns .characteristic div {
    display: flex;
    flex-flow: column;
    text-align: center;
    margin-bottom: .48rem;
}

.pns .characteristic img {
    width: 3rem;
    height: 1.32rem;
    margin-bottom: .14rem;
}

.pns .characteristic span {
    line-height: .24rem;
}

.pns .perception-banner {
    height: 10.4rem;
    background: url(../images/perception-neuron/pns_banner1.png) no-repeat;
    color: #ffffff;
}

/* .pns .pnlink-banner {
    height: 10.4rem;
    background: url(../images/perception-neuron/pn-link-banner.png) no-repeat;
    color: #ffffff;
} */

.pns .perception-banner h2, .pns .perception-banner1 h2,
.pns .skd-wrap h2, .pns .parameter-wrap h2, .pns .packing-list-wrap h2 {
    font-size: .36rem;
    font-weight: 400;
    text-align: center;
    margin: 1.08rem 0 .36rem;
}

.pns .perception-banner h2 {
    line-height: .47rem;
}

.pns .perception-banner p, .pns .perception-banner1 p {
    font-size: .22rem;
    padding-left: .6rem;
}

.pns .perception-banner p {
    line-height: .35rem;
    padding-right: .6rem;
}

.pns .perception-banner1 {
    height: 11.6rem;
    background: url(../images/perception-neuron/pns_banner2-1.jpg) no-repeat;
}

.pns .perception-banner1 h2 {
    padding-left: .6rem;
    font-weight: 500;
    text-align: left;
    line-height: .46rem;
}

.pns .perception-banner1 p {
    line-height: .32rem;
    padding-right: .37rem;
}

.pns .perception-banner, .pns .perception-banner1 {
    overflow: hidden;
    background-size: 100%;
}

.pns .skd-wrap {
    padding: .84rem .6rem .72rem;
}

.pns .skd-wrap h2 {
    margin: 0 0 .48rem;
}

.pns .skd-wrap div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pns .skd-wrap img {
    width: 1.44rem;
    height: .94rem;
    margin-bottom: .12rem;
}

.pns .parameter-wrap {
    height: 11.44rem;
    background-color: #efefef;
    padding: .84rem .6rem .56rem;
}

.pns .parameter-wrap h2 {
    margin: 0 0 .6rem;
    font-weight: 500;
    line-height: .52rem;
}

.pns .parameter-wrap strong, .pns .packing-list-wrap strong {
    font-weight: 600;
}

.pns .parameter, .pns .parameter-gray {
    height: .6rem;
    display: flex;
    align-items: center;
    font-size: .2rem;
    padding: 0 .18rem 0 .24rem;
}

.pns .parameter-wrap .parameter:nth-child(2n) {
    border-radius: .06rem;
    background-color: rgba(255, 255, 255, 0.8);
}

.pns .parameter-wrap .parameter span:first-child {
    width: 1.92rem;
    margin-right: .36rem;
}

.pns .packing-list-wrap {
    padding: .84rem .6rem 1.2rem;
}

.pns .packing-list-wrap h2 {
    line-height: .46rem;
    margin: 0 0 .6rem;
    font-weight: 500;
}

.pns .packing-list-wrap img {
    width: 6.3rem;
    margin-bottom: .95rem;
}

.pns .parameter-gray {
    background-color: #efefef;
    border-radius: .06rem;
}

.pns .packing-list-wrap .parameter, .pns .parameter-gray {
    padding: 0 .24rem;
    justify-content: space-between;
}

.pns .packing-list-wrap .parameter span:first-child {
    width: 5.17rem;
}

.pns .pns-msg {
    line-height: .26rem;
    font-size: .18rem;
    color: #302d2c;
    padding-top: .24rem;
}

.pns .pns-msg a {
    color: #302d2c;
}

.pn3pro .pn3pro-banner {
    height: 13.34rem;
    position: relative;
    top:60px;
    background: url(../images/perception-neuron/pn3pro_banner-1.svg) no-repeat;
    background-size: 100%;
    border-bottom: .24rem solid #c82136;
    margin-bottom: .84rem;
}

.pn3pro .pn3pro-logo, .pn3pro .pn3pro-banner h2, .pn3pro .ces, .pn3pro .buy-now {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.pn3pro .pn3pro-logo {
    width: 6.3rem;
    height: 1.31rem;
    top: 6.8rem;
}

.pn3pro .ces {
    width: 3.8rem;
    height: 1.82rem;
    top: 8.35rem;
}

.pn3pro .pn3pro-banner h2 {
    width: 100%;
    line-height: .42rem;
    font-size: .32rem;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    letter-spacing: .0102rem;
    top: 10.41rem;
}

.pn3pro .pn3pro-banner .buy-now {
    width: 1.9rem;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    background-color: #c82136;
    border-radius: .24rem;
    font-size: .2rem;
    font-weight: 300;
    color: #ffffff;
    top: 11.31rem;
}

.pn3pro .title-wrap {
    padding: 0 .6rem .84rem;
}

.pn3pro .title-wrap img {
    width: 100%;
    height: .12rem;
    margin-bottom: .6rem;
}

.pn3pro .title-wrap h1 {
    line-height: .44rem;
    font-size: .36rem;
    font-weight: 600;
    margin-bottom: .24rem;
}

.pn3pro .title-wrap p {
    font-size: .2rem;
}

.pn3pro .title-wrap p:last-child {
    height: 2.06rem;
    line-height: .3433rem;
}

.pn3pro .perception-banner {
    height: 16.9rem;
    background: url(../images/perception-neuron/currency_product.png) no-repeat;
    background-size: 100%;
    position: relative;
    overflow: hidden;
}

.pn3pro .product4, .pn3pro .product5, .pn3pro .grade {
    position: absolute;
}

.pn3pro .product4, .pn3pro .product5 {
    width: 3rem;
    height: 1.8rem;
    top: 5.85rem;
    left: .6rem;
    background-color: #181A1C;
}

.pn3pro .product5 {
    left: 3.9rem;
}

.pn3pro .grade {
    width: .48rem;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    background-color: #606060;
    border-radius: 50%;
    font-size: .28rem;
    z-index: 6;
}

.pn3pro .perception-banner .grade:first-child, .pn3pro .perception-banner .grade:nth-child(2) {
    left: 1.08rem;
}

.pn3pro .perception-banner .grade:first-child {
    top: 1.08rem;
}

.pn3pro .perception-banner .grade:nth-child(2) {
    top: 3.61rem;
}

.pn3pro .perception-banner .grade:nth-child(3) {
    top: 4.83rem;
    left: 3.32rem;
}

.pn3pro .perception-banner .grade:nth-child(4), .pn3pro .perception-banner .grade:nth-child(5) {
    top: 5.75rem;
}

.pn3pro .perception-banner .grade:nth-child(4) {
    left: .5rem;
}

.pn3pro .perception-banner .grade:nth-child(5) {
    left: 3.8rem;
}

.pn3pro .product-description {
    margin: 0 .6rem .36rem;
}

.pn3pro .sensor-title {
    display: flex;
    align-items: flex-end;
    margin-bottom: .1rem;
    font-weight: 400;
}

.pn3pro .sensor-title .grade1 {
    width: .36rem;
    height: .36rem;
    margin-right: .2rem;
    background-color: #c82136;
    border-radius: 50%;
    font-size: .22rem;
    text-align: center;
    line-height: .36rem;
    color: #ffffff;
}

.pn3pro .sensor-title > span {
    height: .31rem;
    font-size: .24rem;
    color: #c82136;
}

.pn3pro .product-description p {
    line-height: .31rem;
    font-size: .2rem;
    color: #ffffff;
    margin-left: .56rem;
}

.pn3pro .product1 {
    margin-top: 8.49rem;
}

.pn3pro .product2 {
    margin-right: .48rem;
}

.pn3pro .perception-banner1 {
    height: 10.85rem;
    padding: .84rem 0;
}

.pn3pro .perception-banner1 h2 {
    height: .47rem;
    font-size: .36rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    margin-bottom: .85rem;
}

.pn3pro .perception-banner1 h2 i {
    display: inline-block;
    width: .08rem;
    height: .08rem;
    background-color: #c82136;
    border-radius: 50%;
    margin: 0 .24rem;
}

.pn3pro .perception-banner1 img {
    width: 6.42rem;
    height: 4.13rem;
    margin: 0 0 .6rem .51rem;
}

.pn3pro .perception-banner1 p {
    font-size: .18rem;
    height: .88rem;
    line-height: .29333333333rem;
    margin: 0 .6rem .24rem;
}

.pn3pro .perception-banner1 .txt1 {
    margin-right: .74rem;
}

.pn3pro .perception-banner1 .txt2 {
    margin-right: .68rem;
}

.pn3pro .perception-banner1 p:last-child {
    margin-bottom: 0;
}

.pn3pro .support-more {
    height: 8.9rem;
    padding: .84rem .6rem;
    color: #ffffff;
    background-color: #1d1e21;
}

.pn3pro .support-more h2 {
    font-size: .36rem;
    font-weight: 400;
    text-align: center;
    line-height: .47rem;
    margin-bottom: .12rem;
}

.pn3pro .support-more > p {
    font-size: .24rem;
    font-weight: 400;
    text-align: center;
    line-height: .35rem;
    margin-bottom: .48rem;
}

.pn3pro .support-more img {
    width: 100%;
    height: 3.6rem;
    margin-bottom: .5rem;
}

.pn3pro .highlights {
    display: flex;
    font-size: .2rem;
}

.pn3pro .highlights > div {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.pn3pro .highlights > div:first-child {
    width: 2.98rem;
    height: 1.7rem;
    margin-right: .54rem;
}

.pn3pro .highlights > div:last-child {
    height: 1.22rem;
}

.pn3pro .highlights > div > div {
    display: flex;
    align-items: center;
}

.pn3pro .highlights i {
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    margin-right: .12rem;
    background-color: #C82136;
}

.pn3pro .plug-in-unit {
    height: 21.72rem;
    padding: .84rem 0 1.2rem;
    text-align: center;
}

.pn3pro .plug-in-unit h2 {
    font-size: .36rem;
    font-weight: 400;
    color: #000;
    line-height: .47rem;
    margin-bottom: .72rem;
}

.pn3pro .plug-in-unit-title {
    font-size: .24rem;
    font-weight: 700;
    line-height: .31rem;
    margin-bottom: .12rem;
}

.pn3pro .plug-in-unit > p {
    font-size: .2rem;
    font-weight: 400;
    line-height: .26rem;
    margin-bottom: .24rem;
}

.pn3pro .pnmocap_github {
    width: 6.3rem;
    height: 7.05rem;
    margin: 0 .6rem .72rem;
}

.pn3pro .plug-in-unit .gray {
    width: 6.3rem;
    height: 3.6rem;
    padding: .54rem .24rem;
    margin: 0 .6rem .72rem;
    background-color: #efefef;
    border-radius: .12rem;
    display: flex;
    flex-wrap: wrap;
}

.pn3pro .plug-in-unit .gray img {
    width: 1.92rem;
    height: 1.2rem;
    margin: 0 .03rem .12rem 0;
}

.pn3pro .plug-in-unit .gray:last-child img {
    margin-right: .15rem;
}

.pn3pro .plug-in-unit .gray img:nth-child(3n) {
    margin-right: 0;
}

.pn3pro .plug-in-unit .gray:last-child {
    padding: .54rem .12rem;
    margin-bottom: 0;
}

.pn3 .pn3-banner {
    height: 13.34rem; 
    position: relative;
    top:60px;
    background: url(../images/perception-neuron/pn3_banner.png) no-repeat;
    background-size: 100%;
    border-bottom: .24rem solid #c82136;
    margin-bottom: .84rem;
}

.pn3 .pn3-logo, .pn3 .pn3-banner h2, .pn3 .ces, .pn3 .buy-now {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.pn3 .pn3-logo {
    width: 4.61rem;
    height: 1.31rem;
    top: 6.8rem;
}

.pn3 .ces {
    width: 3.8rem;
    height: 1.82rem;
    top: 8.35rem;
}

.pn3 .pn3-banner h2 {
    width: 100%;
    line-height: .42rem;
    font-size: .32rem;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    letter-spacing: .0102rem;
    top: 10.41rem;
}

.pn3 .pn3-banner .buy-now {
    width: 1.9rem;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    background-color: #c82136;
    border-radius: .24rem;
    font-size: .2rem;
    font-weight: 300;
    color: #ffffff;
    top: 11.31rem;
}

.pn3 .title-wrap {
    padding: 0 .6rem .84rem;
}

.pn3 .title-wrap img {
    display: block;
    width: 100%;
    margin-bottom: .6rem;
}

.pn3 .title-wrap h1 {
    line-height: .44rem;
    font-size: .36rem;
    margin-bottom: .24rem;
}

.pn3 .title-wrap p {
    font-size: .2rem;
}

.pn3 .title-wrap p:last-child {
    line-height: .34rem;
}

.pn3 .perception-banner {
    height: 11.07rem;
    background: url(../images/perception-neuron/currency_product.png) no-repeat;
    background-size: 100%;
    position: relative;
    overflow: hidden;
}

.pn3 .grade {
    width: .48rem;
    height: .48rem;
    text-align: center;
    line-height: .48rem;
    background-color: #606060;
    border-radius: 50%;
    font-size: .28rem;
    position: absolute;
}

.pn3 .perception-banner .grade:first-child, .pn3 .perception-banner .grade:nth-child(2) {
    left: 1.08rem;
}

.pn3 .perception-banner .grade:first-child {
    top: 1.08rem;
}

.pn3 .perception-banner .grade:nth-child(2) {
    top: 3.61rem;
}

.pn3 .perception-banner .grade:nth-child(3) {
    top: 4.83rem;
    left: 3.32rem;
}

.pn3 .product-description {
    margin: 0 .6rem .36rem;
}

.pn3 .sensor-title {
    display: flex;
    align-items: flex-end;
    margin-bottom: .1rem;
    font-weight: 400;
}

.pn3 .sensor-title .grade1 {
    width: .36rem;
    height: .36rem;
    margin-right: .2rem;
    background-color: #c82136;
    border-radius: 50%;
    font-size: .22rem;
    text-align: center;
    line-height: .36rem;
    color: #ffffff;
}

.pn3 .sensor-title > span {
    height: .31rem;
    font-size: .24rem;
    color: #c82136;
}

.pn3 .product-description p {
    line-height: .31rem;
    font-size: .2rem;
    color: #ffffff;
    margin-left: .56rem;
}

.pn3 .product1 {
    margin-top: 6.27rem;
}

.pn3 .product2 {
    margin-right: .48rem;
}

.pn3 .perception-banner1 {
    height: 10.85rem;
    padding: .84rem 0;
}

.pn3 .perception-banner1 h2 {
    height: .47rem;
    font-size: .36rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    margin-bottom: .85rem;
}

.pn3 .perception-banner1 h2 i {
    display: inline-block;
    width: .08rem;
    height: .08rem;
    background-color: #c82136;
    border-radius: 50%;
    margin: 0 .24rem;
}

.pn3 .perception-banner1 img {
    width: 6.42rem;
    height: 4.13rem;
    margin: 0 0 .6rem .51rem;
}

.pn3 .perception-banner1 p {
    font-size: .18rem;
    height: .88rem;
    line-height: .29333333333rem;
    margin: 0 .6rem .24rem;
}

.pn3 .perception-banner1 .txt1 {
    margin-right: .74rem;
}

.pn3 .perception-banner1 .txt2 {
    margin-right: .68rem;
}

.pn3 .perception-banner1 p:last-child {
    margin-bottom: 0;
}

.pn3 .plug-in-unit {
    height: 21.72rem;
    background-color: #1d1e21;
    padding: .84rem 0 1.2rem;
    color: #ffffff;
    text-align: center;
}

.pn3 .plug-in-unit h2 {
    font-size: .36rem;
    font-weight: 400;
    color: #ffffff;
    line-height: .47rem;
    margin-bottom: .72rem;
}

.pn3 .plug-in-unit-title {
    font-size: .24rem;
    font-weight: 700;
    line-height: .31rem;
    margin-bottom: .12rem;
}

.pn3 .plug-in-unit > p {
    font-size: .2rem;
    font-weight: 400;
    line-height: .26rem;
    margin-bottom: .24rem;
}

.pn3 .pnmocap_github {
    width: 6.3rem;
    height: 7.05rem;
    margin: 0 .6rem .72rem;
}

.pn3 .plug-in-unit .black1 {
    width: 6.3rem;
    height: 3.6rem;
    padding: .54rem .24rem;
    margin: 0 .6rem .72rem;
    background-color: #000;
    border-radius: .12rem;
    display: flex;
    flex-wrap: wrap;
}

.pn3 .plug-in-unit .black1 img {
    width: 1.92rem;
    height: 1.2rem;
    margin: 0 .03rem .12rem 0;
}

.pn3 .plug-in-unit .black1:last-child img {
    margin-right: .15rem;
}

.pn3 .plug-in-unit .black1 img:nth-child(3n) {
    margin-right: 0;
}

.pn3 .plug-in-unit .black1:last-child {
    padding: .54rem .12rem;
    margin-bottom: 0;
}

.hi5-2 .banner-wrap {
    height: 13.34rem;
    position: relative;
    overflow: hidden;
    border-bottom: .25rem solid #c82136;
}

.hi5-2 .banner {
    width: 100%;
    height: 13.34rem;
    float: left;
    display: block;
}

.hi5-2 .banner-content {
    text-align: center;
    position: absolute;
    top: 7.92rem;
    left: 50%;
    transform: translateX(-50%);
}

.hi5-2 .banner-logo {
    width: 2.77rem;
    height: 1.23rem;
    margin-bottom: .41rem;
}

.hi5-2 .banner-content h2 {
    font-size: .32rem;
    font-weight: 400;
    color: #ffffff;
    line-height: .42rem;
    letter-spacing: .0102rem;
}

.hi5-2 .banner-content a {
    width: 1.9rem;
    height: .48rem;
    background: #c82136;
    border-radius: .24rem;
    line-height: .48rem;
    font-size: .2rem;
    margin-top: .8rem;
    font-weight: 300;
}

.hi5-2 .title-wrap {
    padding: 1.02rem .6rem .8rem;
}

.hi5-2 .line {
    width: 6.3rem;
}

.hi5-2 .title-wrap video {
    width: 100%;
    height: 4.0163751977rem;
    background-color: #000000;
    margin: .8rem 0;
}

.hi5-2 .title-wrap h1 {
    font-size: .36rem;
    font-weight: 600;
    line-height: .44rem;
    margin-bottom: .6rem;
}

.hi5-2 .title-wrap ul li {
    height: .2rem;
    line-height: .2rem;
    font-size: .2rem;
    margin-bottom: .3rem;
}

.hi5-2 .title-wrap ul li i {
    display: inline-block;
    width: .14rem;
    height: .14rem;
    margin-right: .12rem;
    background: #c8243f;
    border-radius: 50%;
}

.hi5-2 .perception-banner1 {
    padding: .8rem 0 0 .59rem;
    background: #32323a;
    border: .01rem solid #707070;
    color: #ffffff;
}

.hi5-2 .perception-banner1 img, .advantage-wrap img, .hi5-2 .suit-list img {
    width: 6.3rem;
    height: 4.31rem;
    display: block;
    margin-bottom: .4rem;
}

.hi5-2 .content-title1 {
    font-size: .3rem;
    font-weight: 500;
    color: #c8243f;
    margin-bottom: .2rem;
}

.hi5-2 .content-title2 {
    font-size: .2rem;
    line-height: .21rem;
    font-weight: 700;
    margin-bottom: .1rem;
}

.hi5-2 .perception-banner1 p {
    font-size: .2rem;
    height: .85rem;
    margin-bottom: 0.24rem;
    line-height: .2833333333rem;
}

.hi5-2 .footnote {
    font-size: 0.14rem;
    color: #aaaaaa;
}

.hi5-2 .perception-banner1 .footnote {
    width: 6.46rem;
    line-height: 0.18rem;
    margin-bottom: 0.48rem;
}

.hi5-2 .perception-banner1 p:last-child {
    margin-bottom: 0.8rem;
}

.hi5-2 .advantage-wrap {
    overflow: hidden;
    padding: .8rem .6rem 0;
    background-color: #f5f5f5;
}

.hi5-2 .advantage-title {
    font-size: .3rem;
    font-weight: 500;
    color: #c8243f;
    margin-bottom: .2rem;
}

.hi5-2 .advantage-wrap p {
    font-size: .2rem;
    margin-bottom: .8rem;
}

.hi5-2 .advantage-wrap .footnote {
    margin-bottom: 0.66rem;
}

.hi5-2 .suit-list {
    margin: 0.8rem 0.6rem 0.34rem;
    overflow: hidden;
}

.hi5-2 .suit-list h2, .hi5-2 .suit-list p {
    text-align: center;
}

.hi5-2 .suit-list h2 {
    font-size: .36rem;
    font-weight: 500;
    margin-bottom: .2rem;
}

.hi5-2 .suit-list p {
    font-size: .2392rem;
    font-weight: 400;
    margin-bottom: .8rem;
}

.hi5-2 .tabs {
    display: flex;
    margin-bottom: .4rem;
    border-bottom: .02rem solid #C82136;
}

.hi5-2 .tabs-item {
    flex: 1;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .2rem;
    border-bottom: .06rem solid #fcfcfc;
    transition: all .3s;
}

.hi5-2 .tabs-item.active {
    color: #c82136;
    border-color: #C82136;
}

.hi5-2 .tabs-content {
    width: 12.6rem;
    display: flex;
    transition: transform .3s;
    transform: translateX(0);
}

.hi5-2 .tabs-content.toggle {
    transform: translateX(-50%);
}

.hi5-2 table {
    width: 6.3rem;
    font-size: .2rem;
}

.hi5-2 tr > td {
    height: .66rem;
    line-height: .66rem;
    min-width: fit-content;
}

.hi5-2 tbody tr td:first-child {
    border-radius: .06rem 0 0 .06rem;
}

.hi5-2 tbody tr td:last-child {
    border-radius: 0 .06rem .06rem 0;
}

.hi5-2 tbody tr:nth-child(2n-1) {
    background-color: #efefef;
}

.hi5-2 tbody tr td:not(td:first-child) {
    text-align: center;
}

.hi5-2 tbody td:first-child {
    padding-left: .2rem;
}

.hi5-2 tbody td:last-child {
    width: .2347rem;
    padding-right: .2rem;
}

.hi5-2 .sup {
    color: #c92540;
}

.hi5-2 .suit-list .footnote {
    margin-top: 0.09rem;
    text-align: right;
}

.hi5-2 .plugin-wrap {
    padding: 0.8rem 0;
    text-align: center;
    background-color: #f5f5f5;
}

.hi5-2 .plugin-wrap h2 {
    font-size: .36rem;
    font-weight: 500;
    margin-bottom: .3rem;
}

.hi5-2 .plugin-wrap > p {
    font-size: .24rem;
    line-height: .35rem;
    margin-bottom: 0.36rem;
}

.hi5-2 .plugin {
    display: flex;
    justify-content: center;
    margin-bottom: 0.24rem;
}

.hi5-2 .plugin img {
    width: 1.44rem;
}

.hi5-2 .plugin img + img {
    margin-left: 0.18rem;
}

.hi5-2 .plugin-wrap .footnote {
    line-height: 0.2rem;
}

.hi5-2 .foot {
    display: block;
    width: 100%;
    height: .54rem;
    text-align: center;
    line-height: .54rem;
    font-size: .2rem;
    color: #ffffff;
    background-color: #c82136;
}

.vps img {
    max-width: none;
}

.vps .banner-wrap {
    height: 9.36rem;
    position: relative;
    overflow: hidden;
    box-sizing: content-box;
    border-bottom: .24rem solid #c82136;
}

.vps .banner {
    width: 100%;
    height: 9.6rem;
    margin-top: .7rem;
}

.vps .banner-content {
    text-align: center;
    position: absolute;
    top: 2.4rem;
    left: 50%;
    transform: translateX(-50%);
}

.vps .banner-logo {
    width: 5.91rem;
    height: 1.07rem;
    margin-bottom: .48rem;
}

.vps .banner-content h2 {
    font-size: .32rem;
    font-weight: 400;
    color: #ffffff;
    line-height: .42rem;
    letter-spacing: .0102rem;
}

.vps .banner-content a {
    width: 1.9rem;
    height: .48rem;
    background: #c82136;
    border-radius: .24rem;
    line-height: .48rem;
    font-size: .2rem;
    margin-top: .48rem;
    font-weight: 300;
}

.vps .title-wrap {
    padding: .84rem .6rem;
}

.vps .line {
    display: block;
    width: 6.3rem;
    margin-bottom: .6rem;
}

.vps .title-wrap h1 {
    font-size: .36rem;
    font-weight: 600;
    line-height: .46rem;
    margin-bottom: .24rem;
}

.vps .title-wrap .p1 {
    font-size: .2rem;
    line-height: .31rem;
    margin-bottom: .24rem;
}

.vps .title-wrap .p2 {
    font-size: .18rem;
    line-height: .33rem;
    margin-bottom: .48rem;
}

.vps .title-wrap video {
    width: 100%;
    height: 3.55rem;
}

.vps .perception-banner1 {
    padding-top: .84rem;
    background-color: #efefef;
}

.vps .perception-banner1 h2 {
    font-size: .36rem;
    font-weight: 500;
    text-align: center;
    line-height: .47rem;
    margin-bottom: .24rem;
}

.vps .perception-banner1 > img {
    width: 100%;
    height: 7.2rem;
    margin-bottom: .12rem;
}

.vps .serial-number {
    height: 1.08rem;
    display: flex;
    margin: 0 0 .84rem .84rem;
}

.vps .serial-number > div {
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;

}

.vps .serial-number > div:first-child {
    margin-right: 1.2rem;
}

.vps .serial-number > div > div {
    display: flex;
    align-items: self-end;
}

.vps .serial-number > div > div span:last-child {
    font-size: .24rem;
    line-height: .31rem;
}

.vps .serial-number .number {
    width: .36rem;
    height: .36rem;
    background: #999999;
    border-radius: 50%;
    font-size: .2rem;
    color: #ffffff;
    text-align: center;
    line-height: .36rem;
    margin-right: .2rem;
}

.vps .features {
    display: flex;
    align-items: self-start;
    padding: 0 0 .84rem .84rem;
}

.vps .features img {
    width: .6rem;
    margin-right: .24rem;
}

.vps .features ul li {
    line-height: .32666666667rem;
    font-size: .2rem;
}

.vps .features ul li i {
    display: inline-block;
    width: .06rem;
    height: .06rem;
    background: #b5b5b5;
    border-radius: 50%;
    margin-right: .12rem;
}

.vps .features-title {
    font-size: .24rem;
    font-weight: 400;
    color: #c82136;
    line-height: .31rem;
    margin: 0 0 .12rem .18rem;
}

.vps .perception-banner2 {
    height: 8.4rem;
    text-align: center;
    color: #ffffff;
    position: relative;
    margin-bottom: .24rem;
}

.vps .perception-banner2 .content {
    width: 5.6rem;
    position: absolute;
    top: 2.03rem;
    left: 50%;
    transform: translateX(-50%);
}

.vps .perception-banner2 img {
    width: 100%;
    height: 100%;
}

.vps .perception-banner2 h2 {
    font-size: .36rem;
    font-weight: 400;
    line-height: .47rem;
    margin-bottom: .36rem;
}

.vps .perception-banner2 p {
    font-size: .2rem;
    line-height: .335rem;
    margin-bottom: 3.8rem;
}

.vps .perception-banner2 span {
    font-size: .18rem;
    color: #999999;
    line-height: .24rem;
    text-shadow: 0 .03rem .06rem 0 rgba(0, 0, 0, .16);
}

.vps .swiper-slide {
    position: relative;
}

.vps .swiper-container {
    height: 6rem;
    color: #ffffff;
}

.vps .swiper-slide img {
    width: 100%;
    height: 6rem;
}

.vps .swiper-slide p, .vps .name-of-work, .vps .swiper-slide a {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.vps .swiper-slide p {
    font-size: .24rem;
    font-weight: 300;
    line-height: .3rem;
    top: .96rem;
}

.vps .name-of-work {
    font-size: .36rem;
    font-weight: 400;
    line-height: .47rem;
    top: 1.38rem;
}

.vps .swiper-slide a {
    width: 1.44rem;
    height: .48rem;
    line-height: .48rem;
    font-size: .2rem;
    font-weight: 300;
    top: 2.09rem;
    text-align: center;
    background: rgba(255, 255, 255, .1);
    border: .01rem solid #ffffff;
    border-radius: .25rem;
    color: #ffffff;
}


.vps .swiper-pagination {
    bottom: .36rem !important;
}

.vps .swiper-pagination-bullet {
    width: .72rem;
    height: .06rem;
    border-radius: 0;
    margin: 0 .06rem !important;
    opacity: 0.2;
    background-color: #fff;
    transition: all .3s;
}

.vps .swiper-pagination-bullet-active {
    opacity: 1;
}

.vps > h2 {
    font-size: .36rem;
    text-align: center;
    font-weight: 400;
    line-height: .47rem;
    padding: .84rem 0 .36rem;
}

.vps .plugin-msg {
    font-size: .2rem;
    text-align: center;
    line-height: .335rem;
    margin-bottom: .6rem;
}

.vps .plugin {
    padding: 0 .65rem .36rem;
    display: flex;
    flex-wrap: wrap;
}

.vps .plugin img {
    width: 3rem;
    height: 1.2rem;
    margin-bottom: .12rem;
}

.vps .plugin img:nth-child(2n) {
    margin-left: .2rem;
}

.vps #foot {
    min-height: 12.42rem;
    background: #efefef;
    padding: .84rem .6rem 0;
    position: relative;
}

.vps #foot h2 {
    font-size: .36rem;
    font-weight: 400;
    text-align: center;
    line-height: .47rem;
    margin-bottom: .36rem;
}

.vps #foot p {
    font-size: .2rem;
    text-align: center;
    line-height: .26rem;
    margin-bottom: .59rem;
}

.vps #foot input, .vps #foot .industry-wrap {
    background-color: #fff;
    border-radius: .12rem;
}

.vps #foot input {
    width: 100%;
    height: .6rem;
    border: none;
    padding: 0 .24rem;
    margin: 0;
    font-size: .2rem;
    font-weight: 300;
}

.vps #foot label {
    display: block;
    font-size: .2rem;
    line-height: .26rem;
    margin-bottom: .12rem;
}

.vps #foot label .required {
    color: #C82136;
}

.vps #foot .label {
    display: flex;
    justify-content: space-between;
    margin-bottom: .35rem;
}

.vps .industry-wrap {
    display: flex;
    flex-wrap: wrap;
    font-size: .2rem;
    font-weight: 300;
    padding: .24rem .24rem 0;
    margin-bottom: .35rem;
}

.vps .industry-wrap > div {
    height: .25rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 .36rem .24rem 0;
}

.vps .industry {
    height: .2rem !important;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    background-color: #efefef;
    cursor: pointer;
}

.vps .checkbox__inner {
    width: .2rem;
    height: .2rem;
    border-radius: .06rem;
    margin-right: .06rem;
    background-color: #efefef;
}

.vps .checkbox__inner:after, .vps .radio__inner:after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #c82136;
    transition: opacity .15s ease-in .05s;
}

.vps .checkbox__inner:after {
    width: .1rem;
    height: .1rem;
    left: .05rem;
    border-radius: .02rem;
}

.vps input[type=number]::-webkit-outer-spin-button,
.vps input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.vps .radio-wrap {
    height: .36rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    font-size: .2rem;
    font-weight: 300;
}

.vps .isCourse {
    height: .36rem !important;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    cursor: pointer;
}

.vps .radio__inner {
    width: .36rem;
    height: .36rem;
    margin-right: .12rem;
    border-radius: 50%;
    background-color: #fff;
}

.vps .radio__inner:after {
    width: .16rem;
    height: .16rem;
    left: .1rem;
    border-radius: 50%;
}

.vps .is-checked:after {
    opacity: 1;
}

.vps .back {
    width: 1.2rem;
    height: .48rem;
    background: #c82136;
    border-radius: .12rem 0 0 .12rem;
    box-shadow: 0 0 .06rem 0 rgba(0, 0, 0, .06);
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: .84rem;
    font-size: .16rem;
    font-weight: 300;
    color: #ffffff;
}

.vps .back img {
    width: .3rem;
    height: .3rem;
    margin-left: .09rem;
}

.vps .submit {
    width: 3rem;
    height: .6rem;
    font-size: .2rem;
    color: #ffffff;
    border: none;
    display: block;
    margin: 0 auto;
    border-radius: .12rem;
    background-color: #c82136;
}

.vps .submit1 {
    width: 100%;
    height: .6rem;
    font-size: .2rem;
    color: #ffffff;
    border: none;
    display: block;
    margin: .8rem auto;
    border-radius: .12rem;
    background-color: #c82136;
}

.vps .message-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(64, 51, 51, 0.34);
    z-index: 666;
    transition: all .3s;
    opacity: 1;
}

.vps .message-box .message {
    width: 6rem;
    height: 3.06rem;
    background: #fffdfd;
    border: .02rem solid #b90025;
    border-radius: .1rem;
    box-shadow: 0 .03rem .08rem 0 rgba(85, 52, 52, 0.21);
    position: fixed;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.vps .message .icon {
    width: .88rem;
    height: .88rem;
    margin-bottom: .36rem;
}

.vps .message .msg {
    font-size: .2rem;
    text-align: center;
    color: #b90025;
    line-height: .31rem;
}

.vps .message-close {
    opacity: 0;
    transform: translate3d(0, -.2rem, 0);
}

.vps #foot .error {
    height: .22rem;
    position: absolute;
    left: 50%;
    bottom: 1.36rem;
    transform: translate(-50%);
    font-size: .2rem;
    color: #c82136;
    display: flex;
    align-items: center;
}

.vps #foot .error-icon {
    width: .2rem;
    height: .2rem;
    margin-right: .16rem;
}

.hidden {
    overflow: hidden;
}

.vts .banner-wrap {
    height: 13.34rem;
    position: relative;
}

.vts .banner {
    width: 100%;
    height: 100%;
}

.vts .banner-content {
    text-align: center;
    position: absolute;
    top: 9.75rem;
    left: 50%;
    transform: translateX(-50%);
}

.vts .banner-logo {
    width: 3.12rem;
    height: .87rem;
}

.vts .banner-content a {
    width: 1.9rem;
    height: .48rem;
    background: #c82136;
    border-radius: .24rem;
    line-height: .48rem;
    font-size: .2rem;
    margin-top: .56rem;
    font-weight: 300;
}

.vts .title-wrap {
    padding: 1.02rem .6rem .76rem;
}

.vts .line {
    display: block;
    width: 100%;
    margin-bottom: .8rem;
}

.vts h1, .vts h2 {
    font-size: .36rem;
    font-weight: 400;
    color: #000;
}

.vts .title-wrap > h1 {
    font-weight: 700;
    color: #111111;
}

.vts p {
    font-size: .2rem;
    font-weight: 400;
    line-height: .36rem;
}

.vts .title-wrap > p {
    color: #000;
    margin: .48rem 0 .8rem;
}

.vts .video {
    width: 100%;
    border-radius: .1rem;
    background-color: #000;
}

.vts .perception-banner1, .vts .plugin {
    background-color: #efefef;
}

.vts .perception-banner1 {
    padding: .8rem .6rem .15rem;
}

.vts .perception-banner1 .suit {
    width: 100%;
}

.vts .suit-list {
    font-size: .2rem;
    font-weight: 400;
    overflow: hidden;
    margin: 0.4rem 0 0.6rem;
}

.vts .suit-list > div {
    line-height: .25rem;
    margin-bottom: 0.2rem;
}

.vts .suit-list > div > span {
    font-weight: 700;
    color: #c82136;
}

.vts .perception-banner1 > p {
    white-space: nowrap;
    color: rgba(0, 0, 0, .6);
    margin: .4rem 0 .48rem;
}

.vts .fast {
    display: block;
    width: 5.74rem;
    margin: 0 auto .13rem;
}

.vts .function-title {
    font-size: .24rem;
    font-weight: 700;
    color: #c92540;
    margin-bottom: .2rem;
    line-height: .3rem;
    text-align: center;
}

.vts .function-content {
    font-size: .18rem;
    line-height: .23rem;
    text-align: center;
    margin-bottom: .8rem;
    color: rgba(17, 17, 17, .6);
}

.vts .function-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 .43rem;
}

.vts .function {
    margin-bottom: .65rem;
}

.vts .function-wrap .img-box {
    width: 2.45rem;
    height: 2.45rem;
    box-sizing: border-box;
    background-color: #FFF5F6;
    border-radius: .08rem;
    border: .02rem solid rgba(200, 36, 63, .4);
    box-shadow: 0 .04rem .06rem 0 rgba(190, 95, 95, .16);
    position: relative;
}

.vts .function-wrap .function-title {
    margin-top: .26rem;
    line-height: .34rem;
}

.vts .function-wrap .function-content {
    line-height: .25rem;
    margin-bottom: 0;
}

.vts .function-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vts .perception-banner2 {
    padding: .8rem .6rem;
}

.vts .perception-banner2 > p {
    margin: .4rem 0 .8rem;
    color: rgba(0, 0, 0, .6);
}

.vts .perception-banner2 > img {
    width: 100%;
    padding: 0 .01rem;
}

.vts .plugin {
    padding: 0.8rem 0;
}

.vts .plugin h2 {
    padding-left: 0.6rem;
}

.vts .plugin > p {
    padding: .32rem 0.6rem .48rem;
}

.vts .plugin > img {
    width: 7.08rem;
    margin-left: 0.18rem;
}

.vts #contactUs {
    position: relative;
    padding: .8rem .6rem .77rem;
    background-color: #fff;
}

.vts #contactUs h2 {
    color: #111111;
    text-align: center;
}

.vts #contactUs p {
    text-align: center;
    margin: .43rem 0 .8rem;
}

.vts #contactUs input {
    background-color: #EDEDED;
    border-radius: .12rem;
}

.vts #contactUs input {
    width: 100%;
    height: .6rem;
    border: none;
    padding: 0 .24rem;
    font-size: .2rem;
    font-weight: 300;
    color: #111111;
}

.vts #company {
    margin-bottom: .49rem;
}

.vts #contactUs label {
    display: block;
    font-size: .2rem;
    line-height: .26rem;
    margin-bottom: .14rem;
}

.vts #contactUs label .required {
    color: #C82136;
}

.vts #contactUs .label {
    display: flex;
    justify-content: space-between;
    margin-bottom: .4rem;
}

.vts #contactUs .label > div {
    width: 3.03rem;
}

.vts input[type=number]::-webkit-outer-spin-button,
.vts input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.vts .radio-wrap {
    height: .2rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    font-size: .2rem;
    font-weight: 300;
}

.vts .radio-wrap + .radio-wrap {
    margin-left: .56rem;
}

.vts .isCourse {
    height: .2rem !important;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    cursor: pointer;
}

.vts .radio__inner {
    box-sizing: border-box;
    width: .2rem;
    height: .2rem;
    margin-right: .12rem;
    border-radius: 50%;
    border: .01rem solid #C82237;
    background-color: #fff;
}

.vts .radio__inner:after {
    content: '';
    opacity: 0;
    width: .12rem;
    height: .12rem;
    position: absolute;
    top: 0;
    left: 0;
    margin: .04rem;
    border-radius: 50%;
    background-color: #c82136;
    transition: opacity .15s ease-in .05s;
}

.vts .radio__inner.is-checked:after {
    opacity: 1;
}

.vts .submit {
    width: 100%;
    height: .6rem;
    font-size: .2rem;
    font-weight: 400;
    color: #ffffff;
    border: none;
    display: block;
    margin: 0 auto;
    border-radius: .12rem;
    background-color: #c82136;
}

.vts .message-box {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(64, 51, 51, 0.34);
    z-index: 666;
    transition: all .3s;
    opacity: 1;
}

.vts .message-box .message {
    width: 6rem;
    height: 3.06rem;
    background: #fffdfd;
    border: .02rem solid #b90025;
    border-radius: .1rem;
    box-shadow: 0 .03rem .08rem 0 rgba(85, 52, 52, 0.21);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.vts .message .icon {
    width: .88rem;
    height: .88rem;
    margin-bottom: .36rem;
}

.vts .message .msg {
    font-size: .2rem;
    text-align: center;
    color: #b90025;
    line-height: .31rem;
}

.vts .message-close {
    opacity: 0;
    transform: translate3d(0, -.2rem, 0);
}

.vts #contactUs .error {
    height: .22rem;
    position: absolute;
    left: 50%;
    bottom: .36rem;
    transform: translate(-50%);
    font-size: .2rem;
    color: #c82136;
    display: flex;
    align-items: center;
}

.vts #contactUs .error-icon {
    width: .2rem;
    height: .2rem;
    margin-right: .16rem;
}

.iclone-main {
    background-color: #fff;
}

.iclone-main .page-main-1 {
    background-color: #FBFBFB;
    min-height: 130px;
    background-size: 100% 100%;
    position: relative;
    align-items: center;
}

.iclone-main .info-text-2 {
    margin-top: 20px;
    text-align: justify;
    font-weight: 600;
}

.iclone-main .info-text-1 {
    font-size: 15px;
    text-align: justify;
    font-weight: 600;
}

.iclone-main .info-text-3 {
    font-size: 13px;
    font-style: italic;
    margin-top: 30px;
    text-align: justify;
}

.iclone-main .page-main-1-text1 {
    margin-left: 25%;
}

.iclone-main .page-main-3 {
    min-height: 300px;
    background-color: #CCCCCC;
    text-align: justify;
    align-items: center;
    padding: 50px 15px;
}

.iclone-main .yhs-main {
    min-height: 400px;
    background-color: #252525;
    text-align: center;
    color: #FFF;
    padding: 50px 0;
}

.iclone-main .buy-main {
    min-height: 700px;
    background-color: #555555;
    text-align: center;
    color: #FFF;
    padding: 50px 0;
}

.iclone-main .page-main-4 {
    margin: 20px 15px;
    clear: both;
}

.iclone-main .page-main-title {
    font-size: 16px;
    font-weight: bold;
}

.iclone-main .page-main4-logo {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 50px;
}

.iclone-main .logo-16 {
    float: left;
    width: 21%;
    color: #BABABA;
    margin: 50px 20px 20px;
}

.iclone-main .logo-50 {
    margin: 20px 0;
}

.iclone-main .iclone-content {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.iclone-main .page-50-main {
    margin: 50px 0;
}

.iclone-main hr {
    clear: both;
}

.iclone-main .info-text-4 {
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
}

.vtmini {
    color: #000000;
}

.vtmini .page-main-1 {
    padding: 0.52rem 0.3rem .52rem 0.27rem;
}

.vtmini .line {
    display: block;
    margin-bottom: 0.6rem;
}

.vtmini h1.page-main-1-text1 {
    opacity: 0.72;
    margin-bottom: .53rem;
    font-size: 0.36rem;
    font-weight: 500;
    line-height: 0.54rem;
}

.vtmini a.button {
    width: 2.44rem;
    height: 0.56rem;
    line-height: 0.56rem;
    color: #fff;
    font-size: 0.28rem;
    border-radius: 0.28rem;
    margin-top: 0.32rem;
}

.vtmini .page-main-3 {
    padding: 0.72rem 0.27778rem 0.4rem;
    background-color: #545454;
    color: #ffffff;
    font-size: 0.28rem;
    font-weight: 400;
    border-bottom: 0.02rem solid #fff;
}

.vtmini .page-main-3 > img, .page-main-4 > img {
    margin-bottom: 0.44rem;
}

.vtmini-nt {
    padding: 0 0.27778rem;
}

.vtmini .yhs-main {
    padding: 0 0.3125rem;
    display: flex;
    flex-flow: column;
    align-content: center;
    margin-bottom: 0.78rem;
}

.vtmini .yhs-main .page-main-title {
    margin-bottom: 0.36rem;
}

.vtmini .yhs-main img {
    width: 1.25rem;
    border-radius: 50%;
    margin: 0 auto 0.3rem;
}

.vtmini .yhs-main .user {
    text-align: center;
    font-size: 0.28rem;
    line-height: 0.4rem;
    margin-bottom: 0.12rem;
}

.vtmini .yhs-main .comment {
    font-size: 0.28rem;
    line-height: 0.44rem;
    margin-bottom: 0.3rem;
}

.vtmini .vtmini-main {
    background-color: #fff;
}

.vtmini .page-txt2 {
    font-size: 0.28rem;
}

.vtmini .page-img {
    padding-top: 70px;
    box-sizing: content-box;
}

.vtmini .page-img > img, .page-main-3 > img, .page-main-4 > img {
    width: 100%;
    display: block;
}

.vtmini .function-introduction {
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-bottom: 1.8rem;
    font-size: 0.28rem;
    font-weight: 400;
}

.vtmini .page-main-title {
    text-align: center;
    font-size: 0.36rem;
    font-weight: 500;
    line-height: 0.56rem;
}

.vtmini .function-introduction img {
    width: 1.3055rem;
    margin: 0 auto;
}

.vtmini .function-introduction .btn-o {
    border: none;
    outline: none;
    cursor: pointer;
    width: 2.44rem;
    height: 0.56rem;
    border-radius: 0.28rem;
    background-color: #EB9F4F;
    color: #ffffff;
    margin: 0 auto 0.3rem;
}

.vtmini .application-scenario {
    overflow: hidden;
    margin-bottom: 1.34rem;
}

.vtmini .application-scenario .page-main-title {
    margin-bottom: 0.44rem;
}

.vtmini .application-scenario-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.vtmini .application-scenario .scene-box {
    width: 3.33rem;
    box-sizing: border-box;
    padding-top: 0.2rem;
    margin-bottom: 0.2rem;
    background-color: #FBFBFB;
    float: left;
}

.vtmini .scene-box > img {
    width: 100%;
    margin-bottom: 0.2rem;
}

.vtmini .scene-title {
    font-size: 0.32rem;
    padding-left: 0.1rem;
}

.vtmini .scene-content1 {
    font-size: 0.28rem;
    margin: 0 0.1rem 0.16rem;
}

.vtmini .scene-content2 {
    height: 0.75rem;
    font-size: 0.2rem;
    padding: 0 0.1rem;
}

.vtmini .platform {
    height: 2.92rem;
    padding: 0.54rem 0.27778rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    margin-bottom: 1.54rem;
    background-color: #FBFBFB;
}

.vtmini .platform-box {
    width: 2.05rem;
    height: 0.72rem;
    display: flex;
    justify-items: center;
    align-items: center;
    background-color: #fff;
}

.vtmini-foot {
    height: 2.43rem;
    background: #C81432;
    text-align: center;
    box-sizing: border-box;
    padding-top: 0.4rem;
}

.vtmini-foot > div {
    font-size: 0.28rem;
    margin-bottom: 0.16rem;
    color: #ffffff;
}

.vtmini-foot a {
    display: block;
    color: #C81432;
    width: 2.43rem;
    height: 0.56rem;
    line-height: 0.56rem;
    border-radius: 0.28rem;
    background: #FFFFFF;
    margin: 0 auto;
    font-size: 0.27rem;
}

.noitom-care .banner-wrap {
    width: 100%;
    height: 13.34rem;
    position: relative;
    overflow: hidden;
    border-bottom: .25rem solid #c82136;
}

.noitom-care .banner {
    width: 100%;
    height: 13.34rem;
    float: left;
    display: block;
}

.noitom-care .banner-content {
    text-align: center;
    position: absolute;
    top: 8.7rem;
    left: 50%;
    transform: translateX(-50%);
}

.noitom-care .banner-logo {
    width: 4.89rem;
    height: .9rem;
    margin-bottom: .3rem;
}

.noitom-care .banner-content h1 {
    font-size: .32rem;
    font-weight: 400;
    color: #ffffff;
    white-space: nowrap;
    line-height: .41rem;
    letter-spacing: .0102rem;
}

.noitom-care .banner-content .button {
    width: 1.9rem;
    height: .48rem;
    background: #c82136;
    border-radius: .24rem;
    line-height: .48rem;
    font-size: .2rem;
    margin-top: .99rem;
    font-weight: 300;
}

.noitom-care .noitom-care-content {
    padding: .8rem 0 .4rem .6rem;
}

.noitom-care .line {
    width: 6.3rem;
    display: block;
}

.noitom-care .noitom-care-content > h2 {
    font-size: .36rem;
    font-weight: 500;
    margin: .6rem 0 .32rem;
}

.noitom-care .noitom-care-content p {
    font-size: .2rem;
    line-height: .28rem;
}

.noitom-care .noitom-care-content p a {
    color: #C82136;
}

.noitom-care .banner1 {
    display: block;
    width: 6.3rem;
}

.noitom-care .line1 {
    width: 6.3rem;
    height: .02rem;
    background-color: rgba(200, 36, 63, 0.13);
    margin: .6rem 0;
}

.noitom-care .service {
    font-size: .24rem;
    font-weight: 500;
    color: #c92540;
    margin-bottom: .2rem;
}

.noitom-care .service-content {
    margin-bottom: .6rem;
    position: relative;
}

.noitom-care table {
    width: 6.3rem;
    font-size: .2rem;
    color: #000;
}

.noitom-care table tr:nth-child(2n), .noitom-care thead tr {
    background-color: rgba(239, 239, 239, 0.8);
}

.noitom-care table td:first-child {
    width: 3.41rem;
    padding-left: .2rem;
}

.noitom-care table td:nth-child(2) {
    width: 1.73rem;
}

.noitom-care thead td {
    position: relative;
}

.noitom-care thead tr {
    height: .68rem;
    line-height: .68rem;
}

.noitom-care tbody tr {
    height: .71rem;
    line-height: .71rem;
    border-bottom: .01rem dashed rgba(201, 37, 64, .2);
}

.noitom-care .two-lines td {
    height: .55rem;
    line-height: .275rem;
    padding: .24rem 0;
}

.noitom-care .tagging {
    font-size: .1rem;
    color: #C92540;
}

.noitom-care .tagging1 {
    vertical-align: text-top;
    line-height: .18rem;
}

.noitom-care .tagging2 {
    display: flex;
    align-items: start;
}

.noitom-care .tagging2 .tagging {
    line-height: .59rem;
}

.noitom-care .footnote {
    height: .18rem;
    display: flex;
    font-size: .18rem;
    margin-bottom: .4rem;
}

.noitom-care .footnote span:first-child {
    color: #c92540;
    margin-right: .12rem;
}

.noitom-care .footnote span:last-child, .noitom-care .footnote p {
    color: #7e7e7e;
    font-size: .18rem;
}

.show-case {
    background-color: #f9f9f9;
}

.show-case .flex {
    display: flex;
}

.show-case .fz2 {
    font-size: .2rem;
}

.show-case .fw3 {
    font-weight: 300;
}

.show-case .title-wrap {
    margin: 70px 0.6rem 0.27rem;
}

.show-case .title-wrap > img {
    width: 6.3rem;
    margin: .5rem 0 .3rem;
}

.show-case .title-wrap h1 {
    line-height: .64rem;
    font-size: .48rem;
    margin-bottom: .24rem;
}

.show-case .title-wrap p {
    font-size: .24rem;
    line-height: .4375rem;
    margin-bottom: 0.51rem;
}

.show-case .title-wrap .search-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#search {
    width: 5.46rem;
    height: 0.72rem;
    padding: 0 0.54rem 0 0.24rem;
    font-size: 0.24rem;
    border: none;
    border-radius: 0.12rem;
    background-color: #fff;
    box-shadow: 0 0 0.12rem 0 rgba(0, 0, 0, 0.06);
}

#search-btn {
    box-sizing: content-box;
    width: 0.3rem;
    position: absolute;
    top: 0.09rem;
    left: 4.92rem;
    padding: 0.21rem 0.24rem 0.21rem 0;
    cursor: pointer;
}

.show-case .resetting {
    width: 0.9rem;
    margin-right: -0.09rem;
    cursor: pointer;
}

.show-case .card-footer {
    position: absolute;
}

.show-case .select {
    overflow: hidden;
    padding: 0 .36rem;
}

.show-case .case-title {
    font-size: .24rem;
    line-height: .31rem;
    margin-bottom: .12rem;
}

.show-case #fieldsWrap, .show-case #labelsWrap {
    overflow-x: auto;
}

.show-case button, .show-case #fields a, .show-case .card-footer a {
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    background-color: #efefef;
    border-radius: .12rem;
    border: none;
    outline: none;
}

.show-case #fields, .show-case #labels {
    width: fit-content;
    height: .48rem;
}

.show-case #fieldsWrap::-webkit-scrollbar, .show-case #labelsWrap::-webkit-scrollbar {
    display: none;
}

.show-case #fields, .show-case .field {
    border-bottom: .01rem solid #d7d7d7;
    margin-bottom: .24rem;
}

.show-case #fields {
    box-sizing: content-box;
    padding-bottom: .35rem;
}

.show-case #labels {
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: .6rem;
}

.show-case #fields a {
    width: 2.59rem;
}

.show-case #fields a, .show-case #labels button {
    margin-right: .24rem;
}

.show-case #fields a:last-child, .show-case #labels button:last-child {
    margin-right: 0;
}

.show-case #labels button {
    padding: 0 .3rem;
}

.show-case .case-card {
    display: block;
    width: 6.3rem;
    height: 7.29rem;
    margin: 0 auto .48rem;
    position: relative;
    background-color: #fff;
    border-radius: .12rem;
    box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, .1);
}

.show-case .case-card:last-child {
    margin-bottom: .8rem;
}

.show-case .case-card img {
    width: 100%;
    height: 3.15rem;
    display: block;
    border-radius: .12rem .12rem 0 0;
}

.show-case .card-content {
    padding: .36rem .12rem 0 .36rem;
}

.show-case .card-content .card-title {
    font-size: .28rem;
    font-weight: 700;
    line-height: .31rem;
    color: #1d1d1f;
    margin-bottom: .12rem;
}

.show-case .field {
    line-height: .25rem;
    padding-bottom: .23rem;
}

.show-case .card-content .field {
    width: 5.58rem;
}

.show-case .card-content p {
    font-size: .24rem;
    line-height: .36rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #1d1d1f;
}

.show-case .card-footer {
    width: 100%;
    height: .48rem;
    left: 0;
    bottom: .24rem;
    padding: 0 .36rem;
    justify-content: space-between;
    align-items: flex-end;
}

.show-case .card-footer .date {
    line-height: .24rem;
    color: #919191;
}

.show-case .card-footer .label {
    width: 4.2rem;
    overflow-x: auto;
}

.show-case .card-footer .label::-webkit-scrollbar {
    display: none;
}

.show-case .card-footer button, .show-case .card-footer a {
    padding: 0 .23rem;
    text-align: center;
    min-width: fit-content;
    font-size: .18rem;
    font-weight: 500;
    margin-right: .12rem;
    white-space: nowrap;
}

.show-case .card-footer button:last-child {
    margin-right: 0;
}

.show-case .active {
    color: #ffffff;
    background-color: #c82136 !important;
}

.download_service {
    padding: 70px 0.72rem 0.84rem;
    color: #282828;
    background-color: #F9F9F9;
}

.download_service .line {
    display: block;
    width: 100%;
    margin: 0.96rem 0 0.48rem;
}

.download_service h2 {
    font-size: 0.36rem;
    line-height: 1;
    margin-bottom: 0.72rem;
}

.download_service .supportMain {
    overflow: hidden;
}

.download_service .supportMain a {
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 2.88rem;
    margin-bottom: 0.36rem;
    background-color: #fff;
}

.download_service .supportMain a img {
    height: 0.8rem;
    margin-bottom: 0.4rem;
}

.download_service .supportMain a p {
    font-size: 0.24rem;
    line-height: 1;
}

.sbpc {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 52px;
    z-index: 2;
}

.sbpc:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    animation: jt 2s infinite;
    -webkit-animation: jt 2s infinite;
}

.swiper-button-prev-custom {
    left: 0;
    background-image: linear-gradient(to right, rgba(168, 168, 168, .6), rgba(225, 225, 225, 0));
}

.swiper-button-prev-custom:before {
    background: url(../images/jt-l.png) no-repeat;
    background-size: contain;
}

.swiper-button-next-custom {
    right: 0;
    background-image: linear-gradient(to left, rgba(168, 168, 168, .6), rgba(225, 225, 225, 0));
}

.swiper-button-next-custom:before {
    background: url(../images/jt-r.png) no-repeat;
    background-size: contain;
}

.view-home-applications {
    text-align: center;
}

.view-home-applications .view-content .views-row {
    width: 100%;
    min-width: 250px;
    text-align: center;
    align-items: center;
    align-content: center;
    flex-grow: 1;
}

.home-applications-link {
    color: #fff;
}

.home-applications-background {
    background-size: cover;
    background-position: center center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: box-shadow 500ms ease-out, background 500ms ease-out;
    background-color: #111;
}

.home-applications-background {
    height: auto;
    height: 43vh;
    padding: 2em;
    position: relative;
}

.home-applications-background:before {
    content: " ";
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .7;
}

.home-application-text {
    transition: 500ms max-height ease-out;
    padding: 22px 10% 22px;
    max-height: 0;
    overflow: hidden;
}

.home-application-info {
    position: relative;
    flex-grow: 1;
    padding: 10px 0;
    text-shadow: 0 0 10px #000;
}

.home-applications-background h2 {
    color: #fff;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6em;
}

.home-applications-background h2 {
    color: #fff;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.6em;
}

.home-applications-link .home-application-text,
.home-applications-link .plus-link {
    display: block;
    max-height: 10em;
}

.view-home-news {
    padding-top: 24px;
    background: #fff;
}

.view-home-news .view-header {
    text-align: center;
    margin-bottom: 24px;
}

.view-home-news h2 {
    margin: 0;
    margin-bottom: .3em;
    font-weight: 600;
    font-size: 1.75em;
}

.view-home-news h3 {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}

.view-home-news .swiper-container {
    overflow: inherit;
}

.container-swiper-area {
    padding: 0 15px 2em;
}

.article-slider-image {
    float: left;
    width: 100%;
    /*margin-top: 20px;
     padding-left: 15px;
    padding-right: 15px; */
}

.artical-swiper .swiper-slide {
    /* background: #f5f4e9; */
}

.article-slider-image>a {
    display: block;
    width: 100%;
    height: 100%;
}

.view-home-news .article-slider-image img {
    width: 100%;
    height: auto;
    display: block;
}

.article-slider-content {
    float: left;
    width: 100%;
    background: #fff;
    line-height: 1.5;
    font-weight: 300;
    padding: 20px 0;
    position: relative;
}

.page-link {
    position: absolute;
    color: #111;
    font-size: 14px;
}

.page-prev {
    left: 0;
}

.page-next {
    right: 0;
}

.article-slider-title {
    width: 86%;
    font-size: 1.625em;
    font-weight: 300;
    margin: 0 auto 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.view-home-news .readmore {
    color: #000;
    padding: .5em 5em;
    text-transform: uppercase;
    border: 1px solid #999;
    display: block;
    font-size: .75em;
    margin-top: 1em;
    margin: 0 7.5%;
    transition: all .25s ease-in;
    font-weight: 400;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    text-align: center;
}

.article-slider-body {
    width: 86%;
    margin: 0 auto 1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

#content-swiper .my-button-disabled-aa {
    opacity: 0;
    display: none;
}

#content-swiper .swiper-button-next,
#content-swiper .swiper-button-prev {
    position: absolute;
    bottom: 50px;
    top: inherit;
    width: 64px;
    height: 24px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
   /* opacity: .4;*/
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

#content-swiper .swiper-button-prev {
    background: url(../images/pg-l.jpg) no-repeat left center;
    left: 8px;
    padding-left: 12px;
}

#content-swiper .swiper-button-next {
    background: url(../images/pg-r.png) no-repeat right center;
    right: 8px;
}

#home-contact {
    color: #333;
    background: #fff;
}

.home-contact-icon {
    width: auto;
}

.black-text {
    color: #222;
}

.page-section.black {
    background: #000;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
    color: #fff;
}

.double-list {
	padding-left: 15px;
   /* column-gap: 50px;
    column-count: 1;
    padding: 10px 0 10px 25px;*/
}

.double-list li,
.single-list li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    list-style-type: none;
    position: relative;
    line-height: 1.2;
    margin-bottom: .6em;
    list-style-type: disc;
}

.double-list li ul li{
    margin-bottom: .6em;
    margin-left: 1.9em;
    list-style-type: circle;
}

/* .double-list li::before,
.single-list li::before {
    content: '\2022';
    position: absolute;
    left: -1em;
    height: 1em;
    font-size: 1em;
} */

#page-banner {
    min-height: 30vh;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: flex-end;
    position: relative;
}

#page-banner .container {
    z-index: 2;
}

#page-banner-text {
    color: #fff;
    max-width: 100%;
}

#page-banner-text.black-text {
    color: #222;
}

#page-banner-text.right,
#page-banner-text {
    float: none;
    margin: 20px 0px;
    text-align: center;
}

.black-text .page-banner-title {
    color: #111;
}

.page-banner-title {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.5;
    position: relative;
    margin-bottom: 12px;
}
.about-page-banner-title{
	font-size: 24px;
}
.about-page-banner-text{
	margin: 15px;
	color: #fff;
}
.about-page-banner-sub-title{
	font-size: 13px;
    text-transform: uppercase;
}

.page-banner-title>span {
    font-size: 14px;
}

#page-banner-sub-title {
    text-transform: uppercase;
/*     font-family: 'HelveticaNeueLTPro-Bd'; */
}

#page-banner-subtitle {
    font-size: 1.2em;
}

#page-banner-logos {
    margin-top: 32px;
    margin-bottom: 12px;
    display: inline-block;
    text-align: center;
}

#page-banner-logos img {
    width: 50%;
}

#background-text-container {
    position: relative;
    padding-bottom: 50px;
    padding-top: 50px;
}

#background-text {
    position: absolute;
    width: 320px;
    bottom: 0;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: -1;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.not-front #background-text:before {
    content: "Mocap";
    white-space: nowrap;
    font-size: 320px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    position: absolute;
    right: 320px;
    top: -.1em;
    transform: rotate(-90deg);
    transform-origin: right top;
}

#page-title {
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 30px;
    position: relative;
    margin: 0 0 20px 0;
}

.page-container {
    position: relative;
    padding-top: 20px;
}

.page-container:before {
    content: " ";
    right: 0%;
    top: 0;
    left: 0;
    margin-right: 15px;
    margin-left: 15px;
    position: absolute;
    display: block;
    background: #c92440;
    height: 2px;
}

.page-container:after {
    content: " ";
    position: absolute;
    display: block;
    right: 45%;
    left: 0;
    top: 0;
    margin-left: 15px;
    margin-right: 15px;
    background: #c92440;
    height: 6px;
}

#page .subtitle {
    font-weight: 400;
    margin-top: .4em;
    margin-bottom: 1.8em;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.2;
}

.button {
    width: 120px;
    height: 32px;
    line-height: 32px;
    background: #c81432;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2em;
    margin-top: 26px;
    display: inline-block;
    text-align: center;.toconfigure-list li
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
}

.founders {
    background: #e0e0e0;
    background: rgba(0, 0, 0, .1);
}

.uncontain-background {
    padding: 0 calc(50vw - 50%);
    margin: 0 calc(-50vw + 50%);
    position: relative;
}

.page-section h2 {
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
}

.page-section h2.has-subtitle {
    margin-bottom: 0;
    font-size: 2em;
}

.text-center {
    text-align: center;
}

.founder-image {
    width: 200px;
    max-width: 100%;
    margin-bottom: 10px;
}

.founders h4 {
    font-style: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;
}

.page-section p {
    margin-bottom: 1.8em;
}

.page-section {
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 1.8;
}

#block-menu-menu-perception-neuron-series ul.menu {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: .5em 0;
    margin: 40px 0 0;
    color: #666;
    text-transform: uppercase;
    list-style-type: none;
    text-align: left;
    padding: 0;
}

#client-map-menu {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: .5em 0;
    margin: 40px 0 0;
    color: #666;
    text-transform: uppercase;
    list-style-type: none;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

#block-menu-menu-perception-neuron-series ul.menu li,
#client-map-menu li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

#block-menu-menu-perception-neuron-series ul.menu li a {
    display: block;
    padding: 8px 30px 10px;
   /*  font-weight: 300; */
    color: #333;
    border-top: 7px solid transparent;
}

#client-map-menu li a {
    display: block;
    padding: 8px 6px 10px;
    font-weight: 300;
    color: #333;
    border-top: 7px solid transparent;
}

#block-menu-menu-perception-neuron-series ul.menu li a.active,
#client-map-menu li.selected a {
    border-top: 7px solid #c92440;
}

#client-map {
    position: relative;
}

.client-map-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.client-map-layer.active {
    display: block;
}

.view-id-clients .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 1440px;
}

.view-id-clients .views-row {
    align-items: center;
    background-color: #fff;
    margin: 1%;
    width: 31%;
}

.view-id-clients .client-logo {
    height: 70px;
    width: 80px;
    margin: 10px 0 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    box-sizing: content-box;
}

/* .view-id-clients .client-logo img {
    filter: saturate(.04);
    -webkit-filter: saturate(.04);
} */

.honor-items,
.column-3 {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.hohor-item {
    width: 31%;
    margin: 1%;
    padding: 2%;
    background-color: #fff;
}

.honor-card {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .honor-card img {
    filter: saturate(.04);
    -webkit-filter: saturate(.04);
} */

.hohor-item p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-align: center!important;
    text-align-last: center;
}

.title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 48px;
    position: relative;
    margin: 0;
   /*  font-family: 'HelveticaNeueLTPro-Roman'; */
}

.wrapper {
    padding: 40px 0;
}

#sortable {
    column-gap: 10px;
}

#sortable>div {
    margin-bottom: 10px;
    break-inside: avoid;
}

#view-categories {
    color: #fff;
    background: #000;
}

#view-categories .view-header {
    border-bottom: 1px solid #666;
    padding: 20px 30px;
}

.press-categories-title,
.showcase-categories-title,
.article-categories-title {
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 600;
}

#view-categories .view-filters .views-exposed-widget {
    float: none;
    padding: 0;
    margin-top: 10px;
}

#view-categories .views-exposed-form .views-exposed-widget {
    float: none;
}

#view-categories input {
    background: transparent;
    border: 1px solid #666;
    font-size: 24px;
    padding: 7px;
    width: 100%;
    border-radius: 5px;
    margin: 0 -7px;
    box-sizing: content-box;
    color: #fff;
}

#view-categories .view-content {
    padding: 20px 30px;
}

#view-categories .item-list ul {
    list-style-type: none;
    padding: 0;
}

#view-categories .item-list ul li {
    margin: 0 0 10px;
    padding: 0;
    display: table;
    width: 100%;
}

#view-categories .item-list ul li a {
    color: #fff;
}

#view-categories .item-list ul li .views-field {
    display: table-cell;
}

#view-categories .item-list ul .views-field-nid {
    color: #666;
    font-weight: 600;
    text-align: right;
    padding-left: 10px;
}

.card_m {
    background: #fff;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s ease-in-out;
    border: 1px solid #eee;
}

.card__picture {
    display: block;
    width: 100%;
    height: auto;
}

.card-infos {
    padding: 20px 20px 0;
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.card__title {
    font-size: .18rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 10px;
}

.article-teaser-title {
    display: inline;
    font-size: 1.2em;
    font-weight: 300;
}

.card__text {
    font-weight: 300;
    margin: 0;
    color: #86888A;
}

.readmore {
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #c92540;
    font-size: .75em;
    padding: 20px;
    display: block;
}

.address-parts {
    padding-top: 18px;
}

.address-parts .address-part-item {
    margin-bottom: 20px;
}

.address-parts .address-part-item h3 {
    font-size: 18px;
    background: url(../images/noitom-icon.png) no-repeat 0 2px;
    line-height: 32px;
    padding-left: 46px;
    margin-bottom: 10px;
}

.address-parts .address-part-item p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 7px;
}

#custom-pagination .swiper-pagination-bullet-active,
#custom-pagination-yingyong .swiper-pagination-bullet-active {}

#custom-pagination .swiper-pagination-bullet,
#custom-pagination-yingyong .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .4;
}

#custom-pagination-yingyong .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
}

#custom-pagination .swiper-pagination-bullet-active,
#custom-pagination-yingyong .swiper-pagination-bullet-active {
    opacity: 1;
    background: #c81233;
}

.swiper-container-horizontal>#custom-pagination.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container-horizontal>#custom-pagination-yingyong.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}


/* .view-home-applications .swiper-slide {
    height: 50vh;
} */

#content-swiper .swiper-button-next,
#content-swiper .swiper-button-prev {}

#join-us {
    padding-top: 30px;
    margin: 0 -14px 0 -14px;
}

#join-us .page-section {
    padding-top: 0;
}

.job-tab {
    padding: 0 15px;
}

.job-tab-item {
    line-height: 52px;
    font-size: 18px;
   /* font-family: 'Montserrat', 'SourceHanSansCN-Normal';*/
}

.job-tab-item span {
    display: inline-block;
    width: 112px;
}

.job-tab-item a {
    display: inline-block;
    margin-right: 11px;
    color: #111;
}

.job-tab-item a.on {
    color: #c8243f;
}

.job-content {
    margin-top: 10px;
    background: #fff;
}

.job-content-item {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #f9f9f9;
}

.job-content-item h3 {
    width: 370px;
    font-size: 18px;
    line-height: 32px;
    /* font-family: 'Montserrat','SourceHanSansCN-Bold'; */
    position: relative;
}

/* .job-content-item h3::after {
    content: '';
    width: 1px;
    height: 48px;
    background: #f1f1f1;
    position: absolute;
    right: 0;
    top: 0px;
} */

.job-content-item span {
    display: block;
    line-height: 28px;
    padding-left: 0px;
    color: #949494;
    font-size: 14px;
}

.job-content-item .goto {
    width: 220px;
    height: 48px;
    display: flex;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
}

.join-btn {
    display: block;
    width: 100px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    background: #c8243f;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.job-type {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px 20px;
}

.job-type>span {
    display: block;
    font-size: 24px;
    line-height: 48px;
}

.job-type-desc {
    padding: 26px 20px;
    border-top: 1px solid #f0f0f0;
}

.job-type-desc-item {
    padding-top: 30px;
}

.job-type-desc-item:first-child {
    padding-top: 0px;
}

.title-2 {
    font-size: 24px;
    line-height: 48px;
}

.job-type-desc .title-2 {
    margin-bottom: 18px;
}

.page-section p.job-type-p {
    margin-bottom: 12px;
}

.job-type-desc-item .join-btn {
    width: 100%;
}

.job-page {
    padding: 12px;
    display: flex;
    justify-content: center;
}

.job-page a {
    margin: 0 20px;
    color: #111;
}

.job-page-prev {
    background: url('../images/about/can-page-prev-normal.png') no-repeat 0 center;
    padding-left: 14px;
}

.job-page-next {
    background: url('../images/about/can-page-next-normal.png') no-repeat right center;
    padding-right: 14px;
}

.job-page-next.can-page {
    background: url('../images/about/can-page-next-hover.png') no-repeat right center;
    color: #c81233;
}

.job-page-prev.can-page {
    background: url('../images/about/can-page-prev-hover.png') no-repeat left center;
    color: #c81233;
}

.item-1 {
    width: 38%;
    margin: 36px 5%;
}

.item-card {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-card img {
    width: auto;
}

.item-1 p {
    font-size: 14px;
    line-height: 44px;
    margin: 0;
}

.neuron-fun .items-list {
    padding-top: 40px;
    display: flex;
    justify-content: center;
}

.neuron-fun .items-list li {
    margin: 0 3%;
    height: 174px;
    text-align: center;
    font-size: 14px;
}

.items-icon {
    display: block;
    height: 68px;
	min-width: 68px;
}

.items-icon-pro-01 {
    background: url(../images/perception-neuron/neuron-pro-fun-1.png) no-repeat center center;
    background-size: contain;
}

.items-icon-pro-02 {
    background: url(../images/perception-neuron/neuron-pro-fun-2.png) no-repeat center center;
    background-size: contain;
}

.items-icon-pro-04 {
    background: url(../images/perception-neuron/neuron-pro-fun-4.png) no-repeat center center;
    background-size: contain;
}

.items-icon-pro-03 {
    background: url(../images/perception-neuron/neuron-pro-fun-3.png) no-repeat center center;
    background-size: contain;
}

.neuron-pro-wear-right {
    padding: 40px 0;
}

.neuron-pro-wear-right-word-item {
    margin-top: 40px;
}

.neuron-pro-wear-right-word-item:first-child {
    margin-top: 0px;
}

.neuron-pro-wear-right-word-item h3 {
    font-size: 20px;
    line-height: 40px;
    color: #c8243f;
    margin-bottom: 24px;
}

.neuron-pro-wear-right-word-item span {
    font-size: 14px;
    line-height: 32px;
    color: #808080;
    margin-bottom: 22px;
}

#soft-support .second-tit {
    margin-top: 40px;
    text-align: center;
}

.soft-support-list {
    padding-top: 40px;
    padding-bottom: 33px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

.soft-support-list li {
    margin: 0 0px 4px;
}

.soft-support-list li img {
    width: 90px;
}

#toconfigure {
    padding-top: 0px;
    padding-bottom: 20px;
}

.title {
    font-weight: bold;
    font-size: 24px;
    position: relative;
    margin: 0;
    line-height: 32px;
    /*font-family: 'Montserrat', 'SourceHanSansCN-Normal';*/
    text-transform: Uppercase;
}

.title em {
   /* font-family: 'Montserrat', 'SourceHanSansCN-Medium';*/
}

.show-case-title {
    font-size: 0.36rem;
    margin-bottom: 0.12rem;
}

img.share {
    width: 0.6rem;
    margin-left: 0.12rem;
    vertical-align: middle;
    cursor: pointer;
}

img.share.pointer-events {
    pointer-events: none;
}

#message {
    width: 2.14rem;
    height: 0.84rem;
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.24rem;
    border-radius: 0.12rem;
    color: #9e9e9e;
    background-color: #fff;
    box-shadow: 0 0 0.04rem 0 rgba(0, 0, 0, 0.05);
    opacity: 0;
    transition: opacity 0.3s, top 0.4s;
    z-index: 666;
}

#message.top {
    top: 1.5rem;
    opacity: 1;
}

#message img {
    width: 0.3rem;
    margin-right: 0.12rem;
}

.toconfigure-left {
    padding: 20px 0 0 0;
}

.toconfigure-list {}

.toconfigure-list li {
    display: flex;
    justify-content: space-between;
    line-height: 32px;
    flex: 1;
}

.toconfigure-list li span {
    width: 40px;
}

.toconfigure-right {
    text-align: right;
    flex: 1;
    padding-top: 50px;
}

.ov {
    overflow: hidden;
}

.items-list-002 {}

.items-list-002 li {
    float: left;
    width: 50%;
    margin-bottom: 40px;
    text-align: center;
}

.items-icon-01 {
    background: url(../images/perception-neuron/neuron-fun-1.png) no-repeat center 0;
    background-size: contain;
}

.items-icon-02 {
    background: url(../images/perception-neuron/neuron-fun-2.png) no-repeat center 0;
    background-size: contain;
}

.items-icon-03 {
    background: url(../images/perception-neuron/neuron-fun-3.png) no-repeat center 0;
    background-size: contain;
}

.items-icon-04 {
    background: url(../images/perception-neuron/neuron-fun-4.png) no-repeat center 0;
    background-size: contain;
}

.grey {
    background: #000;
    color: #fff;
}

.hi5-function-content-item {
    padding: 0 15px;
    margin-top: -50px;
    margin-bottom: 50px;
}

.hi5-function-content-item-tit {
  /*  font-family: 'Montserrat', 'SourceHanSansCN-Medium';*/
    font-size: 24px;
    line-height: 48px;
    margin-bottom: 10px;
}

.hi5-function-content-item-word {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 10px;
}

.hi5-function-content-item-tip {
    font-size: 12px;
    color: #808080;
    line-height: 28px;
}

.performanceParameter {
    padding-top: 14vh;
}

.performanceUl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1440px;
}

.performanceUl li {
    width: 40%;
    margin: 0 5%;
    text-align: center;
    font-size: 14px;
}

.performanceParameter .h3Style {
    text-align: center;
}

.performanceParameter .product-desc {
    padding: 0 15px;
    text-align: justify;
    text-align-last: left;
}

.mainWidthNopos {
    margin: 0px auto;
    padding: 0 0 30px 0;
}

.softsdk {
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px;
}

.performanceBox-l .h3Style {
    font-size: 24px;
    line-height: 36px;
}

.performanceBox-l p {
    font-size: 14px;
    line-height: 28px;
    margin: 0;
    margin-top: 14px;
    color: #808080;
}

.softsdk li {
    width: 44%;
    margin: 2%;
}

.neuron-wear {}

.neuron-wear-cont {
    padding: 40px 0 0;
}

.product-tit {
    font-size: 24px;
    line-height: 40px;
}

.neuron-wear-cont .product-tit {
    text-transform: uppercase;
    padding-bottom: 20px;
}

.p-1 {}

.neuron-wear-fun {
    padding: 25px;
    /* padding-bottom: 120px; */
}

.neuron-wear-fun-item {
    display: flex;
    justify-content: space-between;
}

.neuron-wear-fun-item-img {
    width: 126px;
}

.neuron-wear-fun-item-con {}

.wear-context h2 {
    height: 44px;
    font-size: 20px;
    position: relative;
    margin: 0;
    margin-bottom: 12px;
    margin-top: 8px;
}

.wear-context h2:after {
    width: 100%;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 2px;
    background: #c8243f;
}

.section-title {
    font-weight: bolder;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 32px;
   /* font-family: 'Montserrat', 'SourceHanSansCN-Medium';*/
}

#topNav {
    overflow: hidden;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    margin: 40px 0px;
}

#topNav .swiper-slide {
    padding: 8px 30px 10px;
    letter-spacing: 2px;
    width: auto;
    text-align: center;
    border-top: 3px solid transparent;
}

#topNav .swiper-slide span {
    transition: all .3s ease;
    display: block;
}

#topNav .active {
    border-top: 3px solid #c81233;
}

#topNav .active span {
    transform: scale(1.1);
    /*color: #FF2D2D;*/
}

#page-banner-items .page-banner-item {
    height: 73vh;
    background-size: cover;
}

#page-banner-items .page-banner-item1 {
    height: 52vh;
    background-size: cover;
}

.swiper-wrapper-content .sw-item {
    display: none;
}

.swiper-wrapper-content .sw-item.on {
    display: block;
}

.col-md-6,
.col-md-12 {
    float: left;
    position: relative;
    min-height: 1px;
   /* padding-right: 15px;
    padding-left: 15px;*/
}

.col-md-12 {
    width: 100%;
}

.performanceParameter {
    padding-top: 5vh;
}

.h3Style,
.callout {
    font-size: 44px;
    line-height: 60px;
}

.performanceParameter .h3Style {
    margin-bottom: 10px;
}

.performanceParameter .h3Style {
    font-size: 24px;
}

.partListBox {
	padding-left: 15px;
}

.partList {
    width: 100%;
    color: #333333;
    display: flex;
    margin-bottom: 40px;
}

.partList span {
    display: block;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    margin-top: 5px;
}

.partList>div {
    flex: 1;
}

.partList span.part-1 {
    background: url(../images/myswing/MYSWING-GOLF-D2_07.png) no-repeat;
    background-size: contain;
}

.partList span.part-2 {
    background: url(../images/myswing/MYSWING-GOLF-D2_09.png) no-repeat;
    background-size: contain;
}

.partList span.part-3 {
    background: url(../images/myswing/MYSWING-GOLF-D2_11.png) no-repeat;
    background-size: contain;
}

.partList em,
.partList h3 {
    display: block;
    font-size: 18px;
    line-height: 28px;
   /* font-family: 'Montserrat', 'SourceHanSansCN-Medium';*/
    font-weight: 400;
}

.partList em {
    color: #c81233;
    font-weight: bold;
        margin-bottom: 10px;
}

.partList h3 {
    margin-bottom: 10px;
    font-weight: bolder;
}

.partList p {
    text-align: justify;
    text-align-last: left;
	padding-right: 15px;
}

.performanceParameter .product-desc {
    margin: 0 auto;
    text-align: justify;
    text-align-last: left;
}

.firmware {
    padding-top: 40px;
	padding-right: 15px;
    padding-left: 15px;
}

.firmware-box {}

.firmware-word {}

.firmware-word-items {
    padding-top: 28px;
}

.firmware-word-item {
    line-height: 32px;
    margin-bottom: 29px;
}

.firmware-word-item span {
  /*  font-family: 'Montserrat', 'SourceHanSansCN-Medium';*/
    font-size: 20px;
    font-weight: bolder;
}

.firmware-word-item p {
   /*  font-size: 18px; */
    margin-top: 3px;
}

.firmware .h3Style {
    font-size: 24px;
    margin-top: 20px;
}

.link-to-box {
    padding: 0px 0;
    overflow: hidden;
}

.link-to-word {
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    padding: 5px 15px;
    margin-bottom: 20px;
}

.link-to-word p {}

.link-to-img {
    flex: 1;
}

.application-text {
    margin-top: 40px;
}

.application-text span {
    display: block;
    padding-left: 13px;
    background: url("../images/vfx-and-animation/fgx.png") no-repeat 0 6px;
    font-size: 16px;
    font-weight: bold;
}

.application-columns p a {
    color: #c8243f;
}

.sc-box {
    position: relative;
    margin: 20px 0;
}

.sc-box input {
    height: 28px;
    padding: 4px 10px;
    border: 1px solid #ccc;
    border-radius: 15px;
    width: 100%;
    position: relative;
    background: #eee
}

.sc-box i {
    position: absolute;
    top: 6px;
    right: 14px;
    font-size: 10px;
    width: 16px;
    height: 16px;
    background: url("../images/sc.png") no-repeat 0 0;
    background-size: contain;
}

#news-nav #topNav {
    border: none;
}

#news-nav #topNav .active {
    border: none;
    background: #000;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

#news-nav #topNav .active span {
    color: #fff;
}

#news-nav #topNav .swiper-slide {
    padding: 0 15px 5px;
    letter-spacing: 2px;
    width: auto;
    text-align: center;
    border-top: 5px solid transparent;
}

.headlines_list {
    overflow: hidden;
}

.headlines_list img {
    display: block;
	width: 100%;
	border-radius: 5px;
}

.headlines_list a {
    display: block;
    font-size: 16px;
	font-weight: bold;
    color: #111;
    margin-bottom: 30px;
}

.item-textview {
    margin: 5px 0 20px;
}

.item-textview__title {
    line-height: 24px;
    margin-top: 10px;
}

.showcase-items p {
    margin-bottom: 10px;
    line-height: 2;
}

.showcase-items p span {
    font-weight: bold;
}

.news-about .swiper-slide {
    margin: 8px;
}

.news-about .swiper-slide p {
    line-height: 20px;
}

.dynamics-banner {
    position: relative;
}

.dynamics-banner>span.bn-desc {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

#new-time {
    line-height: 34px;
    color: #939393;
    margin-top: -16px;
}

.page-box {
    border-top: 1px solid #dbdbdb;
    text-align: center;
    padding-top: 23px;
    line-height: 32px;
    position: relative;
    padding-bottom: 80px;
}

.page-box * {
    display: block;
}

.page-box a:nth-of-type(1) {
    position: absolute;
    left: 20%;
    top: 23px;
    background: url(../images/pg-l.jpg) no-repeat 1px center;
    padding-left: 34px;
    color: #111;
}

.page-box a:nth-of-type(3) {
    position: absolute;
    right: 20%;
    top: 23px;
    background: url(../images/pg-r.png) no-repeat right center;
    padding-right: 34px;
    color: #111;
}

.page-box a:nth-of-type(1).on {
    color: #c81233;
    background: url(../images/about/can-page-prev-hover.png) no-repeat left center;
}

.page-box a:nth-of-type(3).on {
    color: #c81233;
    background: url(../images/about/can-page-next-hover.png) no-repeat right center;
}

.social-part {
    padding-bottom: 0px;
}

.social-scanning {
    display: flex;
    justify-content: center;
}

.share-ewm {
    width: 150px;
    margin: 0 50px;
    text-align: center;
    /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}

.social-scanning img {
    margin-top: 12px;
}

.share-ewm {
    margin: 0 20px;
    text-align: center;
    /* font-family: 'Montserrat', 'SourceHanSansCN-Normal'; */
}

.social-tips {
    font-size: 16px;
    line-height: 2;
    margin-top: 46px;
    margin-bottom: 28px;
    text-align: center;
}

.social-share-parts {
    margin: 0 auto;
    border-top: 1px solid #000;
    display: flex;
    justify-content: center;
    padding-top: 29px;
}

.social-share-parts>a {
    display: block;
    font-size: 0;
    z-index: 1;
    text-indent: 1000px;
    overflow: hidden;
    width: 27px;
    height: 27px;
    background-size: cover!important;
    margin: 0 5px;
}

.social-share-parts>a.part-1 {
    background: url('../images/contact/social-ico-1.png');
}

.social-share-parts>a.part-2 {
    background: url('../images/contact/social-ico-2.png');
}

.social-share-parts>a.part-3 {
    background: url('../images/contact/social-ico-3.png');
}

.social-share-parts>a.part-4 {
    background: url('../images/contact/social-ico-4.png');
}

.social-share-parts>a.part-5 {
    background: url('../images/contact/social-ico-5.png');
}

.footer {
    padding: 0 0.72rem;
    line-height: 1;
    background: #000;
    color: #fff;
    font-size: .2rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.footer a {
    color: #fff;
}

.footer-back {
    display: block;
    height: 0.68rem;
    line-height: 0.68rem;
    margin-bottom: 0.44rem;
    text-align: center;
    border-bottom: .02rem solid #666666;
}

.footer-list, .footer > h4, .footer-item {
    margin-bottom: 0.72rem;
}

.footer-list li a {
    position: relative;
    display: block;
}

.footer-list .haschlid > a{
    font-weight: 700;
    margin-bottom: 0.24rem;
} 

.footer-list .haschlid a + a, .footer-item div + div {
    padding-top: 0.24rem;
}

.footer-list li.haschlid {
    height: fit-content;
}

.footer-list li.haschlid > a > img {
    width: .2rem;
    height: .14rem;
    margin-left: 0.08rem;
    vertical-align: middle;
    transition: transform .3s;
}

.footer-list li.haschlid.on {
    transition: .3s;
    background-color: rgba(255, 255, 255, 0.06);
}

.footer-list li.haschlid.on > a > img {
    transform: rotate(-180deg);
}

.ft-list {
    transition: .3s;
    display: none;
}

.footer-list li.haschlid.on .ft-list {
    display: block;
}

.footer-item h4 {
    margin-bottom: 0.24rem;
}

.footer-row-item {
    padding-bottom: 0.72rem;
}

.footer-row-item > a {
    display: inline-block;
    margin-bottom: 0.48rem;
}

.social {
    height: .37rem;
    display: flex;
    margin-bottom: .4rem;
}

.social > a, .social > div {
    display: flex;
    align-items: center;
    opacity: .5;
    margin-right: .35rem;
}

.social > a:active {
    opacity: 1;
}

.social .QR_code.active {
    opacity: 1;
}

#after_service, #brand_subscription {
    display: none;
    transition: .3s;
    margin-bottom: .6rem;
}

#after_service.active, #brand_subscription.active {
    display: flex;
}

#after_service img, #brand_subscription img {
    width: 1.48rem;
    height: 1.48rem;
    margin-right: .24rem;
}

#after_service > div, #brand_subscription > div {
    padding: 0.24rem 0 0.22rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.important-labels {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.24rem;
    margin-bottom: 0.48rem;
    border-bottom: 0.02rem solid #666666;
}

.important-labels a {
    margin-bottom: 0.24rem;
    color: #666666;
}

.important-labels .w-min60 {
    width: 1.2rem;
}

.important-labels span {
    width: 0.02rem;
    height: 0.2rem;
    margin: 0 0.24rem 0.24rem;
    background-color: #666666;
}

#footer-logo {
    display: block;
    width: 2.52rem;
    height: 0.28rem;
}

.mb10 {
    margin-bottom: 0.2rem;
}

.mb24 {
    margin-bottom: 0.48rem;
}

.footMenu {
    display: flex;
}

.footMenu .split-line {
    width: 0.02rem;
    height: 0.2rem;
    margin: 0 0.24rem;
    background-color: #666666;
}

.footer-row-item > p > em, .footer-row-item > p > a {
    display: inline-block;
}
.embed-icon{
    right: 1px !important;
    bottom: 223px !important;
}

.embed-icon .embed-icon-content{
    width: .9rem !important;
    height: .9rem !important;
    position: fixed;
    bottom: 2.86rem;
    right: 0.29rem;
    z-index: 6;
}
.to_resume{
    margin-left: 2.5rem; height: .7rem; line-height: .7rem;    border-radius: .2rem;
}
.ui-datepicker-year {  
    display: block;  
    float: left;  
    width: 50%;  
 }  
 .ui-datepicker-month {  
    display: block;  
    float: right;  
    width: 45%;  
 }  
 .ui-datepicker-calendar {  
    clear: both;  
 }  
 #loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 5px;
  }

  .about-container {
    margin: 10px 0;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.statistic {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .1rem;
    border-right: 1px solid #ccc;
    width: 1rem; /* 设置固定宽度 */
}
.statistic:last-child {
    border-right: none;
}
.statistic h2 {
    color: #c81432; /* 红色 */
    font-size: .3rem; /* 调整字体大小 */
    margin: 0;
}
.statistic p {
    margin: .05rem 0 0;
}
@media (max-width: 600px) {
    .statistic {
        width: 100%; /* 在小屏幕上占满宽度 */
        border-bottom: 1px solid #ccc;
        border-right: none;
    }
    .statistic:last-child {
        border-bottom: none;
    }
}